/*DESKTOP STYLES*/

body {margin-top: 92px; /* adjust this if the height of the menu bar changes */
    background-color: #fff;
    font-family: 'Sintony';
}

h3{color:#414141; border-bottom: solid 1px #1faad3; padding-bottom: 8px; margin-top: 0; font-size: 20px; font-weight: bold;}
p{line-height: 20px; margin: 0;}
ul.prodFeatures{padding: 0; margin: 20px; }
ul.prodFeatures li{margin-bottom: 8px;}
.navbar{border-top: 1px solid #8dc742; min-height: initial; margin-bottom: 0;}
.navbar-brand{padding-right: 0;}
.navbar-default{border-bottom: none;}
.navbar-fixed-top .nav {padding: 28px 0;}
.navbar-toggle{background-color: transparent; margin-top: 40px; margin-right: 10px !important; border: none; padding: 6px 8px;}
.navbar-toggle:focus, .navbar-toggle:hover{background-color: #8dc742 !important;}
.navbar-toggle .icon-bar{background-color: #818181 !important; width: 18px;}
.logoImg{float: left; padding:10px 0; width:100%;}
.snippetImage{margin-bottom: 10px; width: 100%;}
.demo{margin-bottom: -99999px; padding-bottom: 99999px; background-color:#efefef;}   
.row {overflow: hidden;}
.clearfix{clear: both}
.smallBlueBtn{font-size: 10px; background-color: transparent; border:none; color: #0099cc; outline: none;}

.padder_20{padding: 20px;}
    .padder_10{padding: 10px;}
    
.smallHeading{color: #5b9320; }

.welcome{border-radius: 5px; margin: 10px; padding: 0; margin-top: 20px;}
.welcome{}
.welcome p{color: #000;}

.imgResp{display: block; width: 100%}


/*Carousel*/
.carousel-control.left, .carousel-control.right{background: none; width: 10%;}
.carousel-inner{border-radius: 10px; margin:20px 10px 0 0; }
.sharpBanner{height: 100%; background-color: #368399; position: relative;}
.bannerImg{float: left; width: 30%; position: relative; bottom: 0}
.bannerImg img{width: 100%; }
.bannerText{float: right; width: 60%; padding-top: 5%}
.bannerText > h1{color: #fff; padding-bottom: 20px; font-size: 400%;}
.bannerText > p{color: #fff; padding-right: 25%; padding-top: 30px; border-top: 1px solid #fff;}
.bannerText .banner_Btn{background-color: #e5e5e5; padding:8px 16px; border:none; border-radius: 5px; color: #368399; margin-top: 30px; display: inline-block;}
.bannerText .banner_Btn:hover{background-color: #fff; text-decoration: none;}

/*Home Page -> Client Speak*/
.clientSpeak > span{width: 30px; margin-right: 20px; height: 30px; background-image: url('../imgs/quoteMark.png'); display: block; float: left; margin-bottom: 30px;}
.clientSpeak p.clientName{color: #0099cc; margin-top: 10px}
.clientSpeak p:nth-child(4){color: #0099cc; margin-top: 0}
.clientSpeak p.clientName span{color: #313131;}

/*Home Page -> 24 Hr*/
.deliveryPromise{padding: 30px; color: #0099cc; background: url('../imgs/stopWatch_icon.png') no-repeat 2px 2px !important; font-size: 30px; font-weight: bold;padding: 22px 0 30px 70px;}
.borderRad_6{border-radius: 6px;}
.stopWatch{width: 100%; height: 100px; background-color:#313131; margin-bottom: 10px; border-radius: 5px 5px 0 0 }
.retrofit_small_banner{background-image: url('../imgs/retrofitBanner.png'); background-position: 0 -40px}
.pg1000_small_banner{background-image: url('../imgs/pg1000Banner.png'); background-position: 0 -140px;}
.modal.in .modal-dialog{margin-top: 250px;}

.bodList{list-style: disc; margin: 0 10px; padding: 0px 0px 0 30px;}
.bodList li{margin-bottom: 10px;}
.bodList li h4{margin: 0;}


h3.underConstruction{text-align: center; padding: 100px 0; border-top: 1px solid #ff9900; margin-top: 100px;}
h4{font-weight: bold; color:#ff9900}



.btn-default {color: #fff; background-color: #ff9900; border: 1px solid #ffffff;}
.btn-default:hover{color: #ff9900; border: 1px solid #e2e2e2; background: none;}


/*Footer*/
footer{background: #111; border-top: 1px solid #1faad3; margin-top: 10px}
footer .footer_links{padding: 20px; font-size: 12px; margin: 0; position: relative;}
.footer_links ul {margin: 0; padding: 0; list-style: none;}
.footer_links ul li a{display:block; padding: 5px 10px; font-size: 12px; color: #1faad3; text-decoration: none; border-bottom:1px dashed #333 }
.footer_links ul li a:hover{color: #999}
.footer_links p{color: #999; text-align: right; position: relative; top:30px;}


/*Individual Pages*/
.pageHead{font-size: 24px; border-bottom: 1px solid #1faad3; padding: 14px 0;}
.pageSubHead{font-size: 18px; padding: 14px 0; color: #8dc742; font-weight: 600; margin-top: 20px; margin-bottom: 0}
.pageSubHead_block{font-size: 18px; padding: 10px 10px; color: #1faad3; font-weight: 600; margin-top: 20px; margin-bottom: 10px; /*background-color: #8dc742; border-radius: 6px;*/  border-bottom: 1px solid #ccc;}
.multi-para p{padding-bottom: 20px}
.relPos{position: relative;}
.smallProdImg{border-bottom: 2px solid #0099cc}
.imgLabel{display: block; text-align: center; font-size: 16px; font-weight: 600; color: #333w; position: relative; bottom: 38px; background-color: #e5e5e5; padding: 7px; opacity: 0.9; border-radius: 10px 10px 0 0;}
.imgTopLabel{display: block; margin-bottom: 20px; text-align: center;}

@media (min-width: 768px){
    .fix_footer{position: absolute; bottom: 0; right: 0; left: 0;}
  .navbar{}
  .defaultNav{padding: 5px 10px !important; background: none; margin: 4px 4px; border-radius:0; color: #8dc742 !important;}
  .defaultNav:hover{background: #8dc742 !important; color: #000 !important; border-radius:5px;}
  .selected{background: #8dc742 !important; color: #ffffff !important; border-radius:5px; padding: 5px 10px !important; margin: 4px 4px; cursor: default;}
  /*.selected:hover{background: #8dc742 !important; color: #000 !important; border-radius:5px;}*/

    .side_padder_20{padding: 0 20px;}
    .rt_padder_20{padding-right: 20px !important;}
    .lt_padder_20{padding-left: 20px !important;}
    .col-md-3, .col-md-4, .col-md-6, .col-md-5, .col-md-4, .col-md-1, .col-md-2, .col-md-12, .col-md-8 {padding: 0;}
}


@media (min-width: 992px){
    .welcome{min-height: 320px;}
    .multi-para{margin-right: 30px; padding: 10px}
    #pscroller1{width: 100%; height: 246px;}
    .innerDiv{width: 100%;}


}

@media (max-width: 992px) and (min-width: 768px){
    .navbar-header{width: 30%}
    .navbar-fixed-top .nav{padding:18px 0}
    .multi-para{margin-bottom: 30px; padding: 10px}
    #pscroller1{width: 100% !important; height: 140px;}
    .innerDiv{width: 100%;}


}

@media (min-width: 1200px){
    .welcome{min-height: 280px;} 
    #pscroller1{width: 100% !important; height: 200px;}
    .innerDiv{width: 100%;} 
}

@media (max-width: 768px){
    .navbar-toggle{margin-top: 12px}
    .hideInMobile{display: none;}
    #pscroller1{width: 100%; height: 200px;}
    .innerDiv{width: 100%;}
}
@media (max-width: 360px){
    .navbar-brand{width: 80%}
    .navbar-toggle{margin-top: 30px}

    #pscroller1{width: 100% !important; height: 190px;}
    .innerDiv{width: 100%;}
}

/*Resizing Banner*/
@media (max-width: 450px){
    .bannerText .banner_Btn{padding: 4px 9px; font-size: 11px; margin-top: 10px;}
    .bannerText > h1{padding-bottom: 0; margin: 0; font-size: 120%;}
    .bannerText > p{display: none; }
    .carousel-indicators{bottom: -8px;}
    .carousel-indicators .active{width: 10px; height: 10px;}
    .carousel-indicators li{width: 8px; height: 8px;}

    #pscroller1{width: 100% !important; height: 240px;}
    .innerDiv{width: 100%;}
}
@media (max-width: 768px) and (min-width: 451px){
    .bannerText .banner_Btn{padding: 4px 9px; font-size: 11px; margin-top: 10px;}
    .bannerText > h1{padding-bottom: 10px; margin: 0; font-size: 220%;}
    .bannerText > p{display: block; padding-top: 5px;font-size: 12px;}
    .carousel-indicators{bottom: -8px;}
    .carousel-indicators .active{width: 10px; height: 10px;}
    .carousel-indicators li{width: 8px; height: 8px;}
}
@media (max-width: 992px) and (min-width: 769px){
    .bannerText .banner_Btn{padding: 6px 12px; font-size: 12px; margin-top: 10px;}
    .bannerText > h1{padding-bottom: 10px; margin: 0; font-size: 300%;}
    .bannerText > p{display: block; padding-top: 5px;font-size: 12px;}
    .carousel-indicators{bottom: -8px;}
    .carousel-indicators .active{width: 10px; height: 10px;}
    .carousel-indicators li{width: 8px; height: 8px;}
}

@media (min-width: 300px ) and (max-width: 992px){
    .bankName{font-size: 12px; width:200px;  float: left; display: none}
    .footer_links p{top: 0;}
}
@media (max-width: 320px ){
    #pscroller1{width: 100% !important; height: 280px;}
    .innerDiv{width: 100%;}
}


/*Text Colors*/
.whiteText{color: #ffffff}
p.whiteText{color: #ffffff}
.greenText{color:#8dc742 }
.blueText{color: #0099cc}

/*Solid BGs*/
.whiteBG{background-color: #ffffff;}
.lightGreyBG{background-color: #e5e5e5}
.greenBG{background-color: #8dc742;}
.darkGreenBG{background-color: #5b9320;}


/*Gradients*/
.banner_1_BG{
    background: #368399; /* Old browsers */
    background: -moz-linear-gradient(top,  #368399 0%, #225462 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#368399), color-stop(100%,#225462)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #368399 0%,#225462 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #368399 0%,#225462 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #368399 0%,#225462 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #368399 0%,#225462 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#368399', endColorstr='#225462',GradientType=0 ); /* IE6-9 */

}
.banner_2_BG{
background: #78a539; /* Old browsers */
background: -moz-linear-gradient(top,  #78a539 0%, #63892f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78a539), color-stop(100%,#63892f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #78a539 0%,#63892f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #78a539 0%,#63892f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #78a539 0%,#63892f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #78a539 0%,#63892f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78a539', endColorstr='#63892f',GradientType=0 ); /* IE6-9 */
}


.greyGrad{
    background: #3f3f3f; /* Old browsers */
    background: -moz-linear-gradient(top,  #3f3f3f 0%, #131313 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(100%,#131313)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3f3f3f 0%,#131313 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3f3f3f 0%,#131313 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3f3f3f 0%,#131313 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3f3f3f 0%,#131313 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
}

.blueGrad{
    background: #0099cc; /* Old browsers */
    background: -moz-linear-gradient(top,  #0099cc 0%, #0085b2 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099cc), color-stop(99%,#0085b2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0099cc 0%,#0085b2 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0099cc 0%,#0085b2 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0099cc 0%,#0085b2 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #0099cc 0%,#0085b2 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099cc', endColorstr='#0085b2',GradientType=0 ); /* IE6-9 */
}








ul.breadcrumb{margin: 0 5px;}
.breadcrumb>li a{color: #ff6400; font-size: 12px; }
.breadcrumb>li.active{color: #646464; font-size: 12px; }
.breadcrumb>li.noLink{background: url('../imgs/bc_div.png') no-repeat right 7px; padding-right: 20px; font-size: 12px;}
.breadcrumb>li a.bc_div{background: url('../imgs/bc_div.png') no-repeat right 5px; padding-right: 20px;}

.InsidePageHead{background: #fff; margin: 0 15px; margin-top: 10px;}
.InsidePageHead h2{color: #5b9320; padding: 0; margin: 0; font-weight: 400; text-transform: uppercase; font-size: 24px; font-family: 'Sintony', sans-serif; border-bottom: 1px solid #ff9900; margin-bottom: 10px }
h2.bigHeading{color: #5b9320; padding: 0; margin: 0; font-weight: 100; text-transform: uppercase; font-size: 24px; font-family: 'Sintony', sans-serif; border-bottom: 1px solid #ff9900; margin: 10px 16px 10px 16px; }

.nav-tabs.nav-stacked>li{}
.nav-tabs.nav-stacked>li>a.active:hover, .nav-tabs.nav-stacked>li>a.active{background: #e5e5e5; color: #2e2e2e; background: url('../imgs/bc_div.png') no-repeat 95% 50% #e5e5e5; font-weight: bold; cursor: default; border: 1px solid #fff;}
.nav-tabs.nav-stacked>li>a{color: #fff; padding-top: 10px; padding-bottom: 10px; background: #5b9320; border: 1px solid #fff;}
.nav-tabs.nav-stacked>li>a:hover{background: #fff; color: #5b9320;}
.nav-tabs > li > a{border-radius: 4px;}







/* F O R M */

/*#contactform_cont{float:right; width:315px; background:none; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; margin-left:40px}*/
#contactform_cont form{padding:0 10px 0 0;}
#contactform_cont form label{margin:5px 0; display:block; font-weight: normal !important;}
#contactform_cont form input{width:300px; padding:20px 10px; background:white; border:1px solid #ccc; margin-bottom:5px; height:20px; -webkit-border-radius:10px; -moz-border-radius:10px;  border-radius:10px; outline: none;}
#contactform_cont form select{width:300px; padding:12px 10px; background:white; border:1px solid #ccc; margin-bottom:5px; height:44px; -webkit-border-radius:10px; -moz-border-radius:10px;  border-radius:10px; outline: none; }
#contactform_cont form textarea{width:300px; padding:5px 10px; background:white; border:1px solid #ccc; margin-bottom:5px;  -webkit-border-radius:10px; -moz-border-radius:10px;  border-radius:10px; outline: none;}
#contactform_cont form input[type="submit"]{width:300px; cursor:pointer; background:#1F9AC0; color:#ffffff; padding:20px 0; border:none; line-height: 0}
#contactform_cont form input[type="submit"]:hover{background:#cccccc; color:#444444; }
#contactform_cont form label.error{color:red; font-size:12px; display:block; padding-left:10px; margin:0;}

#contactform_cont form textarea:focus, #contactform_cont form input:focus, #contactform_cont form input[type]:focus, #contactform_cont form select:focus{   
    border: 1px solid #0099cc !important;
    background-color: #e5e5e5;
    box-shadow: 1px 1px 1px #ccc inset;
}

.formSmallFont{font-size: 10px; color: #666;}


.navbar-default .navbar-nav > li > a{color: #0099cc;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background-color: #0099cc; color: #fff;}

.techAdv{margin-bottom: 30px; position: relative;}
.techAdv{padding: 10px; border: 1px solid #ccc; margin: 5px; border-radius: 5px; }

.techAdv p{color: #5b9320;}
.techAdv p:nth-child(6){margin-top: 10px; color: #333; margin-bottom: 10px}
.techAdv img{position: absolute; top:5px; right: 5px;}

@media (max-width: 450px){
    .techAdv img{position: relative; top:0; right: 0; margin-top: 10px;}
    

}