/*
Theme Name: BootstrapWP-v1.2-child
Theme URI: http://bootstrapwp.rachelbaker.me
Author: Rachel Baker
Author URI: http://www.rachelbaker.me
Description: MODIFIED BY C.L. SIMCO - A semantic HTML/CSS framework base theme for WordPress Developers ported from Twitter Bootstrap
Version: 1.0
=======
License: GNU General Public License
License URI: license.txt

This theme, like WordPress, is licensed under the GPL.

The development of BootstrapWP was powered by Sublime Text 2 and lots of Diet Coke.
Use this starter theme to make something cool.  Please share the results with me via Twitter @rachelbaker.
Enjoy!

*/
/********************************************************

Comfortable with LESS?  Check out the /assets/css/less folder where the bootstrapwp.less file is the master complier

Not comfortable with LESS?  You can override the compiled bootstrapwp.css file by adding custom styles here.
-------------------------------------------------- */
@import url('assets/css/test-css/css/fontawesome/css/font-awesome.css');
@import url('assets/css/test-css/css/bootstrap-extension.css');
@import url('assets/js/test-js/touchTouch/assets/touchTouch/touchTouch.css');


body {
  padding-top: 143px;
  margin:0;
  background-color:#fff !important;
  background-image:none !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #594527;               /*footer and main body text color */
}
a {
  color: #738d3a;
  text-decoration: none;
}
a:hover {
  color: #c0985e;
  text-decoration: underline !important;
}

a:focus {
  color: #506329;
  text-decoration: underline !important;
}


