/* -----------------------------------------------------------------------------

    This file should be used to add your own CSS definitions or override
	the existing ones.

----------------------------------------------------------------------------- */

	/* your CSS here */


ul > li::before {
	background-color: #f45f18;
}

.service-title h3 {
	color: #fff;
}

.header-menu > ul > li > a {
  text-transform: unset;
}

.header-menu {
	height: 100px;
	
}

.header-branding .brading-logo img {
	max-height: 80px;
}

.page-title-text {
  padding: 60px 0px 30px 0px;
}

.header-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 10px 0px 0px 0px;
}

.page-title-bar-left a {
  color: #fff;
}

.m-fixed-header .page-title-top-inner {
  padding-top: 52px;
  height: 150px;
}

.page-title-bar-inner {
  border-color: unset;
  padding: 24px 0px 0px 0px;
}

.header-branding .branding-inner {
  height: 100px;
}

#header {
	border-bottom: 0px;
}
.c-testimonial{
	color: #fff;
	margin-top: 200px;
}
.c-section {
  margin-top: 0px;
}

#page-title {
  margin-bottom: 0px;
}

.page-title-bar-left > li > i:first-child {
  color: #fff;
}

.page-title-bar {
	width: 1200px;
	margin: auto;
	padding-top: 20px;
	color: #fff;
}

#core {
  padding-bottom: 0px;
}

.default-form textarea {
  height: 240px;
}

.head {
	padding: 30px;
}

.c-service.m-type-2 .service-inner {
  color: #fff;
  background-color: #f45f18;
  background-color: rgba(244, 95, 24, .95);
}

#page-content > .c-section:first-child {
  margin-bottom: -20px;
}
.c-button {
	text-transform: none;
}
.c-service{
	cursor: pointer;
}

.ben-kremer {
	width: 400px;
	float: right;
	padding-left: 20px;
	padding-bottom: 20px;
}

.article-cooling {
	display: block;
	height: 300px;
}
.article-heating, .article-customization , .article-electricity {
	display: none;
	height: 300px;
}

@font-face {
  font-family: 'icomoon2';
  src:  url('../fonts/icomoon2.eot?rs0ceq');
  src:  url('../fonts/icomoon2.eot?rs0ceq#iefix') format('embedded-opentype'),
    url('../fonts/icomoon2.ttf?rs0ceq') format('truetype'),
    url('../fonts/icomoon2.woff?rs0ceq') format('woff'),
    url('../fonts/icomoon2.svg?rs0ceq#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon2' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-checkmark:before {
  content: "\ea10";
}
 
.hide-mobile {
	display: block;
} 

.hide {
	display: none;
}  

.koeling {
	display: none;
}

.show-more {
	display: none;
}
 
.c-button.m-type-2 {
  color: #fff;
  background-color: #df5311;
}

.c-button {
  color: #df5311;
  border-color: #df5311;
}
 
/* -----------------------------------------------------------------------------

    RESPONSIVE DEFINITIONS

----------------------------------------------------------------------------- */

    @media ( min-width: 768px ) {
		.hide-desktop {
			display: none !important;
		}
	}
    /* -------------------------------------------------------------------------
        LARGE DEVICES
		devices with width between 992px and 1199px
    ------------------------------------------------------------------------- */

    @media ( max-width: 1199px ) {

		/* your CSS here */
		.header-menu {
			height: 60px;
			
		}
		.page-title-bar {
			width: 100%;
			margin-top: -75px;
		}
		.header-branding .brading-logo img {
			max-height: 50px;
		}
		.page-title-bar-left {
			float: left;
		}

		.page-title-bar-inner {
			padding: 0px 0px 0px 0px;
		}
		.m-fixed-header .page-title-top-inner {
			height: 50px;
		}
		.header-navigation {
			height: 225px;
		}
	}

    /* -------------------------------------------------------------------------
        MEDIUM DEVICES
		devices with width between 768px and 991px
    ------------------------------------------------------------------------- */

    @media ( max-width: 991px ) {

		/* your CSS here */
		.col-md-4 {
			clear: both;
		}
	  .page-title-bar-right {
		float: none;
		margin-top: 0px;
		}
	}
	
	
	/* -------------------------------------------------------------------------
        SMALL DEVICES
		devices with width between 481px and 767px
    ------------------------------------------------------------------------- */

    @media ( max-width: 767px ) {

		/* your CSS here */
		.header-branding .branding-inner {
		  height: 50px;
		}
		.head {
		  padding-top: 10px;
		}		
		.slide-bg{
			display: none;
		}
		.ben-kremer {
			float: left;
			width: 350px;
			clear: both;
			width: 100%;
		} 
		.ben-kremer img {
			width: 95%;
		}
		/*.hide-desktop {
			display: block;
		} */
		.hide-mobile {
			display: none;
		}
		.m-fixed-header .page-title-top-inner {
			height: 108px;
		}
		.article-mobile-cooling, .article-mobile-heating, .article-mobile-customization, .article-mobile-electricity {
			display: none;
		}
		.show-more {
			display: block;
			padding-top: 40px;
			font-size: 12pt;
			text-decoration-line: underline;
		}
		.page-title-bar-left {
			width: 100%;
		}
	}

	/* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
		devices with width up to 480px
    ------------------------------------------------------------------------- */

	@media ( max-width: 480px ) {

		/* your CSS here */
		.page-title-bar-left > li > i:first-child {
			font-size: 20px;
		}		
		.page-title-bar-inner li {
			font-size: 13pt;
		}	
	
		.c-button.m-size-medium {
			padding: 12px 12px;
		}		
		.m-fixed-header .page-title-top-inner {
			height: 101px;
		}
		.page-title-bar-left > li {
			margin: 0px 10px;
		}
	}
	
	/* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
		devices with width up to 480px
    ------------------------------------------------------------------------- */

	@media ( max-width: 360px ) {

		/* your CSS here */
		.page-title-bar-left > li > i:first-child {
			font-size: 16px;
		}		
		.page-title-bar-inner li {
			font-size: 11pt;
		}	
	
		.c-button.m-size-medium {
			padding: 12px 12px;
		}		
		.m-fixed-header .page-title-top-inner {
			height: 101px;
		}
		.page-title-bar-left > li {
			margin: 0px 10px;
		}
		.feature-title {
			font-size: 14pt;
		}
		.c-feature .feature-icon {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			font-size: 32px;
		}
		.container .row .col-md-3 {
			height: 50px;
		}
		.header-menu {
			font-size: 10pt;
		}
	}