﻿﻿/* Common styles */
body{color:#353535;background:#fff;font-family:var(--font-primary);font-style: normal;font-weight:var(--font-weight-normal); font-size:var(--font-size-sm);}
html{font-smoothing: antialiased;-webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased;  -moz-osx-font-smoothing: grayscale;}
.clear{content: " ";display: block;clear: both;height: 0;visibility: hidden;}
ul, li{list-style:none;padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;font-weight:normal;}
.img-full{display:inline-block;}
a{text-decoration:none;}
a:hover, a:focus{outline:none;}
.img-res{width:100%; display:inline-block;}
.img-border{float:none;margin:0 auto;border:#999 solid 1px}
.img-left{float:none;margin:0 auto}
.float-right{float:right !important;}
.float-left{float:left !important;}
.mobile{display:none ;}
.desktop{display:block;}
.tablet{display:none;}
.nomargin{margin:0 !important;}
.norhtmargin{margin-right:0px !important;}
.nolftmargin{margin-left:0px !important;}
.nopadding{padding:0 !important;}
.norhtpadding{padding-right:0px !important;}
.nolftpadding{padding-left:0px !important;}
.noborder{border:none !important;}
.displaynone{display:none;}
.displayblock{display:block;}
p{margin:0;padding:0;}
.topbtmspace{padding:5px 0;}
.bluetext{color: #09F;font-family:var(--font-primary);}

/* Body and Heading Fonts */
body{overflow-x:hidden;color:#fff;background:#141F23;} /* Secondary body declaration for page-specific overrides */
h1,h2,h3,h4,h5,h6, button, .btn, li, a{font-family:var(--font-heading);font-weight:var(--font-weight-normal);font-style:normal;}

/* Vertical Center */
.v-center{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;height:100%;}
.h-center{display:block;text-align:center;}
@media (min-width: 768px) {
  .container {
    width:90%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 1000px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1030px;
  }
}

#header{background:#fff;}
.navbar-brand{height:auto;padding:0;}
.topMenuSec > ul.nav{display:block;float:none;width:100%;text-align:right;}
.topMenuSec > ul.nav > li{font-size:var(--font-size-md);color:#26517d;padding:0 15px;}
.topMenuSec > ul.nav > li{position:relative;display:inline-block;float:none;}
.topMenuSec > ul.nav > li + li:before{content:'';width:7px;height:7px;position:absolute;left:0;top:8px;background:#26517d;border-radius:100%;}
.topMenuSec > ul.nav > li > a:hover, .topMenuSec > ul.nav > li > a:focus{background:transparent;color:#26517d;}
.topMenuSec > ul.nav{margin:10px 0;}
.phoneNo{font-size:var(--font-size-md);color:#26517d;text-align:right;margin:27px 15px 10px;font-family:var(--font-heading);}

.bannerSec{background:#141f23;border-left:1px solid rgba(255,255,255,0.5);border-right:1px solid rgba(255,255,255,0.5);border-top:2px solid rgba(255,255,255,0.5);padding: 0;margin-top: -2px !important;position: relative;}
.middleBanner{padding:0;border-right:1px solid rgba(255,255,255,0.5);}
.middleBanner img{width:100%;}
.bannerBG{background:#141f23;}
.bannerBG p.servicesec{padding:20px 20px;text-align:center;font-family:var(--font-heading);line-height:70px;}
.bannerBG p.servicesec img{display:inline-block;width:65px;position:relative;margin-top:-10px;}
.bannerBG p.servicesec span{font-size:var(--font-size-2xl);padding-left:15px;}
.serviceBanner{background:#fff;margin:13px -15px 0;padding:10px;text-align:center;justify-content: center;align-items: center;display: flex;}
.serviceBanner img{width:100%;display:inline-block;height:auto;}
.MenuSection .navbar-collapse{padding:0;}
.MenuSection{background:#003366 url('../images/menu-bg.png') repeat-x;border:none;border-radius:0;text-align:center;border:1px solid rgba(255,255,255,0.5);}
.MenuSection .navbar-nav{float:none;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;}
.MenuSection .navbar-nav > li{float:none;display:inline-block;position:relative;padding:0px;flex-shrink:1;}
.MenuSection .navbar-nav > li > a{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:#fff;text-transform:uppercase;padding:15px 10px;white-space:nowrap;}
.MenuSection .navbar-nav > li + li:before{content:'';width:1px;height:100%;display:inline-block;position:absolute;left:-2px;top:0;background:rgba(255,255,255,0.5);}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background:rgba(38,38,81,0.8);color:#fff;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background:rgba(38,38,81,0.8);color:#fff;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background:rgba(38,38,81,0.8);color:#fff;}
.dropdown-menu > li > a{font-size:var(--font-size-base);color:#fff;}
.navbar-nav > li > .dropdown-menu{background:#003366;}
.section{background:#0b0b0c;padding:5px 20px 20px;}
.inner-content-Bg{width:100%;background:url('../images/middlebackground_r3_c1.png') repeat;padding:20px 10px;border-radius:0 20px 20px 0px;min-height:400px;-webkit-box-shadow: 5px 0px 3px 0px rgba(0,0,0,0.75);-moz-box-shadow: 5px 0px 3px 0px rgba(0,0,0,0.75);box-shadow: 5px 0px 3px 0px rgba(0,0,0,0.75);}
.inner-content-Bg h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:10px 0 40px;}


.bluePatternBg{width:100%;position:relative;background:url('../images/blue-pattern-bg.png') repeat;border:2px solid #fff;padding:15px;margin-bottom:15px;}
.bluePatternBg:after{content:'';clear:both;width:0;height:0;display:table;visibility:hidden;}

.thumbImg .thumbaction{display:block;text-align:center;margin-bottom:15px;}
.thumbImg .thumbaction img{max-width:50%;display:inline-block;}
.thumbImg .thumbaction p{font-size:var(--font-size-sm);color:#fff;}
.thumbImg .finalImg img{max-width:100%;margin-top:20px;}

.blockGbg{width:100%;min-height:50px;padding:10px;border:2px solid #fff;background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 58%, rgb(64,63,63) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 58%, rgb(64,63,63) 100%);  ackground-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 58%, rgb(64,63,63) 100%);margin-bottom:15px;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;}
.welcomebanner h2{font-size:var(--font-size-lg);color:#fff;font-weight:var(--font-weight-bold);margin-bottom:10px;}
.welcomebanner h4{font-size:var(--font-size-sm);color:#fff;font-weight:var(--font-weight-bold);margin-bottom:10px;}
.welcomebanner h3{font-size:var(--font-size-base);color:#fff;font-weight:var(--font-weight-bold);margin-bottom:10px;}
.welcomebanner p{font-size:var(--font-size-base);color:#fff;line-height:1.5;text-align:left;margin-bottom:10px;word-wrap:break-word;overflow-wrap:break-word;}
.welcomebanner p a{color:#7dcbff;font-family:var(--font-primary);text-decoration:underline;}

.subContent h5{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:8px;border-bottom:1px solid #fff;display:inline-block;}
.subContent h5 a{color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);}
.subContent ul{margin-bottom:10px;}
.subContent ul li span{font-size:var(--font-size-sm);font-family:var(--font-primary);color:#7dcbff;}

#footer{padding:15px 0;text-align:center;background:#0b0b0c;}
.footer{padding:0px 0 10px;}
.footer a{font-size:var(--font-size-sm);color:#fff;font-family:var(--font-primary);padding-bottom:10px;}
.copyright{font-size:var(--font-size-sm);color:#fff;font-family:var(--font-primary);}

.repairkitTable .table > tbody > tr > td{border:none;font-size:var(--font-size-sm);padding:0;}
.repairkitTable .table > tbody > tr > td > span{color:#09F;}
.repairkitTable .table > tbody > tr > td > a{color:#fff;font-family:var(--font-primary);text-decoration:underline;}

.blockBorder{border:1px solid #0b0b0c;}
.whiteBorder{border:2px solid #fff;}
.blueBorder{border:2px solid #7dcbff;}
.welcomebanner p.toppara{text-align:right;font-size:var(--font-size-sm);}
.welcomebanner p.toppara a{font-weight:var(--font-weight-bold);}
.list-of-group{padding-left:70px;}
.list-of-group li{line-height:1.5;margin-bottom:15px;font-size:var(--font-size-sm);font-family:var(--font-primary);color:#fff;list-style:disc;list-style-position:outside;}
.list-of-group li strong{font-weight:var(--font-weight-bold);color:#7dcbff;}
.imgDiv{text-align:center;}
.imgDiv .v-center{height:500px;}
.imgDiv img{margin:20px 0 30px;}
.small-img img{max-width:10%;}
.pdfLink{display:inline-block;}
.pdfLink a{display:inline-block;}
.topPadding{padding-top:50px;}
.topPadding30{padding-top:35px;}
.access-img{width:100%;height:230px;text-align:center;}
.access-img p{margin-top:-20px;position:relative;font-size:var(--font-size-xs);text-decoration:underline;color:#7dcbff;}
.photoGallery{padding:30px;}
.listinline{font-size:var(--font-size-sm);color:#fff;padding-left:15px;}
.listinline a{font-size:var(--font-size-xs);color:#fff;text-decoration:underline;font-family:var(--font-primary);}
.listinline span{font-weight:var(--font-weight-bold);color:#7dcbff;font-size:var(--font-size-xs);}
.res-table{margin:15px 0;}
.res-table .table > thead > tr > td{background:#0399B8;padding:8px;color:#fff;text-align:center;vertical-align:middle;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);}
.res-table .table > tbody > tr > td{padding:8px;color:#fff;text-align:center;vertical-align:middle;font-size:var(--font-size-xs);}
.welcomebanner p.displayblock{display:block;}

.othDiv{margin-top:30px;margin-bottom:100px;}
.oth-menu li{display:inline-block;margin:0 25px;text-align:center;vertical-align:top;}
.oth-menu li a{display:block;}
.oth-menu li a img{max-width:100px;height:auto;display:inline-block;}
.oth-menu li a p{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-decoration:underline;text-align:center;padding:0 0 10px;}

.productMenu{text-align:left;width:100%;margin:5px 0;}
.productMenu li{vertical-align:bottom; margin:0 20px}
.productMenu li a img{margin-bottom:10px;}
p.btm-para{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:#fff;}
p.btm-para img{max-width:100px;}


.txt-blue{color: #09F !important;}
.contact-box-01 h4{font-weight:var(--font-weight-medium);line-height: 1.5;}
.contact-map{padding:0;margin:0;width:100%;position:relative;border: 3px solid #9a9a9a;height:320px;}
.contact-map iframe{width:100%;height:100%;border:none;padding:0;margin:0;}

.faq-panel .panel-default {border-color: #345472;}
.faq-panel .panel-default > .panel-heading { color: #FFFFFF;background-color: #335271;border-color: #345472;}
.faq-panel h4{margin: 0;}
.faq-panel .panel-body p{color: #0b0b0c !important;}
.faq-panel .panel-body li {color: #0b0b0c; padding: 0; margin-left: 40px; font-size:var(--font-size-sm); list-style: disc;}

.breadcrumb{background:transparent;margin:0 0 5px;}
.breadcrumb > li{font-size:var(--font-size-sm);color:#fff;font-family:var(--font-primary);display: initial;}
.breadcrumb > li > a{font-size:var(--font-size-sm);color:#fff;text-transform:uppercase;font-weight:var(--font-weight-bold);font-family:var(--font-primary);}
.homeProlist{padding:0 15px;}

.accordionjs{margin-bottom:30px;}
.accordionjs .acc_section{border:0;border-radius:0;}
.accordionjs .acc_section:first-of-type, .accordionjs .acc_section:first-of-type .acc_head{border-radius:0;}
.accordionjs .acc_section:last-of-type, .accordionjs .acc_section:last-of-type .acc_content{border-radius:0;}
.accordionjs .acc_section .acc_head{background:#003366;margin-bottom:1px;border-bottom:1px solid #fff;}
.accordionjs .acc_section.acc_active > .acc_head{background:rgba(38,38,81,0.8);margin-bottom:0;border-bottom:0;}
.accordionjs .acc_section .acc_content{background:#fff;color:#003366;}
.accordionjs .acc_section .acc_content h2{color:#003366;}
.accordionjs .acc_section .acc_content h6{color:#003366;font-family:var(--font-primary);}
.accordionjs .acc_section .acc_content p{color:#003366;font-family:var(--font-primary);font-size:var(--font-size-xs);}
.accordionjs .acc_section .acc_content ul{padding-left:30px;}
.accordionjs .acc_section .acc_content ul li{line-height:1.5;font-size:var(--font-size-xs);font-family:var(--font-primary);color:#000;list-style:disc;list-style-position:inside;}
.accordionjs .acc_section .acc_content .faq-Content{width:90%;margin:10px auto;}

.accordionjs .acc_section .acc_head h3{font-size:var(--font-size-base);}
.accordionjs .acc_section:last-of-type .acc_head{border-bottom:0;}
.moreQues{font-size:var(--font-size-md);color: #FFF;margin:20px 0;}

.blueBg{display:inline-block;background:#6bb7e2;padding:5px;color:#fff;font-size:var(--font-size-base);margin:10px 0;}
.innerproMain h2{margin-bottom:30px;}
.list-of-others{text-align:center;margin:20px 0;}
.list-of-others .oth-menu li{width:24%;text-align:center;margin:0;}

.listinline ul li{display:inline-block;font-size:var(--font-size-xs);color:#fff;font-family:var(--font-primary);margin:0 5px;text-decoration:underline;}
.welcomebanner .text-center{text-align:center;}
.air_blower{width: 100%;display: block;padding-bottom: 50px;text-align: left;}
.air_blower h6{color: #ffffff;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:15px;}
.air_blower p{color: #09F;font-size:var(--font-size-xs);}
body div:nth-of-type(2) .air_blower{text-align: left;}

.list-of-menu{margin-top:50px;}
.list-of-menu li{display:inline-block;padding:0 10px;}
.list-of-menu li a{font-size:var(--font-size-base);color:#fff;text-decoration:underline;}

.tableRepairKit .table > thead > tr > th{font-size:var(--font-size-sm);text-transform:uppercase;text-align:center;}
.tableRepairKit .table > thead > tr > th:nth-child(3){text-align:left;}
.tableRepairKit .table > tbody > tr > td{font-size:var(--font-size-xs);text-align:center;}
.tableRepairKit .table > tbody > tr > td:nth-child(3){text-align:left;}
.termsSale-main{position:relative;}
.termsSale{position:absolute;right:15px;top:10px;font-size:var(--font-size-md);color:#fff;font-weight:var(--font-weight-bold);text-decoration:underline;}

.fda_lub, .fda_lub:hover{color: #09F;font-size:var(--font-size-xs);}


#triqui_container {
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 100;
	text-align:center;
}
 
#triqui_ad{
	height: 185px;
	text-align:center;
	display:inline;
	background-image: url(../_images/roots-ad-pop-up/roots-blower.png);
	background-repeat: no-repeat;
	width: 408px;
	padding-top: 10px;
}
 
#triqui_ad_close {
	cursor: pointer;
	text-decoration: underline;
	position:absolute;
	text-align:center;
	color:#000;

}
/* Two-column layout for services section */
.subContent .row {
    margin: 0 -15px;
}

.subContent .col-md-6 {
    padding-left: 15px;
    padding-right: 15px;
}

/* Ensure proper spacing between column items */
.subContent .col-md-6 h5 {
    margin-top: 0;
}

.subContent .col-md-6 h5:not(:first-child) {
    margin-top: 20px;
}

/* Mobile responsive - stack columns */
@media only screen and (max-width: 767px) {
    .subContent .col-md-6 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

/* Full-width services section */
.row.nomargin > .subContent {
    width: 100%;
    padding: 10px 15px;
}

.row.nomargin .subContent .row {
    margin-left: -15px;
    margin-right: -15px;
}

/* Navigation menu - fit all items on one line */
.MenuSection .navbar-nav > li > a {
    font-size: 13px !important;
    padding: 15px 4px !important;
}

/* Adjust at different screen sizes for optimal spacing */
@media (min-width: 992px) and (max-width: 1200px) {
    .MenuSection .navbar-nav > li > a {
        font-size: 12px !important;
        padding: 15px 3px !important;
    }
}

@media (min-width: 1200px) {
    .MenuSection .navbar-nav > li > a {
        font-size: 13px !important;
        padding: 15px 5px !important;
    }
}
