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

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}
.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:2.9em}


.light {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}
.fontRegular {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}
.semiBold {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}
.bold {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}


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


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


/* Background Color styles */
.themeBGPrime{background:#3e4095} 
.themeBGSec{ background:#ed3237}
.themeBGThr{background:#9dc5c6}
.themeBGQtr{background:#39892f}
.whiteBg{background:#fff}
.bgGrey{background:#d4d4d4;}
.bgorg{background:#ffa000;}

/* Forecolors */
.colorPrime{color:#3e4095}
.colorSec{color:#ed3237}
.colorThr{color:#a9dc93}
.paraBlack{color:#555}
.colorDarkBlue{color:#243aa7;}
.colorWhite{color:#fff !important}
.colorBlack{color:#000 !important;}
.clrdarkgrey{color:#514a4a !important;}
.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;  bottom:70px; text-decoration:none; z-index:9999; border-radius:100%;  -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;}
   
}

/*===========Header start===============*/
.prodCatlog{background:#ed3237; padding:10px; color:#fff; 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:#ed3237 !important; height:auto; width:100%;}
.socialBox{float:right; margin-right:10px;}
.topFb, .topyouTube, .topInsta{ -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; width:20px; height:20px; margin-right:8px; display:inline-block;}
.topFb:hover, .topyouTube:hover, .topInsta: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/tFb.png") no-repeat center center;  }
.topyouTube{background:url("../images/icons/tYoutube.png") no-repeat center center; }
.topInsta{background:url("../images/icons/tInsta.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/topCall.png") no-repeat top left; color:#fff; padding-left:32px; text-decoration:none; line-height:1.7;  font-weight:400; float:right;}
.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===============*/

/*============Navigations=============*/
.logo{width:220px; height:auto}
.navbar-brand{display:inline-block !important;}
.lgName{float:left; margin-top:40px !important; width:180px;}
#navrbar, #navigationBar{/*position:fixed;*/ z-index:111; top:0; background:#fff !important; width:100% !important; box-shadow: 5px 15px 25px rgba(0,0,0,0.3)}
.navbar-nav .nav-item  a.nav-link{font-weight:600 !important; font-size:17px; margin-left:15px !important; text-align:right !important; margin:0; transition:width 0s ease, background .5s ease; transition:width .5s ease;}
.navbar-nav .nav-item  a.nav-link:hover{color:#3c3e94;}
.subnav {background: url(../images/icons/navArrow.png) no-repeat right center; padding-right: 20px !important}
.navbar-nav .nav-item  a{display:inline-block; position:relative;}
    .navbar-nav .nav-item a.nav-link {
        display: block;
        text-decoration: none;
        font-family: 'Montserrat', sans-serif;
        font-size: 1em;
        line-height: 1.3;
        padding: 0.3em 0.8em;
        cursor: pointer
    }
.navbar-nav .nav-item  a.nav-link:before{content:''; display:block; position:absolute; left:0; bottom:0; height:3px; width:0; transition:width 0s ease, background .5s ease;}
.navbar-nav .nav-item  a.nav-link:after{content:''; display:block; position:absolute; right:0; bottom:0; height:3px; width:0; background:#ed3237; transition:width .5s ease;}
.navbar-nav .nav-item  a.nav-link:hover:before{width:100%; background:#ed3237; transition:width .5s ease;}
.navbar-nav .nav-item  a.nav-link:hover:after{width:100%; background-color:transparent; transition:all 0s ease;}
#navbarNavDropdown {margin:0;}
.navbar-nav .dropdown-menu{margin-top:2px; border-bottom:2px solid #00b5f0; display:none; border-radius:0;  transition: all 0.5s ease 1.5s; width:100px !important;}
.navbar-nav >li:hover .dropdown-menu{display:block; transition: all 0.5s ease 0s;}
.navbar-nav >li:hover .dropdown-menu .dropdown-submenu{display:none;}
.navbar-nav .dropdown .dropdown-menu li a{font-size:14px; border-radius:0; color:#1e2226;} 
.navbar-nav .dropdown .dropdown-menu li a:hover{background-color:#00b5f0 !important; color:#1e2226; margin-top:0 !important; display:block;}
.dropdown-divider{background:#7f858b}
.collapse{text-align:left !important;}
.pull-right{left: auto; right:100%; margin-left: 0; margin-right: -1px;}
.dropdown-menu{background:#fff; color:#1e2226;}
.dropdown-menu li {position: relative; }
.navbar-nav .dropdown-menu .dropdown-submenu {display: none; position: absolute; left: 100%; top: -7px; color:#fff;}
.navbar-nav .dropdown-menu .dropdown-submenu-left{right: 100%; left: auto;}
.navbar-nav .dropdown-menu > li:hover > .dropdown-submenu{display: block;}
.dropdown-menu {min-width: 200px;}
.dropdown-menu.columns-2 {min-width: 400px;}
.dropdown-menu.columns-3 {min-width: 600px;}
.dropdown-menu li a {padding: 5px 15px; font-weight: 300; text-decoration:none !important; color:#171717;}
.multi-column-dropdown {list-style: none; margin: 0px; padding: 0px;}
.multi-column-dropdown li a {display: block; clear: both; line-height: 1.428571429; color: #333; white-space: normal;}
.multi-column-dropdown li a:hover {text-decoration: none; color: #262626; background-color: #999;}

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


/*============Top Header==============*/
.bgbanner{background:url("../images/projects/projectdemo-1.png") no-repeat center center; background-size:cover; width:100%; height:636px; z-index:999;}
.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}
.lgName{float:left; margin-top:15px}
/*============Top Header==============*/

/*============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.3); height:100%;}
#bannerBg {background:url("../images/banner-bg.jpg") no-repeat center center; width:100%;background-size:cover;}
/*============banner Start*===========*/

/*============Section Title=============*/
.section-title {text-align: center; padding-bottom: 30px; color: #294070;}
    .section-title h2 {font-size: 26px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; padding-bottom: 20px; position: relative; color: #294070;}
        .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: #EA1A1E; bottom: 0; left: calc(50% - 20px);}

/*==========Button Classes=============*/
.btnViewMore{background:#ed3237; color:#ffffff !important; border:1px solid #ed3237; 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:#ed3237 !important; border:1px solid #ed3237;}
.btnEvent{background:none; border:1px solid #212529; padding:10px; cursor:pointer; text-decoration:none; color:#212529; border-radius:8px;}
.btnEvent:hover{background:#1e1e1e; color:#fff; transition:0.5s; }
.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;}
.buttonForm{background-color:#3e4095; 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 #3e4095; background:none; color:#3e4095;}
.linkbtn{text-decoration:none; font-size:17px !important; color:#fff !important; background:#00b5f0; border: 1px solid #00b5f0; border-radius:15px; padding:8px;}
.linkbtn:hover{color:#00b5f0 !important; background:none;}
.btnexplore{background:#3e4095; padding:10px; cursor:pointer; text-decoration:none; color:#fff; font-weight:600}
.btnexplore:hover{background:#1e1e1e; color:#fff; transition:0.5s;}
/*==========Button Classes=============*/

/*================== aos =======================*/
#about .container{overflow:hidden !important;}
#services  .container{overflow:hidden !important;}
#product{overflow:hidden !important;}
#fetures .container {overflow:hidden !important;}
#testimonials {overflow:hidden !important;}
#news .container{overflow:hidden !important;}
#event{overflow:hidden !important;}
#event .container{overflow:hidden !important;}
/*================== aos =======================*/


.shorline{background: #6d5b56; height: 3px; width: 100px; display: inline-block;}
.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);}


/*================News Page / Section=====================*/
.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:#294070 !important}
#news img{transition:0.5s; overflow:hidden;}
#news .col-md-4:hover img{transform:scale(1.1)}
#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;}
.newstitle{cursor:pointer;}
.card:hover .newstitle {color: #00b5f0; transition: 0.5s}
.card:hover .linkbtn{color:#00b5f0 !important; background:none; transition:0.5s}
.newsImg{overflow:hidden}

/*===================** Facts **==========================*/
.factboxbg{background:rgba(255,255,255, 0.9); position:absolute; top:170px; right:10px;}
.fact-item {border: 1px solid #fff; transition: 0.5s; padding:10px !important}
.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: 80px; height: 80px; margin-top: -60px;  margin-bottom: 1.1rem; display: inline-flex; align-items: center; justify-content: center; background: #3e4095; border-radius: 120px; transition: .5s; z-index:999 !important; border:4px solid #fff; padding:15px;}
.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;}
.col-lg-4:hover .fact-item::before,
.col-lg-4:hover .fact-item::after {opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
.prodImg{transition: transform 0.5s;}
#products .swiper-slide :hover .prodImg img{transform:scale(1.5);}
#products .swiper-slide :hover h3{color:#3e4095}
.productBox{overflow:hidden;}
/*===================** Facts **==========================*/

/*====================Products Deatils / Home Page====================*/

/*++++++++   Other part +++++++++++++++++*/
.projectsdt{color: #71574a !important;}
.projecttitle{color:#ffa000 !important; text-decoration:none !important; }
.imgheight{height:400px !important; overflow:hidden !important;}
.mainprojht{height:450px !important; overflow:hidden !important;}

/*.projectbox{background:#ffa000; position:absolute; left:10px; right:10px;}
*/

.projectbox{position:absolute; height:auto; top:230px; left:30px; right:30px; background:rgba(255,255,255,0.8); box-shadow: -10px 4px 15px rgba(0,0,0,0.3);}

.btnview{color:#000; right:15px; font-size:15px;}

.btnview:hover{color:#e06c33;}
#projects .carousel-control-prev{top:100%;}
#projects .carousel-control-next{top:100%;  left:7%;}

.productimg{position:relative; transition:0.5s;}

 .projectinfo{width: 270px; height: 80px; position:absolute; top:190px; left:25px;/* margin-top:-1000px !important; margin-left:25px; margin-bottom: 5rem; display: inline-flex; align-items: start; justify-content: flex-start; background: #FFFFFF; transition: */ background:#fff; transition:0.5s; box-shadow: -10px 4px 15px rgba(0,0,0,0.3);}
.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;}
/*====================Projects Deatils====================*/

/*===================Value Added Products================*/
.bgvalueadded{background:url("../images/value-products-bg.jpg") no-repeat center center; background-size: cover; width: 100%;}

/*===================Value Added Products================*/

/*===================Video Gallery starts================*/
.video-container{display:table;	width:100%}
.video-box{display:table-cell; vertical-align:middle; width:100%; position:relative; height:500px}
.YTPOverlay{background:rgba(30, 31, 33, 0.4); position:absolute; z-index:555; top:0; left:0; width:100%; height:100%}
.inner-video{position:absolute; z-index:0;	min-width:100%; min-height:100%; left:0; top:0; overflow:hidden; opacity:1; height:350px}
.container{position:relative; z-index:5;}
.dis-block{display:block;}
.vidAnch{text-decoration:none; background-color:transparent; border:2px solid #fff; display:inline-block; padding:12px 22px; color:#fff; -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.7s ease;}
.vidAnch:hover{background:#fff; color:#0090d4;}
.videobg{background:url("../images/video-bg.jpg"); background-size:cover; width:100% !important; height:500px; box-shadow: inset 0 0 0 2000px rgba(30, 31, 33, 0.4);}
/*===================Video Gallery ends================*/

/*=====================stats==============================*/
.bgstat {background: url("../images/business-partners.jpg") no-repeat center center; background-size: cover; width: 100%;}
.count-num{font-size:2.2em;  display:block; color:#0a0909; margin-top:20px;}
.statBox{padding:20px 8px;  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);}
.bgQBox{background:linear-gradient(120deg, #20558A, #6F90B8, #fc2a21); width:100%; background-size:400%; -moz-animation: bgqboxanimation 8s infinite; -o-animation: bgqboxanimation 8s infinite; -webkit-animation: bgqboxanimation 8s infinite; animation: bgqboxanimation 8s infinite;}

@-moz-keyframes bgqboxanimation{
	0%
	{
		background-position: 0 50%;
	}
	50%
	{
		background-position: 100% 50%;
	}
	100%
	{
		background-position: 0 50%;
	}
}

@-webkit-keyframes bgqboxanimation{
	0%
	{
		background-position: 0 50%;
	}
	50%
	{
		background-position: 100% 50%;
	}
	100%
	{
		background-position: 0 50%;
	}
}
@keyframes bgqboxanimation{
	0%
	{
		background-position: 0 50%;
	}
	50%
	{
		background-position: 100% 50%;
	}
	100%
	{
		background-position: 0 50%;
	}
}
/*=====================stats==============================*/

/*====================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; 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;}
/*====================testimonials end===================*/

/*====================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;}
/*====================Accordian==========================*/

/*======================= form ===========================*/
.conTextBox{padding:0.8em; display:block; resize:none; width:97%; border-bottom:1px solid #3e4095 !important; transition:all 0.5s ease;background:#fff; border:1px solid #fff;}
.conTextBox:focus{border:none; border-bottom:1px solid #0187ce !important; outline:none; border:1px solid #fff; }
.textshadow {text-shadow: 2px 8px 10px rgb(0 0 0 / 0.30);}
/*======================= form ===========================*/
#awards .col-md-4:hover .imgborder{border:#ed3237}

/*========================Awards==========================*/
.imgborder{border:3px solid #ebe9e9; transition:0.5s;}
#awards .col-md-4:hover .imgborder{border:3px solid #ed3237}

/*=========================================================*/

/*======================footer=============================*/
.footerBg{background:#d4d4d4 url(../images/footer-idss.jpg) no-repeat center center; width:100%;background-size:cover;}
.bgfooter{background:#efeeeb;}
.intellect{text-decoration:none; color:#7f888b; font-weight:600;}
.intellect:hover{color:#c12a20;}
.clr555{color:#555;}
.footer{background:#1e1e1e;}
.footer span{display:block; color:#7f888b;}
.footerCaption{font-size:1.4em; line-height:1.5; color:#383636;}
.footerNav{list-style:none}
.footerNav li{padding-left:0 !important;}
.footerNav li a{text-decoration:none;display:inline-block; margin-left:-22px !important; color:#181a1a; font-size:0.9em; line-height:1.3 !important; font-weight:400;}
.footerNav li a:hover{color:#3e4095;}
.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;}
/*======================footer=============================*/

/*================= footer contact info=====================*/
.addr{background:url("../images/icons/location.png") no-repeat top left; display:block; padding-left:34px; font-weight:400;}
.email{background:url("../images/icons/mail.png") no-repeat top left; display:block; text-decoration:none; padding-left:34px;  font-weight:400; color:#181a1a;}
.email:hover{color:#7f888b;}
.foo_call{background:url("../images/icons/call.png") no-repeat top left; display:block; text-decoration:none; padding-left:34px; font-weight:400; color:#181a1a;}
.foo_call:hover{color:#7f888b;}
.breakWord{word-wrap:break-word;}
/*================= footer contact info=====================*/

/*================= Page Headers ========================*/
.pg_TB_pad {padding: 6em 0em;}
.headerOverlay {background: rgba(0,0,0,0.5); display: block; height: 300px;}
.pgHeader1{background: url("../images/page-headers/page-header-1.jpg") no-repeat center center; background-size: cover; height: 300px;}
.pgHeader2{background: url("../images/pg-header-review.jpg") no-repeat center center; background-size: cover; height: 300px;}
.pgHeader3{background: url("../images/pg-header5.jpg") no-repeat center center; background-size: cover; height: 300px;}
.pgHeader4{background: url("../images/pg-header7.jpg") no-repeat center center; background-size: cover; height: 300px;}
.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;}
.pgheadertitle{font-weight:600; color:#00a8eb; font-size:3em;}
.pgsubtitle{color:#fff; font-size:1.7em; position: relative;}
/*================= Page Headers ========================*/

.contctimg {background: url("../images/projects/project-5.jpeg") no-repeat center center; width:100%; height:500px;}
.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; 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 page====================*/
.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);}
.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;}
/*=========================Testimonials page====================*/


/*======================= Products Page =======================*/
 .navHeadBox {background-color: #004786; color: #fff; width: 320px}
        .sideNavAnch {width: 34px;
            height: 34px;
            background: url(../images/icons/side-nav.png) no-repeat center center;
            display: none;
            cursor: pointer;
            float: right;
            padding: 10px
        }

        .navHeadBox h2 {
            font-size: 1.5em;
            font-weight: 500;
            padding: 10px 12px;
            float: left
        }

        #sideMenu {
            width: 320px;
            background:#f2f2f2;
        }

            #sideMenu li {
                list-style: none;
                background-color: #f2f2f2;
                /*padding: 8px 12px;*/
                border-bottom: 1px solid #dddddd;
                margin-left: -32px !important;
                padding:12px;
                /*background:#ffa000;*/
            }

                #sideMenu li a {
                    text-decoration: none;
                    color: #666666;
                    font-size: 1em;
                   
                }

                    #sideMenu li a:hover {
                        color: #ed1a2d;
                    }

        .prImgBox {
            width: 200px;
            float: left;
        }

        .prDetailBox {
            width: 580px;
            float: left;
        }

            .prDetailBox p {
                font-size: 0.9em;
                color: #666666;
                line-height: 1.3
            }

        .prOffset {
            padding-left: 30px
        }

        .prAnch {
            text-decoration: none;
            color: #004786;
            font-size: 1.6em;
            display: block;
            margin-bottom: 20px;
        }


        .prDetailBox ul {
            list-style-type: disc;
            font-size: 1em;
        }

            .prDetailBox ul li {
                margin-left: 30px;
                color: #666666;
            }

        .prDetAnch {
            text-decoration: none;
            padding: 5px 8px;
            background-color: #ed1a2d;
            color: #fff;
            border-radius: 5px
        }

        .borderBottom {
            border-bottom: 1px solid #dddddd
        }

        .proImgOffset {
            padding: 10px 50px 10px 10px
        }

        .featureList {
            list-style-type: disc;
            font-size: 1em;
            line-height: 2
        }

            .featureList li {
                margin-left: 20px;
                color: #666666;
            }

        .vidAnch {
            background: url(../images/icons/vidPl.png) no-repeat left center;
            display: inline-block;
            text-decoration: none;
            color: #999999;
            padding: 5px 5px 5px 40px;
        }

            .vidAnch:hover {
                color: #ed1a2d
            }

        .dlAnch {
            background: url(../images/icons/pdfDl.png) no-repeat left center;
            display: inline-block;
            text-decoration: none;
            color: #999999;
            padding: 5px 5px 5px 40px;
        }

            .dlAnch:hover {
                color: #ed1a2d
            }

        .social {
            width: 32px;
            height: 32px;
            text-decoration: none;
            float: left;
            display: block;
            cursor: pointer
        }

        .fb {
            background: url(../images/icons/fb-ico.png) no-repeat left center;
            margin-right: 10px
        }

        .twt {
            background: url(../images/icons/twt-ico.png) no-repeat left center;
        }


        .specsPanel {
            border-bottom: solid 1px #e0e0e0;
            height: auto;
            margin-top: 15px
        }

        .specNav {
            list-style: none;
        }

            .specNav li {
                display: inline;
            }

                .specNav li a {
                    display: inline-block;
                    text-decoration: none;
                    padding: 12px 15px;
                    line-height: 16px;
                    font-size: 16px;
                    color: #555;
                    width: 150px
                }

                .specNav li .act {
                    border: solid 1px #e0e0e0;
                    border-bottom: solid 1px #fff;
                    background-color: #004786;
                    color: #fff
                }

        #proSpec table {
            width: 100%;
            border-collapse: collapse;
            font-size: 0.9em;
        }

            #proSpec table td {
                padding: 5px;
                border: 1px solid #888888;
                width: 70%;
            }

                #proSpec table td:nth-child(1) {
                    background-color: #ececec;
                    width: 30%
                }

        .breadcrum {
            list-style: none;
            float: left;
            display: inline;
            font-size: 1em
        }

            .breadcrum li {
                float: left;
                display: inline;
                margin-right: 10px
            }

                .breadcrum li a {
                    text-decoration: none;
                    font-size: 1em;
                    color: #004786
                }

                .breadcrum li span {
                    color: #666666;
                    font-size: 1em
                }

        .enqImage {
            width: 150px;
            float: left
        }

        .enqDetails {
            width: 500px;
            float: left
        }

        .prDesc {
            font-size: 0.9em;
            color: #999999;
            line-height: 1.3
        }


        .bgQBox {
            background: linear-gradient(120deg, #20558A, #6F90B8, #fc2a21);
            width: 100%;
            background-size: 400%;
            -moz-animation: bgqboxanimation 8s infinite;
            -o-animation: bgqboxanimation 8s infinite;
            -webkit-animation: bgqboxanimation 8s infinite;
            animation: bgqboxanimation 8s infinite;
        }
/*======================= Products Page =======================*/


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


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


/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio #portfolio-flters {padding:0; margin:0 auto 25px auto; list-style:none; text-align:center;  background:white; border-radius:50px; padding:2px 15px;}
.portfolio #portfolio-flters li {cursor:pointer; display:inline-block; padding:8px 20px 10px 20px; font-size:15px; font-weight:600; line-height:1; color:#444444; margin:0 4px 8px 4px; transition:0.3s; border-radius:50px; border:1px solid #fff;}
.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {color:#4154f1; border-color:#4154f1;}
.portfolio #portfolio-flters li:last-child {margin-right:0;}
.portfolio .portfolio-wrap {transition:0.3s; position:relative; overflow:hidden; z-index:1; background:rgba(255, 255, 255, 0.75);}
.portfolio .portfolio-wrap::before {content:""; background:rgba(255, 255, 255, 0.75); position:absolute; left:30px; right:30px; top:30px; bottom:30px; transition:all ease-in-out 0.3s; z-index:2; opacity:0;}
.portfolio .portfolio-wrap img {transition: 1s;}
.portfolio .portfolio-wrap .portfolio-info {opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; z-index:3; transition:all ease-in-out 0.3s; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.portfolio .portfolio-wrap .portfolio-info::before {display:block; content:""; width:48px; height:48px; position:absolute; top:35px; left:35px; border-top:3px solid rgba(1, 41, 112, 0.2); border-left:3px solid rgba(1, 41, 112, 0.2); transition:all 0.5s ease 0s; z-index:9994;}
.portfolio .portfolio-wrap .portfolio-info::after{display:block; content:""; width:48px; height:48px; position:absolute; bottom:35px; right:35px; border-bottom:3px solid rgba(1, 41, 112, 0.2); border-right:3px solid rgba(1, 41, 112, 0.2); transition:all 0.5s ease 0s; z-index:9994;}
.portfolio .portfolio-wrap .portfolio-info h4 {font-size:20px; color:#f85a7a; font-weight:700;}
.portfolio .portfolio-wrap .portfolio-info p {color:#012970; font-weight:600; font-size:14px; text-transform:uppercase; padding:0; margin:0;}
.portfolio .portfolio-wrap .portfolio-links {text-align:center; z-index:4;}
.portfolio .portfolio-wrap .portfolio-links a {color:#fff; background:#f83b61; margin:10px 2px; width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; transition:0.3s;}
.portfolio .portfolio-wrap .portfolio-links a i {font-size:24px; line-height:0;}
.portfolio .portfolio-wrap .portfolio-links a:hover {background:#ce6b7f;}
.portfolio .portfolio-wrap:hover img {transform:scale(1.1);}
.portfolio .portfolio-wrap:hover::before {top:0; left:0; right:0; bottom:0; opacity:1;}
.portfolio .portfolio-wrap:hover .portfolio-info {opacity:1;}
.portfolio .portfolio-wrap:hover .portfolio-info::before {top:15px; left:15px;}
.portfolio .portfolio-wrap:hover .portfolio-info::after {bottom:15px; right:15px;}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {padding-top:40px;}
.portfolio-details .portfolio-details-slider img {width:100%;}
.portfolio-details .portfolio-details-slider .swiper-pagination {margin-top:20px; position:relative;}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {width:12px; height:12px; background-color:#fff; opacity:1; border:1px solid #4154f1;}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {background-color:#4154f1;}
.portfolio-details .portfolio-info {padding:30px; box-shadow:0px 0 30px rgba(1, 41, 112, 0.08);}
.portfolio-details .portfolio-info h3 {font-size:22px; font-weight:700; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee;}
.portfolio-details .portfolio-info ul {list-style:none; padding:0; font-size:15px;}
.portfolio-details .portfolio-info ul li+li {margin-top:10px;}
.portfolio-details .portfolio-description {padding-top:30px;}
.portfolio-details .portfolio-description h2 {font-size:26px; font-weight:700; margin-bottom:20px;}
.portfolio-details .portfolio-description p {padding:0;}


/*==========================Swiper Slides==========================*/
#products .swiper {width: 100%; height: 100%;}
#products .swiper-slide{text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center;}
#products .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}

/*Feature Produts 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;}
/*Feature Product Slider*/

/*==========================Event Gallery Page=======================*/
.eventtitle{cursor:pointer;}
.eventtitle:hover{color:#ed3237}


/*==========================News Page==============================*/
/*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%;}

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



/*======================================================= Media Queries================================================*/
@media (max-width: 1200px) {

}
@media (max-width: 1140px)  
{
   
    #product .swiper-wrapper .swiper-slide {width: 40% !important;}
    .bannerht{height:400px !important;}
}
@media (max-width: 1024px) 
{
   
    .bannerht{height:350px !important;}
}
@media (max-width: 920px) 
{
    .width50{width:100% !important;}
   /* #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}
}
@media (max-width: 800px) 
{
    .bannerht{height:280px !important;}
}
@media (max-width: 768px) 
{
   .bannerht{height:280px !important;}
}
@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;}
}
@media (max-width: 540px) 
{
     /*#banner .col-10 .xxx-large{font-size:30px !important}*/
    .bannerht{height:200px !important;}
}
@media (max-width: 500px) 
{
    .mainprojht{height:300px !important;}
    .productvideo{width:400px!important;}
    .directorsp{margin:0 auto !important; text-align:center;}
    .certificate .w-75{width:100% !important; margin:0 auto !important; text-align:center;}
   
}
@media (max-width: 414px) 
{
    #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;}
    .projectbox{left:0; top:180px;}
   .ph1{display:none} 
   .ph2{display:none}
   
}

@media screen and (max-width: 375px) 
{
  .lgName{width:130px !important; margin-top:30px;}
}

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

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