/* CUSTOM CSS MATIC */

/* 100% wide */

#content .band > .inner {
  max-width:none;
  padding-left:0;
  padding-right:0;
}

div.smart-slider-canvas.smart-slider-bg-colored, div.smart-slider-border1 {
  width:100%
}

/* 100% wide */

.titillium-light {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 300; 
}

.titillium-regular {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400; 
}

.titillium-bold {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700; 
}

/* SLIDER */

.row.home-slider {
  width:100%;
}

.row.home-slider .mask {
  width:100%;
  overflow: hidden;
  position:relative;
}

.row.home-slider .slide-group {
  position:absolute;
  width:100%;
  height: 100%;
}

.row.home-slider .slide {
  width:100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  position:relative;
  float:left;
}

.row.home-slider .left-side, .row.home-slider .right-side {
  background-color: rgba(51,51,51,0.9);
}

.row.home-slider .left-side img.liquid-rythm {
  padding-top:20px;
}

.row.home-slider .left-side {
  left:0;
}

.row.home-slider .left-side.img {
  text-align: left;
}

.row.home-slider .right-side {
  right:0;
}

.row.home-slider .slider-controls-container {
  position: absolute;
  /*left: 50%;*/
  right:20px;
  top: 20px;
  z-index:10;
}

.row.home-slider .slider-controls {
  position: relative;
  /*left: -50%;
  top:335px;*/
}

.row.home-slider .slider-controls a, .row.home-slider .slider-controls a:hover, .row.home-slider .slider-controls a:active, .row.home-slider .slider-controls a:visited {
  font-family: "Arial";
  font-size: 36px;
  margin-left: 10px;
  margin-right: 10px;
  color: #b2b2b2 !important;
}

.row.home-slider .slider-controls a.active {
  color: #ffffff !important;
}

/* HOMEPAGE OVERRIDES */

.home.page #content .band.padded {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* FEATURE ROWS */

.row.features-container {
	border-top: 1px solid #ffffff;
	clear: both;
}

.features-container .feature {
	float:left;
	background-color: #ffffff;
	border-right: 1px solid #ffffff;
	overflow: hidden;
	position: relative;
	background-size: cover;
  background-position: top center;
	background-repeat: no-repeat;
}

.features-container .feature:hover {
	cursor: pointer;
}

.features-container .feature.last {
	border: none;
}

.features-container .feature .content {
	padding:10%;
	position: relative;
	z-index: 1;
	height: 100%;
}

.features-container .feature .overlay {
	width:100%;
	height:380px;	
	position: absolute;
	top:54%;
	z-index: 0;
}

.features-container .feature .overlay.red {
	background-color: rgba(167,86,87,0.95);
}

.features-container .feature .overlay.teal {
	background-color: rgba(100,142,175,0.95);
}

.features-container .feature .overlay.yellow {
	background-color: rgba(237,202,68,0.95);
}

.features-container .feature .overlay.blue {
	background-color: rgba(40,66,83,0.95);
}

.features-container .feature .overlay.purple {
	background-color: rgba(126,94,136,0.95);
}

.features-container .feature .overlay.cyan {
	background-color: rgba(162,209,227,0.95);
}

.features-container .feature .overlay.pink {
	background-color: rgba(186,106,103,0.95);
}

.features-container .feature .overlay.orange {
	background-color: rgba(255,88,0,0.95);
}

.features-container .feature h2 {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700; 
	text-transform: uppercase;
	color: #ffffff !important;
	position: absolute;
}

.features-container .feature p.description {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 300; 
	color: #ffffff;
	position: relative;
}

.features-container .feature p.cta {
	position: absolute;
}

.features-container .feature a, .features-container .feature a:hover, .features-container .feature a.visited, .features-container .feature a:active {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700; 
	color: #ffffff !important;
}

