/* Custom CSS file for 112Building by Logic Industry. All rights reserved. */
/* 1. Color definitions
 * RED: #EC1B52 / f12330
 * GREY: #332D2F
 * blue: 393aa4
 * brown: a40711

font-family: 'Pontano Sans', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
 */
.112red{color: #f12330;}
.112grey{color:#332d2f;}

html,body{font-family: 'Pontano Sans', Arial, sans-serif;font-size:12pt;};
.navbar-brand:link {color:#ddd;background-color:#cc1f40;height:75px;}
.navbar-brand:hover{color:#c00;}
h1{font-size:24pt;color:#f12330;font-weight:bold;text-align:center;}
h2{font-size:22pt;color:#f12330;font-weight:bold;text-align:center;}
h3{font-size:12pt;color:#a40711;text-align:left;}
ul.li_topsubmenu li>a:link{color:#eee;list-style-type: none;font-size:12pt;text-decoration:none;margin:3pt 0px;}
ul.li_topsubmenu li>a:hover{color:#fff;list-style-type: none;font-size:12pt;text-decoration:none}
ul.li_topsubmenu li>a:visited{color:#eee;list-style-type: none;font-size:12pt;text-decoration:none}
#logo-plumbing{max-width:132px;max-height:50px;display:block;float:left; border:none;}
#logo-plumbing:hover{border:none;}

.pricelist td{border:1px solid #cecece;padding:6px;vertical-align:top;font-size:9pt;}
.pricelist b{font-weight:700;color:#900;font-size:11pt;}


.thumbnail{display:block; float:left; width:100%; max-width:100%;}
.fotomic-pr-wrap{display: block;
    float: left;
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;}
.fotomic-pr {
    display: block;
    float: left;
    width: 120%;
    margin: 0 auto;
    transition: width .4s ease;
}
.boximo {
    display: block;
    float: left;
    width: 100%;
    border: 1px solid #a0a0a0;
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    padding-bottom: 0px;
}
.imotext {
    display: block;
    float: left;
    width: 100%;
    padding: 0px 10px;
}


/* .col-sm-4 img{max-width:100%;} */

.detailheader {text-align:center;display:block;float:left;width:100%;padding-top:20px;}
.detailheader h1{font-size:14pt;color:#a0a0a0;}

#socialbox {display:block;float:right;position:fixed;bottom:38%;right:0px;z-index:11000;}

#quickbar{display:block;float:left;position:fixed;bottom:10px;left:0px;z-index:11001;width:100%;padding:0px 10px;}

#d1-click-plumber{width:100%;border-top:1px solid #fff;font-size:12pt;box-shadow:0px 0px 40px rgba(0,0,0,.9);background-color:#2e3;color:#000;text-shadow:1px 1px 1px #fff;margin:0 auto;border-radius:15px;
background: linear-gradient(#070,#2a3, #0a0, #2a3, #2a3, #494);border-bottom:1px solid #afa;
border-right:1px solid #777;border-left:1px solid #777;
}
.enumtable td{background-color:#eee;border:1px solid #aaa;padding:10px;text-align:center;font-size:8pt;}
.enumtable {border-spacing: 3px;border-collapse: separate;width:100%}

.xsmallphoto{display:block;float:left;max-width:30%;margin:10px 3px;border:1px solid #ccc; padding:3px;}
.xsmallphoto:hover {border:1px solid #c00;}

#footer{display:block;float:left;background-color:#B30F13;padding-top:20px;margin:0px;color:#fff;font-size:10pt;min-height:220px;width:100%;padding-bottom:50px;border-top: 2px solid #f12330;margin-top:20px;}

#footer h1{color:#fff; margin:4px;font-size:12pt;text-align:left;text-shadow:-1px -1px 0px #000;}
#footer h3{color:#fff; margin:4px;font-size:10pt;text-align:left;text-shadow:-1px -1px 0px #000;}
#footer a{color:#fff;text-decoration:none;}
#footer a:hover{color:#000;}
#footerleft {color:#fff;text-shadow:-1px -1px 1px #000;}
.fotomic{display:block;float:left;width:100%;-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.fotomic:hover{-webkit-filter: grayscale(0%); filter: grayscale(0%);}


/* --------- BOOTSTRAP CUSTOMIZATION ---------- */
.navbar{min-height:75px;border:none;color:#c00;}
.nav-tabs{border:none;padding-top:25px;}
.navbar-inverse{background-color:#cc1f40;background-image:none;border:none;}
.nav-tabs>li>a:link, a:visited {color:#000;border-bottom:2px solid #cc1f40;font-size:8pt;}
.nav-tabs>li>a:hover {color:#fff; border:none;border-bottom:2px solid #fff;background-color:transparent;}
.nav-tabs>li>a:active {color:#fff; border:none;border-bottom:2px solid #fff;background-color:transparent;}

.navbar-default .navbar-nav>li>a {
    color: #000;font-size:11pt; font-weight:bold;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #c00;border-bottom:1px solid #f12330;
}

.btn-warning {color:#222; background-color:#ffbc3f;}

.nav-tabs>li.active>a:hover{background-color:transparent;border:none;}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height:100%;}
.nav-tabs > li.active > a{background-color:transparent;border:none;border-bottom:0px solid #cc1f40;color:#fff;}
.nav-tabs > li.active > a:visited, a:focus{background-color:transparent;border:none;border-bottom:0px solid #cc1f40;color:#fff;}

.navbar-nav >li>a {font-size:9pt;}
.navbar-nav {margin-top:15px}

#builderform{background-color:#f12330;display:block;float:right;width:100%;padding:10px;text-align:right;}
#builderform input,select{border-radius:3px;border:1px solid #c01210;font-size:12pt;text-align:center;margin:2px;padding:2px;min-width:180px;}
#builderform label{color:#fff;font-family:'Pontano Sans', Arial, sans-serif;font-size:18pt;}

#plumbing-carusel-top {background-color:#334;width:100%;margin: 0 auto;}

.input-group{margin-bottom:5px;}

input[type='text']{text-transform:uppercase;}

.campaignform {display: block; margin:0 auto; max-width:380px; box-shadow: 0px 0px 5px #000;padding:20px; border: 10px solid #ccc;;}

.service{display:block;float:left;width:100%;overflow:hidden;border:1px solid #ccc;height:460px;margin-bottom:20px;text-decoration:none;color:#333;}
.service:hover {border:1px solid #c00;transition:border .5s ease;text-decoration:none;color:#c00;}
.service p{font-size:9pt; padding:10px;text-align:center;font-weight:bold;display:block;float:left;}
.service h1{margin:0px;padding:0px;}
.service h2{color:#ad8f2f;font-size:14pt;text-align:center;font-weight:normal;letter-spacing:0px;}
h4 {font-size:12pt; letter-spacing:5px;text-align:center;color:#777;}

.imgcontainer{display:block; float:left;height:300px;width:100%;padding:0px;overflow:hidden;margin:0px;}
.imgservice{width:100%;display:block;float:left;transition:width 0.5s ease; /*filter: grayscale(100%);*/}
.imgservice:hover{display:block;float:left;width:400px;transition:width 0.5s ease;filter: grayscale(0%);}

.imagedetail{width:100%;display:block;float:left;background-color:#fff;padding:0px;margin:0px; /*filter: grayscale(100%);*/}
 
.portdetails {line-height:1.5;} 
.portdetails>strong{color:#f12330;}
  
 
/* ----- testimonials ------ */
.testim_box{display:block;float:left;width:100%;padding:20px;border:5px solid #efefef;margin:10px 10px;max-height:180px;overflow-y:scroll;box-shadow:0px 0px 10px #ccc;}
.testim_box:hover{box-shadow:0px 0px 30px #000; border:5px solid #f12330;}
.testimhw{font-family:'Pontano Sans', Arial, sans-serif;font-size:10pt;color:#332D2F;} 
.testimsign{font-family:'Pontano Sans', Arial, sans-serif;font-size:10pt;text-align:right;color:#ccf;}
.testimhw{color:#332D2F;} 
.testimhw:first-letter{color:#f12330;font-size:14pt;}
.testimsign{font-size:11pt;text-align:right;color:#ccf;}
.glyphicon-star{color:#fc0;}
.testim_box strong{font-size:11pt;text-align:right;}
/* ----- END testimonials ------ */


.mdet a:link, a:visited{border:1px solid #777; border-radius:15px;padding:4px;text-align:center;margin:5px 5px;display:block;float:left;margin:10px 0px;width:100%;}
.mdet a:hover{text-decoration:none;border:1px solid #f12330; border-radius:15px; color:#f00;padding:4px;text-align:center;background-color:#efefef;}

/* -------------- logicindustry -------------*/
 .logicindustry, .logicindustry:visited, .logicindustry:active {font-size:8pt; padding:3px 10px;border:1px solid #fff;color:#fff;width:100%;display:block;float:left;text-align:center;text-decoration:none;margin:5px 0px;transition:background-color .4s ease;}
 .logicindustry:hover{color:#c00 !important;border:1px solid #000;transition:background-color .4s ease;background-color:#fff;} 
 


 

#upload-photo {
   opacity: 0;
   position: absolute;
   z-index: -1;
}
.upload-photo-label{background-color:#fa0;width:100%;border:1px solid #d90;border-radius:4px;padding:8px;margin-top:4px;text-align:center;display:block;float:left;min-width:280px;box-shadow:0px 0px 10px #000;min-width:330px;}
 .btn-success, .btn-info{ color:#000;font-weight:bold;} 
 
@media only screen and (max-width: 768px) {
 #plumbingform input,select{border-radius:3px;border:1px solid #c01210;font-size:12pt;text-align:center;margin:3px;padding:3px;width:100%;}
#plumbingform label{color:#fff;font-size:18pt;}
#XXX_blueimp-gallery{display:none;}
#d1-click-plumber{font-size:12pt;line-height:55px;height:70px;}
.form-control{font-size:14pt;}
#cartop{display:none;}
#plumbingform{margin-top:0px;}
#footer {padding-bottom:90px;margin-top:20px;}
}