/*=======================================================================================================================================
                                                                    Generic CSS
=======================================================================================================================================*/
* {
    font-family: 'Poppins', sans-serif;
    border: 0;
    margin: 0;
    padding: 0;
}

body {overflow-x:hidden; overflow-y:auto !important; overflow:initial;}

body{overflow-y: scroll !important; overflow: initial}


/*body{overflow:initial !important;}
*/
/* Basic Common Column structure */
.width100{width:100%}
.width50{width:50% !important; float:left;}

.margin_auto{margin:0px auto}
/*h1,h2,h3,h4,h5,h6{font-weight:normal;}*/

/* ========= Font Specific ========= */
.tiny{font-size:0.8em}
.small{font-size:0.9em}
.regular{font-size:1.1em}
.semiMedium{font-size:1.3em;}
.medium{font-size:1.5em}
.mediumLarge {
    font-size: 1.6em
}
.large{font-size:2.2em}
.extra-large{font-size:2.6em;line-height:1.5}
.xx-large{font-size:3em;line-height:1.1}
.xxx-large{font-size:5.1em; line-height:1.1;}
.medium-large{font-size:1.7em;}
.maintext{font-size:3.3em}


/*Fonts*/

.light{font-family: 'Poppins', sans-serif !important; font-weight:300;}
.fontRegular{font-family: 'Poppins', sans-serif; font-weight:400;}
.fontMedium{font-family: 'Poppins', sans-serif; font-weight:500;}
.semiBold{font-family: 'Poppins', sans-serif; font-weight:600;}
.bold{font-family: 'Poppins', sans-serif; font-weight:700;}
.upperCase{text-transform:uppercase}
.strike{ text-decoration:line-through}

/*spacer*/
.space5{height:0.3em; display:block;}
.space10{height:0.6em; display:block;}
.space15{height:0.9em; display:block;}
.space20{height:1.2em; display:block;}
.space30{height:1.8em; display:block;}
.space35{height:2.1em; display:block;}
.space40{height:2.5em; display:block;}
.space50{height:3.1em; display:block;}
.space60{height:60px; display:block;}
.space70{height:70px; display:block;}
.space80{height:80px; display:block;}

.topprojsp{height:210px; display:block;}

.float_clear{clear:both;}
.float_right{float:left !important;}


