/* Import bootstrap 3 mixins and variables so we can use them */
/* Core mixins BASE copy from src css */
.clear_float:before,
.clear_float:after {
  display: table;
  content: " ";
}
.clear_float:after {
  clear: both;
}
/* Import our theme variables. */
/*
 * The sections in this document roughly correspond to our theme style guide.
 */
/* Import our theme mixins */
/* Import our theme fonts */
/* Our style rules - namespace so as not to collide with the core app styles */
div.ccm-page {
  position: relative;
}
div.ccm-page {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.42857143;
  -webkit-font-smoothing: antialiased;
}
div.ccm-page blockquote {
  padding-left: 60px;
  font-size: 1.46em;
  font-weight: 300;
  border-color: #bdcfd8;
  color: #5b676c;
  line-height: 1.42857143;
}
div.ccm-page h1 {
  font-family: 'Work Sans', Helvetica, Arial, sans-serif;
  font-size: 2.3em;
  font-weight: 700;
  color: #10131e;
  line-height: 1.42857143;
  text-transform: none;
}
div.ccm-page h2 {
  font-family: 'Work Sans', Helvetica, Arial, sans-serif;
  font-size: 2.1em;
  font-weight: 700;
  color: #10131e;
  line-height: 1.42857143;
  text-transform: none;
}
div.ccm-page h3 {
  font-family: 'Work Sans', Helvetica, Arial, sans-serif;
  font-size: 1.7em;
  font-weight: 700;
  color: #10131e;
  line-height: 1.42857143;
  text-transform: none;
}
div.ccm-page h4 {
  font-family: 'Work Sans', Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  font-weight: 700;
  color: #10131e;
  line-height: 1.42857143;
  text-transform: none;
}
div.ccm-page h5 {
  font-family: 'Work Sans', Helvetica, Arial, sans-serif;
  font-size: 0.73em;
  font-weight: 700;
  color: #10131e;
  line-height: 1.42857143;
  text-transform: uppercase;
}
div.ccm-page h6 {
  font-family: 'Work Sans', Helvetica, Arial, sans-serif;
  font-size: 0.73em;
  font-weight: 400;
  color: #10131e;
  line-height: 1.42857143;
  text-transform: uppercase;
}
div.ccm-page img {
  max-width: 100%;
  height: auto;
}
div.ccm-page hr {
  margin-top: 80px;
  margin-bottom: 80px;
  border-top: 1px solid #ececec;
}
div.ccm-page main {
  background-color: #ffffff;
  padding-bottom: 80px;
  /*
    div.container:last-child {
      padding-bottom: 80px;
    }
    */
}
div.ccm-page main a:not(.fa):not(.btn),
div.ccm-page footer a:not(.fa):not(.btn) {
  color: #20bde8;
}
div.ccm-page main a:not(.fa):not(.btn):hover,
div.ccm-page footer a:not(.fa):not(.btn):hover {
  color: #abddff;
  text-decoration: none;
}
div.ccm-page div[data-container=block] div.container:last-child {
  padding-bottom: 0px;
}
div.ccm-page.page-type-blog-entry div.col-sidebar {
  padding-top: 40px;
}
div.ccm-page div.col-sidebar hr {
  margin-top: 20px;
  margin-bottom: 20px;
}
div.ccm-page div.ccm-system-errors {
  margin-top: 40px;
}
div.ccm-page header {
  background-color: #ffffff;
}
div.ccm-page header nav .dropdown:after {
  content: ' ▶';
}
div.ccm-page header nav .dropdown:hover:after {
  content: '\25bc';
}
div.ccm-page header nav ul {
  -webkit-font-smoothing: antialiased;
  list-style: none;
  margin-top: 10px !important;
  padding: 0px 0px 0px 0px;
  float: right;
}
div.ccm-page header nav ul a {
  font-family: 'Roboto';
  font-size: 1.1em;
  font-weight: 700;
  color: #222931;
  transition: all 0.3s ease-in;
}
div.ccm-page header nav ul a:hover {
  color: #abddff;
  text-decoration: none;
}
div.ccm-page header nav ul li {
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
  position: relative;
  display: inline-block;
}
div.ccm-page header nav ul li:hover ul {
  opacity: 1;
  top: 30px;
  visibility: visible;
}
div.ccm-page header nav ul li ul {
  cursor: pointer;
  padding: 15px;
  padding-bottom: 0px;
  float: left;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 20px;
  visibility: hidden;
  width: 200px;
  background-color: #ffffff;
  z-index: 99;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -ms-border-radius: 3px;
  border: 1px solid #edf2f3;
}
div.ccm-page header nav ul li ul li {
  float: none;
  width: 100%;
  padding-bottom: 0px;
}
div.ccm-page header nav ul li ul li:hover a {
  color: #0099ff;
}
div.ccm-page header nav ul li ul li a {
  display: block;
  padding-bottom: 15px;
  font-size: 1.0em;
  text-transform: none;
  color: #a2a2a2;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: normal;
}
div.ccm-page header nav ul li ul li a:hover {
  color: #0099ff;
}
div.ccm-page div.ccm-pagination-wrapper {
  text-align: center;
}
div.ccm-page .pagination > li.active span {
  background: none;
  color: #548627;
  border-color: #d4efbd;
}
div.ccm-page .pagination > li.next.disabled a,
div.ccm-page .pagination > li.next.disabled span {
  color: #b3beb8;
}
div.ccm-page .pagination > li.next a {
  border-right: 1px solid #d4efbd;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  padding-right: 25px;
}
div.ccm-page .pagination > li.next span {
  border-right: 1px solid #d4efbd;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  padding-right: 25px;
}
div.ccm-page .pagination > li.prev.disabled a,
div.ccm-page .pagination > li.prev.disabled span {
  color: #b3beb8;
}
div.ccm-page .pagination > li.prev span {
  border-left: 1px solid #d4efbd;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  padding-left: 25px;
}
div.ccm-page .pagination > li.prev a {
  border-left: 1px solid #d4efbd;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  padding-left: 25px;
}
div.ccm-page .pagination > li > a {
  font-size: 14px;
  border-left: 0;
  border-right: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  border-color: #d4efbd;
}
div.ccm-page .pagination > li > a:hover {
  background: none;
}
div.ccm-page .pagination > li > span {
  font-size: 14px;
  border-left: 0;
  border-right: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  border-color: #d4efbd;
}
div.ccm-page .breadcrumb {
  background-color: transparent;
  padding: 0px;
  font-size: 0.85em !important;
}
div.ccm-page .breadcrumb a {
  color: white !important;
}
div.ccm-page .breadcrumb a:hover {
  text-decoration: none;
  color: #548627 !important;
}
div.ccm-page .breadcrumb li.active {
  color: #ccc !important;
}
div.ccm-page img.ccm-captcha-image {
  display: block;
  margin: 0px auto 30px auto;
}
div.ccm-page main .ccm-search-block-form h3 {
  font-family: 'Roboto';
  font-size: 2.1em;
  text-transform: uppercase;
}
div.ccm-page main .ccm-search-block-form input.ccm-search-block-text {
  border: 1px solid #e6e6e6;
  margin-right: 15px;
  width: 50%;
  margin-bottom: 15px;
  padding: 10px;
}
div.ccm-page main .ccm-search-block-form input.ccm-search-block-submit:focus {
  outline: none;
}
div.ccm-page main .ccm-search-block-form #searchResults {
  margin-top: 15px;
  border-top: 1px solid #ececec;
}
div.ccm-page main .ccm-search-block-form #searchResults .searchResult {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 24px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ececec;
}
div.ccm-page main .ccm-search-block-form #searchResults .searchResult p {
  color: #6e6e6e;
}
div.ccm-page main .ccm-search-block-form #searchResults .searchResult h3 {
  margin-top: 0px;
  text-transform: none;
  margin-bottom: 5px;
  font-family: inherit;
}
div.ccm-page main .ccm-search-block-form #searchResults .searchResult h3 a {
  font-weight: 400;
  font-size: 22px;
  color: #0099ff;
}
div.ccm-page main .ccm-search-block-form #searchResults .searchResult h3 a:hover {
  color: #abddff;
}
div.ccm-page .btn {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -ms-border-radius: 20px;
  padding: 10px 30px 10px 30px;
}
div.ccm-page .btn-success {
  color: #ffffff;
  background-color: #00cc66;
  border-color: #4cae4c;
}
div.ccm-page .btn-success:focus,
div.ccm-page .btn-success.focus {
  color: #ffffff;
  background-color: #00994d;
  border-color: #255625;
}
div.ccm-page .btn-success:hover {
  color: #ffffff;
  background-color: #00994d;
  border-color: #398439;
}
div.ccm-page .btn-success:active,
div.ccm-page .btn-success.active,
.open > .dropdown-togglediv.ccm-page .btn-success {
  color: #ffffff;
  background-color: #00994d;
  background-image: none;
  border-color: #398439;
}
div.ccm-page .btn-success:active:hover,
div.ccm-page .btn-success.active:hover,
.open > .dropdown-togglediv.ccm-page .btn-success:hover,
div.ccm-page .btn-success:active:focus,
div.ccm-page .btn-success.active:focus,
.open > .dropdown-togglediv.ccm-page .btn-success:focus,
div.ccm-page .btn-success:active.focus,
div.ccm-page .btn-success.active.focus,
.open > .dropdown-togglediv.ccm-page .btn-success.focus {
  color: #ffffff;
  background-color: #00753b;
  border-color: #255625;
}
div.ccm-page .btn-success.disabled:hover,
div.ccm-page .btn-success[disabled]:hover,
fieldset[disabled] div.ccm-page .btn-success:hover,
div.ccm-page .btn-success.disabled:focus,
div.ccm-page .btn-success[disabled]:focus,
fieldset[disabled] div.ccm-page .btn-success:focus,
div.ccm-page .btn-success.disabled.focus,
div.ccm-page .btn-success[disabled].focus,
fieldset[disabled] div.ccm-page .btn-success.focus {
  background-color: #00cc66;
  border-color: #4cae4c;
}
div.ccm-page .btn-success .badge {
  color: #00cc66;
  background-color: #ffffff;
}
div.ccm-page .btn-default {
  color: #616970;
  background-color: #ffffff;
  border-color: #b7e390;
}
div.ccm-page .btn-default:focus,
div.ccm-page .btn-default.focus {
  color: #616970;
  background-color: #e6e6e6;
  border-color: #75c231;
}
div.ccm-page .btn-default:hover {
  color: #616970;
  background-color: #e6e6e6;
  border-color: #97d75f;
}
div.ccm-page .btn-default:active,
div.ccm-page .btn-default.active,
.open > .dropdown-togglediv.ccm-page .btn-default {
  color: #616970;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #97d75f;
}
div.ccm-page .btn-default:active:hover,
div.ccm-page .btn-default.active:hover,
.open > .dropdown-togglediv.ccm-page .btn-default:hover,
div.ccm-page .btn-default:active:focus,
div.ccm-page .btn-default.active:focus,
.open > .dropdown-togglediv.ccm-page .btn-default:focus,
div.ccm-page .btn-default:active.focus,
div.ccm-page .btn-default.active.focus,
.open > .dropdown-togglediv.ccm-page .btn-default.focus {
  color: #616970;
  background-color: #d4d4d4;
  border-color: #75c231;
}
div.ccm-page .btn-default.disabled:hover,
div.ccm-page .btn-default[disabled]:hover,
fieldset[disabled] div.ccm-page .btn-default:hover,
div.ccm-page .btn-default.disabled:focus,
div.ccm-page .btn-default[disabled]:focus,
fieldset[disabled] div.ccm-page .btn-default:focus,
div.ccm-page .btn-default.disabled.focus,
div.ccm-page .btn-default[disabled].focus,
fieldset[disabled] div.ccm-page .btn-default.focus {
  background-color: #ffffff;
  border-color: #b7e390;
}
div.ccm-page .btn-default .badge {
  color: #ffffff;
  background-color: #616970;
}
div.ccm-page .ccm-image-slider-container {
  border-bottom: 2px solid #f0eee1;
  padding-top: 20px;
  margin-bottom: 70px;
  background-color: transparent;
  background-repeat: repeat;
  /* background-image is moved to main.less because it needs to be in the theme root */
}
div.ccm-page .ccm-image-slider-container .ccm-image-slider {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
div.ccm-page .ccm-image-slider-container .ccm-image-slider .rslides li {
  max-height: 220px;
}
@media (min-width: 480px) and (max-width: 767px) {
  div.ccm-page .ccm-image-slider-container .ccm-image-slider {
    width: 100%;
  }
  div.ccm-page .ccm-image-slider-container .ccm-image-slider .rslides li {
    max-height: 320px;
  }
}
@media (min-width: 768px) {
  div.ccm-page .ccm-image-slider-container .ccm-image-slider {
    width: 750px;
  }
  div.ccm-page .ccm-image-slider-container .ccm-image-slider .rslides li {
    max-height: 350px;
  }
}
@media (min-width: 992px) {
  div.ccm-page .ccm-image-slider-container .ccm-image-slider {
    width: 970px;
  }
  div.ccm-page .ccm-image-slider-container .ccm-image-slider .rslides li {
    max-height: 429px;
  }
}
@media (min-width: 1200px) {
  div.ccm-page .ccm-image-slider-container .ccm-image-slider {
    width: 1170px;
  }
  div.ccm-page .ccm-image-slider-container .ccm-image-slider .rslides li {
    max-height: 480px;
  }
}
div.ccm-page .ccm-image-slider-container .ccm-image-slider:before,
div.ccm-page .ccm-image-slider-container .ccm-image-slider:after {
  display: table;
  content: " ";
}
div.ccm-page .ccm-image-slider-container .ccm-image-slider:after {
  clear: both;
}
div.ccm-page .ccm-image-slider-container .ccm-image-slider-inner {
  margin-right: -15px;
  margin-left: -15px;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 1200px) {
  div.ccm-page .ccm-image-slider-container .ccm-image-slider-inner {
    float: left;
    width: 100%;
  }
}
div.ccm-page .ccm-image-slider-container .rslides_nav {
  opacity: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -ms-border-radius: 4px;
  height: 38px;
  margin-top: -20px;
  width: 38px;
  background: rgba(0, 0, 0, 0.92);
}
div.ccm-page .ccm-image-slider-container .rslides_nav.next {
  color: white;
  -webkit-transition: background 0.35s ease-in-out;
  -o-transition: background 0.35s ease-in-out;
  transition: background 0.35s ease-in-out;
  right: 40px;
}
div.ccm-page .ccm-image-slider-container .rslides_nav.next:hover {
  text-decoration: none;
  color: black;
  background: white;
}
div.ccm-page .ccm-image-slider-container .rslides_nav.next:before {
  -webkit-transition: background 0.35s ease-in-out;
  -o-transition: background 0.35s ease-in-out;
  transition: background 0.35s ease-in-out;
  content: "\f054";
  font-family: FontAwesome;
  font-size: 16px;
  display: block;
  margin-top: 10px;
  margin-left: 14px;
}
div.ccm-page .ccm-image-slider-container .rslides_nav.prev {
  color: white;
  -webkit-transition: background 0.35s ease-in-out;
  -o-transition: background 0.35s ease-in-out;
  transition: background 0.35s ease-in-out;
  left: 40px;
}
div.ccm-page .ccm-image-slider-container .rslides_nav.prev:hover {
  text-decoration: none;
  color: black;
  background: white;
}
div.ccm-page .ccm-image-slider-container .rslides_nav.prev:after {
  -webkit-transition: background 0.35s ease-in-out;
  -o-transition: background 0.35s ease-in-out;
  transition: background 0.35s ease-in-out;
  content: "\f053";
  font-family: FontAwesome;
  font-size: 16px;
  display: block;
  margin-top: 10px;
  margin-left: 12px;
}
div.ccm-page .ccm-image-slider-container .rslides_tabs {
  padding-left: 0px;
  padding-top: 15px;
  padding-bottom: 10px;
}
div.ccm-page .ccm-image-slider-container .rslides_tabs li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
}
div.ccm-page .ccm-image-slider-container .rslides_tabs li.rslides_here a {
  background: #75ca2a;
}
div.ccm-page .ccm-image-slider-container .rslides_tabs li a {
  overflow: hidden;
  text-indent: 99px;
  background: #ccccc9;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 10px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -ms-border-radius: 30px;
}
div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2 {
  color: #75ca2a;
  font-family: 'Roboto';
  font-size: 3.2em;
  font-weight: 200;
  margin-bottom: 5%;
}
div.ccm-page .ccm-image-slider-container .ccm-image-slider-text p {
  color: #6e6e6e;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  font-weight: 400;
  width: 80%;
}
div.ccm-page .ccm-image-slider-container.ccm-block-image-slider-arrows .ccm-image-slider-inner {
  margin-right: -15px;
  margin-left: -15px;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 60px;
}
@media (min-width: 1200px) {
  div.ccm-page .ccm-image-slider-container.ccm-block-image-slider-arrows .ccm-image-slider-inner {
    margin-left: 8.33333333%;
  }
}
@media (min-width: 1200px) {
  div.ccm-page .ccm-image-slider-container.ccm-block-image-slider-arrows .ccm-image-slider-inner {
    float: left;
    width: 83.33333333%;
  }
}
div.ccm-page .image-right-tilt .ccm-image-block {
  display: block;
  margin: 0px auto 0px auto;
  transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  /* IE 9 */
  -webkit-transform: rotate(3deg);
}
div.ccm-page .image-circle .ccm-image-block {
  border-radius: 50%;
}
div.ccm-page a.ccm-block-page-list-rss-feed {
  font-size: 1.5em;
  color: #d1d1d1;
}
div.ccm-page a.ccm-block-page-list-rss-feed:hover {
  color: #75ca2a;
}
div.ccm-page div.ccm-block-page-list-page-entry-horizontal:before,
div.ccm-page div.ccm-block-page-list-page-entry-horizontal:after {
  display: table;
  content: " ";
}
div.ccm-page div.ccm-block-page-list-page-entry-horizontal:after {
  clear: both;
}
div.ccm-page div.ccm-block-page-list-page-entry-horizontal,
div.ccm-page div.ccm-block-page-list-page-entry {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ececec;
}
div.ccm-page div.ccm-block-page-list-page-entry-read-more {
  margin-top: 20px;
}
div.ccm-page div.ccm-block-page-list-no-pages {
  text-align: center;
  font-size: 1.7em;
  font-family: 'Work Sans', Helvetica, Arial, sans-serif;
  color: #10131e;
}
div.ccm-page div.col-sidebar div.block-sidebar-wrapped div.ccm-block-page-list-wrapper {
  margin: 0px;
}
div.ccm-page div.col-sidebar div.ccm-block-page-list-wrapper {
  margin: 25px 40px 25px 40px;
  font-size: .85em;
}
div.ccm-page div.col-sidebar div.ccm-block-page-list-wrapper a.ccm-block-page-list-rss-feed {
  font-size: .85em;
}
div.ccm-page div.col-sidebar div.ccm-block-page-list-wrapper div.ccm-block-page-list-page-entry {
  border: 0px;
  padding: 0px;
  margin-bottom: 10px;
}
div.ccm-page div.col-sidebar div.ccm-block-page-list-wrapper div.ccm-block-page-list-page-entry a {
  font-weight: normal;
}
div.ccm-page div.ccm-block-page-list-header {
  font-size: 17px;
}
div.ccm-page main .jumbo {
  min-height: 300px;
}
div.ccm-page main .jumbo h1 {
  color: #75ca2a !important;
  font-family: 'Roboto' !important;
  font-size: 2.46em !important;
  line-height: 1.14285714;
  font-weight: 200 !important;
  display: block;
  padding-top: 40px;
  font-size: 3.69em;
  padding-bottom: 40px;
}
div.ccm-page main .jumbo p {
  font-size: 2.1em;
  color: #10131e;
  font-weight: 200;
}
/* comes outside of main because we want to show it in redactor */
.title-thin {
  color: #75ca2a !important;
  font-family: 'Roboto' !important;
  font-size: 2.46em !important;
  line-height: 1.14285714;
  font-weight: 200 !important;
  display: block;
}
.title-caps-bold {
  color: #75ca2a !important;
  font-family: 'Roboto' !important;
  font-size: 1.73em !important;
  line-height: 2.47142857em !important;
  font-weight: 700 !important;
  text-transform: uppercase;
}
.title-caps {
  color: #75ca2a !important;
  font-family: 'Roboto' !important;
  font-size: 1.73em !important;
  line-height: 2.47142857em !important;
  font-weight: 300;
  text-transform: uppercase;
}
.image-caption {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  color: #b8c4cd;
  font-size: 1em;
}
footer#footer-theme {
  color: #5b676c;
}
footer#footer-theme a {
  color: #75ca2a;
}
footer#footer-theme a:hover {
  color: #548627;
}
footer#footer-theme div.ccm-block-social-links {
  text-align: right;
}
footer#footer-theme div.ccm-block-social-links ul a {
  color: #d1d1d1;
}
footer#footer-theme div.ccm-block-social-links ul a:hover {
  color: #75ca2a;
}
footer#footer-theme section {
  border-top: 1px solid #d9d9d9;
  padding-top: 30px;
  padding-bottom: 30px;
}
footer#footer-theme section:first-child {
  background-color: #ffffff;
}
footer#footer-theme section:last-child {
  padding-bottom: 30px;
  background-color: transparent;
}
footer#footer-theme #footer-site-title {
  font-family: 'Roboto';
  font-weight: 900;
  color: #75ca2a;
  text-transform: uppercase;
  font-size: 1.2em;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
