@import url(effect.css);

@import url('https://fonts.googleapis.com/css2?family=Karla:wght@400;600;700&display=swap');

/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden; width:100vw;}
body{
font-family: 'Karla', sans-serif; font-weight:normal; padding:0; color:#00131d; font-weight:normal; padding-right:0!important;
font-size:15px;
line-height:1.5;
 overflow-x:hidden; width:100vw;
}
/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

:root{--red:#ec1c24; --dark:#be1e2d; --golden:#3842ff; --golden-dark:#0600bf; --gradient: linear-gradient(45deg, #0600bf 0%, #3842ff 50%, #000080 100%);}

img{border:0;}

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

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

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


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #666;
}


.fullArea{width:1280px; max-width:92%; margin:0 auto;}

.floatingBtn{ list-style-type:none; margin:0; padding:0; position:fixed; right:0; bottom:22%; z-index:999;}
.floatingBtn li{width:125px; display:block; clear:both; font-size:12px; text-transform:uppercase; font-weight:700; margin-bottom:10px; border:3px f15a2b; border-right:0;}
.floatingBtn li a{ display:block; overflow:hidden; background:var(--yellow); color:#000; padding:5px 10px 5px 40px; position:relative; line-height:1.2;}
.floatingBtn li a:hover{ background:#ec1c24; color:#fff;}
.floatingBtn li a i{ position:absolute; left:8px; top:10px; font-size:20px;}

/* Header */

.headerArea{display:block; position:relative; overflow:hidden; clear:both;background:#fff; padding:15px 25px; font-size:16px;}
.logo{display:block;}
.logo img{height:70px; max-width:100%;}

.dual-button-wrapper{position: relative; display: inline-block;}
.dual-button-wrapper a{
  display:inline-block;
  font-size: 16px;
  font-weight: 600;
  color:#fff;
  background-color: var(--red);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
  border-radius: 10px;
  text-align: center;
  padding:15px; width:200px;
}
.dual-button-wrapper a:last-child{background: var(--dark);}
.dual-button-wrapper a i{font-size: 13px;}
.dual-button-wrapper span{background:#fff; color: #222; width: 30px; height: 30px; display: block; position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius:50%; text-align: center; font-size: 14px; line-height: 30px; text-transform: uppercase;}
.dual-button-wrapper a:hover{background: var(--gradient);}

.navArea{float:left; width:100%; clear:both; position:relative; background:var(--red);}
.navArea [class^="col-"]:first-child{position:relative;}
.navArea [class^="col-"]:first-child:before{display:block; content:''; position:absolute; left:-10%; right:-40%; bottom:0; top:0; background:var(--dark); transform: skew(-45deg); }
.navArea [class^="col-"]:first-child > a{position:relative; z-index:5; color:#fff; font-size:16px; padding:10px 0; font-weight:800; text-transform:uppercase; text-align:center; display:block;}
.navArea [class^="col-"]:first-child:hover:before{background: var(--gradient);}



.project-slider{position:relative; display:block; width:100%; overflow:hidden;}
.project-slider .carousel-item:before{position:absolute; left:-15%; top:-10%; bottom:0; content:url('../images/slider/slider-flower.png'); z-index:2; transform: scale(0.7);}
.project-slider img{width:100%;}
.project-slider [class^="carousel-control-"]{font-size:40px; color:#fff; opacity:1; top: 45%; height: 60px; width: 60px; background: var(--gradient); color: #fff; border-radius:50%; left: 20px;}
.project-slider [class^="carousel-control-"]:last-child{right:20px; left: auto;}


.project-slider .formArea{display:block; position:absolute; right:0%; top:50%; transform: translate(-50%,-50%); width: 360px; z-index: 15; background:var(--dark); border:8px #fff solid; padding: 20px; color: #fff; line-height: 1.2}
.formArea label{display:block; overflow:hidden; margin-bottom:15px; vertical-align:middle;}
.formArea label input, .formArea label textarea{width:100%; padding:10px; display:block; font-size:15px; border:none; background:#fff;}
.formArea label textarea{height:100px;}
.formArea 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(--golden) solid!important;
-webkit-appearance: none;
-moz-appearance: none;appearance: none;}
.formArea label input[type="checkbox"]:checked{background-color: var(--golden); outline-offset:-4px; outline:2px #fff solid!important;}
.formArea label input[type="submit"]{background-color: var(--red); color:#fff; font-size:22px; font-weight:600; padding:10px 15px;}
.formArea > h3{ display:block; margin-bottom:20px; font-size:26px; font-weight:600;}


/* ============================================================
  DEMO 4 - FULL SCREEN BACKGROUND VIDEO
============================================================ */
#cmn-video-demo4__video2 {
  position:absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  max-width: 105%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /*-webkit-filter: grayscale(100%); filter: grayscale(100%);*/
}


.aboutArea{display:block; padding:0px 0 200px; clear:both; background:#fff url('../images/aboutbg.jpg') no-repeat center bottom fixed; background-size:cover; /*background-blend-mode:soft-light;*/ position:relative; z-index:10;}
.aboutArea [class^="col-"] > div{background: var(--red); color: #fff; display: block; overflow: hidden; padding: 25px; position: relative; top: -50px;}
.aboutArea h1{display:block; font-weight:600; margin-bottom:20px;}
.aboutArea h2{font-size:22px; font-weight:600; margin-bottom:0px; text-transform:uppercase;}
.aboutArea a{display:inline-block; color:var(--dark); background: #fff; padding: 5px 18px; float: right; margin-top: 10px;}
.aboutArea a i{font-size:32px;}


.serviceArea{display:block; overflow:hidden; padding:50px 0 100px;}
.serviceArea h3{display:block; overflow:hidden; padding:0 0 40px; margin-bottom:0; text-transform:uppercase; font-weight:700; font-size:36px; letter-spacing:2px;}
.serviceArea div.item > div{border:1px #ddd solid; border-top:none; padding:60px 20px 20px; display: block; text-align:center; position: relative;}
.serviceArea div.item > div a{display: inline-block; padding: 8px 20px; font-size: 13px; background: var(--gradient); color: #fff;}
.serviceArea div.item > div a:hover{background: var(--red);}
.serviceArea div.item > div span{width: 100px; height: 100px; padding: 25px; background: #fff; border-radius:50%; position: absolute; left: 50%; top: 0; transform: translate(-50%,-50%); z-index: 20;box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);}
.serviceArea div.item > div span img{width: 100%;}

.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{ margin:0 30px; top:-80px; position:absolute; opacity:.7; z-index: 10;}
.owl-carousel .owl-nav button img{width:45px; height:45px;}
.owl-carousel .owl-nav button.owl-prev{left:auto; right: 20px;}
.owl-carousel .owl-nav button.owl-next{right:-30px;}
.owl-carousel .owl-nav button.owl-prev:hover,.owl-carousel .owl-nav button.owl-next:hover{background:none;opacity:1;}



::-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:var(--main);
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background:var(--red);
}



.heighlighArea{display:block; padding:50px 0; font-size:16px; position:relative; text-align: center;}
.heighlighArea h2{font-weight: 700; margin-bottom: 30px;}
.heighlighArea h3{font-weight:700; margin-bottom:10px; font-size:22px; color: var(--red);}
.heighlighArea [class^="col-"] div{ padding:0 10px; display:block;}
.heighlighArea p{text-align:center;}
.heighlighArea img{width: 120px;}

.quickCallArea{text-align:center; padding:50px 0 30px; background:var(--gradient); color:#fff; font-size:26px;}
.quickCallArea h3{font-size:30px; font-weight:700;}
.quickCallArea a{color:#fff;}
.quickCallArea a:hover{color:var(--red);}
.quickCallArea span{display:block; overflow:hidden; clear:both; margin-bottom:30px;}
.quickCallArea span i{color:var(--red); font-size:22px; margin:0 10px 0 20px;}
.quickCallArea > div > a{display:inline-block; clear:both; background:var(--red); padding:15px 45px; font-size:20px; text-transform:uppercase; font-weight:700;}
.quickCallArea > div > a:hover{background:#fff;}

.socialIcon{list-style-type: none; margin:0 0 20px; font-size: 48px; padding: 0;}
.socialIcon li{display: inline-block; margin: 0 10px;}

.footerBottom{background:var(--main); padding:15px; display:block; font-size:13px; position:relative; color:var(--dark); color:var(--red);}
.footerBottom ul{ float:left; margin:0; padding:0; list-style-type:none;}
.footerBottom ul li{ display:inline-block;}
.footerBottom ul li a{ display:block; padding:0 8px; color:var(--red); border-left:1px var(--red) solid; line-height:1;}
.footerBottom ul li:first-child a{border:none;}
.footerBottom ul li a:hover{color:#000;}
.footerBottom img{height:70px;}


#scroll-icon {
    position:fixed;
    right:10px;
    bottom:60px;
    cursor:pointer;
    width:35px;
    height:35px;
    text-indent:-9999px;
    display:none;
    z-index:99999;
}
#scroll-icon span {
	position:absolute; left:0; top:0;
    height:35px;
    width:35px;
    background:transparent url('../images/arrowup.png') no-repeat center center;
}
#scroll-icon:hover {
    opacity:1;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}
#scroll-icon:hover span{ background-image:url('../images/arrowupsolid.png');}


ul.electricsicon{ display:block; padding:0; margin:0; list-style-type:none; position:absolute; bottom:-25px; left:50%}
ul.electricsicon li{ display:inline-block; padding:5px; margin:0 5px; border:1px solid #ddd; border-radius:5px;}

.logosfooter{ display:block; margin:20px auto 0; text-align:center}
.logosfooter img{ max-width:100%;}


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

.innerArea {
    display: block;
    overflow: hidden;
    background: #fff;
    padding: 0 0 30px;
    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{border-bottom:1px #a4a49b solid; padding:10px 20px!important; margin:0!important; overflow:hidden; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ae7330+0,c4912f+50,dea14f+100 */
background: rgb(174,115,48); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(174,115,48,1) 0%, rgba(196,145,47,1) 50%, rgba(222,161,79,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(174,115,48,1) 0%,rgba(196,145,47,1) 50%,rgba(222,161,79,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(174,115,48,1) 0%,rgba(196,145,47,1) 50%,rgba(222,161,79,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae7330', endColorstr='#dea14f',GradientType=1 ); /* IE6-9 */
}

.inner-details-area h1{ color:#fff;  display:inline-block; margin:0!important; padding:0!important;}

/*.breadcrumb{ text-align:right; line-height:1.3; border:1px solid #000; float: right; padding:0; margin:0; list-style-type:none; position:relative;}*/

.breadcrumb{background:none; padding:15px 0 0 0!important; margin:0!important; position:relative; font-size:13px; color:#fff;  float:right}
.breadcrumb-list li{display:inline-block; position:relative; }
.breadcrumb-list li::before{display:inline-block; padding-right:.8rem; padding-left:.8rem; color:#000!important; content:"/"}
.breadcrumb-list li:first-child::before{display:none;}
.breadcrumb-list li a{ color:#eb0022;}
.breadcrumb-list li a:hover{ color:#fff;}
.breadcrumb-item a{ color:#000;}
.breadcrumb-item a:hover{ color:fae052;}
.breadcrumb-item.active{color:#fff;}



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

.midArea .project-header{font-size:20px; background:#fafafa; font-weight:600; display:block; text-align:center; color:#2b2b2b; margin:0 auto 10px; padding:8px 0; border-radius:10px; }

.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;}





.formarea {
    
    
    border-radius: 2px; box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%);
	
}

.formarea > div {
    
    background: #2b9cbe; padding:20px;
    
}

.formarea h3 {
    color: #ffffff;
    font-size:30px;
    font-weight: 700; padding:10px; margin:0; text-align:center;    background: #2b9cbe;
}

.formarea h3 i{
    color: #007ad0;
    font-size:16px; margin-right:10px;
    font-weight:700;background:#007ad0; background:#fff; line-height:40px; text-align:center; width:40px; height:40px; border-radius:50%; 
}

.formarea .control-group {
    margin-bottom: 15px;
}

.formarea .form-control {
    height: 45px;
    color: #333;
    padding: 0 15px;
    border-radius: 5px;
    border: 1px solid #ffffff;
    /*background: transparent;*/
	background:#fff; font-size:13px;
}

.formarea textarea.form-control {
    height: 120px;
    padding: 15px;
}

.formarea .form-control::placeholder {
    color: #333; font-size:13px;
}

.formarea .form-control:-ms-input-placeholder,
.formarea .form-control::-ms-input-placeholder {
    color: #333;
}

.formarea .btn {
    width: 100%;
    color: #fff;    
    box-shadow: inset 0 0 0 0 #fff; font-weight:700; text-transform:uppercase;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e23b3b+41,d51a1a+100 */
background: rgb(226,59,59); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(226,59,59,1) 41%, rgba(213,26,26,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(226,59,59,1) 41%,rgba(213,26,26,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(226,59,59,1) 41%,rgba(213,26,26,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e23b3b', endColorstr='#d51a1a',GradientType=0 ); /* IE6-9 */

}

.formarea .btn:hover {
    color: #ffffff;
    background: #E81C2E;
    box-shadow: inset 400px 0 0 0 #202C45;
}


.contact-info{ display:block; /*background:#666;*/ text-align:left; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
 }

.contact-info [class^="col-"] div{ color:#fff; display:block; padding:30px 20px; position: relative }
.contact-info [class^="col-"] div h3{ color:#efb66a; display: inline-block;  }
.contact-info [class^="col-"] div i{ font-size:25px; background:#b47b30; padding:10px; margin-bottom:10px; border-radius:50px;}
.contact-info [class^="col-"] div strong{ font-size:20px; color:#fff; }
.contact-info [class^="col-"] div a{ display:block; font-size:16px; color:#fff; }


.gallery-listing > [class^="col-"]{margin-bottom:10px; }
.gallery-listing > [class^="col-"] > div{display:block; overflow:hidden; border:10px #fff solid; clear:both; /*padding:10px 10px; */ margin:10px 0; height:280px; 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:10px #be892f solid;}
.gallery-listing > [class^="col-"] > div img{padding:0; display:inline-block!important; transform: scale(1); transition:.2s ease-in-out; width:100%; height:100%; object-fit:cover;}
.gallery-listing > [class^="col-"] > div:hover img{transform: scale(1.1);}
.gallery-listing > [class^="col-"] > div h3{font-size:15px; font-weight:600; line-height:1.5; margin-bottom:0;padding:3px 10px; font-weight:600; background:#b92a30; color:#fff;}


ul.areaListing{ display:block; padding:25px 0 0 0; margin:80px 0; text-align:center; list-style-type:none; }
ul.areaListing li{ display: inline-block; padding:10px; }
ul.areaListing li a{position:relative; font-size:25px; display:block; line-height:1.5;  font-weight:600; text-transform:uppercase; color:#111; border:1px solid #CCC; padding:45px 50px 25px; }
ul.areaListing li a:before { display:block; padding:10px; text-align:center;  line-height:60px; top:0; border-radius:100px; left:50%; transform: translate(-50%,-50%); position:absolute; content:''; background:#dea14f url('../images/location.png') no-repeat; height:60px; width:60px;}

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




.nxtformarea {
    
    
    border-radius: 2px; margin-top:25px; box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%);
	
}

.nxtformarea > div {
    
    background: #666; padding:20px;
    
}

.nxtformarea h3 {
    color: #ffffff;
    font-size:30px;
    font-weight: 700; padding:10px; margin:0; text-align:center;    background:#dea14f;
}

.nxtformarea h3 i{
    color: #007ad0;
    font-size:16px; margin-right:10px;
    font-weight:700;background:#007ad0; background:#fff; line-height:40px; text-align:center; width:40px; height:40px; border-radius:50%; 
}

.nxtformarea .control-group {
    margin-bottom: 15px;
}

.nxtformarea .form-control {
    height: 45px;
    color: #333;
    padding: 0 15px;
    border-radius: 5px;
    border: 1px solid #ffffff;
    /*background: transparent;*/
	background:#fff; font-size:13px;
}

.nxtformarea textarea.form-control {
    height: 120px;
    padding: 15px;
}

.nxtformarea .form-control::placeholder {
    color: #333; font-size:13px;
}

.nxtformarea .form-control:-ms-input-placeholder,
.nxtformarea .form-control::-ms-input-placeholder {
    color: #333;
}

.nxtformarea .btn {
    width: 100%;
    color: #fff; background:#000; 
	

}

.nxtformarea .btn:hover {
    color: #ffffff;
    background: #E81C2E;
}

.testi div{ border:1px solid #ddd; border-radius:5px; display:block; padding:25px;  margin:0 auto 40px; position:relative; text-align: justify; border-left:3px solid #ec1c24; }

.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}

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

@media (max-width: 1400px){
	
ul.areaListing li a{position:relative; font-size:15px; display:block; line-height:1.5; margin-bottom:25px;  font-weight:600; text-transform:uppercase; color:#111; border:1px solid #CCC; padding:45px 50px 25px; }

}

@media (max-width: 991px){
.headerArea{ text-align:center; padding:10px; display:block; overflow:hidden;}
.logo img{height:75px; margin-bottom:15px;}
.dual-button-wrapper a{width:155px; font-size: 14px; padding:15px 10px;}
.dual-button-wrapper span{ width: 25px; height: 25px;font-size: 12px; line-height: 25px;}
.navArea [class^="col-"]:first-child:before{right:-10%; left:-500%;transform: skew(45deg); }

.heighlighArea .row:nth-child(even) [class^="col-"]:nth-child(odd), .heighlighArea .row:nth-child(even) [class^="col-"]:nth-child(even){ position:static;}
.heighlighArea .row [class^="col-"]:first-child(){margin-bottom:25px;}
.heighlighArea h3{font-size:24px;}
.breadcrumb{margin:0 auto!important; font-size:13px; float:none; display:none;}
}

@media (max-width: 767px){

.project-slider .formArea{position:static;  transform: translate(0%,0%); width: 100%;}
.project-slider [class^="carousel-control-"]{font-size:20px;top: 40%; height: 40px; width: 40px;}
	
#cmn-video-demo4__video2 {
  top: 0%;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}


.quickCallArea{padding:30px 0;font-size:20px;}
.quickCallArea h3{font-size:24px;}
	
	.serviceArea h3{font-size:26px;}

.footerArea{ text-align:center;}
.footerArea ul{margin:10px 0;}

.footerBottom{text-align:center;}
.footerBottom ul{ text-align:center; display:block; float:none; padding-top:10px;}

.heighlighArea{padding:50px 0 0;}
.heighlighArea:after{position:static; left:0; height:300px; margin-top:50px;}

.footerBottom [class^="col-"]{padding:5px 0;}
.inner-details-area h1{ display:block; margin:0 auto!important; text-align:center; font-size:25px}
.midArea h2{margin-bottom:15px; margin-top:30px; }
}

@media (max-width: 500px){

}

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


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

@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
.collectionArea .fullArea:before{display:none; opacity:0;}
}