@media (max-width: 979px) {
  body {
    padding-top: 0;
  }
}

  .footer {
  margin:0;
  padding0;
}
 
  .footer-gradientV {
  background: #f6eab5;
  background-color: rgba(0, 0, 0, 0.5);
  background-color: #f6eab5;
  background-image: -moz-linear-gradient(top, #ffffff, #f6eab5);
  background-image: -ms-linear-gradient(top, #ffffff, #f6eab5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6eab5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f6eab5);
  background-image: -o-linear-gradient(top, #ffffff, #f6eab5);
  background-image: linear-gradient(top, #ffffff, #f6eab5);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorstr='#ffffff', EndColorstr='#f6eab5', GradientType=0);
}
  .footer-gradientVI {
  background: #f6eab5;
  background-color: rgba(255, 255, 255, 0.5);
  background-color: #f6eab5;
  background-image: -moz-linear-gradient(top, #ffffff, #f6eab5);
  background-image: -ms-linear-gradient(top, #ffffff, #f6eab5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6eab5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f6eab5);
  background-image: -o-linear-gradient(top, #ffffff, #f6eab5);
  background-image: linear-gradient(top, #ffffff, #f6eab5);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorstr='#ffffff', EndColorstr='#f6eab5', GradientType=0);
}
.footer-gradientVII {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6eab5+3,f6eab5+14,f6eab5+26&0+3,0.5+13,1+26 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzJSIgc3RvcC1jb2xvcj0iI2Y2ZWFiNSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iI2Y2ZWFiNSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTQlIiBzdG9wLWNvbG9yPSIjZjZlYWI1IiBzdG9wLW9wYWNpdHk9IjAuNTQiLz4KICAgIDxzdG9wIG9mZnNldD0iMjYlIiBzdG9wLWNvbG9yPSIjZjZlYWI1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(246,234,181,0) 3%, rgba(246,234,181,0.5) 13%, rgba(246,234,181,0.54) 14%, rgba(246,234,181,1) 26%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgba(246,234,181,0)), color-stop(13%,rgba(246,234,181,0.5)), color-stop(14%,rgba(246,234,181,0.54)), color-stop(26%,rgba(246,234,181,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(246,234,181,0) 3%,rgba(246,234,181,0.5) 13%,rgba(246,234,181,0.54) 14%,rgba(246,234,181,1) 26%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(246,234,181,0) 3%,rgba(246,234,181,0.5) 13%,rgba(246,234,181,0.54) 14%,rgba(246,234,181,1) 26%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(246,234,181,0) 3%,rgba(246,234,181,0.5) 13%,rgba(246,234,181,0.54) 14%,rgba(246,234,181,1) 26%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(246,234,181,0) 3%,rgba(246,234,181,0.5) 13%,rgba(246,234,181,0.54) 14%,rgba(246,234,181,1) 26%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6eab5', endColorstr='#f6eab5',GradientType=0 ); /* IE6-8 */
}

/*
//.footer-gradientVII {
//background: linear-gradient(to bottom, rgba(0, 64, 122, 1) 0%,rgba(0, 64, 122, 0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
//*background: -o-linear-gradient(top, rgba(0, 64, 122, 1) 0%, rgba(0, 64, 122, 0.8) 100%); /* Opera 11.10+ */
//*background: -moz-linear-gradient(top, rgba(0, 64, 122, 1) 0%, rgba(0, 64, 122, 0.8) 100%); /* FF3.6-15 */
//*background: -webkit-linear-gradient(top, rgba(0, 64, 122, 1) 0%,rgba(0, 64, 122, 0.8) 100%); /* Chrome10-25,Safari5.1-6 */
//*background: -ms-linear-gradient(top, rgba(0, 64, 122, 1) 0%,rgba(0, 64, 122, 0.8) 100%); /* IE10+ */
//*-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00407a', endColorstr='#cc00407a',GradientType=0 ); /* IE8 */
//*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00407a', endColorstr='#cc00407a',GradientType=0 ); /* IE 5.5 - 9 */
//*}
*/
/* page styling */
/* rs header @ NAVBAR added by cls added this .navbar and rs header here
// ------------
// Wrapper (centered, Fixed-width and fluid layouts cls Added) */
#wrapper {
  width:100%;
  height:100%;
}
  /* cl simco header under topbar */
  .rsheader3 {
    background-image: url('https://www.clsimco.com/wp-content/themes/bootstrapwp-v1.2-child/images/header007b-splash.jpg');
    background-repeat: no-repeat;
    position: relative;
    top: 0px;
    right: 0;
    left: 0;
    z-index: 1;
    height: 102px;
    width: 100%;
    overflow: hidden;
}

  /* cl simco craftsman brand text in topbar */   
  .brand2 {
    float: left !important;
    display: block;
    padding: 7px 20px 12px !important;
    margin-left: -20px !important; /* cls changed from -20 */
    position: relative;
    top: 3px;
    font-family:font-family: meddon, cursive !important; 
    font-size: 1.1em;
    text-decoration: none !important;
    font-weight: 200;
    font-style: normal;
    line-height: 1;
    color: #EBD092 !important;
    z-index: 1129;
  } 
.hero-unit {
  padding: 60px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 200;
  line-height: 30px;
  color: inherit;
  background-color: #eeeeee;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.hero-unit h1 {
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1;
  color: inherit;
  letter-spacing: -1px;
}
.hero-unit li {
  line-height: 30px;
}


.page-header {
  padding-bottom: 9px;
  margin: 20px 0 30px;
  border-bottom: 1px solid #c89251;
}

 
/* LINKS
// ----- */


.footer-link {
  color: #855852;
  text-decoration: none;
  }
a:hover.footer-link {
  color: #c0985e;
  text-decoration: none;
}
.splash-link {
  color: #c0985e;
  text-decoration: none;
  }
a:hover.splash-link {
  color: #855852;
  text-decoration: none;
}
.navbar .brand {
  float: left;
  display: block;
  padding: 10px 20px 12px 7px !important;
  margin: 0px !important;                      /* cls changed from -20 */
  font-family: cardo, serif !important;          /* cls added font-family */
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  line-height: 1;
  color: #EBD092 !important;        /* nav bar brand text */
}
.navbar .brand:hover {
  color:#AE7248 !important;         /* nav bar brand hover */
  text-decoration: none !important;
}
.navbar-inverse .navbar-inner {             /* nav bar background color */
  background-color: #3C1E00 !important;
  background-image: -moz-linear-gradient(top, #3C1E00, #3C1E00);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3C1E00), to(#3C1E00));
  background-image: -webkit-linear-gradient(top, #3C1E00, #3C1E00);
  background-image: -o-linear-gradient(top, #3C1E00, #3C1E00);
  background-image: linear-gradient(to bottom, #3C1E00, #3C1E00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C1E00', endColorstr='#3C1E00', GradientType=0);
  border-color: #252525;
}
.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  color: #AE7248;                             /* top level link color of navbar text-links and collapse links open */
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar-inverse .brand:hover {                
  color: #C89251 !important;  
}
.navbar-inverse .nav > li > a:hover {                   /* top level hover link color of navbar text-links and collapse links open */  
  background-color: #60391A !important;
  text-decoration: none !important;
}
.nav .open > a,                                          /* top level on click color of navbar background link for dropdown */
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #60391A !important;   
  border-color: #c89251;
} 
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #60391A;                                         /* top level on click inner nav bar BAR background color */
  color: #C89251;                                                   /* top level on click inner nav bar BAR text color */
}  
 
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #c89251;                        /*  XXXXXX  ???????????????? text color of first level a link in dropdown */
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #ffffff !important;                 /* text color of first level a in  hover link highlight in first level dropdown */
  background-color: #60391A !important;      /* background color of highlight in first level dropdown */
  text-decoration: none !important;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #60391A !important;
}                                         /* ??????????????????????????   */          
.nav .caret {
  border-top-color: #60391A;               /* what is nav caret ??????????????????????????   */ 
  border-bottom-color: #60391A;
}
.nav a:hover .caret {
  border-top-color: #60391A;
  border-bottom-color: #60391A;
}


.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;        /* dropdown menu divider line color */
  border-bottom: 1px solid #ffffff;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #594527 !important; /* 1st level dropdown menu text color */
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,                 /* dropdown menu divider color */
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a {
  text-decoration: none;
  color: #ffffff;
  background-color: #738D3A;
  background-image: -moz-linear-gradient(top, #738D3A, #738D3A);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#738D3A), to(#738D3A));
  background-image: -webkit-linear-gradient(top, #738D3A, #738D3A);
  background-image: -o-linear-gradient(top, #738D3A, #738D3A);
  background-image: linear-gradient(to bottom, #738D3A, #738D3A);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff738D3A', endColorstr='#ff738D3A', GradientType=0);
}
.dropdown-menu > .active > a,               /* ??????????? dropdown menu divider color */
.dropdown-menu > .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #738D3A;
  background-image: -moz-linear-gradient(top, #738D3A, #738D3A);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#738D3A), to(#738D3A));
  background-image: -webkit-linear-gradient(top, #738D3A, #738D3A);
  background-image: -o-linear-gradient(top, #738D3A, #738D3A);
  background-image: linear-gradient(to bottom, #738D3A, #738D3A);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff738D3A', endColorstr='#ff738D3A', GradientType=0);
}
                                     
.navbar-inverse .btn-navbar {                          /* closed navbaar small screen button */
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #8E3F10;
  background-image: -moz-linear-gradient(top, #8E3F10, #040404);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8E3F10), to(#040404));
  background-image: -webkit-linear-gradient(top, #8E3F10FF00FF, #040404);
  background-image: -o-linear-gradient(top, #8E3F10, #040404);
  background-image: linear-gradient(to bottom, #8E3F10, #040404);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8E3F10', endColorstr='#ff040404', GradientType=0);
  border-color: #040404 #040404 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #8E3F10;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #040404;
  *background-color: #000000;
}
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active {
  background-color: #000000 \9;
}
                           /* Text link color in opem small size Nav Bar*/
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #EBD092;
  } 
                           /* High-lite color in opem small size Nav Bar   */
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover {
    background-color: #738D3A;
  }



/* Changing the navbar from top of page to below rs-header at top
----------------------------------------------------------------------------------------*/
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}

/* Bootstrap Responsive v2.0.3 --*/

 #wrapper {
  width:100%;
  height:100%;
}  
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.hide-text {
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  /* Make inputs at least the height of their button counterpart */

  /* Makes inputs behave like true block-level elements */

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }  
}
@media (min-width: 768px) and (max-width: 979px) {
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
}
@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .page-header h1 small {
    display: block;
    line-height: 18px;
  }
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-group > label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-left: 10px;
    padding-right: 10px;
  }
  .modal {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    width: auto;
    margin: 0;
  }
  .modal.fade.in {
    top: auto;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
  .carousel-caption {
    position: static;
  }
  /* CLS added to accomodate fully wide footer */
  .footer-container {
    background-color:rgba(255,0,0,0.2); !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (max-width: 767px) {
  body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    margin-left: -20px;
    margin-right: -20px;
  }
  .container-fluid {
    padding: 0;
  }
  .dl-horizontal dt {
    float: none;
    clear: none;
    width: auto;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
  .container {
    width: auto;
  }
  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  [class*="span"],
  .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: auto;
    margin-left: 0;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 28px;
    /* Make inputs at least the height of their button counterpart */

    /* Makes inputs behave like true block-level elements */

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
    /* CLS added to accomodate fully wide footer */
  .footer-gradientV {
    background-color:rgba(255,0,0,0.2) !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
    /* CLS added to accomodate fully wide footer */
  .footer-gradientVI {
    background-color:rgba(255,255,255,0.2) !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
    .footer-container {
    background-color:rgba(255,255,255,0.2) !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    margin-left: 20px;
  }
  .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }
  .span12 {
    width: 724px;
  }
  .span11 {
    width: 662px;
  }
  .span10 {
    width: 600px;
  }
  .span9 {
    width: 538px;
  }
  .span8 {
    width: 476px;
  }
  .span7 {
    width: 414px;
  }
  .span6 {
    width: 352px;
  }
  .span5 {
    width: 290px;
  }
  .span4 {
    width: 228px;
  }
  .span3 {
    width: 166px;
  }
  .span2 {
    width: 104px;
  }
  .span1 {
    width: 42px;
  }
  .offset12 {
    margin-left: 764px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset1 {
    margin-left: 82px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 28px;
    /* Make inputs at least the height of their button counterpart */

    /* Makes inputs behave like true block-level elements */

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.762430939%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 99.999999993%;
  }
  .row-fluid .span11 {
    width: 91.436464082%;
  }
  .row-fluid .span10 {
    width: 82.87292817100001%;
  }
  .row-fluid .span9 {
    width: 74.30939226%;
  }
  .row-fluid .span8 {
    width: 65.74585634900001%;
  }
  .row-fluid .span7 {
    width: 57.182320438000005%;
  }
  .row-fluid .span6 {
    width: 48.618784527%;
  }
  .row-fluid .span5 {
    width: 40.055248616%;
  }
  .row-fluid .span4 {
    width: 31.491712705%;
  }
  .row-fluid .span3 {
    width: 22.928176794%;
  }
  .row-fluid .span2 {
    width: 14.364640883%;
  }
  .row-fluid .span1 {
    width: 5.801104972%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  input.span12, textarea.span12, .uneditable-input.span12 {
    width: 714px;
  }
  input.span11, textarea.span11, .uneditable-input.span11 {
    width: 652px;
  }
  input.span10, textarea.span10, .uneditable-input.span10 {
    width: 590px;
  }
  input.span9, textarea.span9, .uneditable-input.span9 {
    width: 528px;
  }
  input.span8, textarea.span8, .uneditable-input.span8 {
    width: 466px;
  }
  input.span7, textarea.span7, .uneditable-input.span7 {
    width: 404px;
  }
  input.span6, textarea.span6, .uneditable-input.span6 {
    width: 342px;
  }
  input.span5, textarea.span5, .uneditable-input.span5 {
    width: 280px;
  }
  input.span4, textarea.span4, .uneditable-input.span4 {
    width: 218px;
  }
  input.span3, textarea.span3, .uneditable-input.span3 {
    width: 156px;
  }
  input.span2, textarea.span2, .uneditable-input.span2 {
    width: 94px;
  }
  input.span1, textarea.span1, .uneditable-input.span1 {
    width: 32px;
  }
}
@media (min-width: 1200px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    margin-left: 30px;
  }
  .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1170px;
  }
  .span12 {
    width: 1170px;
  }
  .span11 {
    width: 1070px;
  }
  .span10 {
    width: 970px;
  }
  .span9 {
    width: 870px;
  }
  .span8 {
    width: 770px;
  }
  .span7 {
    width: 670px;
  }
  .span6 {
    width: 570px;
  }
  .span5 {
    width: 470px;
  }
  .span4 {
    width: 370px;
  }
  .span3 {
    width: 270px;
  }
  .span2 {
    width: 170px;
  }
  .span1 {
    width: 70px;
  }
  .offset12 {
    margin-left: 1230px;
  }
  .offset11 {
    margin-left: 1130px;
  }
  .offset10 {
    margin-left: 1030px;
  }
  .offset9 {
    margin-left: 930px;
  }
  .offset8 {
    margin-left: 830px;
  }
  .offset7 {
    margin-left: 730px;
  }
  .offset6 {
    margin-left: 630px;
  }
  .offset5 {
    margin-left: 530px;
  }
  .offset4 {
    margin-left: 430px;
  }
  .offset3 {
    margin-left: 330px;
  }
  .offset2 {
    margin-left: 230px;
  }
  .offset1 {
    margin-left: 130px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 28px;
    /* Make inputs at least the height of their button counterpart */

    /* Makes inputs behave like true block-level elements */

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.564102564%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 100%;
  }
  .row-fluid .span11 {
    width: 91.45299145300001%;
  }
  .row-fluid .span10 {
    width: 82.905982906%;
  }
  .row-fluid .span9 {
    width: 74.358974359%;
  }
  .row-fluid .span8 {
    width: 65.81196581200001%;
  }
  .row-fluid .span7 {
    width: 57.264957265%;
  }
  .row-fluid .span6 {
    width: 48.717948718%;
  }
  .row-fluid .span5 {
    width: 40.170940171000005%;
  }
  .row-fluid .span4 {
    width: 31.623931624%;
  }
  .row-fluid .span3 {
    width: 23.076923077%;
  }
  .row-fluid .span2 {
    width: 14.529914530000001%;
  }
  .row-fluid .span1 {
    width: 5.982905983%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  input.span12, textarea.span12, .uneditable-input.span12 {
    width: 1160px;
  }
  input.span11, textarea.span11, .uneditable-input.span11 {
    width: 1060px;
  }
  input.span10, textarea.span10, .uneditable-input.span10 {
    width: 960px;
  }
  input.span9, textarea.span9, .uneditable-input.span9 {
    width: 860px;
  }
  input.span8, textarea.span8, .uneditable-input.span8 {
    width: 760px;
  }
  input.span7, textarea.span7, .uneditable-input.span7 {
    width: 660px;
  }
  input.span6, textarea.span6, .uneditable-input.span6 {
    width: 560px;
  }
  input.span5, textarea.span5, .uneditable-input.span5 {
    width: 460px;
  }
  input.span4, textarea.span4, .uneditable-input.span4 {
    width: 360px;
  }
  input.span3, textarea.span3, .uneditable-input.span3 {
    width: 260px;
  }
  input.span2, textarea.span2, .uneditable-input.span2 {
    width: 160px;
  }
  input.span1, textarea.span1, .uneditable-input.span1 {
    width: 60px;
  }
  .thumbnails {
    margin-left: -30px;
  }
  .row-fluid .thumbnails {
    margin-left: 0;
  }
}
@media (max-width: 979px) {
  body {
    padding-top: 0;
  }
  .navbar-fixed-top {
    position: static;
    margin-bottom: 18px;
  }
  .navbar-fixed-top .navbar-inner {
    padding: 5px 0 0 0; // CLS changed to accomodate rs bg img
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 0 -5px;
  }
  .navbar .nav-collapse {
    clear: left;
  }
  .navbar .nav {
    float: none;
    margin: 0 0 9px;
  }
  .navbar .nav > li {
    float: none;
  }
  .navbar .nav > li > a {
    margin-bottom: 2px;
  }
  .navbar .nav > .divider-vertical {
    display: none;
  }
  .navbar .nav .nav-header {
    color: #999999;
    text-shadow: none;
  }
  .navbar .nav > li > a,
  .navbar .dropdown-menu a {
    padding: 6px 15px;
    font-weight: bold;
    color: #999999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .navbar .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .navbar .nav > li > a:hover,
  .navbar .dropdown-menu a:hover {
    background-color: #222222;
  }
  .navbar .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    float: none;
    display: block;
    max-width: none;
    margin: 0 15px;
    padding: 0;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .navbar .dropdown-menu:before,
  .navbar .dropdown-menu:after {
    display: none;
  }
  .navbar .dropdown-menu .divider {
    display: none;
  }
  .navbar-form,
  .navbar-search {
    float: none;
    padding: 9px 15px;
    margin: 9px 0;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
  }
  .navbar .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .navbar-static .navbar-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
  .btn-navbar {
    display: block;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    overflow: hidden;
    height: 0;
  }
    .nav-collapse .nav > li > a:hover,
  .nav-collapse .dropdown-menu a:hover {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #C89251 !important;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover {
    background-color: #738D3A;
    color: #FFFFFF !important;    
  }
}
@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}

/* ADDED BY CLS - For Custom SPLASH PAGE 1- Customize the Carousel and add some hacks 
***************************************************************************************/
/* For Custom SPLASH PAGE 1- Customize the Carousel and add some hacks */
/* Customize the Carousel and add some hacks */
.carousel {
	margin-bottom: 60px;
}

.carousel .container {
	position: relative;
	z-index: 9;
}

.carousel-control {
	height: 80px;
	margin-top: 50px;
	font-family: pontano-sans, sans-serif; font-weight: 200; font-style: normal;
	font-size: 120px;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
	background-color: transparent;
	border: 0;
	z-index: 10;
}

.carousel .item {
	height: 500px;
}
.carousel img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 500px;
}

.carousel-caption {
	background-color: transparent;
	position: static;
	max-width: 550px;
	padding: 0 40px;  /* was 20 */
	margin-top: 130px;
}
.carousel-caption h1,
.carousel-caption .lead {
	margin: 0;
	line-height: 1.25;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
.carousel-caption .btn {
	margin-top: 10px;
}


@media (max-width: 979px) {
	.carousel .item {
		height: 500px;
	}
	.carousel img {
		width: auto;
		height: 500px;
	}

}


@media (max-width: 767px) {
	#carousel {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.carousel {
		margin-left: -20px;
		margin-right: -20px;
	}
	.carousel .container {

	}
	.carousel .item {
		height: 300px;
	}
	.carousel img {
		height: 300px;
	}
	.carousel-caption {
		width: 65%;
		padding: 0 70px;
		margin-top: 50px; /* was50 px */
	}
	.carousel-caption h1 {
		font-size: 30px;
	}
	.carousel-caption .lead,
	.carousel-caption .btn {
		font-size: 18px;
	}
}

/**
 * 	TEXT AREA FOCUS color change
 */

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(44, 132, 0, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(44,132,0,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(44,132,0,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(44,132,0,.6);
}

/**
 * // end TEXT AREA FOCUS color change
 */

/**
 * Here are some extension utilities and hack to extend bootstrp
 */

.thumbnail {
  margin-bottom: 20px;
  border: 1px solid #738d3a;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #738d3a;
}
.thumbnail .caption {
  padding: 0px 0px 0px 4px;
  color: inherit;
}

 
/* Tooltips */
.bs-docs-tooltip-examples {
  text-align: center;
  margin: 0 0 10px;
  list-style: none;
}
.bs-docs-tooltip-examples li {
  display: inline;
  padding: 0 10px;
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  padding: 5px;
  font-size: 14px;
  line-height: 1.5;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9; /* was 0.8 */
  filter: alpha(opacity=90); /* was 80 */
}
.tooltip.top {
  margin-top: -3px;
}
.tooltip.right {
  margin-left: 3px;
}
.tooltip.bottom {
  margin-top: 3px;
}
.tooltip.left {
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #F5EBCC;
  text-align: center;
  text-decoration: none;
  background-color: #663300;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #663300;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #663300;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #663300;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #663300;
}
 
/* Vertical Spaces */
.vspace0 {
	padding: 0px 0px;
}

.vspace10 {
	padding: 10px 0px;
}

.vspace20 {
	padding: 20px 0px;
}

.vspace30 {
	padding: 30px 0px;
}

.vspace40 {
	padding: 40px 0px;
}

.vspace50 {
	padding: 50px 0px;
}

.vspace60 {
	padding: 60px 0px;
}

.vspace70 {
	padding: 70px 0px;
}

.vspace80 {
	padding: 80px 0px;
}

.vspace90 {
	padding: 90px 0px;
}

.vspace100 {
	padding: 100px 0px;
}





/* Bottom Spaces */
.mbottom0 {
	margin-bottom: 0px !important;
}

.mbottom10 {
	margin-bottom: 10px !important;
}

.mbottom20 {
	margin-bottom: 20px !important;
}

.mbottom30 {
	margin-bottom: 30px !important;
}

.mbottom40 {
	margin-bottom: 40px !important;
}

.mbottom50 {
	margin-bottom: 50px !important;
}

.mbottom60 {
	margin-bottom: 60px !important;
}

.mbottom70 {
	margin-bottom: 70px !important;
}

.mbottom80 {
	margin-bottom: 80px !important;
}

.mbottom90 {
	margin-bottom: 90px !important;
}

.mbottom100 {
	margin-bottom: 100px !important;
}




/* Top Spaces */
.mtop0 {
	margin-top: 0px !important;
}

.mtop10 {
	margin-top: 10px !important;
}

.mtop20 {
	margin-top: 20px !important;
}

.mtop30 {
	margin-top: 30px !important;
}

.mtop40 {
	margin-top: 40px !important;
}

.mtop50 {
	margin-top: 50px !important;
}

.mtop60 {
	margin-top: 60px !important;
}

.mtop70 {
	margin-top: 70px !important;
}

.mtop80 {
	margin-top: 80px !important;
}

.mtop90 {
	margin-top: 90px !important;
}

.mtop100 {
	margin-top: 100px !important;
}



/* Alignment */
.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}


/* Marketing Area*/
.marketing {
  color:#594527; //cls changed from 5a5a5a
}

.marketing h1 {
  font-size:50px;
  font-weight:200;
  letter-spacing:-1px;
  line-height:1;
  margin:10px 0 10px;
}

.marketing h2 {
  font-weight:200;
  margin-bottom:5px;
}

.marketing .marketing-byline {
  color:#999999;
  font-size:20px;
  font-weight:300;
  line-height:1.25;
  margin-bottom:40px;
}

.marketing p {
  font-size:16px;
  line-height:1.5;
}

.marketing img {
	margin: 5px auto;
}

/* Divider */
hr.soften {
  background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.0980392), rgba(0, 0, 0, 0));
  background-color: #c89251; //cls changed was #DDDDDD
  border:0;
  height:1px;
  margin:70px 0;
  clear: both;
}

/* CLS Divider */
hr.soften-less {
  background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.0980392), rgba(0, 0, 0, 0));
  background-color: #c89251; //cls changed was #DDDDDD
  border:0;
  height:1px;
  margin:20px 0;
  clear: both;
}

hr.special {
  background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.0980392), rgba(0, 0, 0, 0));
  background-color: #c89251; //cls changed was #DDDDDD
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #c89251;
  border-bottom: 1px solid #ffffff;
}

/* Divider */
hr.slogan {
  background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.0980392), rgba(0, 0, 0, 0));
  background-color: #c89251; //cls changed was #DDDDDD
  border:0;
  height:1px;
  margin: 0;
  clear: both;
}



/* Cloud Tags */
ul.tagcloud {
	line-height:1.8;
	list-style:none;
	margin:0;
	padding:0.5em;
	text-align:justify;
}

ul.tagcloud li {
	display:inline;
}

ul.tagcloud a {
  color:#787870;
  margin-right:0.2em;
  text-decoration:none;
  line-height: 1.3em;
}

.tag1 {
	font-size: 80%;
}

.tag2 {
	font-size: 100%;	
}

.tag3 {
	font-size: 125%;
}

.tag4 {
	font-size: 150%;
}

.tag5 {
	font-size: 175%;
}

.tag6 {
	font-size: 200%;
}

.tag7 {
	font-size: 225%;
}

.tag8 {
	font-size: 250%;
}

.tag9 {
	font-size: 275%;
}

.tag10 {
	font-size: 200%;
}


/* Scroll to top */
.scrolltotop {
	background-color: #fff;
	opacity: 0.7 !important;
	border: 1px solid #c89251;
	border-radius: 100px 100px 100px 100px;
	display: none;
	height: 36px;
	position: fixed;
	right: 2%;
	top: 50%;
	width: 36px;
	z-index: 1133;
}

.scrolltotop span {
	left: 10px;
	position: relative;
	top: 7px;
}

.scrolltotop a, a:hover {
    text-decoration:none;
}


/* touchTouch Description */
.placeholder span {
	color: #FFFFFF;
	display: block;
	margin: 15px 0 0;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}


/* Overlay and Zoom icon */
.zoom:hover .zoom-overlay {
	display: block;
}

.zoom:hover .zoom-overlay {
	opacity: 0.8;
}

.zoom .zoom-overlay {
	display: block;
	opacity: 0;
}

.zoom a:hover {
	opacity: 0.6;
}

.zoom {
	position: relative;
}

.zoom-overlay {
	position: absolute;
}

.zoom .zoom-overlay {
	background: url("https://www.clsimco.com/wp-content/themes/bootstrapwp-v1.2-child/img/icon-zoom.png") no-repeat scroll center center transparent;
	cursor: pointer;
	display: none;
	height: 42px;
	left: 0px;
	top: -5px;
	margin-left: -24px;
	margin-top: -16px;
	width: 42px;
	text-align: center;
	z-index: 0;
}


/* Social Bar */
.socialbar {
  background-color:#F5F5F5;
  border-bottom-color:#DDDDDD;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-top-color:#FFFFFF;
  border-top-style:solid;
  border-top-width:1px;
  padding:10px 0;
  text-align:center;
}

/* Social Bar */
.social {
  background-color:#fff;
  border-bottom-color:#DDDDDD;
  padding:10px 10px 10px 10px;
  text-align:left;
}


/* Slogan Bar under Carousel */
.sloganbar {
  background-color:#FFF;
  border-bottom-color:#c89251;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-top-color:#FFFFFF;
  border-top-style:solid;
  border-top-width:1px;
  padding:40px 0;
  text-align:center;
}

/*dropcap shortcode*/
.dropcap {
  overflow: hidden;
}
.dropcap:first-letter {
  color: #57a957;
  display: block;
  float: left;
  font-size: 50px;
  line-height: 40px;
  padding: 4px 8px 0 0;
}

/* RESPONSIVE CSS HACKS
 -------------------------------------------------- */
 @media (max-width: 979px) {
	.navbar {
		margin-bottom: 0;
	}
}

@media (max-width: 767px) {
	body {
		padding: 0;
	}
	
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
	.navbar {
		margin-bottom: 0;
		margin-right: 0;
		padding-left: 20px;
		padding-right: 0;
	}
	
}




/**** Isotope filtering and Portfolio ****/
.isotope-hidden.isotope-item
{ pointer-events:none;
  z-index:1; }

.isotope,.isotope .isotope-item
{ -webkit-transition-duration:.5s;
  -moz-transition-duration:.5s;
  -ms-transition-duration:.5s;
  -o-transition-duration:.5s;
  transition-duration:.5s; }

.isotope
{ -webkit-transition-property:height,width;
  -moz-transition-property:height,width;
  -ms-transition-property:height,width;
  -o-transition-property:height,width;
  transition-property:height,width; }

.isotope .isotope-item
{ -webkit-transition-property:-webkit-transform,opacity;
  -moz-transition-property:-moz-transform,opacity;
  -ms-transition-property:-ms-transform,opacity;
  -o-transition-property:top,left,opacity;
  transition-property:transform,opacity; }

.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition
{ -webkit-transition-duration:0;
  -moz-transition-duration:0;
  -ms-transition-duration:0;
  -o-transition-duration:0;
  transition-duration:0; 
}


/* SPLASH PAGE FULL BG SECTION ABOVE FOOTER
------------------------------------------------------ */	 
	 
 /* http://css-tricks.com/perfect-full-page-background-image/ */
.container-bg {
    margin:0;
    height:800px;
    width:100%;
    overflow:hidden !important;
	background: url(https://www.clsimco.com/wp-content/themes/bootstrapwp-v1.2-child/img/color-deck.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*******************/

/* Override B3 .panel adding a subtly transparent background */
.panel {
	background-color: rgba(255, 255, 255, 0.9);
	opacity: 0.9;
    filter: alpha(opacity=90);
	margin-top:80px;
	padding: 20px;
	border-radius:1em;
}

.margin-base-vertical {
	margin: 40px 0;
}

/* // END SPLASH PAGE FULL BG SECTION ABOVE FOOTER
------------------------------------------------------ */
/* // END SPLASH PAGE FULL BG SECTION ABOVE FOOTER
------------------------------------------------------ */
/*  Responsive Full Background Image Using CSS
 * Tutorial URL: http://sixrevisions.com/css/responsive-background-image/
 */
.fullpg-finish {
  /* Location of the image */
  background-image: url(https://www.clsimco.com/wp-content/themes/bootstrapwp-v1.2-child/img/color-deck.jpg) !important;
  background-height:100% !important;
  background-width:100% !important;
  html-height:100% !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-color:#e8c890 !important;
  background: url(https://www.clsimco.com/wp-content/themes/bootstrapwp-v1.2-child/img/color-deck.jpg) center center cover no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

/* HANDYMAN PAGE FULL BG 
------------------------------------------------------ */
/*  Responsive Full Background Image Using CSS
 * Tutorial URL: http://sixrevisions.com/css/responsive-background-image/
 */
.fullpg-handy {
  /* Location of the image */
  background-image: url(https://www.clsimco.com/wp-content/themes/bootstrapwp-v1.2-child/img/carp-tools.jpg) !important;
  background-image:img-responsive !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-color:#e8c890 !important;
  background: url(https://www.clsimco.com/wp-content/themes/bootstrapwp-v1.2-child/img/carp-tools.jpg) center center cover no-repeat;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
}


/* HANDYMAN PAGE FULL BG 

------------------------------------------------------ */
 /* http://css-tricks.com/perfect-full-page-background-image/ */
.fullpg-bg {
    margin:0;
    height:100%;
    width:100%;
    overflow:hidden !important;
	background: url(https://www.clsimco.com/wp-content/themes/bootstrapwp-v1.2-child/img/color-deck.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*******************/ 

/* Override B3 .panel adding a subtly transparent background */
.panel-finish {
	background-color: rgba(255, 255, 255, 0.9);
	opacity: 0.9;
    filter: alpha(opacity=90);
	margin-top:0px;
	padding: 20px;
	border-radius:6px !important;
}

.margin-base-vertical-2 {
	margin: 40px 0;
}

/* // FINISHING PAGE FULL BG
------------------------------------------------------ */

 /* ß Custom wells
------------------------------------------------------ */
 .well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #faf3d5;
  border: 1px solid #855852;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

 /* // Custom wells
------------------------------------------------------ */


.breadcrumb-2 {
  padding: 8px 15px;
  margin: 0 0 20px;
  list-style: none;
  background-color: #faefca;
  border: 1px solid #855852;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.breadcrumb-2 > li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  text-shadow: 0 1px 0 #ffffff;
}
.breadcrumb-2 > li > .divider {
  padding: 0 5px;
  color: #594527;
}
.breadcrumb-2 > .active {
  color: #594527;
}


/* Allow for input prepend/append in search forms */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px;
}
.form-search .input-append .btn {
  -webkit-border-radius: 0 5px 5px 0; <!-- was 14px -->
  -moz-border-radius: 0 5px 5px 0; <!-- was 14px -->
  border-radius: 0 5px 5px 0; <!-- was 14px -->
}
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0;
}
.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px;
}
.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

code {
  display: block;
  word-break: break-all;
  word-wrap: break-word;  
  padding: 2px 4px;
  margin: 0px 0px 40px;  
  color: #d14;
  background-color: #faf3d5;
  border: 1px solid #e1e1e8;
  white-space: wrap;
}

/* Blog Post Specific Items Respond form
----------------------------------------------------------------------------------------*/
#respond {
  margin-bottom: 15px;
}
#respond input.text,
#respond select,
#respond textarea,
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
  border: 1px solid #eee;
  background: #faf3d5;
  color: #777;
  font-size: 1em;
  line-height: 1em;
  padding: 0.375em;
  width: 50%;
  margin: 0 4px 0 0;
  outline: 0;
  display: block;
}
#respond input.text:focus,
#respond select:focus,
#respond textarea:focus,
.comment-form-author input:focus,
.comment-form-email input:focus,
.comment-form-url input:focus,
.widget_search input#s:focus {
  border: 1px solid #ccc;
}
.borderradius #respond input.text,
.borderradius #respond select,
.borderradius #respond textarea,
.borderradius .comment-form-author input,
.borderradius .comment-form-email input,
.borderradius .comment-form-url input,
.borderradius .widget_search input#s {
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  -khtml-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  border-radius: 0.5em;
}
 /* CLS added to comment response pages was 98% */  
#respond textarea {
  width: 60%;
  margin-right: 0;
}
#respond label {
  font-size: 1em;
  font-weight: bold;
  display: inline;
}
.button,                     /* comment page */
#submit,
.widget_search #searchsubmit,
.reply .comment-reply-link {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: white;
  padding: 5px 10px 5px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #CCC;
  border-bottom-color: #BBB;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);

  /* default color cls changed for clsimco.com theme
				  background-color: #006DCC;
				  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
				  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
				  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
				  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
				  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
				  background-image: linear-gradient(top, #0088cc, #0044cc);
				  background-repeat: repeat-x;
				  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
---------------- */				  
  border-color: #04C #04C #002A80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.button:hover,
#submit:hover,
.widget_search #searchsubmit:hover,
.reply .comment-reply-link:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff;
  background-color: #0044cc;
}
.button:active,
#submit:active,
.widget_search #searchsubmit:active,
.button.green:active {
  position: relative;
  top: 1px;
}

/* Blog Post Specific Items
----------------------------------------------------------------------------------------*/
p.meta {
  font-size: 12px;
  line-height: 20px;
  color: #999;
}
/* Sidebar
----------------------------------------------------------------------------------------*/
div.widget {
  margin-bottom: 18px;
}
h4.widget-title {
  font-family: 'La Belle Aurore', cursive !important;
  font-size:20px;
  font-weight: 600;
  font-style: normal;
  text-transform:none;
  line-height: 20px;
  color: #AE7248;        /* was #999; */
  margin-top: 9px;
}
.widget ul {
  margin: 0 0 9px 0;
}
.widget ul li {
  list-style: none;
}
.widget ul > li > a {
  display: block;
  padding: 3px 15px;
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.widget ul > li > a:hover {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #738d3a;
}
/* Post Styles
----------------------------------------------------------------------------------------*/
.entry-meta {
  clear: both;
  display: block;
}
.format-gallery .gallery-thumb {
  float: left;
  margin: 0 1em 0 0;
}
/* Search Form Styles
----------------------------------------------------------------------------------------*/

/* 

#searchform {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
#searchform input#s {
  padding-left: 4px;
  padding-right: 4px;
  margin-right: 4px;
  margin-bottom: 0;
  -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  display: inline;
  float: left;
}
#searchsubmit {
  display: inline-block;
  padding: 5px 10px 6px;
  font-size: 14px;
  line-height: normal;
  color: #333;
  float: left;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #E6E6E6;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border: 1px solid #CCC;
  border-bottom-color: #BBB;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all;
  -webkit-appearance: button;
}

 
 /* 
 .splash-link {
  color: #c0985e;
  text-decoration: none;
  }
a:hover.splash-link {
  color: #855852;
  text-decoration: none;
}

.footer-link {
  color: #855852;
  text-decoration: none;
  }
a:hover.footer-link {
  color: #c0985e;
  text-decoration: none;
}
.splash-link {
  color: #c0985e;
  text-decoration: none;
  }
FAEFCA
*/
 
 
 
#portfolio {
    max-width: 60% !important;
    margin: 0 auto !important;
}
.portfolio-items {
    width: 46% !important;
    margin-bottom: 10px !important;
}
.portfolio-items img {
    width: 100% !important;
    height: auto !important;
}
#filters a {
    background: none !important;
    color: #555555 !important;
}
#filters a:hover, #filters a.active {
    text-decoration: none !important;
    background:#c30d22 !important;
    background:-webkit-gradient(linear,left top,left bottom,from(#c30d22),to(#7b0815)); !important
    background:-webkit-linear-gradient(#c30d22,#7b0815) !important;
    background:-moz-linear-gradient(center top,#c30d22 0%,#7b0815 100%) !important;
    background:-moz-gradient(center top,#c30d22 0%,#7b0815 100%) !important;
    border:none !important;
    color:#ffffff !important;
    text-shadow:0 -1px 0 rgba(0,0,0,0.6) !important;
    border-radius: 2px !important;
}

/* mask for carousel */
.overlay .mask {
  opacity: 0 !important;
  transition: all 0.4s ease-in-out !important; }
  .overlay .mask:hover {
    opacity: 1 !important; }

.rgba-black-slight,
.rgba-black-slight:after {
  background-color: rgba(0, 0, 0, 0.1) !important; }

.rgba-black-light,
.rgba-black-light:after {
  background-color: rgba(0, 0, 0, 0.3) !important; }

.rgba-black-strong,
.rgba-black-strong:after {
  background-color: rgba(0, 0, 0, 0.7) !important; }

.btn-special-2:hover, .dropdownMenuButton-1:focus {
  color: #fc6500 !important;
  background-color: #ffff00 !important;
  border-color: #ffff00 !important;
}



/**** Isotope Filtering ****/
 
.isotope-item {
  z-index: 2;
}
 
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
 
/**** Isotope CSS3 transitions ****/
 
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
 
.isotope {
  -webkit-transition-property: height;
     -moz-transition-property: height;
      -ms-transition-property: height;
       -o-transition-property: height;
          transition-property: height;
}
 
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
 
/**** disabling Isotope CSS3 transitions ****/
 
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* Tablet */
@media screen and (max-width: 767px) {
    .isotope-item,
    .portfolio-items {
        width: 40% !important;;
    }
}
/* Mobile */
@media screen and (max-width: 480px) {

    h1 {
        font-size: 16px !important;
    }
    li {
        margin-top: 20px !important;
    }
 
    .isotope-item,
    .portfolio-items {
        width: 20% !important;
        margin-bottom: 20px;
    }
 
}