footer#footer-theme #footer-site-title:hover {
  color: #447618;
  text-decoration: none !important;
}
footer#concrete5-brand {
  background-color: rgba(0, 0, 0, 0.1);
  padding-top: 20px;
  padding-bottom: 20px;
}
footer#concrete5-brand a.concrete5 {
  color: #00baff;
}
footer#concrete5-brand a.concrete5:hover {
  color: #008dc0;
}
footer#concrete5-brand a {
  color: #9fa7aa;
}
footer#concrete5-brand a:hover {
  color: #7B8083;
}
footer#concrete5-brand #ccm-account-menu {
  right: 80px;
  top: -10px;
}
.ccm-responsive-overlay {
  background: white;
  display: none;
  position: absolute;
  width: 100%;
  z-index: 99;
  top: 120px;
  left: 0px;
  padding-top: 15px;
  padding-left: 20px;
  -webkit-text-size-adjust: none;
}
.ccm-responsive-overlay ul {
  padding-left: 0;
}
.ccm-responsive-overlay ul li {
  list-style-type: none;
  display: block;
}
.ccm-responsive-overlay ul li.parent-ul a:after {
  padding-left: 7px;
  padding-top: 3px;
  font-size: 20px;
  content: "\f107";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  cursor: pointer;
  text-decoration: inherit;
}
.ccm-responsive-overlay ul li a {
  color: #1a1a1a;
  font-size: 18px;
  display: inline-block;
  width: 80%;
  padding: 7px 5% 7px 0px;
  margin: 0% 5% 0% 0;
  padding-left: 15px;
  height: 100%;
  font-weight: 700;
  text-decoration: none;
}
.ccm-responsive-overlay ul li a:hover {
  color: #1a1a1a;
}
.ccm-responsive-overlay ul li ul li {
  padding-left: 10px;
}
.ccm-responsive-overlay ul li ul li.last-li a {
  padding-top: 0px;
  font-size: 15px;
}
.ccm-responsive-overlay ul li ul li.last-li a:after {
  content: '';
}
.ccm-responsive-menu-launch {
  display: none;
  cursor: pointer;
  margin-top: 5px;
  margin-bottom: 5px;
  float: right;
}
.ccm-responsive-menu-launch.responsive-button-close i:after {
  font-size: 20px;
  color: #1a1a1a;
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  cursor: pointer;
  text-decoration: inherit;
}
.ccm-responsive-menu-launch i:after {
  font-size: 20px;
  content: "\f0c9";
  font-family: FontAwesome;
  color: #1a1a1a;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  cursor: pointer;
  text-decoration: inherit;
}
@media all and (max-width: 767px) {
  .ccm-responsive-menu-launch {
    display: block;
  }
  .ccm-responsive-navigation.original {
    display: none;
  }
  header .ccm-search-block-form {
    margin-top: 20px;
  }
}
@media all and (min-width: 767px) {
  .ccm-responsive-overlay {
    display: none !important;
  }
}
a {
  outline: none !important;
}
.cname {
  color: #19ffff !important;
  margin-bottom: 0px !important;
  font-family: "Work Sans" !important;
}
.t1 {
  color: white !important;
  text-transform: uppercase !important;
  margin: 0px !important;
  font-size: 1.3em !important;
}
.mores {
  color: white !important;
  display: block;
  max-width: 200px;
  border: 4px solid #e6f4f1;
  border-radius: 10px;
  text-align: center;
  padding: 10px 15px 10px 15px;
  margin: 20px 0px 0px 0px !important;
  font-size: 1.1em !important;
  transition: all 0.3s ease-in;
}
.mores:hover {
  border: 4px solid #19ffff !important;
}
.hero-img {
  background: url(/packages/cloneamental/themes/cloneamental/css/img/kierownik-budowy.jpg) no-repeat top center;
  min-height: 400px;
  margin-bottom: 40px;
}
.contactfront {
  background: url(/packages/cloneamental/themes/cloneamental/css/img/contact.jpg) no-repeat top center;
  margin: 30px 0px 30px 0px;
}
.backf {
  background: url(/packages/cloneamental/themes/cloneamental/css/img/backf.jpg) no-repeat top center;
  padding: 30px;
}
.bck {
  background: #222931;
}
.logo img {
  display: block;
  margin: 0px auto !important;
  padding-top: 30px;
  padding-bottom: 30px;
}
.footer-theme {
  background: #f5f5f5;
}
.fmore {
  padding-top: 5px;
  padding-bottom: 25px;
}
.tserv {
  margin-top: 10px;
}
.tserv img {
  width: 25px;
}
.tserv tr td {
  padding: 10px 10px 10px 0px;
  vertical-align: top;
}
.nm {
  margin-bottom: 0px !important;
}
.pb {
  margin-bottom: 30px !important;
}
.lined {
  display: block;
  width: 3px;
  height: 40px;
  margin: 50px auto 30px auto !important;
  background: #bed4cf;
  border-radius: 5px;
}
.cif img {
  display: block;
  margin: 20px auto 20px auto !important;
  width: 80px;
}
.ci img {
  display: block;
  margin: 0px auto !important;
}
.ftt {
  text-align: center !important;
  display: block;
  width: 100%;
}
.tf {
  font-family: "Work Sans" !important;
  display: block;
  font-size: 2.1em !important;
}
.phonetop {
  font-size: 1.1em !important;
  display: inline-block;
  text-align: center !important;
  margin-bottom: 0px !important;
  position: relative;
}
.t3c {
  color: white !important;
  margin-top: 0px !important;
}
.pcc {
  color: white !important;
}
.phonepcc {
  width: 20px !important;
  display: -inline-block;
}
.sendc {
  color: white !important;
  display: block;
  max-width: 300px;
  border: 4px solid #e6f4f1;
  border-radius: 10px;
  text-align: center;
  padding: 25px 30px 25px 30px;
  margin: 0px auto !important;
  font-size: 1.2em !important;
  transition: all 0.3s ease-in;
}
.sendc:hover {
  border: 4px solid #19ffff !important;
}
.navb {
  font-weight: bold !important;
  color: #1a1a1a !important;
  text-align: center !important;
  padding: 10px 0px 10px 0px;
  display: block;
  transition: all 0.3s ease-in;
}
.navb:hover {
  color: #95b1b0 !important;
}
.t4c {
  color: white !important;
}
.occ {
  color: white !important;
  transition: all 0.3s ease-in;
}
.occ:hover {
  color: #95b1b0 !important;
}
.tpage {
  background: url(/packages/cloneamental/themes/cloneamental/css/img/coverpage.jpg) no-repeat top center;
  padding-top: 80px;
  padding-bottom: 80px;
  margin-bottom: 40px;
}
.pt1p {
  color: white !important;
  margin: 0px !important;
}
.cp {
  text-align: center !important;
  color: #95b1b0 !important;
  display: block;
  width: 100%;
  font-size: 0.9em !important;
}
.pp a {
  color: #95b1b0 !important;
  text-align: center !important;
  display: block;
  width: 100%;
  font-size: 0.9em !important;
}
.ctc tr td {
  padding: 10px 5px 10px 5px;
  vertical-align: top;
}
.ctc i {
  color: #b8b8b8 !important;
}
.navs li a {
  background: #f5f5f5;
  border-bottom: 1px solid white;
  color: #1a1a1a !important;
}
.navs li a.nav-path-selected {
  background: #95b1b0;
  color: white !important;
}
.cform input {
  box-shadow: none !important;
  height: 35px;
  border: 1px solid #ccc;
}
.cform label {
  font-size: 0.85em !important;
  color: #404040 !important;
}
.cform .btn {
  border-radius: 5px !important;
  border: none !important;
  background: #2A8455 !important;
  border-radius: 10px;
  color: white !important;
}
.cform .checkbox span {
  font-size: 1em !important;
  display: block;
  text-align: justify;
}
.cform input:focus,
.cform textarea:focus {
  border: 1px solid #ededed;
  box-shadow: none !important;
}
.cform textarea {
  height: 150px !important;
  box-shadow: none !important;
  border: 1px solid #ccc;
}
.cform select:focus {
  border: 1px solid #ededed;
  box-shadow: none !important;
}
.cform .checkboxList span:after {
  content: "Wyrażam zgodę na przetwarzanie danych osobowych zgodnie z ustawą o ochronie danych osobowych. Podanie danych jest dobrowolne, ale niezbędne do przetworzenia zapytania. Celem przetwarzania danych jest odpowiedź na zadane pytanie w formularzu. Zostałem poinformowany, że przysługuje mi prawo do cofnięcia zgody na przetwarzanie, prawo do sprzeciwu wobec wykorzystywaniu danych, prawo do usunięcia danych, prawo do ograniczenia przetwarzania danych, prawo do sprostowania danych, prawo do zgłaszania skarg do UODO. Administratorem danych osobowych jest firma DAM Damian Kuraś";
  font-size: 0.7em !important;
  display: block;
  text-align: justify;
}
.cform .ccm-captcha-image {
  display: block;
  margin: 0px 0px 15px 0px !important;
}
.cform #ccm-captcha-code {
  width: 190px !important;
}
.cform .captcha label {
  font-size: 0.7em !important;
  max-width: 58% !important;
}
.offerlink {
  font-family: "Work Sans" !important;
  display: block;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 3px solid #95b1b0;
  background: #fff;
  color: #222931 !important;
  text-align: center !important;
  padding: 60px 0px 60px 0px;
  margin: 20px auto !important;
  transition: all 0.3s ease-in;
}
.offerlink:hover {
  background: #222931;
  color: #fff !important;
}
.tloc {
  font-size: 1.2em !important;
}
.tloc:before {
  content: "";
  display: block;
  width: 30px;
  height: 3px;
  background: #ededed;
  margin: 60px 0px 10px 0px;
}
.tlocdesc {
  font-size: 0.9em !important;
}
.cv {
  width: 100% !important;
}
.cv img {
  width: 150px !important;
}
.cv tr td {
  padding: 10px;
  font-size: 0.9em !important;
}
.cv tr td:first-of-type {
  width: 25% !important;
}
.cv h3 {
  border-bottom: 2px solid #ccc;
}
.linkmp {
  border: 3px solid #e5f4f1;
  color: #1a1a1a !important;
  transition: all 0.3s ease-in;
  padding: 10px 30px 10px 30px !important;
  font-weight: bold;
  display: inline-block;
  margin-top: 30px;
}
.linkmp:hover {
  border: 3px solid #19ffff !important;
}
.linkedintop {
  position: relative;
  top: -5px;
}
@media all and (max-width: 767px) {
  .hsm {
    display: none !important;
  }
  .linkedintop {
    float: none !important;
    display: none;
    margin: 10px auto !important;
  }
  .cform {
    margin-top: 30px;
  }
  .pt1p {
    line-height: 1.1 !important;
    margin-bottom: 15px !important;
    text-align: center !important;
  }
  .breadcrumb {
    text-align: center !important;
    font-size: 0.75em !important;
  }
  .mores {
    color: white !important;
    display: block;
    max-width: 200px;
    border: 4px solid #e6f4f1;
    border-radius: 10px;
    text-align: center;
    padding: 10px 15px 10px 15px;
    margin: 35px auto 0px auto !important;
    font-size: 1.1em !important;
    transition: all 0.3s ease-in;
  }
  .hero-img {
    background-size: cover !important;
  }
  .customtext {
    padding: 30px;
    margin-top: 50px;
  }
  .cname {
    text-align: center !important;
    font-size: 2.1em !important;
  }
  .t1 {
    text-align: center !important;
    font-size: 1.1em !important;
  }
  .phonetop {
    font-size: 0.9em !important;
    font-weight: bold !important;
    padding-top: 8px;
  }
  .logo img {
    display: block;
    margin: 0px auto !important;
    width: 75px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .backf {
    text-align: center !important;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .t4ct {
    text-align: center !important;
  }
  .ctc {
    max-width: 211px;
    margin: 0px auto !important;
  }
  .footer-theme {
    background: #f5f5f5;
    padding-top: 30px;
  }
  .contactfront {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pcc,
  .t3c {
    text-align: center !important;
  }
  .sendc {
    color: white !important;
    display: block;
    max-width: 250px;
    border: 4px solid #e6f4f1;
    border-radius: 10px;
    text-align: center;
    padding: 20px 10px 20px 10px;
    margin: 30px auto 0px auto !important;
    font-size: 1.0em !important;
    transition: all 0.3s ease-in;
    text-align: center !important;
  }
  .tf {
    text-align: center !important;
  }
  .projectentry {
    width: 100%;
    float: left;
  }
  .projectentry-page {
    width: 100%;
    float: left;
  }
}
@media all and (max-width: 991px) {
  .fmore {
    padding-top: 20px !important;
  }
  .customtext {
    padding-left: 10px !important;
  }
}
@media all and (min-width: 768px) {
  .linkedintop {
    float: right !important;
    margin-left: 10px !important;
  }
  .phonetop:before {
    position: absolute;
    content: "szybki kontakt";
    font-size: 0.7em !important;
    top: -16px;
  }
  .cp {
    text-align: left !important;
  }
  .pp a {
    text-align: right !important;
  }
  .t3c {
    font-size: 2.5em !important;
    padding-top: 5px !important;
  }
  .pcc {
    font-size: 1.3em !important;
  }
  .navb {
    padding: 2px 0px 2px 0px !important;
  }
  .footer-theme {
    background: #f5f5f5;
    padding-top: 30px;
  }
  .backf {
    text-align: center !important;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .t4ct {
    text-align: center !important;
  }
  .ctc {
    max-width: 211px;
    margin: 0px auto !important;
  }
  .tf {
    font-size: 2.7em !important;
  }
  div.ccm-page header nav ul li {
    padding-left: 38px !important;
  }
  .phonetop {
    float: right !important;
  }
  .hrt {
    padding-top: 48px;
  }
  .abtm {
    font-size: 1.5em !important;
  }
  .cname {
    font-size: 5em !important;
    margin-top: 80px;
  }
  .t1 {
    font-size: 1.0em !important;
  }
  .contactfront {
    background: url(/packages/cloneamental/themes/cloneamental/css/img/contact.jpg) no-repeat top center;
    min-height: 500px;
    margin: 30px 0px 30px 0px;
    padding-top: 185px;
  }
  .projectentry {
    width: 50%;
    float: left;
  }
  .projectentry-page {
    width: 50%;
    float: left;
  }
}
@media all and (min-width: 992px) {
  .mores {
    color: white !important;
    display: block;
    max-width: 250px;
    border: 4px solid #e6f4f1;
    border-radius: 10px;
    text-align: center;
    padding: 20px 25px 20px 25px;
    margin: 20px 0px 0px 0px !important;
    font-size: 1.1em !important;
    transition: all 0.3s ease-in;
  }
  .hero-img {
    background: url(/packages/cloneamental/themes/cloneamental/css/img/kierownik-budowy.jpg) no-repeat top center;
    min-height: 500px;
    margin-bottom: 40px;
  }
  .customtext {
    padding-left: 50px !important;
  }
  .t1 {
    font-size: 1.1em !important;
  }
  .cname {
    font-size: 5em !important;
    margin-top: 120px;
  }
  .navb {
    padding: 10px 0px 10px 0px !important;
  }
  .footer-theme {
    padding-top: 0px !important;
    background: linear-gradient(0deg, #ffffff 5%, #f5f5f5 5%, #f5f5f5 50%, #f5f5f5 95%, #ffffff 95%);
  }
  .backf {
    text-align: left !important;
  }
  .ctc {
    max-width: 211px;
    margin: 0px 0px !important;
  }
  div.ccm-page header nav ul li {
    padding-left: 20px !important;
  }
  .t3c {
    font-size: 2.7em !important;
    padding-top: 0px !important;
  }
  .pcc {
    font-size: 1.3em !important;
  }
  .sendc {
    margin-top: 18px !important;
  }
  .navbottom {
    margin-top: 85px;
  }
  .cfi {
    padding-left: 45px !important;
  }
  .t4ct {
    padding-top: 100px !important;
    text-align: left !important;
  }
  .projectentry {
    width: 50%;
    float: left;
  }
  .projectentry-page {
    width: 50%;
    float: left;
  }
}
@media all and (min-width: 1200px) {
  .offerlink {
    font-size: 1.1em !important;
  }
  .hero-img {
    background: url(/packages/cloneamental/themes/cloneamental/css/img/kierownik-budowy.jpg) no-repeat top center;
    min-height: 600px;
    margin-bottom: 40px;
  }
  .customtext {
    padding-left: 50px !important;
  }
  .cfi {
    padding-left: 65px !important;
  }
  .t4ct {
    padding-top: 80px !important;
  }
  .offerc h2,
  h3 {
    font-size: 1.5em !important;
  }
  .pt1p {
    font-size: 3em !important;
  }
  .t4c {
    font-size: 1.4em !important;
  }
  .cname {
    font-size: 5em !important;
    margin-top: 140px;
  }
  .t1 {
    font-size: 1.2em !important;
  }
  .contactfront {
    padding-top: 185px;
  }
  .navbottom {
    margin-top: 65px;
  }
  div.ccm-page header nav ul li {
    padding-left: 40px !important;
  }
  .tf {
    font-size: 2.7em !important;
  }
  .ftt {
    font-size: 1.2em !important;
  }
  .phonetop {
    float: right !important;
  }
  .hrt {
    padding-top: 48px;
  }
}
@media all and (min-width: 1300px) {
  .projectentry {
    width: 25%;
    float: left;
  }
  .projectentry-page {
    width: 33.333%;
    float: left;
  }
}
.projectscontainer {
  margin-top: 30px !important;
  float: left;
  width: 100%;
}
.linkproject {
  border: 2px solid white;
  transition: all 0.3s ease-in;
  background: white;
  font-size: 0.8em !important;
  font-weight: bold;
  display: block;
  margin: 10px auto 0px auto;
  width: 80px;
  border-radius: 10px;
  padding: 5px 10px 5px 10px;
}
.linkproject a {
  color: #1a1a1a !important;
}
.linkproject:hover {
  background: #ededed;
  border: 2px solid #fff600;
}
.titleproject {
  color: white !important;
  font-weight: bold !important;
  font-size: 1.2em !important;
  margin-bottom: 10px !important;
}
.titlefunkcja {
  color: white !important;
}
.titleinwestor {
  color: white !important;
  margin-top: 10px !important;
}
.projectimage {
  height: 355px !important;
}
.projectimage img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.imagep {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.containerbox {
  position: relative;
  width: 100%;
  background: #1a1a1a;
}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 90%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.containerbox:hover .imagep {
  opacity: .3;
}
.containerbox:hover .middle {
  opacity: 1;
}