/* Background Color styles */
.themeBGPrime{background:#008bd0} 
.themeBGSec{ background:#f38120}
.themeBGThr{background:#363435}
.themeBGQtr{background:#39892f}
.whiteBg{background:#fff}
.bgGrey{background:#d4d4d4;}
/*.bgEF{ background:#efefef }*/
.bgorg{background:#ffa000;}
.lightbg{background:#f4f9fa}
/* Forecolors */
.colorPrime{color:#008bd0}
.colorSec{color:#f38120}
.colorThr{color:#363435}
.paraBlack{color:#555}
.colorDarkBlue{color:#243aa7;}
.colorWhite{color:#fff !important}
.colorBlack{color:#000 !important;}
.clrdarkgrey{color:#514a4a;}
.clrGrey{color:#a8a4a4;}
.lightblu{color:#75b8db;}
.clroreange{color:#ffa000;}
.colorred{color: #cf1f06;}
.colorbrawon{color:#6d5b56;}
.clrmediumgrey{color:#949090;}
.darkgreen{color:#77d046}
/*classes*/
.lh-lg{line-height:1.7 !important;}
.pad_5{padding:0.3em}
.col_1140{width:1140px;margin:0 auto}
.pad_TB_10{padding-bottom:0.6em;padding-top:0.6em}
.posRelative{position:relative !important}
.btnAppointment{background:#57C6C0; color:#fff; text-decoration:none; padding:8px 15px; border-radius:3px; display:block; position:absolute; right:0; bottom:23px;  -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.btnAppointment:hover{background:#EDCB81;}
.txtDecNo{text-decoration:none}
.line-ht-5{line-height:1.5;}
.line-ht-7{line-height:1.7;}

/*whats app popup*/
.popup{background:#fff; width:120px; position:fixed;right:0; top :40%; z-index:9999;  -webkit-box-shadow: -2px 2px 5px 0px rgba(148,148,148,1);-moz-box-shadow: -2px 2px 5px 0px rgba(148,148,148,1);box-shadow: -2px 2px 5px 0px rgba(148,148,148,1);} 
.live{border-bottom:3px solid #0187ce !important; color:#0187ce; text-transform:uppercase; font-weight:400}
.chat{border-bottom:3px solid #000; color:#000; text-transform:uppercase; margin-left:5px; font-weight:400}

.callLink{background:url('../images/icons/skype.png') no-repeat center center; display:inline-block; height:40px; width:40px; position:fixed; right:0; top :40%; text-decoration:none; z-index:9999; border-radius: 5px 0px 0px 5px; -webkit-box-shadow: -2px 2px 5px 0px rgba(148,148,148,1);-moz-box-shadow: -2px 2px 5px 0px rgba(148,148,148,1);box-shadow: -2px 2px 5px 0px rgba(148,148,148,1);}

.whatsappLink{background:url('../images/icons/whatsapp.png') no-repeat center center #fff; display:inline-block; height:45px; width:45px; position:fixed; right:20px; /*top :45%;*/ bottom:70px; text-decoration:none; z-index:9999; border-radius:100%; /*border-radius: 5px 0px 0px 5px;*/ -webkit-box-shadow: -2px 2px 5px 0px rgba(148,148,148,1);-moz-box-shadow: -2px 2px 5px 0px rgba(148,148,148,1);box-shadow: -2px 2px 5px 0px rgba(148,148,148,1);}

@media screen and (max-width: 414px)
{
    .popup{width:80px;}
    .live{font-size:12px;}
    /*#fcomnm{display:none !important;}*/
}

/*========================Preloader=====================================*/
.preloader {position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: #ffff; overflow: hidden; z-index: 100;}
.preloader .text-container {display: flex; flex-direction: row; gap: 1em; overflow: hidden; color: white; opacity: 0;}

/*===========Header start===============*/

.prodCatlog{background:#ed3237; padding:10px; color:#fff; /*height:0px; width:40px;*/ position:fixed; right:0; top :33%; text-decoration:none; z-index:9999; border-radius: 5px 0px 0px 5px; -webkit-box-shadow: -2px 2px 5px 0px rgba(148,148,148,1);-moz-box-shadow: -2px 2px 5px 0px rgba(148,148,148,1);box-shadow: -2px 2px 5px 0px rgba(148,148,148,1); transition:0.5s}
.prodCatlog:hover{color:#fff; border:1px solid #2faeb2}


.header{background:#0087CF !important; height:4px; width:100%;}
.header{background:#0087CF !important; height:auto; width:100%;}

.socialBox{float:right; margin-right:10px;}
.topFb, .topyouTube, .demo{ -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; width:24px; height:24px; /*margin-right:8px;*/ display:inline-block;}
.topFb:hover, .topyouTube:hover, .demo:hover{-moz-transform:translateY(-5px); -ms-transform:translateY(-5px); -o-transform:translateY(-5px); -webkit-transform:translateY(-5px); transform:translateY(-5px);}
.topFb{background:url("../images/icons/social/facebook-icon.png") no-repeat center center;  }
.topyouTube {background: url("../images/icons/social/insta.png") no-repeat center center;}
.demo{background: url("../images/icons/social/youtube.png") no-repeat center center;}

.topcall{background:url(../images/icons/conCall-white.png) no-repeat top left; padding-left:32px;  line-height:1.5; }
.topcall:hover{color:#a8a4a4}


.topCall{background:url("../images/icons/social/youtube.png") no-repeat center center;}


.topmail{display:inline-block;background:url(../images/icons/email.png) no-repeat left center; padding-left:30px; font-size:0.9em;}
.topmail:hover{color:#a8a4a4}
.boxshadow{box-shadow: 3px 6px 15px rgba(0,0,0,0.2); background:#f7f7f7;}

.socialclass{position:absolute; top:12px;z-index:100}

.Socialanch{text-decoration:none; display:inline-block; width:16px; height:16px; margin-right:10px; background-repeat:no-repeat; background-position:center; }

.Panelsocial{position:absolute;left:0px; top:0; z-index:100}

.Facebookico{background:url("../images/icons/facebookf1.png") no-repeat center center;}
.LinkedInico{background:url("../images/icons/instagrami1.png") no-repeat center center;}
.Twitterico{background:url("../images/icons/twitter-grey.png") no-repeat center center;}

.txtDecNo{text-decoration:none}
.headerline{background:#ccc; height:1px; width:100%; display:block;}
.margin-left{margin-left:550px; display:inline-block;}

.Arialfont{font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;}
.btnquote{background:#1e1e1e; padding:5px 10px; color:#fff; border:1px solid #1e1e1e; text-decoration:none; text-transform:uppercase; display:inline-block; font-weight:600; letter-spacing:2px; font-size:1em; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.btnquote:hover{background:none; border:1px solid #1e1e1e; color:#1e1e1e;}

/*===========Header end===============*/
.shahlogo{float:left; width:110px; height:auto;}


/*.lg {float:left; height:90px; width:90px;}*/
/* Navigation */

/* Navigation */
#navrbar, #navigationBar{position:fixed; z-index:9999; width:100%;}
.navbar-nav .nav-item  a.nav-link{font-weight:600 !important; /*margin-left:-20px;*/  font-size:17px; margin-left:15px !important; margin:0; transition:width 0s ease, background .5s ease; transition:width .5s ease; color:#fff; text-align:right !important}
.navbar-nav .nav-item  a.nav-link:hover{color:#FFC95F;}
.navbar-nav .nav-item  a{display:inline-block; position:relative;}
.navbar-nav .nav-item  a.nav-link{display:block; text-decoration:none; font-family: 'Open Sans', sans-serif; font-size:1em; line-height:1.3;/* color:#171717 !important;*/ padding:0.3em 0.8em; cursor:pointer}

/*nav*/
/* Navigation */
#topNavPanel{width:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
#topNav{list-style:none; float:right; margin-top:-60px; margin-right:0;}
#topNav li{display:inline; position:relative}
#topNav li a{font-family: 'Open Sans', sans-serif; position:relative; font-weight:600; display:inline-block; text-decoration:none;color:#0089cf;font-size:1em;line-height:1.5;padding:10px 12px; letter-spacing:1px; transition:0.5s; border:2px solid #fff;}
/*#topNav li a:before{content:''; position:absolute; left:50%; transform: translate(-50%, 0); bottom:5px; width:0; height:2px; background:#719558; transition:0.5s;}*/
/*#topNav li a.subNav{background:url(../images/icons/navArrow.png) no-repeat right center;padding-right:23px!important; cursor:pointer;}*/
#topNav li a:hover{border:2px solid #0089cf; border-radius:20px;}
#topNav li a:hover:before{width:100%;}
#topNav li a.actPage{background:#FFC95F;}
#topNav li.app{display:none;}
#navBtn{width:34px;height:34px;background:url(/images/icons/nav-btn.png) no-repeat left center;display:none; cursor:pointer; position:absolute; top:37px; right:30px; }

#topNav ul{position:absolute; display:none; top:35px; left:0; padding:5px 0; background-color:#fff !important; border-bottom:3px solid #088393; box-shadow:2px 3px 10px rgba(0,0,0,0.4);}
#topNav ul li{display:block; }
#topNav ul li a{font-family: 'Open Sans', sans-serif; font-weight:600; display:inline-block;text-decoration:none;color:#272727;padding:4px 10px; width:180px; font-size:0.9em !important; letter-spacing:normal; text-transform:capitalize}
#topNav ul li a:hover{color:#088393 !important; background:transparent !important;}
#topNav li:hover > ul{display:block; z-index:3}

#mobNav{display:none;}
.closeBtn{position:absolute; top:5px; right:25px; font-size:36px; color:#fff; text-decoration:none; display:none;}
#mobNav span{display:block !important;}

/*Navigations End*/

.subnav{background:url(../images/icons/navArrow.png) no-repeat right center;padding-right:20px!important}


/*.section-title{font-size:25px; position:relative; padding-left:70px;}
.section-title:before{content:''; position:absolute; top:15px; left:-6px;  width:60px; background:#fff !important; height:2px;}*/

.statsbox img{position:relative}
.statsbox img:before{content:''; position:absolute; top:15px; left:-6px;  width:60px; background:#ffa000 !important; height:2px;}

.count-num{font-size:3em; font-weight:600; display:block; color:#0a0909; margin-top:20px;}
.statBox{padding:20px 8px; /*height:100px;*/ box-shadow:-2px -2px 8px rgba(255,255,255,1), -2px -2px 12px rgba(255,255,255,0.5), inset 2px 2px 4px rgba(255,255,255,0.1), 2px 2px 8px rgba(0,0,0,0.15);}
.readMore{background:rgba(255,255,255,0.9); letter-spacing:2px; font-size:17px; color:#000 !important; padding:10px !important; border:2px solid #fff; transition:0.5s;}
.readMore:hover{background:none; color:#fff !important;}

@media (max-width: 767px) 
{
.dropdown-menu.multi-column {min-width: 240px !important; overflow-x: hidden;}
}

/*============Preloader====================*/
.preloader-container {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh;}
.gears {display: flex; gap: 20px;}
.gear {width: 50px; height: 50px; border: 5px solid #3498db; border-top: 5px solid transparent;
    border-radius: 50%; animation: spin 2s linear infinite;}

@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

.loading-text {margin-top: 20px; font-size: 24px; color: #333;}
/*============Preloader====================*/


/*------------------Banner Area----------------------*/
.bgbanner{background:url("../images/back-banner.jpg") no-repeat center center; background-size:cover; width:100%; height:600px; z-index:999; position:relative !important}
.bredcrumbmenu{position:absolute; right:50px; bottom:0; background:#0087cf !important}
/*------------------Banner Area End----------------------*/

/*---------------Group of company------------------------*/
.compgrouplogo{background:url("../images/group-comp.jpg") no-repeat center center; width:100%; height:250px; transition:0.5s}
.productpgbg{background:url("../images/productspgbanner.jpg") no-repeat center center; width:100%; height:100%;}
/*.compgrouplogo:hover{border-left:4px solid #008bd0; border-bottom:4px solid #008bd0}*/

/*---------------Group of company end------------------------*/

/*----------------Box border css--------------------------*/
.boxheight{height:290px ; background:#008bd0}

.groupbox{background:#fff; transition:0.5s}
.groupbox:hover{background:#4197c2; color:#fff !important;}

.groupbox:hover .colorBlack{color:#fff !important}
.groupbox:hover .colorPrime{color:#fff !important}


.box {width: 100%; height: 300px !important; background: #fff; margin: auto; border: 5px solid #fff; text-align: center; color: #fff;
    position: relative; top: 50px; cursor: pointer; transition: 500ms ease;}

    .box:before {position: absolute; width: 0; height: 4px; content: ""; background: #ffa000; top: -2px; left: -2px; transition: 100ms width ease 300ms; -web-kit-transition: 100ms width ease 300ms;}

    .box:after {position: absolute; width: 4px; height: 0; content: ""; background: #ffa000; top: -2px; right: -2px;
        transition: 100ms height ease 200ms; -web-kit-transition: 100ms height ease 200ms;}

.box-inner:after {position: absolute; width: 0; height: 4px; content: ""; background: #ffa000; bottom: -2px; right: -2px;
    transition: 100ms width ease 100ms; -web-kit-transition: 100ms width ease 100ms;}

.box-inner:before {position: absolute; width: 4px; height: 0; content: ""; background: #ffa000; bottom: -2px; left: -2px;
    transition: 100ms height ease 0ms; -web-kit-transition: 100ms height ease 0ms;}

.box:hover {border-color: transparent; background: #0f2834;}

    .box:hover:before {width: 350px; transition: 100ms width ease 0ms; -web-kit-transition: 100ms width ease 0ms;}

    .box:hover:after {height: 290px; transition: 90ms height ease 90ms; -web-kit-transition: 100ms height ease 100ms;}

    .box:hover .box-inner:after {width: 350px; transition: 100ms width ease 200ms; -web-kit-transition: 100ms width ease 200ms;}

    .box:hover .box-inner:before {height: 290px; transition: 100ms height ease 300ms; -web-kit-transition: 90ms height ease 300ms;}

/*----------------Box border css end--------------------------*/

/*--------------------News section-----------------------------*/
.team-img::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    border: 30px solid;
    border-color: transparent transparent #FFFFFF transparent;
}

.nwsborderleft{border-left:1px solid #ffa000; transition:0.5s; padding-left:30px}
.newsheading{background:rgba(255, 255, 255, 0.9); padding:10px 20px; color:#363435; position:absolute; left:0; top:20px; z-index:999;}

/*--------------------News section-----------------------------*/

/*-------------case study section------------------------------*/
.caseborderleft{border-left:1px solid #fff; transition:500ms ease; padding-left:30px;}
.casestudyheading{background:rgba(255, 255, 255, 0.9); padding:10px 20px; color:#363435; position:absolute; right:0; top:10px; z-index:999;}
/*--------------case study end--------------------------------*/


/*---------------------Testimonials section-----------------------*/
 #serv{position:relative; overflow:hidden;}
    #serv:before{content:''; position:absolute; top:-290px; right:-280px; width:450px; height:700px; background:transparent; border:3px solid rgba(0, 139, 208, 0.3); border-radius:50%;}
    #serv:after{content:''; position:absolute; top:-290px; right:-290px; width:600px; height:600px; background:transparent; border:3px solid rgba(0, 139, 208, ); border-radius:50%;}

    #serv #round:before{content:''; position:absolute; bottom:-380px; left:-300px; width:450px; height:700px; background:transparent; border:3px solid rgba(0, 139, 208, 1); border-radius:50%;}
    #serv #round:after{content:''; position:absolute; bottom:-380px; left:-310px; width:600px; height:600px; background:transparent; border:3px solid rgba(0, 139, 208, 1); border-radius:50%;}

    .testquote{margin-top:-30px; margin-right:30px;}
.bgTestimonial {
    background: url("../images/stats-backgound-img.jpg") no-repeat fixed center; width: 100%;
    background-size: cover;
    height: 400px;
    z-index: 999;
}

.testbox{background:rgba(0,0,0,0.5);}
.testimg{border-radius:50%; width:140px; height:140px;}
.testshorline{background:#fff; height:3px; width:100px; display:inline-block;}


/*-----------------our products slider-----------------------*/
.swiper {
      width: 100%;
      height: 100%;
    }

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }



    .swiper {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .mySwiper2 {
      height: 80%;
      width: 100%;
    }

    .mySwiper {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
/*---------------------product slidre end--------------------------------*/

.lgName{float:left; margin-top:15px}
.btnContact{position:absolute; transition:0.5s; right:10px !important; background:#71574a; color:#fff; padding:10px;}
.btnContact:hover{background:#000; color:#fff}
.btnMore{transition:0.5s; background:#fff; color:#000; text-decoration:none; padding:5px; border-radius:10px !important; }
.btnMore:hover{background:#000; color:#fff}
/*.lg{float: left; height: 100px; width: 100px;}
*/.lgName{float:left; margin-top:15px}


  .letter-sp2{letter-spacing:2px;}



/*banner Start*/
.banneroverly{background:rgba(0, 0, 0, 0.3); position:absolute; overflow:hidden;  z-index:1 !important; top:0; left:0; width:100%; height:100%;}
.overlyBannr {background: rgba(0, 0, 0, 0.5); height: 100%;}
.searchform{position:absolute; top:20px; left:20px;}

.Searchfrm{position:absolute; bottom:-25px; z-index:555; left:155px;}

.Searchfrm{position:absolute; bottom:-45px; z-index:555; left:155px;}


/*categories*/
.projcatbgclr{background:#f2f8fe}
.overlayBanner {position: relative; display: inline-block;}
.overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2);}
#projbyCat .col-md-6 {position:relative; cursor:pointer; transition:0.5s}
.bottomele {position:absolute; bottom:10px;}
#projCat:hover .overlay {background-color:transparent !important;}

/*stat area*/
 .regbutton {display: inline-block; padding: 10px 20px; background-color: transparent; color: #f3e7e7 !important; font-size: 18px; border: none; position: relative; overflow: hidden; border:3px solid #f3e7e7; font-weight:600; text-decoration:none;}

/*stat area*/

/*Explore the categories*/

/*.swiper {
    width: 100%;
    height: 100%;
}

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      position:relative;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }*/


/*Top Projects*/
.topprojbox{position:absolute; left:280px; top:300px; z-index:999 !important;}

.btnViewMore{background:#ffa000; color:#ffffff !important; border:1px solid #ffa000; text-decoration:none; padding:8px 25px !important; border-radius:3px; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; display:inline-block;}
.btnViewMore:hover{background:none; color:#ffa000 !important; border:1px solid #ffa000;}


/*stats*/
.statbg{}

/*News*/
#news{position:relative; overflow:visible; cursor:pointer}

#news .col-xl-6:hover .image-zoom img {transform: scale(1.2);}
.nwsConBtnprev{position:absolute; top:300px; left:20px; }
.nwsConBtnnxt{position:absolute; top:300px; right:1000px; }

/*top project*/
.bgexhibition{background:url("../images/exhibition.jpg") no-repeat center center; background-size:cover; width:100%; height:600px; position:relative}

.overlyexhibi{background:rgba(0, 0, 0, 0.3); height:100%;}

#topproj .col-lg-4{cursor:pointer;}
 .image-zoom{overflow:hidden}

 .image-zoom img{transition: transform 0.5s;}

#topproj .col-lg-4:hover .image-zoom img {transform: scale(1.2);}
.projtitle{transition:0.5s}
#topproj .col-lg-4:hover .projtitle{color:#7db0cb}


/*Testimonials*/
.testbg{background:#f2f8fe}

/*land development*/
#landdelop img{transition:0.5s;}
#landdelop img:hover {opacity:0.7; cursor:pointer;}


.productbox {  position: absolute;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    left: 0;
    width: 100%;
    padding: 10px;
    bottom: 0;
    backdrop-filter: blur(5px)
}

.bgproduct{background:url(../images/kitchen-bg.jpg) no-repeat center center; background-size:cover; width:100%; height:auto;}

/*aos */
#about .container{overflow:hidden !important;}
#groupcom .container{overflow:hidden !important;}
#news .container{overflow:hidden !important}
#stat .container{overflow:hidden !important}
#products .container{overflow:hidden !important;}
#testimonails .container{overflow:hidden !important;}



/*About starts*/
/*#about .container-fluid {overflow: hidden !important;}*/
.section-title {
    /*text-align: center;*/
    margin:0 auto !important;
    padding-bottom: 30px;
}

    .section-title h2 {
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 20px;
        padding-bottom: 10px;
        position: relative;
        color: #125271;
        display: inline-block;
        padding: 10px !important;
        border: #f38120 2px solid
        /*text-align:center !important;*/
    }

        .section-title h2::before {
            content: '';
            position: absolute;
            display: block;
            width: 120px;
            height: 1px;
            background: #ddd;
            bottom: 1px;
            left: calc(50% - 60px);
        }

        .section-title h2::after {
            content: '';
            position: absolute;
            display: block;
            width: 40px;
            height: 3px;
            background: #f7780b;
            bottom: 0;
            left: calc(50% - 20px);
        }


/*.section-title h2:hover{border:#f38120 2px solid}*/

.aboutborder{border-radius:50% !important; background:#00b5f0}

/*.section-title{color: #e06c33; font-weight:600; letter-spacing:5px; text-transform: uppercase;}
*/.shorline{background: #ffa000; height: 3px; width: 100px; display: inline-block; margin-top:0 !important}

.about-img, .feature-img{position: relative; height: 100%; min-height: 400px; margin-top:90px;}
.about-img img, .feature-img img{position: absolute; width:60%; height:60%;}
.about-img img:last-child, .feature-img img:last-child{margin: 20% 0 0 40%;}
.about-img::before,
    .feature-img::before{position:absolute; content:""; width:60%; height:60%; top:10%; left:20%; border: 5px solid #e06c33; z-index: -1;}
.aboutimg{box-shadow: -10px 4px 15px rgba(0,0,0,0.3);}
/*About ends*/


/*services*/
#services .servericeBorder{transition:0.5s;}
#services .servericeBorder:hover{/*background:rgb(118,192,78, 0.4);*/ background:#d1ebeb; transform:translateY(-10px);}

/*#services .col-md-3:hover .servericeBorder{}*/

.servericeBorder{border:1px solid #e6e0e0; border-radius:15px}
.servimg{width:180px; height:180px; border-radius:50%; background:#eef1f2;  margin:0 auto;}
.servcatbtn{width:50px !important; height:50px !important; border-radius:50%; border:1px solid #7f888b;}

/*News*/
.nwstitle{text-decoration:none; cursor:pointer;}
    .nwstitle:hover{color:#00b5f0;}
.nwsbtn{border:1px solid #fff; padding:15px; }
.nwsbtn:hover{background:#00b5f0; padding:15px; color:#fff; transition:0.5s;}

#news .col-md-4:hover .nwstitle{color:#00b5f0}
#news .col-md-4:hover .nwsbtn{background:#00b5f0; padding:15px; color:#fff; transition:0.5s;}

.nwsmorebtn{background:#fff; color:#00b5f0; border:1px solid #00b5f0; padding:10px; cursor:pointer; text-decoration:none; margin:0 auto !important;}
.nwsmorebtn:hover{background:#00b5f0; color:#fff; border:1px solid #00b5f0; padding:10px; cursor:pointer; text-decoration:none; transition:0.5s;}



.newsborder{border-radius:5px 0 05px !important;}

/*Event & Gallery*/
.btnEvent{background:none; border:1px solid #212529; padding:10px; cursor:pointer; text-decoration:none; color:#212529;}
.btnEvent:hover{background:#1e1e1e; color:#fff; transition:0.5s;}

.eventimgborder{border:1px solid #00b5f0;}


/*** Facts ***/
.fact-item {
    border: 1px solid #fff;
    transition: 0.5s
}
.fact-item::before{border-top:1px solid #1e1e1e; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1);}
.fact-item::after{border-right:1px solid #1e1e1e; border-left: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1);  box-sizing: border-box;}

.fact-item .fact-icon{/*width: 120px; height: 120px;*/ margin-top: -60px;  margin-bottom: 1.5rem; display: inline-flex; align-items: center; justify-content: center; background: #FFFFFF; border-radius: 120px; transition: .5s;}
.fact-item:hover .fact-icon{background: #1e1e1e;}
.fact-item .fact-icon i{color: var(--primary);transition: 0.5s;}
.fact-item:hover .fact-icon i{color: #FFFFFF;}
.fact-item:hover{border:1px solid #1e1e1e;}
/**/
.col-lg-4:hover .fact-item::before,
.col-lg-4:hover .fact-item::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/*projects*/


/*Projects Deatils*/
.productbx{position:absolute; background:#343333; width:100%; bottom:-3px; color:#fff; font-size:18px; padding:5px;}


.productoverly{background:rgba(118, 192, 78, 0.2); position:absolute; overflow:hidden;  z-index:1 !important; top:0; left:0; width:100%; height:100%;}
.moreproduct{position:absolute !important; z-index:2 !important; left:32% !important; top:180px; background:#fff !important;}
.prductname{margin-top:100%;}
.moreproduct:hover .bg-white{background:#76c04e !important;}
.whiteoverly{background:rgba(255,255,255,0.5); height:inherit;}

.bulletlist{list-style:none; margin-left:0 !important;}
.bulletlist li{list-style:none; display:block; position:relative; padding-left:20px; line-height:1.7;}
.bulletlist li span{color:#00b5f0; font-size:1.5em; position:absolute; left:0; top:-9px;}

.blackOverlay{background:rgba(0, 0, 0, 0.2); height:inherit}

.testoverly{background:rgba(118, 192, 78, 0.3); height:inherit;}
.testinfobg{background:rgba(255, 255, 255, 0.5); height:inherit;}

/*stats*/
.bgstat {background: url("../images/statbg.jpg") no-repeat center center; background-size: cover; width: 100%; height:400px;}

/*testimonials start*/
.testboxinfo{background:#00b3ee; border-radius:25px 0 25px 0}
.testquote{margin-top:-30px; margin-right:30px;}
/*.bgTestimonial {
    background: url("../images/woman-doing-cleaning-the-house.jpg") no-repeat fixed center;
    width: 100%;
    background-size: cover;*/ /*height:600px;*/
    /*z-index: 999;
}*/
.testbox{background:rgba(0,0,0,0.5);}
.testimg{border-radius:50%; width:140px; height:140px;}
.testshorline{background:#fff; height:3px; width:100px; display:inline-block;}

.rateus{background:#00b5f0; color:#fff; border:1px solid #00b5f0; padding:10px; cursor:pointer; text-decoration:none; margin:0 auto !important; letter-spacing:2px}
.rateus:hover{background:#1e1e1e; color:#fff; border:1px solid #1e1e1e; padding:10px; cursor:pointer; text-decoration:none; transition:0.5s;}



.count-num{font-size:2.5em; font-weight:600; display:block; color:#0a0909; margin-top:2px;}
.statBox{padding:20px 8px; /*height:100px;*/ box-shadow:-2px -2px 8px rgba(255,255,255,1), -2px -2px 12px rgba(255,255,255,0.5), inset 2px 2px 4px rgba(255,255,255,0.1), 2px 2px 8px rgba(0,0,0,0.15);}
.readMore{background:rgba(255,255,255,0.9); letter-spacing:2px; font-size:17px; color:#000 !important; padding:10px !important; border:2px solid #fff; transition:0.5s;}
.readMore:hover{background:none; color:#fff !important;}

/*Accordian*/
.faqbg{background:#6d5b56}
.accordinbox{position:absolute; width:45%; top:24%; right:110px; z-index:999;}
.genMedAccordian h3 {background: #C6C5B9; color: #444; text-align: left; padding: 15px 14px; cursor: pointer; margin-top: 0; margin-bottom: 9px; padding-right: 40px; transition: 0.25s all; position: relative; font-size:1.1em; line-height:1.3; font-weight:400; }
.genMedAccordian h3:hover{background:#a8a4a4; color:#fff;}
.genMedAccordian h3.active {margin-bottom: 21px; background: #1e1e1e; color:#fff; }
.genMedAccordian h3::before {content: attr(data-prefix); font-size:1em; margin-right: 9px;}
.genMedAccordian h3.alignLeft {	padding-left: 35px;}
.genMedAccordian > div {display: none; background: transparent; border: 1px solid #cdcdcd; text-align: left; padding:15px; margin-bottom: 9px; color:#fff;}
.genMedAccordian .arrowDown {width: 0; height: 0; border-style: solid; border-width: 13.0px 7.5px 0 7.5px; border-color: #215A6D transparent transparent transparent; position: absolute; bottom: 0; left: 40px; transition: 0.25s all;  opacity: 0;}
.genMedAccordian .active .arrowDown {bottom: -13px; border-color: #1e1e1e transparent transparent transparent; opacity: 1;}
.genMedAccordian .collapseIcon {position: absolute; right: 20px; top: 45%; font-size: 25px; color:#6d5b56; font-weight: 300; -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.genMedAccordian .collapseIcon.alignLeft {right: initial; left: 20px;}


/*enquiry form */
.conTextBox{padding:0.8em; display:block; resize:none; width:97%; border-bottom:1px solid #0187ce !important; transition:all 0.5s ease;background:none; border:1px solid #fff;}
.conTextBox:focus{border:none; border-bottom:1px solid #0187ce !important; outline:none; border:1px solid #fff; }
.buttonForm{background-color:#00a8eb; border:2px solid #fff; color:#fff; font-size:1em; padding:10px 18px; border-radius:2px; cursor:pointer; -webkit-transition:all 0.7s ease; transition:all 0.7s ease; font-weight:400;}
.buttonForm:hover{border:2px solid #00b5f0; background:none; color:#00b5f0;}
.textshadow {text-shadow: 2px 8px 10px rgb(0 0 0 / 0.30);}

.contctimg {background: url("../images/residental-project.jpg") no-repeat center center; width:100%; height:500px;}
.contctoverly{background: rgba(0,0,0,0.5); display: block; height: 500px;}


/*footer*/
.overlyFooter {background: rgba(0, 0, 0, 0.9); height: 100%;}

.footerBanner{background:url("../images/royalcity-footer.jpg") no-repeat center center; background-size:cover; width:100%; height:auto;}

/*footer*/
.bgfooter{background:#cbcdcb;}
.intellect{text-decoration:none; color:#7f888b; font-weight:600;}
.intellect:hover{color:#76c04e;}
.clr555{color:#555;}
.footer {background: #cbcdcb}
.comfootbg{background:#141819}
.footerHeading{background:#141819; display:inline-block; padding:2px 30px; }
.footer span {display: block; color: #7f888b;}
.footerCaption{font-size:1.2em; line-height:1.5; color:#fff;}
.footerNav{list-style:none}
.footerNav li{padding-left:0 !important;}
.footerNav li a{text-decoration:none;display:inline-block; margin-left:-22px !important; color:#000; font-size:0.9em; line-height:1.3 !important; font-weight:400;}
.footerNav li a:hover{color:#00b5f0;}
.intellect{text-decoration:none; color:#7f888b; font-weight:600;}
.intellect:hover{color:#0187ce;}

.footerLine{background:#61696c; width:100%; height:1px; display:block;}
.fLine{position:relative; background:#61696c; width:90%; height:1px; display:block;}
.fAbsLine{position:absolute; left:0; top:-1px; background:#C6C5B9; width:70px; height:2px; display:block;}

.foo_socialIco{width:48px; height:48px; display:inline-block; margin-right:5px;}
.foo_fb, .foo_insta, .foo_twitter{transition:0.5s;}
.foo_fb:hover, .foo_insta:hover, .foo_twitter:hover{transform:translateY(-10px);}
.foo_fb{background:url("../images/icons/footfb.png") no-repeat center center;}
.foo_insta{background:url("../images/icons/footinstagram.png") no-repeat center center;}
.foo_twitter{background:url("../images/icons/twitter-footer.png") no-repeat center center;}
.footxtClr{color:#7f888b;}


/*contact info*/
.contactinfobox{background:linear-gradient(to top, #058bcf, #ffff); border-radius:0 0 20px 20px;}
.addr{background:url("../images/icons/location.png") no-repeat top left; display:block; padding-left:34px; font-weight:400; color:#000;}
.email{background:url("../images/icons/email-footer.png") no-repeat top left; display:block; text-decoration:none; padding-left:34px;  font-weight:400; color:#000;}
.email:hover{color:#7f888b;}
.foo_call{background:url("../images/icons/phone-call.png") no-repeat top left; display:block; text-decoration:none; padding-left:34px; font-weight:400; color:#000;}
.foo_call:hover{color:#7f888b;}
.breakWord{word-wrap:break-word;}

.pg_TB_pad {padding: 6em 0em;}
.headerOverlay {background: rgba(0,0,0,0.5); display: block; height: 
                450px;}

.headerOverlay1{background: rgba(0,0,0,0.5); display: block; height: 
                280px !important}

.pgHeader1 {
    background: url("../images/page-headers/pg-header.jpg") no-repeat center center;
    background-size: cover;
    height: 280px;
}
.pgHeader2 {
    background: url("../images/pg-header-review.jpg") no-repeat center center;
    background-size: cover;
    height: 300px;
}
.pgHeader3 {
    background: url("../images/products/innovation/uday-innovations-banner.jpg") no-repeat center center;
    background-size: cover;
    height: 450px;
}
.pgHeader4 {
    background: url("../images/products/reshellers/Page-Banner-Photo.jpeg") no-repeat center center;
    background-size: cover;
    height: 450px;
}
.pgHeader5 {
    background: url("../images/pg-header-news.jpg") no-repeat center center;
    background-size: cover;
    height: 300px;
}
.pgHeader6 {
    background: url("../images/pg-header9.jpg") no-repeat center center;
    background-size: cover;
    height: 300px;
}
.pgHeader7 {
    background: url("../images/pg-header10.jpg") no-repeat center center;
    background-size: cover;
    height: 300px;
}
.pgHeader8 {
    background: url("../images/pg-header-contact.jpg") no-repeat center center;
    background-size: cover;
    height: 300px;
}
.pgHeader9 {
    background: url("../images/pg-header-career.jpg") no-repeat center center;
    background-size: cover;
    height: 300px;
}
.pgHeader10 {
    background: url("../images/pg-header-gallery.jpg") no-repeat center center;
    background-size: cover;
    height: 300px;
}
.pgHeaderEnergy{background:url("../images/energy-generation.jpg") no-repeat center; background-size:cover; height:400px;}
.energyheaderOverlay{background: rgba(0,0,0,0.5); display: block; height: 400px;}
.pgheadertitle{font-weight:600; color:#00a8eb; font-size:2.3em; text-align:center;}

.pgsubtitle{color:#fff; font-size:1.5em; position: relative;}

.contctoverly{background: rgba(0,0,0,0.5); display: block; height: 500px;}

.headingtitle{color:#6d5b56; font-size:3em; position:relative; margin-left:300px;}
.headingtitle:before{content:''; width:400px; height:3px; background:#000 !important; position:absolute; top:30px; left:0;}
.border-bottom{border-bottom:2px solid #0c0b0b !important; margin-top:20px; margin-bottom:20px; }
.bgabout{background:#ebebec;}
.visionimg{position:absolute; top:-70px; left:150px; box-shadow:10px 4px  15px rgba(0,0,0,0.1);}

.numbers{font-weight:600; font-size:1.8em; color:#d1b99f; padding-right:10px !important; display:block; position:relative;}

.values{font-size:17px !important; display:block; position:absolute; top:9px; color:#585353 !important; left:60px; /*border-right:2px solid #6d5b56; padding-right:32px;*/ font-weight:500}



.projectbx{background:#ffa000; position:absolute;}
.greyLine{background:#ccc !important; height:1px; width:100%; display:block; margin-top:25px; margin-bottom:25px;}

/*Testimonials*/

#testimonials .col-lg-4:hover .eventheading{color:#0087cf}
#testimonials .col-lg-4:hover .readevnt{color:#0087cf !important}

.namebox{background:#6d5b56; width:300px; border-radius:35px 8px 35px 8px; color:#fff; position:absolute; top:-45px; box-shadow: 8px 4px 15px rgba(0,0,0,0.3); }
.borderbx{border-radius:8px 35px 8px 35px; border:1px solid #dedddd;}

/*rate us*/

.ratTextBox{padding:0.8em; display:block; resize:none; width:97%; border-bottom:1px solid #fff !important; transition:all 0.5s ease; background:none !important;  border:none; color:#fff !important;}

.ratTextBox:focus{border:none; border-bottom:1px solid #00b5f0; outline:none; background:#2faeb2 !important;}

.ratebtn{background-color:#fff; border:2px solid #fff; color:#00b5f0; font-size:1em; padding:10px 18px; border-radius:2px; cursor:pointer; -webkit-transition:all 0.7s ease; transition:all 0.7s ease; font-weight:400;}
.ratebtn:hover{border:2px solid #fff; background:none; color:#fff;}
.conBox{background:linear-gradient(250deg, #2faeb2, #A4EAED);}



.con-addr{background:url("../images/icons/location.png") no-repeat top left;  display:block; padding-left:34px; font-weight:400; color:#7f888b; word-wrap:break-word;}
.con-email{background:url("../images/icons/mail.png") no-repeat top left; line-height:1.8em; display:block; text-decoration:none; padding-left:34px;  font-weight:400; color:#7f888b;}
.con_call{background:url("../images/icons/call.png") no-repeat top left; line-height:1.9em; display:block; text-decoration:none; padding-left:34px; font-weight:400; color:#7f888b; }

.absTopArrow{position:fixed; bottom:15px; right:20px; z-index:55;}
.fixedArrow{background:url("../images/icons/up-arrow.png") no-repeat center center; display:block; height:48px; width:48px;}
.topArrowIco{}

/*work section*/
#portfolio .carousel-indicators{bottom:-25px; color:#000;}
#portfolio .carousel-indicators button {background-color: black; border-radius:100%;}
.btnwork{background:#c0c0c0; color:#000 !important; text-decoration:none; padding:8px 25px !important; border-radius:3px; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; display:inline-block;}
.btnwork:hover{background:#fa3b62; color:#ffffff !important;}

.height{height: 300px;}
.bannerht{height:650px;}


/*Event Gallery*/
/*.swiper1{margin: 100px auto; width: 320px; height: 240px;}
.swiper-slide1 {display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: bold; color: #fff;}
#event .swiper-button-next {color:#fff;}
#event .swiper-button-prev {color:#fff;}
*/

/* About us page */

/*Team Page*/
.teambox{background:url(../images/icons/team.png) no-repeat center center;}

/*Testimonials page*/
.reviewquote{position:relative !important;}
.reviewquote:before{content:''; width:70px; height:3px; background:#1e1e1e !important; position:absolute; top:37px; left:-75px !important;}
.reviewquote:after{content:''; width:70px; height:3px; background:#1e1e1e !important; position:absolute; top:37px; left:70px !important;}
.testpad{padding-left:70px !important;}


/*News Page*/
#news .col-md-6


.newstitle{cursor:pointer;}
#news .col-xl-6 :hover .newstitle {color: #0087cf !important; transition: 0.5s}
#news .col-xl-6:hover .linkbtn{color:#0087cf !important; background:none; transition:0.5s}
.linkbtn{text-decoration:none; font-size:17px !important; color:#fff !important; background:#0087cf; border: 1px solid #0087cf; border-radius:15px; padding:8px; display:inline;}
.linkbtn:hover{color:#00b5f0 !important; background:none;}


/*products page*/
.content {position: relative; margin: auto; overflow: hidden;}
.content .content-overlay {background: rgba(0,0,0,0.4); position: absolute; height: 100%; width: 100%; left: 0; top: 0;
  bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;}
.content:hover .content-overlay{opacity: 1;}
.content-image{width: 100%;}
.content-details {position: absolute; text-align: center; padding-left: 1em; padding-right: 1em; width: 100%; top: 50%;
  left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;}
.content:hover .content-details{top: 50%; left: 50%; opacity: 1;}
.fadeIn-bottom{top: 80%;}



/*Events And Gallery Page*/
.btnexplore{background:#00b5f0; padding:10px; cursor:pointer; text-decoration:none; color:#fff; font-weight:600}
.btnexplore:hover{background:#1e1e1e; color:#fff; transition:0.5s;}
.eventtitle{cursor:pointer;}
.eventtitle:hover{color:#a9dc93}


/*Contact us*/
.conboxtitle{background:#00b5f0; position:absolute; left:0; top:0; width:100%;}


/*Energy power generation*/
.basiclist{list-style:none; margin-left:-30px !important;}
.basiclist li span{font-weight:600; color:#0087cf; font-size:20px; background:#ffa000}


/*Projects */
.menu .nav-tabs {border: 0;}
.menu .nav-link {transition: 0.3s; border-radius: 0; cursor: pointer; height: 100%; border: 0; padding:10px;}

@media (max-width: 575px) {
  .menu .nav-link {margin: 0 10px; padding: 10px 0;}
}
.menu .nav-link i {padding-right: 15px; font-size: 60px;}
.menu .nav-link h4 {font-size: 15px; margin: 0; text-decoration:none; color:#100f0f;}
@media (max-width: 575px) {
    .menu .nav-link h4 {font-size: 16px;}
}
.menu .nav-link.active h4 {color: #fff !important; background-color: #0087cf;}
.menu .tab-content .tab-header {padding: 30px 0;}
.menu .tab-content .tab-header p {font-size: 14px; text-transform: uppercase; color: #676775; margin-bottom: 0;}
.menu .tab-content .tab-header h3 {font-size: 36px; font-weight: 600; color: var(--color-primary);}
.menu .tab-content .menu-item {-moz-text-align-last: center; text-align-last: center;}
.menu .tab-content .menu-item .menu-img {padding: 0 60px; margin-bottom: 15px;}
.menu .tab-content .menu-item h4 {font-size: 10px; font-weight: 500; color: var(--color-secondary); margin-bottom: 5px;}
.menu .tab-content .menu-item .ingredients {color: #8d8d9b; margin-bottom: 5px;}
.menu .tab-content .menu-item .price {font-size: 24px; font-weight: 700; color: var(--color-primary);}


/*Project listing*/
.bgenquiry{background:url("../images/enquiry-form.png") no-repeat right center;}



/*button*/
.button-30 {
    align-items: center;
    appearance: none;
    background-color: #FCFCFD;
    border-radius: 4px;
    border-width: 0;
    box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px,#D6D6E7 0 -3px 0 inset;
    box-sizing: border-box;
    color: #36395A;
    cursor: pointer;
    display: inline-flex;
   /* font-family: "JetBrains Mono",monospace;*/
    height: 48px;
    justify-content: center;
    line-height: 1;
    list-style: none;
    overflow: hidden;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: box-shadow .15s,transform .15s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    will-change: box-shadow,transform;
    font-size: 18px;
}

.button-30:focus {
    box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
}

.button-30:hover {
    box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
    transform: translateY(-2px);
}

.button-30:active {
    box-shadow: #D6D6E7 0 3px 7px inset;
    transform: translateY(2px);
}



/*================================================= Uday Reshellers Css =============================================*/
.reshellerbanner{background:url("../images/back-banner.jpg") no-repeat center center; background-size:cover; width:100%; height:400px; z-index:999;}
#prodnav{list-style:none;  /*margin-right:-500px !important;*/}
#prodnav li{display:inline; position:relative}
#prodnav li a{font-family: 'Open Sans', sans-serif; position:relative; font-weight:400; display:inline-block; text-decoration:none;color:#0089cf;font-size:0.8em;line-height:1.5;margin-left:20px; padding:10px 12px; letter-spacing:1px; transition:0.5s; border:2px solid #0089cf;}
#prodnav li a:hover{border-radius:30px;}
.procat1{background:url("../images/products/sugar-mills-roller.jpg") no-repeat center center; width:100%; height:200px;}
.procat2{background:url("../images/products/cane-handing-equipment.jpg") no-repeat center center; width:100%; height:200px;}
.procat3{background:url("../images/products/cane-preparation.jpg") no-repeat center center; width:100%; height:200px;}
.procat4{background:url("../images/products/cane-milling.jpg") no-repeat center center; width:100%; height:200px;}
#ourprodresh .col-md-3{transition:0.5s}
#ourprodresh .col-md-3:hover .procat1{border-bottom:3px solid #ffa000;}
#ourprodresh .col-md-3:hover .procat2{border-bottom:3px solid #ffa000;}
#ourprodresh .col-md-3:hover .procat3{border-bottom:3px solid #ffa000;}
#ourprodresh .col-md-3:hover .procat4{border-bottom:3px solid #ffa000;}






/*================================================= Uday Innovations Css =============================================*/

.procatinnov1{background:url("../images/products/innovation/Bagasse-Carrier.jpg") no-repeat center center; width:100%; height:200px;}
.procatinnov2{background:url("../images/products/innovation/drop-forged.jpg") no-repeat center center; width:100%; height:200px;}
.procatinnov3{background:url("../images/products/innovation/fabricated-chain.jpg") no-repeat center center; width:100%; height:200px;}
.procatinnov4{background:url("../images/products/innovation/cane-carrier-chain.jpg") no-repeat center center; width:100%; height:200px;}
#chainproducts.col-md-3{transition:0.5s}
#chainproducts .col-md-3:hover .procatinnov1{border-bottom:3px solid #ffa000;}
#chainproducts .col-md-3:hover .procatinnov2{border-bottom:3px solid #ffa000;}
#chainproducts .col-md-3:hover .procatinnov3{border-bottom:3px solid #ffa000;}
#chainproducts .col-md-3:hover .procatinnov4{border-bottom:3px solid #ffa000;}

/*================Photo Gallery===========================*/

.img-border{border:1px solid #ccc;}
.img-border:hover{border:1px solid #00afef;}
.pressDate{color:#272727; font-size:0.9em; line-height:1.8; display:block;}
.albumPic{width:200px; float:left;}
.albumDesc{margin-left:230px;}
.albumTitle{text-decoration:none; color:#002e5f; font-size:1.5em; line-height:1.5; display:block;}
.albumTitle:hover{color:#30a3d9;}
.albumAnch{text-decoration:none; background:#f38120; color:#fff; padding:8px 25px; display:inline-block;}
.albumAnch:hover{background:#000; color:#fff}

.videoTitle{color:#fff; text-decoration:none; font-weight:400;}
#videos .col_1_3:hover .themeBgPrime{background:#90be52;}

/*Case Photos*/
.csVid{position:absolute; right:0; bottom:0px;}
.videoLink{background:url("../images/icons/videoIcon.png") no-repeat left center; padding-left:30px; text-decoration:none; color:#dd2c28; font-size:1em; line-height:2; font-weight:400;}
.videoLink:hover{border-bottom:1px solid #dd2c28;}
.width33{width:33.3%; float:left; cursor:pointer;}





/*====================================================== Media Queries================================================*/
@media (max-width: 1200px) {
    .breadmenu{display:block !important;}
    .breadmenu span{display:none;}
    .breadmenu .ms-3{margin-left:0 !important}
    /*.pgsubtitle:after{right:20px !important; width:360px;}*/
}
@media (max-width: 1140px)  
{
    /*.homemenu{background:#f22020 !important}*/
    #product .swiper-wrapper .swiper-slide {width: 40% !important;}
    .bannerht{height:400px !important;}
    #landinfo{display:none;}
/*    .topprojsp{height:350px !important; display:block; }
*/    .nwsConBtnprev{position:absolute; top:520px; left:20px; }
    .nwsConBtnnxt{position:absolute; top:520px; right:800px; }
    .line{display:none}
    .imgborder{margin-right:50px;}
    #lastele{margin-left:420px;}
    .homemenu{margin-top:50px !important;}
     #navBtn, #mobNav{display:block !important;}
	.mobNavLogo{display:block;}
    #topNavPanel{position:fixed; top:0; right:0; width:0; height:100%; z-index:2000; background:rgba(243, 129, 32, 0.9); overflow-x:hidden;  overflow-y:scroll; }
	#topNav{list-style:none; float:left !important; /*margin-right:-500px !important;*/}
	#topNav li{display:block; position:relative; text-align:left !important; top:20px;}
	#topNav li a{text-decoration:none; background:transparent; display:block; width:100%; border:none !important; font-weight:400; color:#fff; font-size:1em; line-height:1.5; padding:5px 30px; margin-top:3px;}
	#topNav li a:hover{color:#C6C5B9; background:transparent !important;}
	#topNav li a:before{display:none;}
	#topNav li a.subNav{background:none;}
	#topNav ul{position:relative; top:0; left:18px;display:block; padding:5px 0 !important; background:transparent !important; border:none !important; box-shadow:none !important;}
	#topNav ul li{border:none !important; background:transparent !important;}
	#topNav ul li a{display:block;padding:3px 0 3px 30px; font-size:0.9em; line-height:1.3; color:#fff !important;background:transparent;text-align:left; }
	#topNav ul li a:hover{background:transparent !important; color:#d8162e !important;}
	/*#topNav li.app{display:block;}*/
    .closeBtn{display:block;}
    .casestudyheading{left:0 !important; top:550px !important; width:200px;}
}
@media (max-width: 1024px) 
{
   
    .bannerht{height:350px !important;}
    
    #bemem{color:#bec5c7 !important}
    #navbar .langData{margin-right:40px !important;}
    .topCall{margin-right:40px !important;}
    .aboutimg{width:100% !important;}
    .Searchfrm{bottom:-12px;}
}
@media (max-width: 920px) 
{ 
    #testimonials .container{margin-top:700px !important;}
    #form{display:none}
    #testimonials{margin-top:180px !important;}
    #top2{display:none}
    #top3{display:none}
    .width50{width:100% !important;}
    /*.pgsubtitle:after{left:0 !important; top:80px; width:400px;}*/
    #banner .col-10 .xxx-large{font-size:45px !important}

    #product .col-md-4 .xx-large {
        font-size: 40px !important;
        
    }
    #product .swiper-wrapper .swiper-slide {width: 55% !important;}
    .moreproduct{display:none}

    .nwsConBtnnxt{position:absolute; top:520px; right:580px; }

    #about .space60{display:none}
    .imgborder{margin-left:290px;}
     #lastele{margin-left:290px;}
    #products .w-50{width:100% !important}
    .casestudyheading{left:0 !important; top:480px !important; width:200px;}
   /* .box{height:216px !important;}
    .box:hover .box-inner:before{height:216px; width:}*/
}
@media (max-width: 800px) 
{
    #form{display:none;}
    /*.pgsubtitle:after{left:0 !important; top:140px; width:400px;}*/
    .bannerht {
        height: 280px !important;
    }


    .masonry {
        column-count: 1 !important;
    }


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

     #testimonials .container{margin-top:770px !important;}
     #testimonials .container{margin-top:790px !important;}

    .bannerht{height:280px !important;}
    #expcat .swiper-wrapper .swiper-slide {width: 70% !important; background:#ffa000}
    .nwsConBtnnxt{position:absolute; top:1230px; right:400px; }
    .nwsConBtnprev{position:absolute; top:1230px; left:20px; }
    .imgborder{margin-left:200px;}
     #lastele{margin-left:200px;}
     .casestudyheading{left:0 !important; top:910px !important; width:200px;}
}
@media (max-width: 640px) 
{
    #banner .col-10 .xxx-large{font-size:40px !important}
    #banner .col-10 .regular{font-size:12px !important}
    .bannerht{height:245px !important;}

    #header .text-white{display:none;}

    /*#header .text-white{display:none;}*/

    /*.header{height:30px;}*/
    #stat .float-end{margin-right:200px !important;}
}
@media (max-width: 540px) 
{

    .header #Presence{display:none; height:100%;}

    /*.header #Presence{display:none; height:100%;}*/

/*    #header{display:none;}*/
    #header .space5{height:0.1em !important; display:block; background:#ffa000}
     
}
@media (max-width: 500px) 
{
    .mainprojht{height:300px !important;}
    .productvideo{width:400px!important;}
    /*.pgsubtitle{font-size:2.7em;}*/
    /*.pgsubtitle:after{left:0 !important; top:170px; width:400px;}*/
    .directorsp{margin:0 auto !important; text-align:center;}
    .certificate .w-75{width:100% !important; margin:0 auto !important; text-align:center;}
    /*.certificate{text-align:center !important; margin:0 auto;}*/ 
    .nwsConBtnnxt{position:absolute; top:1200px; right:350px; }
    .nwsConBtnprev{position:absolute; top:1200px; }
    .regbutton{margin-top:-85px !important;}
    .imgborder{margin-left:170px;}
     #lastele{margin-left:170px;}
    #pxpad .px-4{padding:0 !important}
}
@media (max-width: 414px) 
{
    #banner{margin-top:80px;} 
    #banner h5{font-size:22px;}
      #testimonials .container{margin-top:840px !important;}

      #testimonials .container{margin-top:920px !important;}

    #product .swiper-wrapper .swiper-slide {width: 100% !important;}
     #banner .col-10 .xxx-large{font-size:25px !important;}
     #banner .col-10 .regular{display:none;}
    .bannerht{height:170px !important;}
    #banner .row {margin-left:40px !important;}
    .productvideo{width:300px!important;}
    .regbutton{margin-top:-85px !important;}
     #stat .float-end{margin-right:150px !important;}
    .imgborder{margin-left:130px;}
     #lastele{margin-left:130px;}
    /*#soacilico{display:none;}*/
    #banner{overflow:hidden;}
    .nwsConBtnnxt{position:absolute; top:1200px; right:265px; }
    .nwsConBtnprev{position:absolute; top:1200px; }
    .casestudyheading{left:0 !important; top:850px !important; width:200px;}
}

@media screen and (max-width: 375px) 
{

     #testimonials .container{margin-top:880px !important;}

     #testimonials .container{margin-top:940px !important;}

  .lgName{width:130px !important; margin-top:30px;}
   .imgborder{margin-left:110px;}
     #lastele{margin-left:110px;}
      #stat .float-end{margin-right:115px !important;}
      .nwsConBtnprev{position:absolute; top:1110px; }
      .nwsConBtnnxt{position:absolute; top:1110px; right:225px; }
      .casestudyheading{left:0 !important; top:840px !important; width:200px;}
}

@media (max-width: 320px) 
{
    .bannerht{height:150px !important;}
    .namebox{width:240px !important;}
    .lgName{width:100px !important; margin-top:35px;}
}

@media (max-width: 960px){
    /*#services .col-lg-3{background:#326421}*/
}