@import url(effect.css);
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');

/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden;}
body{
font-family: 'Source Sans Pro', sans-serif; font-weight:normal; padding:0; color:#333; font-weight:normal; padding-right:0!important;
font-size:17px;
line-height:1.5;
}
body:before{position:absolute; left:0; right:0; top:0; height:1px; content:''; background:var(--dark); display:block; z-index:100;}

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

:root{--blue:#1e4498; --red:#ec2226; --dark:#000;}

img{border:0;}

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

a{color:var(--red); 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:var(--red);}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; color:var(--dark); font-family:"Russo One";}

.wahtsappImg{position:fixed;z-index:9999;left:5px;bottom:5px}
.wahtsappImg img{height:65px}

.container{width:1280px; max-width:99%;}

.header{padding:0; display:block; float:left; width:100%; position:fixed; z-index:9999; margin-top:0.5px;}
.headerTop{background:var(--dark); padding:0 20px; color:#fff; font-size:13px; text-transform:uppercase;}
.headerTop ul{list-style-type:none; margin:0; display:inline-block; border-left:1px rgba(255,255,255,0.2) solid; padding:0 15px;}
.headerTop ul:first-child{border:none; padding-left:0; font-size:16px;}
.headerTop ul li{display:inline-block;}
.headerTop ul li a{display:block; padding:5px; color:#fff;}
.headerTop ul li a img{height:18px;filter: brightness(0) invert(1);}
.headerTop ul li a:hover, .headerTop ul li a.active, .headerTop ul li a:hover img, .headerTop ul li a.active img{color:var(--red);filter: brightness(1) invert(0);}
.headerTop .text-right img{height:16px;filter: brightness(0) invert(1);}

.headerContainer{background:rgba(0,0,0,0.6); padding:5px 20px; color:#fff; display:block; border-bottom:1px rgba(255,255,255,0.3) solid;}
.headerContainer img{max-width:100%; height:85px;}
.callBtn{float:right; color:#fff; background:var(--red); padding:5px 30px; font-weight:600; border-radius:40px;}
.callBtn:hover{color:var(--red); background:#fff;}


.sticky{
z-index:9999; top:0!important; position:fixed; margin-top:0;
-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 .headerContainer{ background:#fff;transition:all .2s ease-in-out;}
.sticky .headerContainer img{content:url(../images/logo-original.svg); height:75px;}


.bannerArea{display:block; clear:both; overflow:hidden; position:relative; height:100vh;}
.bannerArea .carousel-item img{float:right; max-width:100%; min-height:100vh; animation: resize 30s linear infinite;}
.bannerArea .carousel-control-prev, .bannerArea .carousel-control-next{width:40px; height:40px; top:50%; right:0; left:auto; opacity:1; background:var(--red); color:#fff; z-index:100;}
.bannerArea .carousel-control-prev:hover, .bannerArea .carousel-control-next:hover{ background:var(--dark);}
.bannerArea .carousel-control-prev{top:calc(50% - 42px);}
.bannerArea .carousel-control-prev i, .bannerArea .carousel-control-next i{font-size:18px;}


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




.welcomeArea{padding:60px 0; position:relative;}
.welcomeArea > img{position:absolute; top:10%; left:0; z-index:15;/*-webkit-filter: drop-shadow(-5px -5px 6px #476548); filter: drop-shadow(-5px -5px 6px #476548);*/}
.welcomeArea h1{text-transform:uppercase; margin-right:10px; font-size:28px; font-weight:700; letter-spacing:1px; line-height:1.5;}
.welcomeArea p{line-height:1.6; color:#222;}
.welcomeArea a{ display:inline-block; color:#fff; text-transform:uppercase; font-size:14px; font-weight:600; margin-top:20px; border-radius:30px; padding:15px 40px; background:var(--dark);}
.welcomeArea a:hover{background:var(--red);}


.flip{transform: scaleX(-1);}


.serviceArea{text-align:center; padding:60px 30px 30px; background:var(--red); color:#fff;}
.serviceArea h2{margin-bottom:20px; color:#fff; font-size:36px;}
.serviceArea h2 + p{font-size:22px; max-width:750px; margin:0 auto 45px;}
.serviceArea [class^="col-"]{margin-bottom:30px;}
.serviceArea img{width:60%; margin:30px 0;}
.serviceArea h3{ text-transform:uppercase; font-size:16px; padding:20px 0 0;}
.serviceArea .row a{ color:#fff; display:block; overflow:hidden; background:#fff; border:2px #000 solid;}
.serviceArea .row a:hover{background:var(--dark);}
.serviceArea .row a:hover h3{color:#fff;}
.serviceArea .row a:hover img{filter: brightness(0) invert(1);}
.serviceArea > a{color:#fff; border:2px #fff solid; display:inline-block; padding:8px 25px; text-transform:uppercase;font-weight:600; border-radius:25px; margin-bottom:15px;}
.serviceArea > a:hover{background:#000;}


.scroll-downs {
  position: absolute;
  right: 0;
  bottom: -60px;
  left: 0;
  margin: auto;
  
  width :28px;
  height: 25px;
}
.mousey {
  width: 3px;
  padding: 7px 12px;
  height: 28px;
  border: 2px solid var(--dark);
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: var(--red);
  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;}
}


@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}


.footerBoxes{background:#444;}
.footerBoxes > [class^="col-"]{position:relative;}
.footerBoxes > [class^="col-"]:before{position:absolute; left:0; right:0; top:0; bottom:0; display:block; content:''; background:#000; opacity:0;}
.footerBoxes > [class^="col-"]:nth-child(2):before{opacity:0.1;}
.footerBoxes > [class^="col-"]:nth-child(3):before{opacity:0.15;}
.footerBoxes > [class^="col-"]:nth-child(4):before{opacity:0.2;}
.footerBoxes > [class^="col-"]:nth-child(5):before{opacity:0.25;}
.footerBoxes > [class^="col-"]:nth-child(6):before{opacity:0.3;}
.footerBoxes > [class^="col-"] > div{position:relative; z-index:5; padding:40px;}
.footerBoxes > [class^="col-"] > div > img{position:absolute;}
.footerBoxes > [class^="col-"] > div > div{padding:15px 0; color:#fff; margin-left:130px; font-size:14px;}
.footerBoxes > [class^="col-"] > div > div span{display:block; clear:both; overflow:hidden; line-height:1.2; margin-bottom:10px;}
.footerBoxes > [class^="col-"] > div > div h5{color:#fff; margin-bottom:10px; font-size:16px; text-transform:uppercase;}
.footerBoxes > [class^="col-"] > div > div a{display:inline-block; text-align:center; color:#fff; background:var(--red); padding:5px 15px; text-align:center; border-radius:30px;}
.footerBoxes > [class^="col-"] > div > div a:hover{background:#fff; color:var(--red);}


.footer{display:block; background:var(--dark); color:#fff; padding:40px 0 20px; text-align:center;}
.footer > div{border-top:1px rgba(255,255,255,0.1) solid;border-bottom:1px rgba(255,255,255,0.1) solid;}
.footer > ul{list-style-type:none; margin:0; padding:0 0 20px;}
.footer > ul li{display:inline-block; margin:0 5px;}
.footer > ul li a{display:block; width:50px; height:50px; text-align:center; line-height:46px; background:#fff; color:var(--red); border-radius:50%; font-size:18px;}
.footer > ul li a:hover{background:var(--red); color:#fff;}
.footer > ul li a:hover img{filter: brightness(0) invert(1);}

.footer > div ul{list-style-type:none; margin:0; padding:20px 0;}
.footer > div ul li{display:inline-block; margin:0 20px;}
.footer > div ul li a{color:#fff; text-transform:uppercase; font-size:14px;}
.footer > div ul li a:hover{color:var(--red); font-weight:700;}

.footer p{display:block; padding:20px 0 0;}


#scroll-icon{position:fixed; display:block; height:40px; width:40px; line-height:40px; text-align:center; right:15px; bottom:15px; background:var(--red); color:#fff; z-index:1000;}


.wayra-coc-floating-button {
    position: fixed;
    bottom: 20px;
    z-index: 9999;
    text-decoration: none;
    left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

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

#inner-banner-slider{ position:relative; display:block; overflow:hidden; clear:both;}
#inner-banner-slider > svg{ position:absolute; bottom:-17%; left:-100px; right:-100px; z-index:2;}
#inner-banner-slider > svg:last-child{ z-index:1; left:-80px; right:-130px;}
#inner-banner-slider img{ width:100%;}

.inner-head{display:block; position:relative; padding:10px 15px; border:5px solid #fff;  background:#ec2226; margin:0; line-height:0; box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.27);
-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.27);
-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.27); }
.inner-head h1{color:#fff; font-size:30px; line-height:1; margin:0;}

/* -- Inner Header -- */
.inner-header{clear:both; background:#ec2226; padding:10px 0; color:#fff; float:left; width:100%; position:relative;}

.inner-header:after {content: '';  position: absolute;  bottom: -32px;  left: 0;  right: 0;  margin: 0 auto;  width: 0;  height: 0;  border-left: 32px solid transparent;  border-right: 32px solid transparent;
  border-top: 32px solid #ec2226;  z-index: 9;}
  
.inner-header h1{margin:0; color:#fff; padding:0; font-size:30px; text-transform:uppercase; font-weight:700; display:inline-block; font-family: 'Poppins', sans-serif; }

/* -- Breadcrumb-list -- */
.breadcrumb-list{list-style-type:none; padding:0; display:inline-block; margin:0; text-align: right; float:right;}
.breadcrumb-list li{display:inline-block; position:relative; color:#1d2327; font-size:14px; font-weight:600; }
.breadcrumb-list li a{color:#fff}
.breadcrumb-list li::before{display:inline-block; padding-right:.8rem; padding-left:.8rem; color:#1d2327; content:"/"}
.breadcrumb-list li:first-child::before{display:none;}
.breadcrumb-list li a:hover{color:#32e4eb}

.inner-boxes-area{position: relative; top:0; left:0; display:block; background:#fff;   -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.15); /*padding:35px;*/ margin:0 auto; z-index:1;}

.inner-boxes-area [class^="col-"] > div{padding:25px;}
		  
.inner-boxes-area p{ padding-bottom:15px;}
		  
.three-pic [class^="col-"]{margin:30px 0 0;}		  

/* -- 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}

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



.enquireformsp{/*background:#f3f3f3;*/ padding:30px; margin:25px 0;  text-align:center; 
}
.enquireformsp [class^="col-"] > div{background:none; /*padding:20px;*/ display:block; overflow:hidden;}
.enquireformsp [class^="col-"]:last-child div{ background:#fff; border: 1px solid #a1a1a1}
.enquireformsp.socialShow{ right:0px;}
.enquireFloatBtn{
    position:absolute;
    color: #fff;
    transform: rotate(90deg);
    border-radius: 0;
    background-color: var(--red); 
    border: 1px solid #f4ca59; right:192px; top:58px; width:150px; padding:5px 10px; text-transform:uppercase; font-weight:600;
}
.enquireFloatBtn:hover{ background:var(--dark); color:#fff;}
.enquireformsp h2{ text-align:left; margin-bottom:20px; color:#000; text-transform:uppercase}



.enquireformsp [class^="col-"] > div p{ color:#000; }

ul.address-box { list-style-type:none; padding:0; margin:0; text-align:left; }
ul.address-box li{ padding:0 0 20px 0; margin:0; display:block; color:#000}
ul.address-box li div{ display:inline-block; vertical-align:middle; padding:0 0 0 8px; margin:0; box-sizing: border-box; font-size:15px; }
ul.address-box li i{font-size:20px; border:1px solid #ec2226; background:#ec2226; text-align:center; line-height:45px; color:#fff; margin:0; border-radius:45px; width:45px; height:45px;}
ul.address-box li div h3{display:block; color:#333; padding-bottom:5px; margin-bottom:0; line-height:1; font-size:15px; text-transform:uppercase; font-weight:300;}
ul.address-box li div a{ color:#ec2226}
ul.address-box li div a:hover{ color:#000}



.enquiryArea{ display:block; overflow:hidden; clear:both; position:relative; padding:50px; background:#eee; /*background:#222 url('../images/enquiryBg.jpg') no-repeat center center fixed; background-size:cover;*/}
/*.enquiryArea > div > div{margin:auto; width:800px; max-width:90%; background:rgba(255,255,255,0.9); padding:60px; text-align:center;}*/
.enquiryArea form{text-align:left;}
.enquiryArea [class^="col-"]{margin-top:20px;}
.enquiryArea .btn{ color:#fff; float:right; padding: 20px 50px; border-radius: 5px; background-color: var(--red); display:inline-block;font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: 1.5px;}
.enquiryArea .btn:hover{background:var(--blue);}
/*.enquiryArea label{ color: #fff;}*/

.form-control{
    height:auto;
    padding: 8px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
   
    }

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

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

@media (max-width: 991px){
.headerTop{padding:0 10px;}
.headerContainer{padding:8px 10px;}

.bannerArea{height:auto;}
.bannerArea:before{bottom:0; right:0; border-radius: 50px 0;}
.bannerArea .carousel-item img{width:100%; max-width:none; min-height:auto;}
.sliderContent{position:static; width:100%; padding:30px;}
.sliderContent h2{font-size:24px;}

.welcomeArea > img{display:none;}

}

@media (max-width: 767px){
	
.header {
  position: static;
}
	
.headerContainer img{max-width:80%;}
.headerTop ul:last-child{padding:0!important;}

.skillArea{text-align:center;}
.skillArea p{width:100%; margin-bottom:40px;}

.portfoliaArea [class^="col-"]:first-child{text-align:center; margin-bottom:40px;}

.footerBoxes > [class^="col-"] > div {padding: 30px;}
.footerBoxes > [class^="col-"] > div > img{ width:60px; top:28%;}
.footerBoxes > [class^="col-"] > div > div{margin-left:80px;}

.innerbannerArea:before{bottom:0;}
.innerHead{position:static; display:block; text-align:center;}
.innerHead h1{font-size:30px;}

.contactformArea{margin:0px;}
.contactBox .col-md-7 > a{font-size:22px;}
.contactBox > .row > [class^="col-"]:first-child{margin-bottom:40px;}
.contactBox > .row > [class^="col-"] [class^="col-"]:first-child{margin-bottom:15px;}
.contactformArea{ padding:25px;}

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


.breadcrumb-list{list-style-type:none; padding:0; display:block; margin:0; text-align: left; float:none;}

}

@media (max-width: 500px){
ul.address-box li div {width: 82%;}
ul.address-box li i{ line-height:35px; height:35px; width:35px; font-size:16px;}
}

@media (max-width: 360px){
			.inner-bannerArea{display:block; clear:both; overflow:hidden; position:relative; height:12vh;}
	.inner-header h1{font-size:18px; font-weight:500;  }
}


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