:root{ 
--font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Josefin Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-family-monospace: 'Montserrat', SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--text-xs:12px;
--text-sm:14px;
--text-md:16px;
--text-lg:18px;
--text-xl:20px;
--text-2xl:24px;
--text-3xl:26px;
--text-4xl:28px;
--text-5xl:30px;
--text-6xl:50px;
--text-7xl:60px;
--text-8xl:64px;
--text-base:22px;
--text-menu:18px;
--text-menul:22px;
--text-cart:11px;
--text-wcm:26px;
--text-wcms:30px;
--banner-one: 60px;
--banner-two: 80px;


--color-base:#000;
--color-theme:#ff0000;
--color-gray:#b8b8b8;
--color-menuinfo:#8187a1;
--color-white:#fff;
--color-preload:#f9f9f9;
--color-topbg:#27282c;
--color-inpbx:#777777;
--color-bgsel:#f1a52b;
--color-graybg:#f8f8f8;
--color-hovergray:#e5e5e5;
--color-deepgray:#626262;
--color-descr:#3f3f3f;
--color-footerbg:#27282c;
--color-fbutton:#39393d;
--color-fsubmenu:#727272;
--color-lgtgray:#f3f3f3;
--color-blgfrmbg:#242529;
}


body{ line-height: 1.5;   color: var(--color-base);  font-family: var(--font-family-monospace);    font-size: var(--text-md); letter-spacing:0.5px;}
.container {   max-width: 1250px;}
.tofnone{ font-size:0px; opacity:0;}
.img-responsive{ max-width:100%; height:auto; display:inline-block;}
::-moz-selection {
/* Code for Firefox */
background-color: var(--color-bgsel);
color: var(--color-white); }

::selection {
background-color: var(--color-bgsel);
color: var(--color-white);}

::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: var(--color-inpbx);
font-weight: 300; }

:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: var(--color-inpbx);
opacity: 1;
font-weight: 300; }

::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: var(--color-inpbx);
opacity: 1;
font-weight: 300; }

:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: var(--color-inpbx);
font-weight: 300; }

::-ms-input-placeholder {
/* Microsoft Edge */
color: var(--color-inpbx);
font-weight: 300; }


ol,
ul {
margin: 0;
padding: 0;
list-style: none; }

select {
display: block; }

figure {
margin: 0; }

a {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; }

iframe {
border: 0; }

a,
a:focus,
a:hover {
text-decoration: none;
outline: 0; }

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
text-decoration: none;  
outline: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {    
line-height: 1.2em;
margin-bottom: 0;
margin-top: 0;
font-weight: 600; }

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
margin-bottom: 0;
margin-top: 0;
font-weight: 600;
}

h1,
.h1 {
font-size: 36px; }

h2,
.h2 {
font-size: 30px; }

h3,
.h3 {
font-size: 24px; }

h4,
.h4 {
font-size: 18px; }

h5,
.h5 {
font-size: 16px; }

h6,
.h6 {
font-size: 14px;
}

td,
th {
border-radius: 0px; }

.preloader-area {
background-color: var(--color-preload);
position: fixed;
width: 100%;
height: 100%;
z-index: 9999; }
.preloader-area .loader-box {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.preloader-area .loader {
width: 70px;
height: 70px;
border-radius: 50px;
background-color: var(--color-white);
border-width: 30px;
border-style: solid;
border-color: #ff0000 #a79e9e;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: loader 2s linear infinite;
-moz-animation: loader 2s linear infinite;
-o-animation: loader 2s linear infinite;
animation: loader 2s linear infinite; }

@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
@-moz-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
@-o-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
#back-top {
position: fixed;
right: 0;
bottom: 30px;
cursor: pointer;
z-index: 9999999;
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; }
#back-top.active{ opacity:1;}
#back-top a {
background: var(--color-theme);
display: block;
text-align: center;
width: 35px;
height: 40px;
border-radius: 5px 5px 0 0;
padding: 12px 8px 8px 7px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; }
#back-top a i {
font-size: 22px;
color:  var(--color-white); }
#back-top a:hover {
box-shadow: 0 5px 12px rgba(156, 156, 156, 0.7); }

.back-top-animation {
right: 20px !important;
opacity: 1 !important;
-webkit-transition: all 0.4s ease-in !important;
-moz-transition: all 0.4s ease-in !important;
-o-transition: all 0.4s ease-in !important;
transition: all 0.4s ease-in !important; }

.topbarinfo{ 
background-color:var(--color-topbg);
padding:15px 0; 
overflow:hidden; 
}

