﻿/*=======================================================================================================================================
                                                                    Generic CSS
=======================================================================================================================================*/
* {
    font-family: 'Montserrat', sans-serif !important;
    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.75rem;
}

.small {
    font-size: 0.875rem;
}

.regular {
    font-size: 1rem;
}
/* Base */
.semiMedium {
    font-size: 1.125rem;
}

.medium {
    font-size: 1.375rem;
}

.medium-large {
    font-size: 1.625rem;
}

.large {
    font-size: 2rem;
}

.extra-large {
    font-size: 2.5rem;
}

.xx-large {
    font-size: 3.125rem;
}

.xxx-large {
    font-size: 4rem;
}
/* Reduced slightly for mobile usability */


.maintext{font-size:2.9em}
/*font-family: 'Roboto', sans-serif;
font-family: 'Varela Round', sans-serif;
*/
/*Fonts*/
@font-face{font-family:"DINPro-Black";src:url("../fonts/DINPro-Black.otf");}
@font-face{font-family:"DINPro-Bold";src:url("../fonts/DINPro-Bold.otf");}
@font-face{font-family:"DINPro-Light";src:url("../fonts/DINPro-Light.otf");}
@font-face{font-family:"DINPro-Medium";src:url("../fonts/DINPro-Medium.otf");}
@font-face{font-family:"DINPro";src:url("../fonts/DINPro.otf");}

.light {
    font-family: 'Montserrat', sans-serif !important;
    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;
}

/*.light{font-family: 'DINPro-Light', sans-serif !important; font-weight:300;}
.fontRegular{font-family: 'DINPro', sans-serif; font-weight:400;}
.semiBold{font-family: 'DINPro-Bold', sans-serif; font-weight:600;}
.bold{font-family: 'DINPro-Black', sans-serif; font-weight:700;}*/

