/*
Theme Name: KBI Construction
Version: 1.0
Tags: responsive, bootstrap
*/
/* cyrillic-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v6/C7bP6N8yXZ-PGLzbFLtQKRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v6/iLJc6PpCnnbQjYc1Jq4v0xJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v6/5pCv5Yz4eMu9gmvX8nNhfRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* greek-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v6/gEkd0pn-sMtQ_P4HUpi6WBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v6/iPF-u8L1qkTPHaKjvXERnxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v6/mTzVK0-EJOCaJiOPeaz-hxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v6/erE3KsIWUumgD1j_Ca-V-xJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v6/LeFlHvsZjXu2c3ZRgBq9nFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ16-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ15X5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ10Tj6bCwSDA5u__Fbjwz3f0.woff2) format('woff2');
  unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* greek-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ1xWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ16aRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ1_8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ1z0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ1-gdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* = DEFAULT STYLES = */
html, body {margin:0;font-size:16px;font-family: 'Arial', sans serif;}
body {background: url("images/bg-wood-texture.jpg") no-repeat center fixed;background-size: cover;}

/* = DEFAULT - LINKS = */
a {text-decoration:none;font-weight:bold;color: #004990;}
a:hover, a:focus {text-decoration:none;}

/* = DEFAULT - TEXT ITEMS = */
p {margin:20px 0;line-height:1.75em;}

/* = DEFAULT - HEADINGS = */
h1 {font-size:36px;margin:0;font-weight: bold;color: #004990;border-bottom: 1px solid #000;font-family: 'Noto Sans', sans-serif;}
h2 {font-size:24px;margin:0;}
h3 {font-size:20px;margin:0;}
h4 {font-size: 18px;font-weight: bold;}
h5 {}
/* = DEFAULT - Custom Bootstrap = */
.container {max-width:1000px;margin:0 auto;}

/* Buttons */
.btn {background:#333;color:#fff;}
.btn:hover, .btn:focus {background:#666;color:#fff;}

/* = HEADER = */
#top-wrapper {position: absolute;z-index: 11;width:100%;background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,0.53) 47%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,0.53)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,0.53) 47%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,0.53) 47%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,0.53) 47%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,0.53) 47%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );}
#call-to-action {padding-top: 15px;padding-bottom: 15px;font-weight: bold;max-width: 1400px;margin: 0 auto;}
header {}
.header-inner {max-width: 1200px;}
/* HEADER - LOGO */
.logo {}
.logo img {margin-top: -13px;}
.logo img:hover, .logo img:focus {opacity:.8;}

/* = CALL TO ACTION = */
.c2a {text-align:right;font-family: 'Noto Sans', sans-serif;font-size:18px;text-shadow:1px 1px 5px #fff, -1px -1px 5px #fff;}
.tel {display:inline-block;color: #000;margin: 0 10px;}
.tel a {color: #004990;}
.tel a:hover, .tel a:focus {color: #000;}
address {display:inline-block;margin: 0 0px 0 10px;color: #000;}
.email {display:inline-block;margin: 0 10px;color: #000;}
.email a {color: #004990;}
.email a:hover, .email a:focus {color: #000;}

/* = BANNER = */
#banner {}
.banner-inner {}
.carousel-inner {border:none;box-shadow:none;}
.carousel.fade {opacity: 1;}
.carousel.fade .item {-moz-transition: opacity ease-in-out .7s;-o-transition: opacity ease-in-out .7s;-webkit-transition: opacity ease-in-out .7s;transition: opacity ease-in-out .7s;left: 0 !important;opacity: 0;top:0;position:absolute;width: 100%;display:block !important;z-index:1;}
.carousel.fade .item:first-child {top:auto;position:relative;}
.carousel.fade .item.active {opacity: 1;-moz-transition: opacity ease-in-out .7s;-o-transition: opacity ease-in-out .7s;-webkit-transition: opacity ease-in-out .7s;transition: opacity ease-in-out .7s;z-index:2;}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {width: 100%;}

/* = FEATURE = */
#feature {background:#fff;padding-top: 30px;padding-bottom: 10px;}
.feature-inner {}
.feature-box {margin-bottom: 20px;position: relative;}
.feature-box img {width: 100%;opacity: .5;transition: all 0.3s ease-out;}
.feature-box h3 {position: absolute;left: 0;right: 0;top: 50%;margin-top: -10px;font-size: 18px;font-weight: bold;color: #000;font-family: 'Noto Sans', sans-serif;text-align: center;transition: all 0.3s ease-out;text-shadow:1px 1px 5px #fff, -1px -1px 5px #fff;}
.feature-box:hover img {opacity: 1;transition: all 0.3s ease-out;}
.feature-box:hover h3 {opacity: 0;transition: all 0.3s ease-out;}

/* = MAIN = */
main {text-align:left;color: #000;padding-top: 40px;padding-bottom: 40px;background: #fff;}
.main-inner {}

.testimonials {padding-top: 30px;padding-bottom: 30px;font-family: 'Noto Sans', sans-serif;background: #fff;}
#testimonials-slider {position: static;padding-bottom: 60px;color: #004990;font-size: 22px;font-weight: bold;font-style: italic;width: 90%;margin: 0 auto;text-shadow: none;}
.testimonials h4 {font-size: 22px;font-weight: bold;color: #000;text-align: center;}
#testimonials-slider .carousel-indicators .active {width: 14px;height: 14px;background-color: #000;border: none;margin: 0;}
#testimonials-slider .carousel-indicators li {width: 14px;height: 14px;background-color: #004990;border: none;margin: 0;}

/* = SECTION = */
section {}

/* = FLOATED IMAGES = */
img.pull-left {margin:20px 20px 20px 0px;}
img.pull-right {margin:20px 0px 20px 20px;}

/* = CONTACT INFO = */
#contact-info {color: #fff;font-weight: bold;padding-top: 30px;padding-bottom: 30px;font-family: 'Noto Sans', sans-serif;font-size: 18px;}
.contact-info-inner {}
.contact-info-inner h3 {font-size: 20px;font-weight: bold;color: #fff;margin-bottom: 30px;}
.contact-name {margin-top: 30px !important;margin-bottom: 20px !important;text-transform: uppercase;}
.contact-info {display:block;margin:5px auto;}
.spacer {margin:0px 5px;}
#contact-info a {color: #fff;}
#contact-info a:hover, #contact-info a:focus {color: #004990;}

/* = FOOTER = */
#primary-footer {text-align:center;padding-top: 15px;padding-bottom: 15px;background: #fff;font-family: 'Noto Sans', sans-serif;}
.primary-footer-inner {}
.sitemap .list-inline{margin-bottom:15px;}
.sitemap a {font-size: 16px;color: #000;padding: 15px 20px;}
.sitemap a:hover, .sitemap a:focus {color: #004990;}
.copyright a {font-size: 12px;color: #004990;}
.copyright a:hover, .copyright a:focus {color: #000;}
/* = FOOTER - LINKS = */
footer a {}
footer a:hover, footer a:focus {}

/* = BACK TO TOP LINK = */
#top-link-block.affix-top {position: absolute; /* allows it to "slide" up into view */bottom: -82px; /* negative of the offset - height of link element */left: 10px; /* padding from the left side of the window */}
#top-link-block.affix {position: fixed; /* keeps it on the bottom once in view */bottom: 18px; /* height of link element */left: 10px; /* padding from the left side of the window */}
.back-to-top {color: #000;}
.back-to-top:hover, .back-to-top:focus {color: #004990;}

/* = SITEMAP PAGE = */
ul.sitemap-page {margin: 20px auto; display:block; max-width: 500px; float: none; padding-left: 0px; }
ul.sitemap-page li { list-style: none; }
ul.sitemap-page li a { font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.8); color: #004990;  /* CSS3 Transition Effect */-webkit-transition: all 0.12s ease-out;-moz-transition: all 0.12s ease-out;-o-transition: all 0.12s ease-out; text-align: center; font-size: 36px; line-height: 55px; display: block;}
ul.sitemap-page li a:hover {color: #004990; text-decoration: none; /* CSS3 Transform Effect */-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2); text-shadow: 0px 3px 0px #ccc,0px 14px 10px rgba(0,0,0,0.15),0px 24px 2px rgba(0,0,0,0.1),0px 34px 30px rgba(0,0,0,0.1);}

/* = LIST STYLE IP = */
ul.list-items {margin: 10px 0 10px 60px;}
ul.list-items li {color: #000; font-weight: bold; }
ul.list-items li  a {color: #000; font-weight: bold; }
ul.list-items li a:hover {color: #000; text-decoration: none;}

/* Blog Styles */
.main-inner-blog {}
.main-inner-blog article {padding:20px 0;margin-bottom:20px;}
.main-inner-blog article h2 {}
.date {display:block;}
.blog-intro {padding-top:20px;padding-bottom:20px;margin-bottom:20px;}
/* Blog Sidebar */
.blog-sidebar {}
.blog-sidebar h3 {background:#000;color:#fff;padding:10px 10px;}
.blog-sidebar ul {list-style:none;padding:0;}
.blog-sidebar li {margin:3px 0;}
.blog-sidebar li a:before {content:"►";color:#999;margin-right:5px;}
.blog-sidebar li a {padding:5px 10px;background:#000;color:#fff;display:block;}
.blog-sidebar li a:hover, .blog-sidebar li a:focus {background:#999;color:#fff;text-decoration:none;}
.blog-sidebar li a:hover:before, .blog-sidebar li a:focus:before {color:#000;}
.entry-summary {}
/* Blog Single Post */
.blog-post {}
.blog-post h1 {font-size:24px;}

/* Gallery Page */
#envirabox-overlay {background:rgba(0,0,0,.6) !important;}
#envirabox-content {border:15px solid #000 !important;}
#envirabox-outer {background:#000 !important;}
#envirabox-title-float-main {font-size:16px !important;}
.envira-gallery-link:hover, .envira-gallery-link:focus {opacity:.7;}

/* Main Interior Pages - Contact Page */
main.contact-page {}
.divider-list-item ul {padding:0 !important;}
main.contact-page .contact-info {font-size:20px;}
main.contact-page .contact-info p {margin:10px auto;}
main.contact-page .contact-info a {}
main.contact-page .contact-info a:hover, main.contact-page .contact-info a:focus {text-decoration: none;color:#eee;}
main.contact-page .map iframe{width:100%;margin:15px auto;height:270px;}
main.contact-page .map p {margin:0;}
.contactform {color:#fff;}
#contact-info .button {border-radius:0;background:#004990;color:#fff;width:100% !important;display:block;padding:8px 0px;border:0;text-transform: uppercase;transition: all 0.3s ease-out;font-weight: bold;}
#contact-info .button:hover, #contactform .button:focus {background:#000;color:#fff;transition: all 0.3s ease-out;}
#contact-info textarea.form-control {height: 108px;margin-bottom: 40px;}
#contact-info label {color: #fff;}
.form-control {border-radius: 0;}
.contactform label {display:none !important;}
.contactform input::-moz-placeholder {}
.contactform input::-o-placeholder {}
.contactform input::-webkit-placeholder {}
.contactform input {width:100% !important;}
.contactform .textarea {width:100% !important;}
body .gform_wrapper ul li.gfield {margin-top:0 !important;margin-bottom:10px;}
.gform_wrapper textarea.medium {height:150px !important;}
.gform_wrapper ul.gform_fields li.gfield {padding-right:0 !important;}
.gform_wrapper .gform_footer {margin:0 auto !important;padding:0 !important;}
.carousel-indicators li {border:1px solid #004990;}




.gform_body {width:100% !important;}
.gform_wrapper{ margin-top: 0px!important;}
.gform_wrapper ul.gform_fields li.gfield{ padding-right: 0px!important; }
#gform_1 textarea, #gform_1 input{font-size: 14px;color: #555; width:100%;   background-color: #fff;    background-image: none;    border: 1px solid #ccc;}
#gform_1 textarea{ height: 138px!important;}
#gform_1 input#gform_submit_button_1{  border:none!important;   background: #004990;    color: #fff;    text-transform: uppercase;    font-weight: bold;    font-family: 'Open Sans', sans-serif;}  
#gform_1 input#gform_submit_button_1:hover, #gform_1 input#gform_submit_button_1:active{ background: #000;  color: #fff;}

span.hour-t{ font-size: 18px; margin-top:14px; display:inline-block; }
span.hours{ font-size: 14px; margin-top:5px;  }
h2.message {font-size: 50px;  text-align: center;  padding-top: 100px;  padding-bottom: 100px;}
/* = MEDIA QUERIES= */
@media screen and ( max-width: 1366px ) {}
@media screen and ( max-width: 1200px ) {.navbar-default .navbar-nav > li > a {font-size: 16px;padding: 10px 15px;}}
@media screen and ( max-width: 1024px ) {}
@media screen and ( max-width: 991px ) {header {margin-bottom: 0;}.logo img {margin: 0 auto;}.sitemap a {padding: 15px 7px;}#top-wrapper {background: #fff;position: relative;}.c2a {text-align: center;}.contact-name {font-size: 16px;}.navbar-default {margin-top:0;}}
@media screen and ( max-width: 966px ) {}
@media screen and ( max-width: 768px ) {}
@media screen and ( max-width: 767px ) {.navbar .navbar-nav {display:block;margin-bottom:0px;}img.pull-left {float:none !important;margin:0 auto;} img.pull-right {float:none !important;margin:0 auto;} .c2a {text-align:center;}.c2a span {display:block !important;}.logo img{margin:0 auto;}.contact-info {display:block;}.spacer {display:none;}.feature-box {max-width: 300px;margin: 0 auto 20px auto;}#testimonials-slider {font-size: 16px;}.contact-info-inner h3 {margin-top: 20px;margin-bottom: 20px;}.contact-name {margin-top: 20px;margin-bottom: 20px;}}
@media screen and ( max-width: 741px ) {}
@media screen and ( max-width: 600px ) {}
@media screen and ( max-width: 414px ) {}
@media screen and ( max-width: 320px ) {}

/* Formatting for Printing Web Pages */
@media print {}