@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0; background:#1a5c8b;}
/*a,img { border:none; text-decoration:none;}*/
.clr { clear:both;}
.wrapper { max-width: 1140px; margin: 0 auto; background: #fff;}
/*.container { max-width:928px; margin:auto;}*/
.faq_main{ width:100%;}
.faq_inner01 { width:43%; float:left; border-right:1px solid #acacac; padding:0 20px 0 10px; box-sizing: border-box}
.faq_inner01 h1 { font-size:21px; color:#ff5c24; text-align:center;}
.faq_inner01 ul { margin:0; padding:0;}
.faq_inner01 ul li { background:url(/Sites/1/Images/page/sf-icon.png) no-repeat 0 11px; line-height:30px; list-style:none; padding:0 0 0 30px;}
.faq_inner01 ul li a { font-size:14px; color:#000000;}
.faq_inner01 p { color:#000; font-size:16px;}
.faq_inner01 p a {color:#e33b01; font-size:16px; text-decoration:underline;}
.faq_right { width:55%; float:left;}
.faq_right img {margin:1em 0 0 2em; float:left; display:block}
.faq_right p { font-size:20px; color:#000000; text-align:center; float: right; margin-right:15px; line-height:30px;}
.faq_right p span { color:#f1592a; font-weight:bold; font-size:25px;}
.main_con {}
.social_main { width:100%; text-align:center;}
.social_main h3 { font-size:25px; color:#515151; text-align:center; margin:10px 0;}
.social_main ul { margin:auto; padding:0; text-align:center; }
.social_main ul li { display:inline; float:left; text-align:center; margin:30px 14px;}
.social_main ul li a { text-align:center; font-size:17px; color:#515151;}
.social_main ul li img:hover { margin:-10px 0; transition:all .8s ease;}
.social_main ul li a:hover { color:#ff8418;}
.contact_section_main { width:100%; margin:35px 0;}
.contact_section_main p { text-align:left; color:#373737; font-size:17px;}
.contact_section_main p a { color:#ff8418;}
.contact_section_bg { width:100%; background:url(../images/contact-bg.png) no-repeat; width:899px; height:322px; margin:0 38px;}
.inner_form { width:89%; padding:5em 0 0; margin:0 0 0 4em;}
.inner_form h1 { font-size:20px; color:#ff8418; font-weight:normal;}
.inner_form input[type='text'], input[type="email"]{ width:45.5%; height:40px; box-shadow:0px 0px 5px #ccc; font-size:17px; color:#c5c4c4; border:1px solid #ccc; margin:6px 7px; padding:0 5px;}
.inner_form select { width:47%; height:40px; box-shadow:0px 0px 5px #ccc; font-size:17px; color:#c5c4c4; border:1px solid #ccc;margin:0 7px; padding:0 5px;}
.inner_form textarea { width:95%; height:65px; box-shadow:0px 0px 5px #ccc; font-size:17px; color:#c5c4c4; border:1px solid #ccc;margin:10px 7px; padding:0 5px;}
.submit_button_contact { background:#ff5c24; padding:5px 30px; font-size:28px; color:#fff; border:none; cursor:pointer;}
.contact_submit_button_main { width:100%; text-align:center;}
.SupportForm p {font-size: 17px; font-weight: normal; margin-bottom: 77px; }
.SupportForm a {color: #ff8418; }

.SearchRow {width: 100%; }
.SearchRow .SearchFirstCol {width: 50%; float: left; }
.SearchRow .SearchSecondCol {width: 50%; float:left; }

.SearchRow:nth-child(3) {box-sizing: border-box; float: left; width: 50%; }
.SearchRow:nth-child(3) .SearchFirstCol {width: 100%; }
.SearchRow:nth-child(4) {box-sizing: border-box; float: left; width: 50%; padding-left:13px; }
.SearchRow:nth-child(4) .SearchFirstCol {width: 100%; }

.SearchRow {margin: 2px 0 25px; width: 100%; padding-left: 24px; float:left; }

.CustomerSupport {
    /*background: rgba(0, 0, 0, 0) url("/Sites/1/Images/page/contact-bg.png") no-repeat scroll 20px 94px;*/
	background-repeat: no-repeat;
	background-image:  url("/Sites/1/Images/page/contact-bg.png");
	background-color: #fff;
	background-position: left top;
    margin-bottom: 45px;
	overflow:hidden;
    padding: 58px 33px 0;
}

.SupportForm {margin-top: 0 !important; }
.SearchInput {float: left; height: 33px; width: 261px; }
.SearchInput input, .SearchRow select {border: 1px solid #ccc; padding: 9px; width: 100%; box-sizing: border-box; }
.SearchLabel {float: left; font-size: 16px; font-weight: bold; padding-top: 7px; width: 128px; }
.SearchRow input.Button {margin: 0 auto; display: block; background-color: #ff5c24; font-size: 19px; border: 3px solid #ff5c24; color:#fff; }

.SupportThanks > p {font-size: 16px; margin: 0; }
.banner{ width:100%;}
.content{ padding:6px!important; width:auto}
.contenthead{ box-sizing: border-box; width:100%}
.CustomerSupport{box-sizing:border-box}
.SearchInput{ width:90%}
.SearchRow:nth-child(3) .SearchInput{ width:93%}

@media (max-width: 980px){
	.containerfixed, .contenthead, .content{ width:100%}
	.faq_inner01{ text-align:center}
	.faq_right img{ width:20%; float:none; margin:1em auto}
	.faq_right p{ float:none; margin:0 auto}
	.SearchRow:nth-child(3) .SearchInput input{ width:100%}
}
@media (max-width: 768px){
	.faq_main{ width:96%}
	.faq_inner01{ width:100%; border-right: none}
	.faq_right{ width:100%}
	.faq_right img{ margin:1em auto; float:none}
	.faq_right p{ float:none}
	.faq_inner01 ul{ width: 70%; margin:0 auto}
	.faq_inner01 ul li{ padding-left:29px}
	.faq_inner01 ul li a{ font-size:11px}
	.social_main ul, .faq_inner01 ul{ width:100%}
	.social_main ul li{ width:11%; margin:10px; display:inline-block; float:none}
	.SupportForm p{ font-size:12px}
    .banner { height: auto; }
}
@media (max-width: 480px){
	.CustomerSupport{ /*background-position:5px 157px;*/ padding:0; background: #fff}
	.SupportForm h4{ padding:0 15px}
	.SupportForm p{ font-size:16px; margin-bottom:10px; padding:0 15px;}
	.SearchRow{ width:90%; padding-left:29px; margin-bottom:14px; float:left}
	.SearchRow .SearchFirstCol, .SearchRow .SearchSecondCol{ width:100%}
	.SearchRow:nth-child(3), .SearchRow:nth-child(4){ width:100%}
	.SearchRow:nth-child(4){ padding-left:29px}
}

@media (min-width: 768px) {
    .wrapper .container { width: 100%; }
    .main_con .banner { display: block; }
    .main_con .faq_main { display: block;  }
    .faq_right { display: flex; align-items: flex-start; flex-direction: row; }
    .faq_right img { margin: 1em; }
    .faq_right p { margin-top: 1em; }
    .social_main { display: flex; align-items: center; justify-content: center; flex-direction: column; }
    .CustomerSupport {min-height: 380px; display: block; margin: 0 auto; }
    .CustomerSupport .SearchLabel  { display: block; width: 100%; padding-top: 0 }
    .CustomerSupport .SearchRow input.Button { min-width: 100px }
}

@media (min-width: 768px) and (max-width: 991px) {
    .wrapper, .CustomerSupport { max-width: 720px; display: block; margin: 0 auto;}
    
}
@media (min-width: 992px) {
    .wrapper, .CustomerSupport { max-width: 1140px; }
    .CustomerSupport {  padding: 58px 100px 0; background-position: 40% 0;  }
}