.tobar-inner{
display: flex;
justify-content: space-between;
align-items: center;	
}
/*.menubarhere.sticky{ position: fixed;top: 0;animation: slide-down 0.5s; background-color:var(--color-base);}*/
@keyframes slide-down {
    0% {       
        transform: translateY(-100%);
    } 
    100% {        
        transform: translateY(0);
    } 
}
.logoleft{
max-width:250px;}
.contacttopinfos{
margin-left:10px;}
.contacttopinfos ul{ margin:0px auto; padding:0px; display: flex;}
.contacttopinfos ul li{ list-style:none; display: inline-flex; margin-left:20px;}
.iconlft img{ max-height:30px;    max-width: 30px;}
.partcinfot{    padding-left: 10px;  margin-left: 10px;  border-left: 1px solid var(--color-menuinfo);color:var(--color-menuinfo);}
.partcinfot h5{ color:var(--color-white); font-weight:600; font-size: var(--text-sm); text-transform:uppercase; margin-bottom:3px;}
.partcinfot a{ color:var(--color-menuinfo); text-decoration:none; font-size: var(--text-sm); }
.partcinfot a:hover{ color:var(--color-theme);}
.socialmenu{justify-content: flex-end;}
.socialmenu li{ margin-left: 0px !important;  padding-left: 15px;}
.socialmenu li a{ color:var(--color-white); font-size: var(--text-md);}
.socialmenu li a:hover{ color:var(--color-theme);}
.contacttopinfos ul li:last-child .partcinfot{ border:none;}
.contacttopinfos ul li:nth-last-child(2) .partcinfot h5{ color:var(--color-theme);}