/*.lightround{font-family: 'Varela Round', sans-serif; font-weight:300;}
.light{font-family: 'Roboto', sans-serif; font-weight:300;}
.fontRegular{font-family: 'Roboto', sans-serif; font-weight:400;}
.semiBold{font-family: 'Roboto', sans-serif; font-weight:500;}
.bold{font-family: 'Roboto', sans-serif; font-weight:700;}
.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;}


.float_clear{clear:both;}
.float_right{float:left !important;}


/* Background Color styles */
.themeBGPrime {
    background: #78B733
}
.themeBGSec {
    background: #78B733
}
.themeBGThr{background:#9dc5c6}
.themeBGQtr{background:#39892f}
.whiteBg{background:#fff}
.bgGrey{background:#d4d4d4;}
/*.bgEF{ background:#efefef }*/
.bgorg{background:#ffa000;}

/* Forecolors */
.colorPrime {
    color: #78B733
}
.colorSec{color:#00b5f0}
.colorThr{color:#a9dc93}
.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);}

/*.whatsappLink{background:url('../images/icons/whatsapp.png') no-repeat center center; display:inline-block; height:40px; 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);}
*/
@media screen and (max-width: 414px)
{
    .popup{width:80px;}
    .live{font-size:12px;}
    /*#fcomnm{display:none !important;}*/
}

/*===========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:#2faeb2 !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===============*/
.samruddhilogo{float:left; width:100px; height:auto;}


/*.lg {float:left; height:90px; width:90px;}*/
.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; /*margin-left:-20px;*/  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:#ed3237;}

.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: 'Open Sans', sans-serif; font-size:1em; line-height:1.3;/* color:#171717 !important;*/ 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:#00b5f0; transition:width .5s ease;}
.navbar-nav .nav-item  a.nav-link:hover:before{width:100%; background:#2faeb2; 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*/
.bgbanner{background:url("../images/projects/projectdemo-1.png") no-repeat center center; background-size:cover; width:100%; height:636px; z-index:999;}
/*.lg{float:left;height:100px;width:100px;}*/
.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}


/*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%;}

/*categories*/
.bgboxclr{background:#e4eee0}
.headline{background:#326421; height:2px !important; width:200px; display:inline-block; margin-top:5px; margin-bottom:5px; margin-left:10px;}
#welcome.h2{color:#0d284a;}
.img-radius{border:1px solid #76c04e;}
.btnViewMore{background:#326421; color:#ffffff !important; border:1px solid #326421; 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:#326421 !important; border:1px solid #326421;}


/*projects*/
.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;}
#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;}
/*#faq .container-fluid{overflow:hidden !important;}
#footer .container-fluid{overflow:hidden !important;}*/


/*About starts*/
#about .container-fluid {overflow: hidden !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;}
.section-title-pro{font-size:25px; position:relative; padding-left:70px;}
.section-title-pro:before{content:''; position:absolute; top:15px; left:-6px;  width:60px; background:#000 !important; height:2px;}
.aboutborder{border-radius:50% !important; background:#00b5f0}

/*.section-title{color: #e06c33; font-weight:600; letter-spacing:5px; text-transform: uppercase;}
*/.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);}
/*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;}

/*.servtxt{cursor:pointer;}
#services .col-md-4:hover .servtxt{border-bottom:2px solid #000;}
#services .col-md-4:hover .imgZoom{transform:scale(1.1,1.1)}
.imgZoom{transform:scale(1);transition:0.3s}
*/ /*.imgZoom:hover{transform:scale(1.1,1.1)}
*/
/*** 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/business-partners.jpg") no-repeat center center; background-size: cover; width: 100%;}

/*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:3.5em; 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;}

/*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:#fff; 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;}

/*.fPass {background-color: #089ea4; border:2px solid #fff; color:#fff; font-size:1em; padding:10px 28px; border-radius:2px; cursor:pointer; -webkit-transition:all 0.7s ease; transition:all 0.7s ease; font-weight:400;}
.fPass :hover{border:2px solid #00b5f0; background:none; color:#00b5f0;}*/

 /*download link button*/
.fPass {
    background-color: #089ea4;
    border: 2px solid #fff;
   /* border: none;*/
    color: white;
    padding: 10px 28px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1em;
    margin: 4px 2px;
    cursor: pointer;
   /* transition-duration: 0.4s;*/
    border-radius: 2px;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    font-weight: 400;
}

    .fPass:hover {
        background: none;
        color: #089ea4;
        border: 2px solid #089ea4
    }


.textshadow {text-shadow: 2px 8px 10px rgb(0 0 0 / 0.30);}



/*footer*/
.footerBg{background:#d4d4d4 url(../images/footer-idss.jpg) no-repeat center center; width:100%;background-size:cover;}

/*footer*/
.bgfooter{background:#1e1e1e;}
.intellect{text-decoration:none; color:#7f888b; font-weight:600;}
.intellect:hover{color:#76c04e;}
.clr555{color:#555;}
.footer{background:#1e1e1e;}
.footer span{display:block; color:#7f888b;}
.footerCaption{font-size:1.4em; 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:#7f888b; 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:#76c04e;}

.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/youtube.png") no-repeat center center;}


/*contact info*/
.addr{background:url("../images/icons/location.png") no-repeat top left; display:block; padding-left:34px; font-weight:400; color:#7f888b;}
.email{background:url("../images/icons/mail.png") no-repeat top left; display:block; text-decoration:none; padding-left:34px;  font-weight:400; color:#7f888b;}
.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:#7f888b; }
.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: 300px;}
.pgHeader1 {
    background: url("../images/pg-header-about.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;}

/*.pgsubtitle:after{content:''; width:400px; height:3px; background:#fff !important; position:absolute; top:30px; right:250px !important; background:#ffa000}*/

 




.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; /*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*/
.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;}

/*#portfolio .carousel-indicators {background-color: red; }*/
/*--------------------------------------------------------------
# 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 Slide*/
/*Products */
 .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-pagination li a{background:#b6ff00}
.swiper-pagination-bullet{background-color: #76c04e !important; width:12px; height:12px;}
.swiper-button-prev {color:#1e1e1e;}
.swiper-button-next {color: #1e1e1e;}
.height{height: 300px;}
.bannerht{height:495px;}


/*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 */



/*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*/
.newstitle{cursor:pointer;}
.card:hover .newstitle {color: #00b5f0; transition: 0.5s}
.card:hover .linkbtn{color:#00b5f0 !important; background:none; transition:0.5s}
.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;}


/*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%;}

/*#ourproducts .col-md-3:hover .middle {opacity: 1;}
*//*.text {background-color: #04AA6D; color: white; font-size: 16px; padding: 16px 32px;}*/


/*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%;}

/*#testimonials, ::placeholder{color:#fff !important;}
*/



/*======================================================= Media Queries================================================*/
@media (max-width: 1200px) {
    /*.pgsubtitle:after{right:20px !important; width:360px;}*/
}
@media (max-width: 1140px)  
{
    /*.pgsubtitle:after{right:20px !important; width:305px;}*/
    #product .swiper-wrapper .swiper-slide {width: 40% !important;}
    .bannerht{height:400px !important;}
}
@media (max-width: 1024px) 
{
   /* .pgsubtitle:after{right:20px !important; width:195px;}
    .visionimg{position:static !important;}*/
    /*.btnContact{right:px !important;}*/
    .bannerht{height:350px !important;}
  

}
@media (max-width: 920px) 
{
    .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}
}
@media (max-width: 800px) 
{
    /*.pgsubtitle:after{left:0 !important; top:140px; width:400px;}*/
    .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;}
    /*.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;}*/
    /*#Procatalogue {display:none}*/
@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;}
   
}

@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){
    /*#services .col-lg-3{background:#326421}*/
}