.support-featured	{ display:block; padding: 75px 0 110px 0; position: relative; background-image: url(../img/headers/bg-support.jpg); background-size: cover; }
.support-featured .line-yellow		{ display:block; width:152px; height: 1px; background-color: #dcac19; margin: 10px auto; }
.inner::after   		{ content: ""; display: table; clear: both; }		

.support-featured h1 		{ font-size: 14px; color:#fff; font-weight:900; letter-spacing: 0.4em; text-align: center; margin-bottom: 15px; }
.support-featured h2 		{ font-size: 36px; color:#fff; font-weight:900; letter-spacing: normal; text-align: center; margin-bottom: 30px; }
.support-featured p     { font-size: 14px; color:#fff; text-align: center; margin: 10px auto; max-width:690px; }

.support-optionblocks   { display:block; position: relative; }

.support-optionblocks .block-box  { width:1080px; margin: -40px auto 0 auto; }


.support-optionblocks .block-box::after   		  { content: ""; display: table; clear: both; }		
.support-optionblocks .block-box .option        { width: 350px; height:210px; margin-right: 15px; box-sizing:border-box; padding: 40px 40px 0 40px; float:left; text-align: center; background-color: rgba(255,255,255, 1); border-radius:3px; box-shadow:0 0 8px 0 rgba(0,0,0,.15) }
.support-optionblocks .block-box .option.last   { margin-right: 0; }
.support-optionblocks .block-box .option a      { text-decoration: none; }
.support-optionblocks .block-box .option img    { display:block; margin: 0 auto 20px auto; padding: 0; height:48px; transition: all .2s ease; }
.support-optionblocks .block-box .option:hover img, 
.support-optionblocks .block-box .option:hover img, 
.support-optionblocks .block-box .option:hover img        { transform: scale(1.1); }
.support-optionblocks .block-box .option a h3   { font-size:18px; color:#545454; font-weight:900; text-transform: none; }
.support-optionblocks .block-box .option a:hover h3 { text-decoration: underline; }
.support-optionblocks .block-box .option p      { font-size:14px; color:#767676; }



.support-homepage-topics 						{ padding: 65px 0; border-top:1px solid #d6d6d6; }
.support-homepage-topics h3.title		{ display:inline-block; font-size:24px; line-height:33px; font-weight: 900; text-transform: none; margin: 0 0 1em 0; width: 50%; }

.support-homepage-topics .support-topicbar							{ padding: 15px 0 0 0; }
.support-homepage-topics .support-topicbar .thetopic		{ width: 147px; display:inline-block; height:auto; vertical-align: top; margin-right: 35px; text-align: center; transition: all .2s ease; }
.support-homepage-topics .support-topicbar .thetopic:hover    { transform: scale(1.1); }
.support-homepage-topics .support-topicbar .thetopic a h3	{ color:#545454; font-size:16px; line-height:24px; text-transform: none; padding: 8px 0 0 0; }
.support-homepage-topics .support-topicbar .thetopic img	{ display:block; height:41px; margin: 0 auto 10px auto; padding: 0; }

.support-homepage-topics .support-topicbar div:last-of-type	{ margin-right:0; }




@media only screen and (max-width: 767px) {
	
  .support-featured	      { padding: 50px 0 70px 0; }
  .support-featured h1 		{ font-size: 12px; letter-spacing: 0.1em; margin-bottom: 15px; }
  .support-featured h2 		{ font-size: 24px; letter-spacing: normal; margin-bottom: 20px; }
  .support-featured p     { display:none; }
  
  .support-optionblocks .block-box                { width:90%; margin: -20px auto 0 auto; }
  .support-optionblocks .block-box .option        { width: 100%; height:auto; margin-right: 0; margin-bottom:15px; padding: 20px 20px 0 20px;  }
  .support-optionblocks .block-box .option.last   { margin-right: 0; margin-bottom: 0; }
	
  
  .support-homepage-topics 						{ padding: 35px 0; border-top:1px solid #d6d6d6; }
  .support-homepage-topics h3.title		{ display:block; font-size:24px; line-height:33px; width: 100%; text-align: center; margin: 0 0 30px 0; }
  .support-homepage-topics .support-topicbar							{ padding: 0; font-size:0; }
  .support-homepage-topics .support-topicbar .thetopic		{ width: 50%; margin-right: 0; margin-bottom: 25px;  }

  
}
@media only screen and (min-width: 768px) and (max-width: 989px) { 
	
  .support-optionblocks .block-box                { width:720px; }
  .support-optionblocks .block-box .option        { width: 230px; height:240px; margin-right: 15px; padding: 30px 30px 0 30px;  }
  .support-optionblocks .block-box .option.last   { margin-right: 0; }
  
  .support-homepage-topics .support-topicbar .thetopic		{ width: 190px; margin-right: 43px; }
	
	
}
@media only screen and (min-width: 990px) and (max-width: 1279px) {

  .support-optionblocks .block-box                { width:960px; }
  .support-optionblocks .block-box .option        { width: 300px; height:240px; margin-right: 20px; }
  .support-optionblocks .block-box .option.last   { margin-right: 0; }
  
  .support-homepage-topics .support-topicbar .thetopic		{ width: 140px; margin-right: 20px; }
  
}