@charset "UTF-8";
/* CSS For HP & Technology Sliders */
/******LAST UPDATED BY TG 2/21/21 ********/

/******default in main css, use below as reference for override*******/
/*
.home-banner-content { padding-top: 100px; }
.home-banner-content h2 {color: #FFF;font-size: 48px;font-weight: 700;}
.home-banner-content h3 {color: #FFF;font-size: 24px;font-weight: 500;margin-top: 50px;}
.tech-banner-content { padding-top: 60px;}
.tech-banner-content h2 {color: #FFF;font-size: 44px;font-weight: 700;}
.tech-banner-content h3 {color: #FFF;font-size: 20px;font-weight: 500;margin-top: 30px;}

.sliderButtonContainer {margin-top: 50px;margin-bottom: 100px;}
.sliderButton {color: #FFF;background-color: transparent;border: 2px solid #FFF;padding: 20px 40px;font-family: "Montserrat", Helvetica, Arial, sans-serif;text-decoration: none !important;transition: 0.5s;text-transform: uppercase;}
.sliderButton i {color: #fff !important;margin-left: 5px;}
.sliderButton:hover i {color: #1166AE !important;}
.sliderButton:hover {background-color:  #fff;color: #1166AE;}
*/

/*Preset Locations*/
.home-banner-content.sliderContentLeft, 
.tech-banner-content.sliderContentLeft {
	width: 100%;
	max-width: 700px;
}
.home-banner-content.sliderContentRight, 
.tech-banner-content.sliderContentRight {
	width: 100%;
	max-width: 700px;
	float: right;
}
.home-banner-content.sliderContentCenter, 
.tech-banner-content.sliderContentCenter {
	text-align: center;
}

.rsContainer .inner{
	height: 100%;
}

/*Alignment*/
.rsContainer .home-banner-content, .rsContainer .tech-banner-content {
	height: 100%;
	display: flex;
	align-items: center;
}
.rsContainer .home-banner-content{
	padding-top: 0;
}

.rsContainer .home-banner-content.sliderContentLeft, .rsContainer .tech-banner-content.sliderContentLeft{
	justify-content: flex-start;
}
.rsContainer .home-banner-content.sliderContentRight, .rsContainer .tech-banner-content.sliderContentRight{
	justify-content: flex-end;
}
.rsContainer .home-banner-content.sliderContentCenter, .rsContainer .tech-banner-content.sliderContentCenter{
	justify-content: center;
}

/*Automate Show Slide*/
.home-banner-content.second-slide > div {
    margin: 0 auto;
    position: relative;
	top: 20px;
}

.home-banner-content.second-slide h2 {
  text-align: center;
  color: ffffff;
  text-shadow: 1px 1px #051e32;
  padding-bottom: 0px;
  font-weight: 400;
  font-size: 20pt;
}
.home-banner-content.second-slide h3 {
  text-align: center;
  text-shadow: 2px 2px #051e32;
  font-weight: 900;
  font-size: 36pt;
  padding-top: 170px;
}
.home-banner-content.second-slide h4 {
  text-align: center;
  color: #ffffff;
  text-shadow: 2px 2px #051e32;
  font-weight: 900;
  font-size: 36pt;
}

.home-banner-content.second-slide .automateLogo {
  max-width: 700px;
  margin-bottom: 10px;
  margin-top: 0;
  width: 100%;
}
.home-banner-content.second-slide .sliderButtonContainer {
 text-align: center;
}
.home-banner-content.second-slide .sliderButton {
  background-color: #c85252;
  border-color: #c85252;
  margin: 0 auto;
  text-align: center;
  color: #FFF;
}
.home-banner-content.second-slide .sliderButton:hover {
  background-color: #fff;
  border-color: #fff;
  color: #c85252;
}
.home-banner-content.second-slide .sliderButton:hover i {
  color: #c85252 !important;
}
@media (max-width: 1024px){
	.home-banner-content.second-slide h3{
		padding-top: 100px;
		margin-bottom: 5px !important;
	}
	.sliderButtonContainer{
		margin-top: 30px !important;
	}
	.home-banner-content.second-slide > div{
		top: 20px;
	}
}
@media (max-width: 880px){
	.home-banner-content.second-slide .automateLogo{
		margin-bottom: 0;
	}
	.sliderButtonContainer{
		margin-top: 30px !important;
	}
	.home-banner-content.second-slide > div{
		top: 20px;
	}
}
@media (max-width: 768px){
	.home-banner-content.second-slide h2{
		font-size: 16pt;
		margin-bottom: 0 !important;
	}
	.sliderButtonContainer{
		margin-top: 10px !important;
	}
	.home-banner-content.second-slide > div{
		top: 20px;
	}
}
@media (max-width: 515px){
	.home-banner-content.second-slide h3{
		font-size: 24pt;
	}
}
@media (max-width: 500px){
	.home-banner-content.second-slide h3{
		padding-top: 0;
	}
}
.home-banner-content h2 a, .home-banner-content h3 a{
	color: white;
	text-decoration: none;
}

/*For sliders that are half and half and need responsive text*/
@media (max-width: 1350px){
	.sliderContentRight{
		padding-top: 25px !important;
	}
	.home-banner-half-responsive h2{
		font-size: 40px;
	}
}
@media (max-width: 1060px){
	.home-banner-half-responsive h2{
		font-size: 32px;
	}
}
@media (max-width: 900px){
	.home-banner-half-responsive h2{
		font-size: 24px;
	}
}
@media (max-width: 768px){
	.home-banner-half-responsive h2{
		font-size: 20px !important;
	}
}
@media (max-width: 500px){
	.home-banner-half-responsive .sliderContentLeft h2{
		position: relative;
		bottom: 50px;
	}
}
@media (max-width: 500px){
	.home-banner-half-responsive .sliderContentRight{
		position: relative;
		left: 20px;
	}
	.home-banner-half-responsive .sliderContentRight > img{
		display: none;
	}
	.home-banner-half-responsive .home-banner-half-responsive h2{
		font-size: 16px !important;
	}
	.home-banner-half-responsive a.btn.thin, .home-banner-half-responsive input.btn.thin{
		padding: 5px 13px !important;
	}
	.rsArrow{
		display: none !important;
	}
}
@media (max-width: 425px){
	.home-banner-half-responsive .home-banner-half-responsive h2{
		font-size: 15px !important;
	}
	.home-banner-half-responsive p, .home-banner-half-responsive h2{
		margin-bottom: 12px !important;
	}
	.home-banner-half-responsive .sliderContentLeft h2{
		position: relative;
		bottom: 100px;
	}
}