.features-container .feature > img.feature-image {
  position: absolute;
  left: 0; top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.row.home-slider .right-side h1 {
  color: #FFFFFF !important;
  cursor: auto;
  display: inline;
  font-family: 'Titillium Web', sans-serif;
  font-size: 22px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: auto;
  letter-spacing: 1px;
  line-height: 110px;
  text-align: center;
  text-transform: uppercase;
  width: auto;
}

/* MEDIA QUERIES */

@media screen and (max-width: 767px) {

	.row.home-slider .mask {
    width:100%;
    height: 300px;
    overflow: hidden;
    position:relative;
  }

  .row.home-slider .slide {
    width:100%;
    height: 100%;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    position:relative;
    float:left;
  }

	.row.home-slider .slider-controls {
  	display: none;
	}
	
  .row.home-slider .left-side, .row.home-slider .right-side {
    width:100%;
    height:60px;
    padding: 0 20px 0 20px;
    line-height: 60px;
    position: absolute;
  }
  
  .row.home-slider .left-side, .row.home-slider .right-side  {
    text-align: center;
  	font-family: 'Titillium Web', sans-serif;
  	color: #ffffff;
  	font-size: 16px;
  	letter-spacing: 1px;
  	text-transform: uppercase;
  }
  
  .row.home-slider .left-side {
    bottom:60px;
    text-align: center !important;
  }
  
  .row.home-slider .left-side img {
    max-height: 50px;
  }
  
  .row.home-slider .left-side img.liquid-rythm {
    padding-top: 10px;
  }
  
  .row.home-slider .right-side {
    bottom:0;
  }
  
  .features-container .feature {
  	width:100%;
    height:360px;	
	}
		
  .features-container .feature h2 {
  	font-size: 24px;
  	line-height: 26px;
  	text-transform: uppercase;
  	top:210px;
  }
  
  .features-container .feature p.description {
  	font-size: 13px;
  	line-height: 14px;
  	position: absolute;
  	top: 270px;
  }
  
  .features-container .feature p.cta {
  	top:325px;
  }
  
  .features-container .feature a, .features-container .feature a:hover, .features-container .feature a.visited, .features-container .feature a:active {
	  font-size: 14px;
  }
}

@media screen and (min-width: 768px) {
  
  .row.home-slider .mask {
    height: 400px;
  }

  .row.home-slider .left-side, .row.home-slider .right-side {
    width:50%;
    height:110px;
    padding: 0 20px 0 20px;
    line-height: 110px;
    position: absolute;
    bottom:0;
  }
  
  .row.home-slider .left-side, .row.home-slider .right-side  {
    text-align: center;
  	font-family: 'Titillium Web', sans-serif;
  	color: #ffffff;
  	font-size: 18px;
  	letter-spacing: 1px;
  	text-transform: uppercase;
  }

  .features-container .feature {
	  width:25%;
    height:360px;	
	}
	
  .features-container .feature h2 {
  	font-size: 24px;
  	line-height: 26px;
  	text-transform: uppercase;
  	top:210px;
  }
  
  .features-container .feature p.description {
  	font-size: 13px;
  	line-height: 14px;
  	top:250px;
  }
  
  .features-container .feature p.cta {
  	top:325px;
  }
  
  .features-container .feature a, .features-container .feature a:hover, .features-container .feature a.visited, .features-container .feature a:active {
	  font-size: 14px;
  }


}

@media screen and (min-width: 992px) {
  .row.home-slider .mask {
    height: 550px;
  }
  
  .row.home-slider .left-side, .row.home-slider .right-side  {
  	font-size: 22px;
  }

  .features-container .feature, .features-container .feature .overlay {
	  height:500px;
	}
	
  .features-container .feature h2 {
  	font-size: 30px;
  	line-height: 30px;
  	text-transform: uppercase;
  	top:290px;
  }
  
  .features-container .feature p.description {
  	font-size: 16px;
  	line-height: 18px;
  	top:340px;
  }
  
  .features-container .feature p.cta {
  	top:450px;
  }

  .features-container .feature a, .features-container .feature a:hover, .features-container .feature a.visited, .features-container .feature a:active {
	  font-size: 16px;
  }

}


/* CUSTOM CSS MATIC */