@import url("https://fonts.googleapis.com/css?family=Lato:300,900|Lora:400,700");
/* Import our theme variables. */
/* Our style rules - namespace so as not to collide with the core app styles */
html.ccm-toolbar-visible .wrapper {
  padding-top: 48px !important;
}
html.ccm-toolbar-visible .navbar-fixed-top {
  top: 48px;
}
html.ccm-toolbar-visible #navbar-tablist {
  top: 98px !important;
}
html.ccm-edit-mode .wrapper {
  padding-top: 350px !important;
}
html.ccm-edit-mode #navbar-tablist {
  z-index: 390 !important;
  top: 150px !important;
}
html.ccm-edit-mode header h1 {
  position: static !important;
}
body {
  position: relative;
  /*bootstrap scrollspy! */
}
main {
  width: 70vw;
  margin: 4vh auto;
}
hr {
  width: 15vw;
  border-top: 1px solid #4C524F;
  margin: 4vh auto;
}
h1 {
  font: 700 5rem 'Lora', serif;
  color: #4C524F;
}
@media screen and (max-width: 768px) {
  h1 {
    font-size: 3.5rem;
  }
}
h2 {
  color: #4C524F;
  font: 300 2rem 'Lato', sans-serif;
  letter-spacing: 0.14rem;
  text-transform: uppercase;
}
p,
li {
  color: #4C524F;
  font: 400 1.4rem/1.5 'Lora', serif;
}
a,
a:hover {
  color: #DB6142;
  padding: 2px 0;
}
div.ccm-page {
  /*breadcrumb.css*/
  /*Contact Information Homepage*/
  /*Product Homepage*/
  /*Product Page*/
  /*Team member contact*/
  /*Team Members && Team Member (Express-Detail)*/
  /*Product Page*/
  /*Quotes Template*/
}
div.ccm-page header {
  height: 65vh;
  background-image: url(/application/themes/mhw/images/bg.jpg);
  background-size: cover;
  position: relative;
}
div.ccm-page header h1 {
  color: #fff;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 0px;
}
div.ccm-page header .header_columns .row .col-sm-4 {
  padding-left: 0;
  padding-right: 0;
}
div.ccm-page nav.navbar {
  width: 70vw;
  left: 15vw;
  border: none;
}
@media screen and (max-width: 1220px) {
  div.ccm-page nav.navbar {
    width: 90vw;
    left: 5vw;
  }
}
div.ccm-page nav.navbar li a {
  line-height: 50px;
  color: #4C524F;
  font: 300 1.3rem/50px 'Lato', Helvetica, sans-serif;
  padding-top: 0;
  padding-bottom: 0;
  text-transform: uppercase;
}
div.ccm-page nav.navbar li:hover a {
  font-weight: 900;
  background-color: transparent;
}
div.ccm-page nav.navbar li.nav-selected a {
  font-weight: 900;
}
div.ccm-page .navbar-brand {
  padding: 10px 10px;
}
div.ccm-page .navbar-brand img {
  height: 30px;
}
div.ccm-page #navbar-tablist {
  top: 50px;
  z-index: 999;
  width: 70vw;
  left: 15vw;
  padding: 7px 20px;
  min-height: 0;
  background: #E99A49;
  opacity: 0.93;
  border: none;
}
@media screen and (min-width: 768px) and (max-width: 816px) {
  div.ccm-page #navbar-tablist {
    top: 101px;
  }
}
@media screen and (max-width: 1220px) {
  div.ccm-page #navbar-tablist {
    width: 90vw;
    left: 5vw;
  }
}
div.ccm-page #navbar-tablist p {
  margin: 0;
}
div.ccm-page #navbar-tablist a {
  font: 400 1.3rem Helvetica Neue, sans-serif;
  color: #fff;
  padding-top: 8px;
  padding-bottom: 7px;
}
div.ccm-page .container-fluid.info {
  width: 50vw;
  margin: 7vh auto 0;
  text-align: center;
}
@media screen and (max-width: 992px) {
  div.ccm-page .container-fluid.info {
    width: 70vw;
  }
}
div.ccm-page .container-fluid.info .row {
  font: 200 1.7rem Helvetica Neue, sans-serif;
  letter-spacing: 0.06rem;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  div.ccm-page .container-fluid.info .row .info-container {
    margin: 20px 0;
  }
}
div.ccm-page .container-fluid.info span.glyphicon,
div.ccm-page .container-fluid.info .twitter-icon,
div.ccm-page .container-fluid.info .fb-icon,
div.ccm-page .contact_information span.glyphicon,
div.ccm-page .contact_information .twitter-icon,
div.ccm-page .contact_information .fb-icon {
  color: #fff;
  margin-right: 10px;
  margin-left: 4vw;
  /*centering the info box elements*/
  fill: #fff;
}
div.ccm-page .container-fluid.info address,
div.ccm-page .contact_information address {
  color: #fff;
}
div.ccm-page .container-fluid.info .twitter-icon,
div.ccm-page .container-fluid.info .fb-icon,
div.ccm-page .contact_information .twitter-icon,
div.ccm-page .contact_information .fb-icon {
  height: 15px;
}
div.ccm-page .container-fluid.info .fb-icon,
div.ccm-page .contact_information .fb-icon {
  height: 18px;
}
div.ccm-page .container-fluid.info a,
div.ccm-page .contact_information a {
  color: #E99A49;
}
div.ccm-page .contact_information span.glyphicon,
div.ccm-page .contact_information .twitter-icon,
div.ccm-page .contact_information .fb-icon {
  margin-left: 0;
}
div.ccm-page .produkt_col {
  margin: 0 0px 30px 0px;
  padding: 0px 0px 30px 0px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  div.ccm-page .produkt_col {
    border-bottom: 1px solid #E99A49;
  }
}
div.ccm-page .produkt_col h2 {
  margin-bottom: 2rem;
  font: bold 2rem Helvetica Neue, sans-serif;
  color: #E99A49;
}
div.ccm-page .produkt_col img {
  height: 120px;
  margin-bottom: 15px;
}
div.ccm-page .product_element {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E99A49;
  text-align: center;
}
div.ccm-page .product_element img.product_img {
  height: 180px;
  margin-bottom: 20px;
}
@media screen and (max-width: 992px) {
  div.ccm-page .product_element img.product_img {
    height: 120px;
  }
}
div.ccm-page .product_element .attribute {
  display: inline-block;
  width: 30%;
  margin-right: 2%;
  text-align: center;
  vertical-align: top;
}
div.ccm-page .product_element .attribute .attribute_icon {
  font-size: 4rem;
  color: #E99A49;
  margin-bottom: 2rem;
}
div.ccm-page .product_element .attribute .attribute_title {
  font: 600 1.4rem Helvetica Neue, sans-serif;
  color: #fff;
  text-transform: uppercase;
  display: block;
  text-align: center;
  margin-bottom: 0.7rem;
}
div.ccm-page .product_element .attribute .attribute_value {
  font: 200 1.4rem Helvetica Neue, sans-serif;
  color: #fff;
  display: block;
  text-align: center;
}
div.ccm-page .team_member_contact {
  text-align: center;
}
div.ccm-page .vitae {
  background: #E99A49;
  padding: 7px 10px;
  word-break: normal;
  hyphens: auto;
}
div.ccm-page .product_element {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E99A49;
  text-align: center;
}
div.ccm-page .product_element img.product_img {
  height: 180px;
  margin-bottom: 20px;
}
@media screen and (max-width: 992px) {
  div.ccm-page .product_element img.product_img {
    height: 120px;
  }
}
div.ccm-page .product_element .attribute {
  display: inline-block;
  width: 30%;
  margin-right: 2%;
  text-align: center;
  vertical-align: top;
}
div.ccm-page .product_element .attribute .attribute_icon {
  font-size: 4rem;
  color: #E99A49;
  margin-bottom: 2rem;
}
div.ccm-page .product_element .attribute .attribute_title {
  font: 600 1.4rem Helvetica Neue, sans-serif;
  color: #fff;
  text-transform: uppercase;
  display: block;
  text-align: center;
  margin-bottom: 0.7rem;
}
div.ccm-page .product_element .attribute .attribute_value {
  font: 200 1.4rem Helvetica Neue, sans-serif;
  color: #fff;
  display: block;
  text-align: center;
}
div.ccm-page .feature_tile {
  background-color: #f2f2f2;
  padding: 8px 10px;
  text-align: center;
  margin: 5px 0;
}
div.ccm-page .feature_tile i {
  display: block;
  color: #DB6142;
  font-size: 2.4rem;
}
div.ccm-page .feature_tile h3 {
  color: #4C524F;
  font: 900 1.5rem 'Lato', sans-serif;
  letter-spacing: 0.14rem;
  text-transform: uppercase;
}
div.ccm-page .feature_tile h3 a {
  color: #4C524F;
}
div.ccm-page .ccm-block-express-form .form-control {
  border-radius: 0px;
  border: 1px solid #ddd;
}
div.ccm-page .ccm-block-express-form .btn.btn-primary {
  background-color: #E99A49;
  border: none;
}
div.ccm-page .slider {
  text-align: left;
  width: 50vw;
  margin: 8vh auto 0;
  min-height: 100px;
}
@media screen and (max-width: 992px) {
  div.ccm-page .slider {
    width: 70vw;
  }
}
@media screen and (max-width: 768px) {
  div.ccm-page .slider {
    width: 90vw;
  }
}
div.ccm-page .slider .carousel-caption {
  color: #fff;
  font-style: italic;
  border: none;
  padding-top: 40px;
  text-align: left;
}
div.ccm-page .carousel-inner .quote_image {
  height: 240px;
  text-align: right;
}
div.ccm-page .carousel-inner .quote_image img {
  width: 240px;
  height: 240px;
  object-fit: cover;
}
div.ccm-page .carousel-control {
  width: auto;
  background: transparent;
}
div.ccm-page .carousel-control.left {
  background: transparent;
}
div.ccm-page .carousel-control.right {
  background: transparent;
}
div.ccm-page .carousel-caption {
  position: relative;
  left: auto;
  right: auto;
}
div.ccm-page .carousel-indicators {
  text-align: right;
  width: 100%;
  left: 0;
  margin-left: 0;
  bottom: 0;
}
div.ccm-page .page_feature {
  height: 65vh;
}
div.ccm-page .page_feature .image_wrapper {
  height: 100%;
  width: 100%;
}
div.ccm-page .page_feature .image_wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.2s;
}
div.ccm-page .page_feature .image_wrapper img:hover {
  filter: brightness(1.5);
}
div.ccm-page .page_feature .content_wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5% 10%;
}
div.ccm-page .page_feature .content_wrapper h2 {
  color: #fff;
}
div.ccm-page .page_feature .content_wrapper p {
  color: #fff;
}
div.ccm-page .header_map {
  height: 65vh;
}
div.ccm-page .header_map .googleMapCanvas {
  height: 65vh !important;
}
footer.mainFooter {
  padding: 6vh 0 3vh;
  text-align: center;
}
footer.mainFooter p,
footer.mainFooter a {
  color: #888;
  font: 200 1.2rem Helvetica Neue, sans-serif;
  text-transform: uppercase;
}
footer.mainFooter a:hover {
  color: #E99A49;
}
/*# sourceMappingURL=main.css.map */