@charset "UTF-8";
/* CSS Document */

.intro{
	padding-top:30%;
	width:100%;
	height:auto;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100% auto;
}

.intro img{
	width:100%;
	height:auto;
}
.contactUs .left{
	float:left;
	width:68%;
	margin-left: 7%;
}

.contactUs .right{
	float:right;
	width:25%;	
	background-color:#efefef;
	padding:25px;
}

.contactUs form {
	max-width: 500px;
}

.contactUs label {
	display: inline-block;
	width: 100%;
	text-align: left;
	margin: 10px 0 3px;
}

.contactUs input[type="text"], .contactUs textarea{
	width:100%;
	max-width:500px;	
}

.contactUs,
.supportThankyou {
	display: inline-block;
	width:100%;
}

.contactUs h1{
	text-align:left;
	line-height:60px;
	line-height:3.75rem;	
	font-size:48px;
	font-size:3rem;
	margin: 16px 0;
}

.contactUs .left h2 {
	margin: 0;
	text-align:left;
}

.contactUs h3{
	text-align:left;	
}

.contactUs h4{
	text-align:left;
	display:block;
	margin:5px 0 0;
}

.contactUs input.button,
.supportThankyou .contentWrap a.button {
	margin-top: 16px;
}

.contactUs p{
	line-height:24px;
	line-height:1.5rem;
	font-size:18px;
	font-size:1.125rem;	
	width:100%;
	display:block;
	margin:0;
}

.supportThankyou .contentWrap{
	max-width:500px;
	width:90%;
	text-align:center;	
	margin:0 auto;
}

.supportThankyou .contentWrap p{
	text-align:center;
}

.contactUs form textarea{
	min-height:100px;	
}

.bodyCopyWrap{
	text-align:left;	
}

.bottomCTAWrap{
	display:inline-block;
	width:100%;
	margin-top:25px;
	
}

.icon{
	width:60px;
	height:60px;
	background-image:url('/Images/contact-us/contact-us-sprite.png');
	background-size:100% auto;
	background-repeat:no-repeat;
	float:left;
	display:inline-block;	
}

.email{
	background-position:0 0;	
}

.chat{
	background-position:0 -240px;	
}



.phone{
	background-position:0 -360px;
}

.address{
	background-position:0 -480px;	
}


.hours{
	  background-position: 0 -120px;	
}
.cTA{
	width:100%;
	padding:10px 0;
	text-align:left;
	display:inline-block;	
	max-width:46%;
	padding:1.75% 1% 1%;
	border:1px solid #efefef;
	border-radius:2px;
	margin:1%;
	float:left;
	min-height:120px;
}
.cTA p {
	max-width: 80%;
	margin-left:60px;	
}
a:active .email{
	background-position:0 -60px;	
}
.chatWrap:active .chat{
	background-position:0 -300px;	
}
a:active .phone{
	background-position:0 -420px;
}
a:active .address{
	background-position:0 -540px;	
}


@media screen and (max-width:768px){
	
	.intro.chatWrap{
		padding:0;
		display:inline-block;	
	}
	.contactUs .right, .contactUs .left {
		/*width: 90%;*/
        width:100%;
		padding-bottom: 50px;
		float: none;
		margin: 0 auto;
	}
	.cTA{
		max-width:95%;
		float:none;
			
	}
	
}

@media screen and (min-width:1025px){
	a:hover .email{
		background-position:0 -60px;	
	}
	.chatWrap:hover .chat{
		background-position:0 -300px;	
	}
	a:hover .phone{
		background-position:0 -420px;
	}
	a:hover .address{
		background-position:0 -540px;	
	}
}