.posrel{ position:relative;    z-index: 999;}
/*.menubarhere{ position:absolute; left:0; right:0; top:100%;background-color: rgba(0,0,0,0.6);  border-top: 1px solid #e2e2e2;    }
.menubarhere ul{margin: 0px auto;   display: flex;  justify-content: space-between;  align-items: center;   }
.menubarhere ul li{ list-style:none;}
.menubarhere ul li a{ text-transform:uppercase; color:var(--color-white); font-weight:500; letter-spacing:1px;font-size: var(--text-sm);padding: 20px 0; display:inline-block; position:relative;}
.menubarhere ul li a:after{     content: '';  display: block;  height: 5px; background-color: transparent;    width: 100%;
    position: absolute;  bottom: 0px;}
.menubarhere ul li a:hover:after{background-color: var(--color-theme);}
.menubarhere ul li.current-menu a:after{background-color: var(--color-theme);}
.menubarhere ul li:last-child a{ padding:0px;}
.menubarhere ul li:last-child a:after{ display:none;}*/
.carousel-item {   -webkit-transition: .6s ease-in-out;  transition: .6s ease-in-out ;}
.bannerarea{ background-color:#c0c0c0; }
.carousel-caption{ height:100%; top:0; bottom:0; display:block !important;}
.flxbox{position: absolute; top: 50%; -ms-transform: translateY(-50%);transform: translateY(-50%); width:100%; left:0;}
.flxbox h6{ font-weight:500; font-size:var(--banner-one); text-transform:uppercase;    letter-spacing: 5px; text-shadow:0px 0px 25px #363636;}
.flxbox h2{font-weight:800; font-size:var(--banner-two); text-transform:uppercase;    letter-spacing: 5px;text-shadow:0px 0px 25px #363636;}
.buttoncalltoact a{ display:inline-block; padding:10px 30px; border:1px solid #d8d8d8; font-weight:400; color:var(--color-white); font-size:var(--text-lg); margin-top:20px;    letter-spacing: 2px; position:relative;box-shadow: 0px 0px 20px #212121;}
.buttoncalltoact a:after{ width:0%; height:calc(100% + 2px); top:-1px; left:50%; content:''; background-color:var(--color-theme);position: absolute;z-index:1;transition: 0.2s;}
.buttoncalltoact a span{ position:relative; z-index:9;text-shadow:0px 0px 25px #363636; text-transform:uppercase;}
.buttoncalltoact a:hover:after{ width:calc(100% + 2px); left:-1px;}
.carousel-control-prev, .carousel-control-next{ width:5%;}

.specialservicres{ background-color:var(--color-graybg); padding:0px 0px 30px;}
.innerservices{ text-align: center;  background-color: var(--color-white); padding: 0 25px 20px;  margin-top: -30px; border-top: 10px solid var(--color-theme);}
.serno{ font-weight:800; font-size:var(--text-8xl);    margin-top: -50px;  position: relative; }
.serno span{background-color: var(--color-theme); color: var(--color-white); padding: 0 15px;}
.innerservices.item2{border-color: var(--color-bace);}
.innerservices.item2 .serno span {background-color: var(--color-base); }
.sername{font-size:var(--text-3xl); margin:15px 0;}
.sername a{ text-decoration:none; color: var(--color-base); border-bottom: 2px solid transparent;}
.serdesc{ margin-bottom:15px; color: var(--color-gray); font-size:var(--text-md); line-height:1.8;}
.sericon{ margin:10px 0 15px;}
.serreadmore{ text-transform:uppercase;font-size:var(--text-sm); font-weight:600;}
.serreadmore a{ text-decoration:none; color:var(--color-base); display: block;  margin-top: 30px;}
.serreadmore a img{ padding-left:5px;    margin-top: -5px;}
.innerservices:hover .serreadmore a{color: var(--color-theme);}
.innerservices:hover .sername a{ border-bottom: 2px solid var(--color-theme); }
.somespecialservices{background-color:var(--color-graybg); padding:30px 0px 30px; position:relative; overflow:hidden;}
.sectheader{ text-transform:uppercase; font-weight:800; color:var(--color-base);font-size:var(--text-4xl); text-align:center; margin-bottom:25px; }
.sectheader span{ display:block;font-weight:600;color:var(--color-theme);font-size:var(--text-sm); }
.sectheader small{ padding-left:5px; font-weight:normal; font-size:100%;}
.innrsomeservices{ background-color:var(--color-white); padding-bottom:25px; text-align:center; border: 2px solid transparent;transition: 0.2s;}
.soneserimage img{ width:100%;}
.someservicon span{ background-color: var(--color-white);  padding: 25px;  border-radius: 50%;  display: inline-block;
    margin-top: -30px;  position: relative;  box-shadow: 0px -20px 15px #4f4f4f30;  width: 120px; height: 120px;}
.someservicon img{  width: auto !important; max-width:100%; display:inline-block !important}
.someservname{font-size:var(--text-3xl); margin:0 0 15px; font-weight:600;}
.someservname a{text-decoration:none; color: var(--color-base);}
.someserdesc{margin-bottom:15px; color: var(--color-base); font-size:var(--text-md); line-height:1.8;}
.someservbtn a{     color: var(--color-white);  background-color: var(--color-theme);  padding: 10px 25px;  text-decoration: none;
    display: inline-block;  border-radius: 6px; text-transform: uppercase;  font-weight: 600; margin-top: 10px;  font-size: var(--text-sm); transition: 0.2s;}
.someservbtn i{ margin-left:5px;}
.innrsomeservices:hover .someservname a{color: var(--color-theme);}
.someservbtn a:hover { color:var(--color-base); background-color:var(--color-hovergray);}
.innrsomeservices:hover{border: 2px solid #e2e2e2;}
.owl-carousel .owl-nav {  position: absolute;  top: calc(50% - 15px);  width: 100%;    display: flex; justify-content: space-between;}
.owl-carousel.major-caousel .owl-nav .owl-prev, .owl-carousel.major-caousel .owl-nav .owl-next {  -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;   transition: .3s all ease;  color: #ffffff;  margin: 0px -20px;  outline: none !important;
    background-color: #000;  padding: 3px 8px !important;  font-size: 30px;  font-weight: bold; border-radius: 5px;}
.owl-prev.disabled, .owl-next.disabled{ opacity:0.3}
.owl-dots{ display:none; opacity:0;}
.testimonials{ background-color:var(--color-graybg); padding:20px 0px 30px; position:relative;}
.testimonials .container{ position:relative; z-index:9;}
.testimonials:after{ background-color:var(--color-white); height:50%; bottom:0; width:100%; left:0; content:''; display:block; position:absolute;}
.eachtestimonials{ position:relative;}
.eachtestimonials .innertestimonials{ background-color:var(--color-white); padding:30px 15px 15px; margin-top:10px;}
.testisub{ font-weight:600; font-size:var(--text-2xl); color:var(--color-deepgray); margin-bottom:12px;    line-height: 1.3;}
.whatsaid{font-weight:normal; font-size:var(--text-md); color:var(--color-deepgray); margin-bottom:12px;    line-height: 1.8; font-style:italic;}
.caret{ text-align: center;  display: inline-block;   width: 0;  height: 0;  margin-left: 2px;  vertical-align: middle;
    border-top: 10px dashed;   border-top: 10px solid\9;  border-right: 10px solid transparent;   border-left: 10px solid transparent;
    margin: 0px auto;   color: var(--color-gray); margin-left: calc(50% - 5px);}
.usrtimg{ text-align:center;}
.usrtimg img{width: auto !important; max-width:100%; display:inline-block !important; border-radius:50%; width:100px; height:100px;}
.testuname{font-weight:600; font-size:var(--text-lg); color:var(--color-deepgray); margin-bottom:5px; text-align:center; }
.testupos{ text-align:center; font-weight:normal; font-size:var(--text-md); color:var(--color-deepgray);}

.partners{ padding:30px 0; overflow:hidden;}
.eachpartners{ border-right:1px solid #e2e2e2;}
.partners .owl-item:last-child .eachpartners{ border-right:0px solid #e2e2e2;}
.eachpartners a{ display:inline-block;}

.mazfig{ text-align:center;}
.mazfig .maznumber{font-weight:600; font-size:var(--text-7xl);}
.mazfig .mazdesc{font-weight:normal; font-size:var(--text-sm); color:var(--color-deepgray);}

.descriptonarea{ padding:40px 0; overflow:hidden; }
.desccontent{ padding-bottom:25px; font-size:var(--text-md);color:var(--color-descr); line-height:1.8}
.desccontent p:last-child{ margin-bottom:0px;}
.desccontent b{ font-weight:500;}

footer{ overflow:hidden; margin-top:15px; background-color:var(--color-footerbg);}
footer .topfooter{ padding:50px 0 20px; overflow:hidden;}
footer .bottomfooter{ padding:25px 0; border-top:1px solid #3e3e41; overflow:hidden; text-align:center;}
.compdescr{ margin:15px 0;font-size:var(--text-sm);color:var(--color-white); line-height:1.8}
.compbutton a{    color: var(--color-white);  background-color: var(--color-fbutton);  padding: 10px 25px;   text-decoration: none;
    display: inline-block;   border-radius: 6px;  text-transform: uppercase;  font-weight: 600;  margin-top: 2px;  font-size: var(--text-sm); transition: 0.2s;}
.compbutton a i{ padding-left:12px;}
.compbutton a:hover{ background-color: var(--color-base);}
footer h4{color: var(--color-white); font-weight:700; letter-spacing:0.5px; margin-bottom:20px;font-size:var(--text-3xl);}
.eachserf{ margin-bottom:10px; width:50%; float:left; padding-right:15px;}
.eachserf h6{margin-bottom:10px;}
.eachserf h6 a{color: var(--color-white);font-weight:400; letter-spacing:0.5px;font-size:var(--text-md);  text-decoration:none;}
.eachserf ul{ margin:0px auto; padding:0px; padding-left:25px;}
.eachserf ul li{ display: list-item;  list-style: circle;  list-style-type: disc;color: var(--color-fsubmenu);}
.eachserf ul li a{color: var(--color-fsubmenu);font-weight:400; letter-spacing:0.5px;font-size:var(--text-md);}
.eachserf ul li a:hover{color: var(--color-white);}
.eachconinfos{ margin-bottom:25px;    display: flex;  align-items: center;}
.eachconinfos h5{color: var(--color-white); font-weight:600; letter-spacing:0.5px; margin-bottom:5px;font-size:var(--text-md);}
.eachconinfos a{color: var(--color-fsubmenu);font-weight:500; letter-spacing:0.5px;font-size:var(--text-md);}
.eachconinfos a:hover{color: var(--color-white);}
.confodrth ul{ padding:0px; margin:0px;}
.confodrth ul li{ margin-left: 0px !important;  padding-right: 15px;    display: inline-block;}
.confodrth ul li a{ color:var(--color-white); font-size: var(--text-lg);}
.socialmenu ul li a:hover{ color:var(--color-theme);}
.iconfl{ max-width:50px; padding-right:10px;}
.footersocial{ padding-left:60px;}
.bottomfooter ul{ margin:0px auto; padding:0px;}
.bottomfooter ul li{ list-style:none; display:inline-block; padding:10px 10px;}
.bottomfooter ul li a{color: var(--color-white); font-weight:500; letter-spacing:0.5px; font-size:var(--text-sm); text-transform:uppercase;}
.bottomfooter ul li a:hover{ color:var(--color-theme);}
.copyrighttext{color: var(--color-fsubmenu); font-weight:500; letter-spacing:0.5px; font-size:var(--text-sm);}
.copyrighttext a{color: var(--color-fsubmenu);}
.copyrighttext a.ttrf{ text-transform:uppercase;}

.portfolios{ padding:40px 0 20px; overflow:hidden;}
.ptrwall{    justify-content: space-between;    display: flex;    align-items: flex-end;}
.portfolios .sectheader{ text-align:left;}
#myBtnContainer .btn{ padding:8px 15px; color:var(--color-base); font-weight:500; text-transform:uppercase;letter-spacing:0.5px; font-size:var(--text-sm);}
#myBtnContainer .btn.active{color:var(--color-white); background-color:var(--color-theme);}
section.portfolios .column.show {    display: block;}
section.portfolios .column {    float: left;    width: 33.33%;  display: none;    padding: 0px;}
section.portfolios .content {   overflow: hidden;  position: relative;}
section.portfolios .content img {    -webkit-transition: all 0.6s ease-in-out;    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;    -o-transition: all 0.6s ease-in-out;    transition: all 0.6s ease-in-out;}
section.portfolios .content .innerdata {   position: absolute;    width: 80%;    height: 80%;    left: 10%;    right: 10%;    top: 10%;    background-color: rgb(255 255 255 / 60%);    color: #000;    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;    opacity: 0;	font-weight:500; 	font-size:var(--text-sm);    transition: .4s ease;}
section.portfolios .content .innerdata i{ color:var(--color-theme); margin-bottom:20px; font-size:25px;}
section.portfolios .content:hover .innerdata {    opacity: 1;}
section.portfolios .content:hover img {    -webkit-transform: scale3d(1.15, 1.15, 1);    transform: scale3d(1.15, 1.15, 1);}
.floatbutton{position: fixed;  z-index: 999;   top: 88px;  right: -76px; transform: rotate( -90deg );}
.floatbutton a{ background-color:var(--color-theme); color:var(--color-white); font-weight:700; font-size:var(--text-sm); text-transform:uppercase; padding:15px;}

.contactformzone{ background-image:url(../images/contactbg.jpg); background-position:center; padding:40px 0;}
.contactformzone .sectheader{ color:var(--color-white);}
.innercontactbox{ padding:30px; background-color:var(--color-white);    margin-top: 1px;    height: 100%;}
.innercontactbox h4{ text-transform:uppercase; font-weight:700; font-size:var(--text-3xl); margin-bottom:20px;}
.innercontactbox h4 span{ display:block;}

.innercontactbox .form-control{ margin-top:15px; background-color:#f1f1f1; height:auto; padding:10px; font-weight:500; color:var(--color-base);}
.innercontactbox .btn-primary{color: var(--color-white);  background-color: var(--color-theme);    padding: 10px 25px;
    text-decoration: none;   display: inline-block;   border-radius: 6px;  text-transform: uppercase;    font-weight: 600;
    margin-top: 20px;   font-size: var(--text-sm);   transition: 0.2s; border: none;}
.innercontactbox .btn-primary i{ padding-left:10px;}
.innercontactbox .btn-primary:hover{ background-color:var(--color-base);}

.bar1, .bar2, .bar3 {  width: 35px;  height: 3px;  background-color: #fff;  margin: 6px 0;  transition: 0.4s; cursor:pointer;}
.change .bar1 {  -webkit-transform: rotate(-45deg) translate(-9px, 6px);  transform: rotate(-45deg) translate(-9px, 6px);}
.change .bar2 {opacity: 0;}
.change .bar3 {  -webkit-transform: rotate(45deg) translate(-8px, -8px);  transform: rotate(45deg) translate(-8px, -8px);}
.resmenu{ display:none; padding:0px 15px}

.pagebanner{ background-position:center; padding:140px 0 100px; position:relative; background-size:cover; border-bottom:3px solid #c0c0c0;}
.pagebanner:after{ content:''; background-color:rgba(0,0,0,0.3); height:100%; width:100%; position:absolute; left:0; top:0; z-index:9}
.pagebanner .container{ z-index:91;    position: relative;}
.pagebanner h1{color:var(--color-white);font-size:var(--text-sm); text-transform:uppercase;        font-size: var(--text-5xl);margin-bottom:15px; letter-spacing:1px;}
.pagebanner .breadcrumbonban{color:var(--color-white); font-size:var(--text-sm); text-transform:uppercase; letter-spacing:1px;}
.pagebanner .breadcrumbonban a{ color:var(--color-white); padding-right:3px;}
.pagebanner .breadcrumbonban span{color:var(--color-white); padding-left:3px;}

.contactpagecontact{ padding:40px 0; overflow:hidden;}
.cpfright{ border-left:1px solid #e2e2e2; padding-left:45px; overflow: hidden;}
.aboutcontactpg{font-size:var(--text-md); font-weight:500; line-height:1.6; margin-bottom:30px;}

.contactpagecontact .form-control{    margin-top: 15px;  background-color: #f1f1f1;   height: auto;  padding: 10px;    font-weight: 500;  color: var(--color-base);}
.contactpagecontact .btn-primary {  color: var(--color-white);  background-color: var(--color-theme);  padding: 10px 25px;
    text-decoration: none;  display: inline-block;  border-radius: 6px;  text-transform: uppercase;    font-weight: 600;
    margin-top: 20px;    font-size: var(--text-sm);    transition: 0.2s;    border: none;}
.contactpagecontact .btn-primary:hover{ background-color:var(--color-base);}
.coinfos{ margin-top:15px;}
.coinfos ul{ margin:0px auto; padding:0px;}
.coinfos ul li{ list-style:none; display:inline-block; width:50%; float:left; margin-bottom:25px; font-weight:500;text-transform: uppercase;    color: var(--color-deepgray);}
.coinfos ul li span{font-size: var(--text-sm); margin-bottom:0px; display:block;}
.coinfos ul li a{font-weight:600;font-size: var(--text-md); color: var(--color-deepgray);}
.coinfos ul li a:hover{ color:var(--color-base);}
.socialsmdas a{ color:var(--color-base) !important; padding-right:15px;}
.boxofconinftd{ padding:15px; background-color:var(--color-lgtgray);    overflow: hidden; margin-top: 15px;}
.eachcbxinfo{ margin-bottom:5px;font-weight:400;font-size: var(--text-sm); color: var(--color-deepgray);}
h6.zhrdr{ margin-bottom:15px;font-size: var(--text-lg);}
.lp15{ padding-left:15px;}
.contacctmap{ margin-top:20px;}
.aboutowner{ padding:30px 0; overflow:hidden;}
.aboutcompowner p{ margin-bottom:15px;font-size: var(--text-xl);  color: var(--color-descr);  line-height: 1.8;}
.aboutcompowner p b{    font-weight: 600;font-size: var(--text-2xl);}
.ownername{ margin-top:20px;font-size: var(--text-xl); font-weight: 600;}
.ownername span{ display:block;font-size: var(--text-md); font-weight: 500;color: var(--color-theme);}
.aboutinnercontinf{ height:100%; border:4px solid #c4c4c4; background-image:url(../images/aboutinconbg.jpg); background-size:cover; background-position:center; padding:20px; display: flex;   flex-wrap: wrap;  align-content: center;  justify-content: center;}
.aboutinnercontinf h3{    color: var(--color-white);  font-weight: 700;  letter-spacing: 0.5px;  margin: 30px 0;    font-size: var(--text-2xl); text-transform:uppercase;    text-align: center;}
.conbxjhdg{     padding: 20px;  background-color: #7f0000;  border-radius: 8px;  width: 100%;  text-align: center; margin-bottom:30px;}
.conbxjhdg a{ color:var(--color-white); text-decoration:none;}
.conbxjhdg p{ color:var(--color-white); font-size: var(--text-lg); font-weight: 600;}
.conbxjhdg span{ color:var(--color-white);font-size: var(--text-sm); font-weight: 500; margin-top:15px;}
.recqtbtn{ text-align:center;}
.recqtbtn a{color: var(--color-white);  background-color: var(--color-theme);  padding: 10px 25px;   text-decoration: none;
    display: inline-block;   border-radius: 6px;   text-transform: uppercase;   font-weight: 600;  font-size: var(--text-sm);   transition: 0.2s;   border: none;}
.recqtbtn a i{ padding-left:10px;}

.interrorinfg{ border-top:1px solid #eee;border-bottom:1px solid #eee; padding:25px 0; overflow:hidden;    background-color: var(--color-graybg);}
.interrorinfg span img{ margin-right:15px; max-height:50px;}
.interrorinfg b{    font-weight: 600;font-size: var(--text-md); text-transform:uppercase;}

.weworkwth{ padding:30px 0; overflow:hidden;}
.innerwhowe{    display: flex;}
.imglft{ margin-right:10px;}
.whowedesc{ max-width:200px;display: flex;  flex-wrap: wrap;  align-content: center;}
.whowedesc span{ display:block; width:100%; color:#345d8a; font-weight:bold; margin-bottom:10px; text-transform:uppercase;font-size: var(--text-sm);}
.whowedesc h4{color:#345d8a; font-weight:bold; margin-bottom:5px; text-transform:uppercase;font-size: var(--text-lg); color:var(--color-theme);}
.whowedesc p{    color: var(--color-deepgray);  font-size: var(--text-sm);  line-height: 1.8;}

.specialblgbaner{ padding:100px 0 60px;}
.blogbanrow{ display:flex; justify-content: space-between; align-items: center;}
.blgrightfrm{ background-color:var(--color-blgfrmbg); padding:20px; width:100%; max-width:750px;}

.blgrightfrm .sectheader{color: var(--color-white);  text-align: left;  font-size: var(--text-xl); letter-spacing:0.5px;margin-bottom:0px;}
.blgrightfrm .sectheader small{ font-size:60%; padding-left:15px}
.blgrightfrm .form-control {   margin-top: 15px;  background-color: var(--color-base);  height: auto;  padding: 10px;    font-weight: 500;  color: var(--color-white); border:1px solid var(--color-base);}
.blgrightfrm .btn-primary {  color: var(--color-white);   background-color: var(--color-theme);    padding: 10px 25px;
    text-decoration: none;    display: inline-block;    border-radius: 6px;    text-transform: uppercase;    font-weight: 600;
    margin-top: 20px;    font-size: var(--text-sm);    transition: 0.2s;    border: none; letter-spacing: 0.5px;}
.blgrightfrm .btn-primary i {   padding-left: 10px;}

.bloglist{ padding:30px 0; overflow:hidden;}
.bloglistings{ margin-bottom:0px;    overflow: hidden;}
.bloglistings ul{ margin:0px -7.5px; padding:0px;}
.bloglistings ul li{ list-style:none; width:50%; float:left; width:calc(50% - 15px); border:1px solid #e2e2e2;  margin:0px 7.5px; margin-bottom:15px; padding:10px; overflow:hidden;}
h3.bloghead{font-size: var(--text-xl); margin: 10px 0 5px;  font-weight: 500;}
h3.bloghead a{color: var(--color-deepgray); text-decoration:none;}
.bloglistings ul li:hover h3.bloghead a{color: var(--color-theme);}
.blogmeta{ color:#1281cf; text-transform:uppercase;font-size: var(--text-sm); margin-bottom:10px;}
.blogdesc{    font-size: var(--text-sm);  color: var(--color-descr);  line-height: 1.8;}
.blogdesc span{ display:block; text-align:right;font-weight: 500;font-size: var(--text-sm);}
.blogdesc span a{color: var(--color-theme);}
.bloglist .pagination{    justify-content: flex-end;}
.sidebarposts{  background-color: var(--color-graybg); padding:15px; border:1px solid #e2e2e2; overflow:hidden; margin-bottom:20px;}
.sidebarcats{  background-color: var(--color-white); padding:15px;overflow:hidden; margin-bottom:20px; }
.sidehead{ text-transform:uppercase; font-weight:600;font-size: var(--text-lg); margin-bottom:5px;}
.listpostcat{ margin:0px auto; padding:0px;}
.listpostcat ul{ margin:0px auto; padding:0px;}
.listpostcat ul li{ padding:12px 0; border-bottom:1px solid #e2e2e2; position:relative; padding-left:15px;}
.listpostcat ul li:last-child{ border:none;}
.listpostcat ul li a{text-decoration: none;  color: var(--color-deepgray); display: block;    font-size: var(--text-sm);
    font-weight: 500;}
.listpostcat ul li:before{content: "\f105";font: normal normal normal 14px/1 FontAwesome; position: absolute;    left: 0;
    top: 14px;}
.descheading{    text-transform: uppercase;  font-weight: 600;  color: var(--color-deepgray);  font-size: var(--text-2xl);
    text-align: center;  margin-bottom: 15px; letter-spacing:1px;}
	
.innerserviceboix{    text-align: center;  background-color: var(--color-white);  padding: 0 25px 20px;   margin-top: 50px;
    border-top: 10px solid var(--color-theme);position: relative; margin-bottom:30px;}
.dsericon{  margin-top: -50px;  position: relative;}
.dsericon span { background-color: var(--color-theme);  color: var(--color-white);  display: inline-block;  width: 90px;
    height: 90px;  line-height: 90px;  border-radius: 100%;}
.dsername{font-size: var(--text-3xl);  margin: 15px 0; font-weight:600; }
.dsername a{ color: var(--color-base);}
.innerserviceboix:hover .dsername a{text-decoration: underline;  text-decoration-color: var(--color-theme);}
.dserreadmore{position: absolute;  left: 0;  right: 0;  bottom: -20px;  z-index: 98;}
.dserreadmore a{display: inline-block;  width: 40px;  height: 40px;  line-height: 40px;  background-color: var(--color-gray);    border-radius: 50%;   color: var(--color-base);   font-weight: 800;}
.innerserviceboix:hover .dserreadmore a{color: var(--color-white); background-color: var(--color-theme);}
.innerserviceboix.item2 {   border-color: var(--color-base);}
.innerserviceboix.item2 .dsericon span{   background-color: var(--color-base);}
.serlist{ margin-bottom:10px; margin-top:0px;}
.serlist ul{ margin:0px auto; padding-left:50px;}
.serlist ul li{ text-align: left;   display: flex;  align-items: center;   color: var(--color-deepgray);  font-size: var(--text-sm);}
.serlist ul li b{ font-weight:600; margin-left:7px;}
.serlist ul li span img{max-height: 40px;}

.interiorservices{ padding:40px 0 10px; overflow:hidden;}
.innerintservice{ height: 100%;   padding: 20px 20px 20px 70px;  background-color: var(--color-graybg); border-bottom: 30px solid #fff; overflow: hidden; position:relative;}
.innerintservice h3{font-size: var(--text-2xl);  margin-bottom: 15px;    font-weight: 600; text-transform:uppercase;}
.innerintservice p{font-weight: normal;  font-size: var(--text-sm); color: var(--color-deepgray);  margin-bottom: 0px;
    line-height: 1.8;  }
.innerintservice:before{     content: attr(data-itemno);  display: block;  font-weight: normal;  font-size: var(--text-6xl);
    color: #e3e3e3;  position: absolute;  left: 20px;  top: 17px;  line-height: 1;}
h3.sectheader{text-transform: uppercase;  font-weight: 700; color: var(--color-base); font-size: var(--text-2xl);  text-align: center;
    margin-bottom: 5px;}
h3.sectheader small{color: var(--color-theme); padding:0px 7px; font-size:100%;font-weight: 700;}
.abtintre{font-weight: 500;  color: var(--color-deepgray);  font-size: var(--text-md);   text-align: center; margin-bottom: 45px;
    letter-spacing: 1px;}
	
	
/*	-------------------------------- Submenu ---------------------------------*/
/*.menubarhere ul li{ position:relative;}
.menubarhere ul li ul {
    display: none;
    position: absolute;
    top: 100%;
    width: max-content;
    background-color: #000;
}
.menubarhere ul li.menu-item-has-children:hover ul {
    display: block;
}
.menubarhere ul li ul li{ padding:5px 20px;}
.menubarhere ul li ul li a{ padding:0px;}
.menubarhere ul li ul li a:after{ display:none;}
.menubarhere ul li ul li:hover a{ color:var(--color-theme)}
.menubarhere ul li ul li ul {
    display: none !important;
    position: absolute;
    top: 0;
	left:100%;
    width: max-content;
    background-color: #000;
}
.menubarhere ul li ul li:hover ul{ display:block !important;}
.menubarhere ul li ul li ul li a{ color:var(--color-white) !important}
.menubarhere ul li ul li ul li:hover a{ color:var(--color-theme) !important}
.menubarhere ul li.menu-item-has-children:before {
    content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome;
    display: block;
    position: absolute;
    right: -16px;
    top: calc(50% - 7px);
    color: #fff;
}
.menubarhere ul li ul li.menu-item-has-children:before{ right:5px !important;}*/
@media (max-width: 1000px)
{
:root{ 
--text-xs:12px;
--text-sm:13px;
--text-md:14px;
--text-lg:16px;
--text-xl:18px;
--text-2xl:20px;
--text-3xl:22px;
--text-4xl:24px;
--text-5xl:26px;
--text-6xl:30px;
--text-7xl:40px;
--text-8xl:45px;
--text-base:14px;
--text-menu:18px;
--text-menul:20px;
--text-cart:11px;
--text-wcm:20px;
--text-wcms:24px;
--banner-one: 30px;
--banner-two: 40px;
}
.resmenu{ display:flex;justify-content: space-between;  padding: 0 15px; height: 55px;}
.container {   max-width: 96%; width:96%;}
/*.menubarhere ul{ display:none;}
.menubarhere ul.activate{ display:block; text-align: right;}*/
.floatbutton{    top: 288px;    z-index: 99;}
.floatbutton a{    padding: 7px 10px; display: none;}
/*.menubarhere{ border-top:0px solid transparent;    z-index: 9999;    background-color: rgba(0,0,0,0.9); padding:15px 0;}
.menubarhere ul li:last-child { margin-top:12px;}*/
.logoleft{ display:none;}
.partcinfot{ display:none;}
.contacttopinfos ul li:last-child .partcinfot{ display:block;}
.contacttopinfos ul li:last-child .partcinfot h5{ display:none;}
.contacttopinfos{ width:100%;}
.contacttopinfos ul{justify-content: space-between;}
.bannerarea .w-100 {  width: 100% !important;  min-height: 60vh;  object-fit: cover;}
.carousel-caption{ left: 5%; right: 5%;}

/*	-------------------------------- Submenu ---------------------------------*/
/*.menubarhere ul li ul{ position:relative; display:block;    margin-right: 0;}*/
#meulsttts{    overflow-y: scroll; height:100vh;}
/*.menubarhere ul li ul{ background-color:transparent !important}
.menubarhere ul li ul li ul {   display: block !important;  position: relative;  top: 0;  left: 0;   width: max-content;}
.menubarhere ul li.menu-item-has-children:before, .menubarhere ul li ul li.menu-item-has-children:before{ display:none;}
.menubarhere ul ul li:last-child {   margin-top: 0px;}
.menubarhere ul ul ul li:last-child {   margin-top: 0px;}*/
}

@media (max-width: 767px)
{
	.bannerarea .w-100 {  width: 100% !important;  min-height: 60vh;  object-fit: cover;}
	.innerservices{    margin-bottom: 70px;}
	.specialservicres .col-md-4:last-child .innerservices{margin-bottom: 10px;}
	.innercontactbox{ margin-top:0px;}
	.ptrwall{ display:block;}
	.ptrwall{flex-direction: column; align-items: flex-start;}
	section.portfolios .column{ width:100%; }
	.contactformzone{ background-position:top;}
	.owl-carousel.major-caousel .owl-nav .owl-prev, .owl-carousel.major-caousel .owl-nav .owl-next{    margin: 0px -5px;}
	.cpfright {   border-left: 0px solid #e2e2e2;  padding-left: 0px;  padding-top: 30px; }
	.pagebanner{    padding: 100px 0 60px; background-position:right;}
	.innerint{text-align: center;    margin-bottom: 15px;}
	.innerwhowe{margin-bottom: 15px;}
	.blogbanrow{    flex-direction: column;}
	.blgrightfrm{ margin-top:15px;}
	.blglefthead{ width:100%;}
	.bloglistings ul li{ width: calc(100% - 15px);}
	.bloglist .pagination{ margin-bottom:20px;}
}

@media (max-width: 480px)
{
	:root{ 
	--text-xs:12px;
	--text-sm:13px;
	--text-md:14px;
	--text-lg:16px;
	--text-xl:18px;
	--text-2xl:20px;
	--text-3xl:22px;
	--text-4xl:24px;
	--text-5xl:26px;
	--text-6xl:30px;
	--text-7xl:36px;
	--text-8xl:40px;
	--text-base:14px;
	--text-menu:18px;
	--text-menul:18px;
	--text-cart:11px;
	--text-wcm:18px;
	--text-wcms:20px;
	--banner-one: 20px;
	--banner-two: 30px;
	}
	.bannerarea .w-100 {  width: 100% !important;  min-height: 80vh;  object-fit: cover;}
	.floatbutton {   top: 212px;  z-index: 99;}	
	.buttoncalltoact a{font-size: var(--text-md);}
	.coinfos ul li{ width:100%;}
}