* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

.header .wrapper, .header {
    font-family: "Futura" !important;
}

body {
	margin: 0;
	padding: 0;
    font-family: "Futura" !important;
	line-height: 1.2;
	letter-spacing: normal;
	letter-spacing: normal;
	color: #000;
	background-color: #fff;
	box-sizing: border-box
}

main {
	display: block;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: 136px 0 0 0;
	overflow: hidden
}

.wrapper {
	display: flow-root;
	width: 96%;
	max-width: 1640px;
	float: none;
	margin: 0 auto
}

.header .wrapper {
    font-family: "Futura" !important;
}
.wrapper {
    font-family: "Arial-Black", Arial, sans-serif;
}
.text-bold{
    font-weight: 700;
}
.category-select-content {
    display: block;
    margin-top: 20px;
    float:left;
    border: 1px solid #ccc;
    padding: 25px;
    width: auto;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .1607843137);
    background: #fafafa;
}
.ArialStyle {
    font-family: "Arial-Regular", Arial, sans-serif;
}
@media only screen and (max-width: 1565px) {
	main {
		padding: 112px 0 0 0
	}

}

@media only screen and (max-width: 1255px) {
	main {
		padding: 102px 0 0 0
	}

	.wrapper {
		width: 92%
	}
}

@media only screen and (max-width: 479px) {
	main {
		padding: 87px 0 0 0
	}

	.wrapper {
		width: 90%
	}
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article,
aside,
footer,
header,
nav,
section {
	display: block
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

figcaption,
figure,
main {
	display: block
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: rgba(0, 0, 0, 0);
	-webkit-text-decoration-skip: objects
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: inherit
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

dfn {
	font-style: italic
}

mark {
	background-color: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

audio,
video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

img {
	border-style: none
}

svg:not(:root) {
	overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html [type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	display: inline-block;
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details,
menu {
	display: block
}

summary {
	display: list-item
}

canvas {
	display: inline-block
}

template {
	display: none
}

[hidden] {
	display: none
}

@font-face {
	font-family: "Arial-Regular";
	src: url("../fonts/Arial-Regular.woff2") format("woff2"), url("../fonts/Arial-Regular.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-stretch: normal
}

@font-face {
	font-family: "Arial-Medium";
	src: url("../fonts/Arial-Medium.woff2") format("woff2"), url("../fonts/Arial-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-stretch: normal
}

@font-face {
	font-family: "Arial-Bold";
	src: url("../fonts/Arial-Bold.woff2") format("woff2"), url("../fonts/Arial-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-stretch: normal
}

@font-face {
	font-family: "Arial-Black";
	src: url("../fonts/Arial-Black.woff2") format("woff2"), url("../fonts/Arial-Black.woff") format("woff");
	font-weight: 900;
	font-style: normal;
	font-stretch: normal
}

.slick-loading .slick-list {
	background: #fff url(../images/frontimage/slick-loader.gif) center center no-repeat
}

.slick-next,
.slick-prev {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: rgba(0, 0, 0, 0);
	border: none;
	outline: 0;
	background: 0 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
	color: rgba(0, 0, 0, 0);
	outline: 0;
	background: 0 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
	opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
	opacity: .25
}

.slick-next:before,
.slick-prev:before {
	font-family: slick;
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev {
	left: -25px
}

[dir=rtl] .slick-prev {
	right: -25px;
	left: auto
}

.slick-prev:before {
	content: "←"
}

[dir=rtl] .slick-prev:before {
	content: "→"
}

.slick-next {
	right: -25px
}

[dir=rtl] .slick-next {
	right: auto;
	left: -25px
}

.slick-next:before {
	content: "→"
}

[dir=rtl] .slick-next:before {
	content: "←"
}

.slick-dotted.slick-slider {
	margin-bottom: 30px
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: rgba(0, 0, 0, 0);
	border: 0;
	outline: 0;
	background: 0 0
}

.slick-dots li button:focus,
.slick-dots li button:hover {
	outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
	opacity: 1
}

.slick-dots li button:before {
	font-family: slick;
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: "•";
	text-align: center;
	opacity: .25;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
	opacity: .75;
	color: #000
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:after,
.slick-track:before {
	display: table;
	content: ""
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid rgba(0, 0, 0, 0)
}

.slick-arrow.slick-hidden {
	display: none
}

.bannerhomeslider.slick-slider .slick-dots {
	z-index: 2;
	top: 20%;
	bottom: auto;
	left: 50%;
	width: 96%;
	max-width: 1640px;
	transform: translateX(-50%);
	text-align: left
}

.bannerhomeslider.slick-slider .slick-dots li {
	position: relative;
	display: inline-block;
	width: 36px;
	height: 7px;
	margin: 0 8px 0 0;
	padding: 0;
	border: none;
	cursor: pointer;
	background: #e8e8e8;
	border-radius: 0
}

.bannerhomeslider.slick-slider .slick-dots li.slick-active {
	transform: scale(1);
	background: #233d4d
}

.bannerhomeslider.slick-slider .slick-dots li button {
	display: none
}

.knowledgeresourcesslider.slick-slider .slick-arrow {
	z-index: 3;
	top: auto;
	bottom: -30px;
	width: 35px;
	height: 35px;
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1;
	background-color: #f2662c;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .4s ease-out;
	transform: translateY(-50%)
}

.knowledgeresourcesslider.slick-slider .slick-arrow:hover {
	background-color: #233d4d;
	color: #fff;
	transition: all .4s ease-in
}

.knowledgeresourcesslider.slick-slider .slick-arrow.slick-disabled {
	opacity: .5;
	background-color: #3e3e3e;
	pointer-events: none
}

.knowledgeresourcesslider.slick-slider .slick-next {
	right: 20px
}

.knowledgeresourcesslider.slick-slider .slick-prev {
	left: 0px
}

.knowledgeresourcesslider.slick-slider .slick-arrow:before {
	text-align: center;
	font-size: 20px;
	line-height: 0;
	font-family: "fontawesome"
}

.knowledgeresourcesslider.slick-slider .slick-next:before {
	content: ""
}

.knowledgeresourcesslider.slick-slider .slick-prev:before {
	content: ""
}

.knowledgeresourcesslider.slick-slider .slick-arrow.slick-disabled {
	user-select: none;
	pointer-events: none
}

.knowledgeresourcesslider.slick-slider .slick-dots {
	z-index: 2;
	bottom: -20px;
	text-align: center
}

.knowledgeresourcesslider.slick-slider .slick-dots li {
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 4px;
	padding: 0;
	border: none;
	cursor: pointer;
	background: #aeaeae;
	border-radius: 50%
}

.knowledgeresourcesslider.slick-slider .slick-dots li.slick-active {
	transform: scale(1);
	background: #f0632a
}

.knowledgeresourcesslider.slick-slider .slick-dots li button {
	display: none
}

.satisfactionNav.slick-slider .slick-arrow {
	z-index: 3;
	opacity: 1;
	top: 50%;
	width: 48px;
	height: 48px;
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1;
	background-color: #f2662c;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .4s ease-out;
	transform: translateY(-50%)
}

.satisfactionNav.slick-slider .slick-arrow:hover {
	background-color: #233d4d;
	color: #fff;
	transition: all .4s ease-in
}

.satisfactionNav.slick-slider .slick-arrow.slick-disabled {
	opacity: .5;
	background-color: #3e3e3e;
	pointer-events: none
}

.satisfactionNav.slick-slider .slick-next {
	right: -50px
}

.satisfactionNav.slick-slider .slick-prev {
	left: -50px
}

.satisfactionNav.slick-slider .slick-arrow:before {
	text-align: center;
	font-size: 24px;
	line-height: 0;
	font-family: "fontawesome"
}

.satisfactionNav.slick-slider .slick-next:before {
	content: ""
}

.satisfactionNav.slick-slider .slick-prev:before {
	content: ""
}

.satisfactionNav.slick-slider .slick-arrow.slick-disabled {
	user-select: none;
	pointer-events: none
}

.satisfactionNav.slick-slider .slick-dots {
	z-index: 2;
	bottom: -30px;
	text-align: center
}

.satisfactionNav.slick-slider .slick-dots li {
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 4px;
	padding: 0;
	border: none;
	cursor: pointer;
	background: #aeaeae;
	border-radius: 50%
}

.satisfactionNav.slick-slider .slick-dots li.slick-active {
	transform: scale(1);
	background: #f0632a
}

.satisfactionNav.slick-slider .slick-dots li button {
	display: none
}

.satisfactionSlider.slick-slider .slick-arrow {
	z-index: 2;
	top: auto;
	bottom: -65px;
	width: 35px;
	height: 35px;
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1;
	background-color: #f2662c;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .4s ease-out;
	transform: translateY(-50%)
}

.satisfactionSlider.slick-slider .slick-arrow:hover {
	background-color: #233d4d;
	color: #fff;
	transition: all .4s ease-in
}

.satisfactionSlider.slick-slider .slick-arrow.slick-disabled {
	opacity: .5;
	background-color: #3e3e3e;
	pointer-events: none
}

.satisfactionSlider.slick-slider .slick-next {
	right: 20px
}

.satisfactionSlider.slick-slider .slick-prev {
	left: 0px
}

.satisfactionSlider.slick-slider .slick-arrow:before {
	text-align: center;
	font-size: 20px;
	line-height: 0;
	font-family: "fontawesome"
}

.satisfactionSlider.slick-slider .slick-next:before {
	content: ""
}

.satisfactionSlider.slick-slider .slick-prev:before {
	content: ""
}

.satisfactionSlider.slick-slider .slick-arrow.slick-disabled {
	user-select: none;
	pointer-events: none
}

.satisfactionSlider.slick-slider .slick-dots {
	z-index: 1;
	bottom: -40px;
	text-align: center
}

.satisfactionSlider.slick-slider .slick-dots li {
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 4px;
	padding: 0;
	border: none;
	cursor: pointer;
	background: #aeaeae;
	border-radius: 50%
}

.satisfactionSlider.slick-slider .slick-dots li.slick-active {
	transform: scale(1);
	background: #f0632a
}

.satisfactionSlider.slick-slider .slick-dots li button {
	display: none
}

.popularquestionsSlider.slick-slider .slick-dots {
	z-index: 2;
	bottom: -30px;
	text-align: center
}

.popularquestionsSlider.slick-slider .slick-dots li {
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 4px;
	padding: 0;
	border: none;
	cursor: pointer;
	background: #aeaeae;
	border-radius: 50%
}

.popularquestionsSlider.slick-slider .slick-dots li.slick-active {
	transform: scale(1);
	background: #f0632a
}

.popularquestionsSlider.slick-slider .slick-dots li button {
	display: none
}

@media only screen and (max-width: 1565px) {
	.bannerhomeslider.slick-slider .slick-dots {
		top: 15%
	}
}

@media only screen and (max-width: 1255px) {
	.bannerhomeslider.slick-slider .slick-dots {
		top: 7%;
		width: 92%
	}
}

@media only screen and (max-width: 1023px) {
	.bannerhomeslider.slick-slider .slick-dots {
		top: 5%
	}

	.bannerhomeslider.slick-slider .slick-dots li {
		width: 30px;
		height: 5px;
		margin: 0 5px 0 0
	}
}

@media only screen and (max-width: 479px) {
	.bannerhomeslider.slick-slider .slick-dots {
		top: 35%;
		width: 90%
	}

	.bannerhomeslider.slick-slider .slick-dots li {
		width: 20px;
		height: 3px;
		margin: 0 5px 0 0
	}

	.knowledgeresourcesslider.slick-slider .slick-dots {
		bottom: -7px
	}
}

.header {
	z-index: 6;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	float: none;
	display: flow-root;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, .1607843137)
}

.nav {
	width: 100%;
	height: auto;
	float: left;
	padding: 0;
	background: #535353
}

.nav .wrapper {
	position: relative;
	height: 36px;
	padding-right: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.nav .wrapper p {
	width: auto;
	float: left;
	text-align: left;
	color: #fff;
	font-size: 16px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.nav .wrapper ul {
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.nav .wrapper ul li {
	list-style: none
}

.nav .wrapper ul li.line {
	margin: 0 12px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 16px
}

.nav .wrapper ul li a {
	text-decoration: none;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	color: #fff;
	transition: all .4s ease-out
}

.nav .wrapper ul li a.callat {
	font-family: "Futura";
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center
}

.nav .wrapper ul li a.callat span {
	margin-left: 3px;
	padding-top: 4px
}

.nav .wrapper ul li a.callat img {
	width: 14px
}

.nav .wrapper ul li a:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

.nav .wrapper i.fa.fa-search {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	transition: all .4s ease-out
}

.nav .wrapper i.fa.fa-search:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

.nav .wrapper i.fa.fa-search.active {
	color: #f2662c
}

.searchinheader {
	display: none;
	z-index: 1;
	position: absolute;
	right: 7%;
	top: 62px;
	width: auto;
	max-width: 100%;
	background: #ccc
}

.searchinheader article {
	display: none;
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	background: rgba(0, 0, 0, .5)
}

.searchinheader section {
	z-index: 2;
	position: relative;
	width: 100%;
	float: right;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-items: stretch
}

.searchinheader section .searchHeadBack {
	background: #edf0f2;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .8rem 1rem;
	transition: all .4s ease-out;
	text-decoration: none;
	font-size: 20px;
	color: #000;
	line-height: 1
}

.searchinheader section .searchHeadBack i.fa {
	line-height: 1;
	font-weight: 400;
	margin-top: 0px
}

.searchinheader section .searchHeadBack:hover {
	color: #f2662c;
	cursor: pointer;
	transition: all .4s ease-in
}

.searchinheader section .searchHeadInput {
	width: 510px;
	float: left;
	padding: 0 1rem 0 .5rem;
	background: #edf0f2;
	outline: none;
	border: none;
	text-align: left;
	font-size: 16px;
	line-height: 1;
	color: #000;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.searchinheader section .searchHeadInput::placeholder {
	color: #707070;
	opacity: 1
}

.searchinheader section .searchHeadInput:-ms-input-placeholder {
	color: #707070;
	opacity: 1
}

.searchinheader section .searchHeadInput::-ms-input-placeholder {
	color: #707070;
	opacity: 1
}

.searchinheader section .searchHeadButton {
	width: auto;
	float: left;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 0 25px;
	border: none;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	background-color: #f2662c;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: normal;
	line-height: 1;
	text-transform: uppercase
}

.searchinheader section .searchHeadButton:hover {
	transition: all .4s ease-in;
	color: #fff;
	background: #f0632a;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137)
}

.navigation {
	width: 100%;
	float: left;
	background: #fff
}

.navigation .wrapper {
	position: relative;
	height: 100px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.navigation .wrapper .logo {
	max-width: 100%
}

.navigation .wrapper aside {
	display: none
}

.navigation .wrapper ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	align-items: stretch;
	height: 100%
}

.navigation .wrapper ul li {
	list-style: none;
	margin: 0 15px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative
}

.navigation .wrapper ul li:after {
	opacity: 0;
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 4px;
	width: 100%;
	background-color: #f2662c;
	border-radius: 4px
}

.navigation .wrapper ul li.active:after {
	opacity: 1
}

.navigation .wrapper ul li a {
	text-decoration: none;
	font-family: "Futura";
	font-weight: 300;
	color: #000;
	font-size: 18px;
	line-height: 45px;
	transition: all .4s ease-out
}
.navigation .wrapper ul li.active {
    background-color: #fff;
}

.navigation .wrapper ul li a:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

.navigation .wrapper ul li a i.fa.fa-angle-down,
.navigation .wrapper ul li a i.fa.fa-angle-up {
	margin-left: 10px
}

.navigation .wrapper ul li.loginsignup {
	margin-right: 0
}

.navigation .wrapper ul li.loginsignup a {
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.navigation .wrapper ul li.loginsignup a span {
	font-size: 16px
}

.navigation .wrapper ul li.loginsignup a i.fa.fa-user-circle {
	margin-left: 5px;
	font-size: 20px;
	color: #f2662c
}

.navigation .wrapper ul li .dropdownmenu {
	display: none;
	z-index: 4;
	position: fixed;
	top: 136px;
	left: 0;
	padding: 3rem 0;
	width: 100%;
	background: #fafafa;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, .0784313725)
}

.navigation .wrapper ul li .dropdownmenu .dropdowninner {
	position: relative;
	width: 96%;
	max-width: 1640px;
	float: none;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}
.modal-header .close {
    color: white;
    float: right;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #fff;
    padding: 0 5px;
    background-color: #000;
    margin-right: -15px;
    margin-top: 0px;
    border-radius: 4px;
}
.modal-header .close:hover {
    color: #fff;
    background-color: #535353;
}
.navigation .wrapper ul li .dropdownmenu .dropdowninner .dropdownclose {
	filter: brightness(0%);
	width: 27px;
	text-align: right;
	cursor: pointer;
	transition: all .4s ease-out
}

.navigation .wrapper ul li .dropdownmenu .dropdowninner .dropdownclose:hover {
	filter: brightness(100%);
	transition: all .4s ease-in
}

.navigation .wrapper ul li .dropdownmenu .dropdowninner ul {
	width: 63%;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap
}

.navigation .wrapper ul li .dropdownmenu .dropdowninner ul li {
	width: 30.3%;
	margin: 0 3% 5px 0;
	display: inline-block
}

.navigation .wrapper ul li .dropdownmenu .dropdowninner ul li:after {
	display: none
}

.navigation .wrapper ul li .dropdownmenu .dropdowninner ul li a {
	text-decoration: none;
	font-family: "Futura";
	font-weight: 300;
	color: #3c3c3c;
	font-size: 18px;
	line-height: 30px;
	transition: all .4s ease-out
}

.navigation .wrapper ul li .dropdownmenu .dropdowninner ul li a:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

.navigation .wrapper ul li .dropdownmenu .dropdowninner ul li h2 {
	width: 100%;
	float: left;
	margin-bottom: 5px;
	font-family: "Futura";
	font-weight: 700;
	color: #000;
	font-size: 18px
}

.navigation .wrapper ul li .dropdownmenu .dropdowninner ul li ul {
	width: 100%;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column
}

.navigation .wrapper ul li .dropdownmenu .dropdowninner ul li ul li {
	list-style: none;
	margin: 5px 0;
	width: 100%;
	float: left
}

.navigation .wrapper ul li .dropdownmenu .dropdowninner ul li ul li:after {
	display: none
}

.navigation .wrapper ul li .dropdownmenu .dropdowninner ul li ul li a {
	text-decoration: none;
	font-family: "Futura";
	font-weight: 300;
	color: #3c3c3c;
	font-size: 18px;
	line-height: 24px;
	transition: all .4s ease-out
}

.navigation .wrapper ul li .dropdownmenu .dropdowninner ul li ul li a:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

.navigation .wrapper ul li .dropdownmenu .dropdowninner .dropdownimg {
	max-width: 30%
}

@media only screen and (max-width: 1681px) {
	.searchinheader {
		right: 2%
	}
}

@media only screen and (max-width: 1565px) {
	.nav .wrapper {
		height: 32px
	}

	.searchinheader {
		top: 50px
	}

	.searchinheader section .searchHeadBack {
		padding: .6rem 1rem
	}

	.searchinheader section .searchHeadInput {
		width: 360px
	}

	.navigation .wrapper {
		height: 80px
	}

	.navigation .wrapper ul li .dropdownmenu {
		top: 112px
	}
}

@media only screen and (max-width: 1255px) {
	.nav .wrapper p {
		font-size: 14px
	}

	.nav .wrapper ul {
		display: none
	}

	.nav .wrapper i.fa.fa-search {
		font-size: 16px
	}

	.searchinheader {
		top: 31px;
		right: 0;
		width: 100%;
		height: 100%;
		position: fixed;
		background: none
	}

	.searchinheader article {
		display: block
	}

	.searchinheader section {
		background: #fafafa;
		padding: 1.2rem 4%
	}

	.searchinheader section .searchHeadBack {
		padding: .7rem;
		font-size: 22px
	}

	.searchinheader section .searchHeadInput {
		width: 100%;
		padding: 0 10px 0 0;
		font-size: 16px
	}

	.searchinheader section .searchHeadButton {
		padding: 0 15px;
		font-size: 14px
	}

	.navigation .wrapper {
		height: 70px
	}

	.navigation .wrapper .logo {
		max-width: 260px
	}

	.navigation .wrapper aside {
		width: auto;
		float: right;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.navigation .wrapper aside .quickmenu {
		width: 32px;
		height: 32px;
		background-color: #f2662c;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: all .4s ease-out
	}

	.navigation .wrapper aside .quickmenu img {
		max-width: 60%
	}

	.navigation .wrapper aside .quickmenu:hover {
		cursor: pointer;
		background-color: #ed4c1d;
		transition: all .4s ease-in
	}

	.navigation .wrapper aside .mainmenu {
		margin-left: 1rem;
		margin-bottom: -4px
	}

	.navigation .wrapper aside .mainmenu i.fa {
		font-weight: 400;
		line-height: 1;
		font-size: 36px;
		color: #000;
		transition: all .4s ease-out;
		cursor: pointer
	}

	.navigation .wrapper aside .mainmenu i.fa:hover {
		color: #ed4c1d;
		transition: all .4s ease-in
	}

	.navigation .wrapper aside .mainmenu img {
		width: 42px;
		cursor: pointer;
		transition: all .4s ease-out
	}

	.navigation .wrapper aside .mainmenu img:hover {
		transition: all .4s ease-in
	}

	.navigation .wrapper ul {
		display: none
	}
}

@media only screen and (max-width: 479px) {
	.nav .wrapper {
		height: 27px
	}

	.nav .wrapper p {
		font-size: 12px
	}

	.nav .wrapper i.fa.fa-search {
		font-size: 14px
	}

	.navigation .wrapper {
		height: 60px
	}

	.navigation .wrapper .logo {
		max-width: 190px
	}

	.navigation .wrapper aside .quickmenu {
		width: 25px;
		height: 25px
	}

	.navigation .wrapper aside .mainmenu {
		margin-left: .5rem;
		margin-bottom: -5px
	}

	.navigation .wrapper aside .mainmenu i.fa {
		font-size: 28px
	}

	.navigation .wrapper aside .mainmenu img {
		width: 32px
	}
}

.mobilemenuBG {
	display: none;
	z-index: 6;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	background: rgba(0, 0, 0, .6)
}

.mobilemenu {
	display: none;
	z-index: 7;
	position: fixed;
	top: 0;
	right: 0;
	width: 320px;
	height: 100vh;
	float: left;
	overflow: hidden;
	overflow-y: scroll;
	padding: 0 0 1rem 0;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, .1607843137);
	background-color: #fff
}

.mobilemenu aside {
    width: 100%;
    float: left;
    padding: 0 1.5rem;
    text-align: right;
    position: absolute;
    right: 0;
    top: 14px;
}

.mobilemenu aside i.fa {
	font-size: 25px;
	color: #000;
	transition: all .4s ease-out;
	cursor: pointer
}

.mobilemenu aside i.fa:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

.mobilemenu aside img {
	max-width: 22px;
	transition: all .4s ease-out;
	cursor: pointer
}

.mobilemenu aside img:hover {
	transition: all .4s ease-in
}

.mobilemenu h4 {
	width: 100%;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 1rem 1.5rem
}

.mobilemenu h4 i.fa {
	color: #f2662c;
	font-size: 42px;
	margin-right: 1rem
}

.mobilemenu h4 a {
	text-decoration: none;
	color: #000
}

.mobilemenu h4 a span {
	color: #000;
	line-height: 24px
}

.mobilemenu h4 a span:first-child {
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	display: block
}

.mobilemenu h4 a span:last-child {
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	opacity: .7;
	font-size: 14px;
	border-bottom: solid 1px #333
}

.mobilemenu ul {
	width: 100%;
	float: left
}

.mobilemenu ul li {
	list-style: none;
	width: 100%;
	float: left;
	border-bottom: solid 1px #969696
}

.mobilemenu ul li h2 {
	position: relative;
	width: 100%;
	float: left;
	padding: 0.9rem 1.5rem;
	background-color: #fff;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 18px;
	line-height: 1;
	font-family: "Futura";
	font-weight: 300;
	color: #000;
	transition: all .4s ease-out;
	cursor: pointer
}

.mobilemenu ul li h2 img {
	width: 25px;
	filter: grayscale(1)
}

.mobilemenu ul li h2 span {
	margin-left: 1rem
}

.mobilemenu ul li h2:after {
	content: "";
	position: absolute;
	right: 1.5rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	color: #000;
	font-family: "FontAwesome";
	font-weight: 300;
	line-height: 1
}

.mobilemenu ul li h2.active {
	color: #f2662c
}

.mobilemenu ul li h2.active img {
	filter: grayscale(0)
}

.mobilemenu ul li h2.active:after {
	content: "";
	color: #f2662c
}

.mobilemenu ul li h2.more_h2 {
	background-color: #535353;
	color: #fff
}

.mobilemenu ul li h2.more_h2 img {
	filter: grayscale(0)
}

.mobilemenu ul li h2.more_h2:after {
	color: #fff
}

.mobilemenu ul li h2.nosubmenu:after {
	display: none
}

.mobilemenu ul li h2.nosubmenu:hover {
	color: #f2662c
}

.mobilemenu ul li a {
	text-decoration: none;
	width: 100%;
	float: left;
	padding: 0 1.5rem;
	font-size: 18px;
	line-height: 45px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	color: #000;
	transition: all .4s ease-out
}

.mobilemenu ul li a:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

.mobilemenu ul li ul {
	display: none;
	width: 100%;
	float: left;
	padding-bottom: .5rem;
	padding-left: 4rem
}

.mobilemenu ul li ul li {
	list-style: none;
	width: 100%;
	float: left;
	background-color: #fff;
	border-bottom: none
}

.mobilemenu ul li ul li h3 {
	width: auto;
	float: left;
	border-bottom: solid 2px #233d4d;
	margin: 0 0 5px 0;
	background-color: #fff;
	font-size: 16px;
	line-height: 30px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	color: #233d4d
}

.mobilemenu ul li ul li a {
	text-decoration: none;
	width: 100%;
	float: left;
	padding: 0;
	font-size: 16px;
	line-height: 30px;
	font-family: "Futura";
	font-weight: 300;
	color: #3d3d3d;
	transition: all .4s ease-out
}

.mobilemenu ul li ul li a:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

.mobilemenu ul li ul li ol {
	padding-bottom: .5rem
}

.mobilemenu ul li ul.more_ul {
	background-color: #535353
}

.mobilemenu ul li ul.more_ul li {
	background-color: #535353;
	border-bottom: none
}

.mobilemenu ul li ul.more_ul li a {
	color: #fff
}

.mobilemenu ul li ul.more_ul li a:hover {
	color: #f2662c
}

.mobilemenu .menusocial {
	width: 100%;
	float: left;
	padding: 0.5rem 1.5rem 0.5rem 1.5rem;
}

.mobilemenu .menusocial h5 {
	width: 100%;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.mobilemenu .menusocial h5 a {
	margin-right: 1.5rem;
	text-decoration: none;
	transition: all .4s ease-out;
	color: #233d4d;
	font-size: 24px
}

.mobilemenu .menusocial h5 a:hover {
	transition: all .4s ease-in;
	color: #f2662c
}

.mobilemenu p {
	width: 100%;
	float: left;
	margin-top: .5rem;
	text-align: left;
	color: #3c3c3c;
	font-size: 12px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

@media only screen and (max-width: 359px) {
	.mobilemenu {
		width: 100%
	}
}

.quicklinkBG {
	display: none;
	z-index: 6;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	background: rgba(0, 0, 0, .05)
}

.quicklink {
	z-index: 7;
	position: fixed;
	top: 50%;
	right: -270px;
	transform: translateY(-38%);
	display: block;
	width: 270px;
	float: left;
	padding: 1.5rem;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, .1607843137);
	background-color: #fff
}

.quicklink aside {
	position: absolute;
	top: 50%;
	left: -50px;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	background-color: #f2662c;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .4s ease-out;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, .1607843137)
}

.quicklink aside img {
	max-width: 100%
}

.quicklink aside:hover {
	cursor: pointer;
	background-color: #ed4c1d;
	transition: all .4s ease-out
}

.quicklink h6 {
	display: none
}

.quicklink h2 {
	width: 100%;
	float: left;
	text-align: left;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.quicklink h2 span {
	color: #000;
	font-size: 26px;
	letter-spacing: normal;
	line-height: 1;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900
}

.quicklink h2 img {
	margin-left: 2px;
	max-width: 100%
}

.quicklink h3 {
	width: 100%;
	float: left;
	margin: 1.5rem 0 .2rem 0;
	text-align: left;
	color: #233d4d;
	font-size: 18px;
	line-height: 28px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.quicklink p {
	width: 100%;
	float: left;
	text-align: left;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.quicklink p span {
	color: #f2662c;
	font-size: 18px;
	line-height: 21px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.quicklink p a {
	text-decoration: none;
	color: #f2662c;
	font-size: 18px;
	line-height: 21px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	transition: all .4s ease-out
}

.quicklink p a:hover {
	color: #000;
	transition: all .4s ease-in
}

.quicklink .qlservice {
	width: 100%;
	float: left
}

.quicklink .qlservice h4 {
	width: 100%;
	float: left;
	text-align: left;
	margin: 1.2rem 0 .3rem 0;
	padding: 6px 15px;
	border-radius: 0 4px 0 4px;
	background-color: #f2662c;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.quicklink .qlservice ul {
	width: 100%;
	float: left
}

.quicklink .qlservice ul li {
	list-style: none;
	width: 100%;
	float: left;
	margin: .6rem 0
}

.quicklink .qlservice ul li a {
	text-decoration: none;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.quicklink .qlservice ul li a span {
	width: 24px;
	height: 23px;
	float: left;
	margin-right: 12px;
	background: rgba(0, 0, 0, 0) url("../images/frontimage/menu/icons.png") no-repeat;
}


.quicklink .qlservice ul li a span.ql_connection {
    background-position: -1px -1px;
}

.quicklink .qlservice ul li a span.ql_availability {
	background-position: -1px -27px;
}

.quicklink .qlservice ul li a span.ql_calculator {
    background-position: -1px -50px;
}

.quicklink .qlservice ul li a span.ql_billpay {
	background-position: -1px -99px;
}

.quicklink .qlservice ul li a span.ql_stations {
    background-position: -2px -77px;
}

.quicklink .qlservice ul li a span.ql_ratecard {
	background-position: 0px -100px
}

.quicklink .qlservice ul li a span.ql_offers {
	background-position: 0px -120px
}

.quicklink .qlservice ul li a span.ql_referral {
	background-position: 0px -140px
}

.quicklink .qlservice ul li a span.ql_fitmentcenters {
	background-position: 1px -140px
}

.quicklink .qlservice ul li a span.ql_oemshowrooms {
	background-position: 2px -122px
}
.quicklink .qlservice ul li a span.ql_rfclocator {
    background-position: -1px -135px;
}
.quicklink .qlservice ul li a span.ql_oemlocator {
    background-position: -1px -117px;
}

.quicklink .qlservice ul li a b {
	font-size: 16px;
	line-height: 1;
	border-bottom: solid 1px #233d4d;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	color: #233d4d;
	transition: all .4s ease-out
}


.quicklink .qlservice ul li a:hover span.ql_connection {
    background-position: -26px -1px;
}

.quicklink .qlservice ul li a:hover span.ql_availability {
	background-position: -26px -27px;
}

.quicklink .qlservice ul li a:hover span.ql_calculator {
    background-position: -26px -51px;
}

.quicklink .qlservice ul li a:hover span.ql_billpay {
    background-position: -26px -99px;
}

.quicklink .qlservice ul li a:hover span.ql_stations {
    background-position: -27px -77px;
}

.quicklink .qlservice ul li a:hover span.ql_ratecard {
	background-position: -22px -100px
}

.quicklink .qlservice ul li a:hover span.ql_referral {
	background-position: -22px -140px
}

.quicklink .qlservice ul li a:hover span.ql_offers {
	background-position: -22px -120px
}

.quicklink .qlservice ul li a:hover span.ql_fitmentcenters {
	background-position: -23px -160px
}

.quicklink .qlservice ul li a:hover span.ql_oemshowrooms {
	background-position: -23px -180px
}

.quicklink .qlservice ul li a:hover span.ql_rfclocator {
	background-position: -26px -135px
}
.quicklink .qlservice ul li a:hover span.ql_oemlocator {
	background-position: -26px -117px
}

.quicklink .qlservice ul li a:hover b {
	border-bottom-color: #f1652c;
	color: #f1652c;
	transition: all .4s ease-in
}

@media only screen and (max-width: 1565px) {
	.quicklink {
		right: -250px;
		transform: translateY(-40%);
		padding: 1rem;
		width: 250px
	}

	.quicklink aside {
		left: -44px;
		transform: translateY(-44%);
		width: 44px;
		height: 44px
	}

	.quicklink h2 span {
		font-size: 24px;
		line-height: 24px
	}

	.quicklink h3 {
		margin: 1rem 0 .1rem 0;
		font-size: 16px;
		line-height: 24px
	}

	.quicklink p span {
		font-size: 16px;
		line-height: 18px
	}

	.quicklink p a {
		font-size: 16px;
		line-height: 18px
	}

	.quicklink .qlservice h4 {
		margin: 1rem 0 .2rem 0;
		padding: 5px 15px;
		font-size: 16px;
		line-height: 22px
	}

	.quicklink .qlservice ul li {
		margin: .3rem 0
	}

	.quicklink .qlservice ul li a b {
		font-size: 14px;
		line-height: 1
	}
}

@media only screen and (max-width: 1255px) {
	.quicklinkBG {
		background: rgba(0, 0, 0, .6)
	}

	.quicklink {
		display: none;
		right: 0px;
		top: 0;
		transform: translateY(0);
		padding: 1.5rem;
		width: 280px;
		height: 100vh;
		overflow: hidden;
		overflow-y: scroll
	}

	.quicklink aside {
		display: none
	}

	.quicklink h6 {
		display: block;
		margin-bottom: 2rem;
		width: 100%;
		float: left;
		text-align: right
	}

	.quicklink h6 i.fa {
		font-size: 25px;
		color: #000;
		transition: all .4s ease-out;
		cursor: pointer
	}

	.quicklink h6 i.fa:hover {
		color: #f2662c;
		transition: all .4s ease-in
	}

	.quicklink h6 img {
		max-width: 22px;
		transition: all .4s ease-out;
		cursor: pointer
	}

	.quicklink h6 img:hover {
		transition: all .4s ease-in
	}

	.quicklink h2 span {
		font-size: 24px;
		line-height: 24px
	}

	.quicklink h3 {
		margin: 1rem 0 .1rem 0;
		font-size: 18px;
		line-height: 24px
	}

	.quicklink p span {
		font-size: 18px;
		line-height: 22px
	}

	.quicklink p a {
		font-size: 18px;
		line-height: 22px
	}

	.quicklink .qlservice h4 {
		margin: 1rem 0 .2rem 0;
		padding: 5px 15px;
		font-size: 16px;
		line-height: 22px
	}

	.quicklink .qlservice ul li {
		margin: .5rem 0
	}

	.quicklink .qlservice ul li a b {
		font-size: 16px;
		line-height: 1
	}
}

@media only screen and (max-width: 359px) {
	.quicklink {
		width: 100%
	}
}

.breadcrumbs {
	width: 100%;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 2rem
}

.breadcrumbs li {
	list-style: none;
	color: #707070;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 34px
}

.breadcrumbs li a {
	text-decoration: none;
	color: #707070;
	transition: all .4s ease-out
}

.breadcrumbs li a:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

.breadcrumbs li i.fa {
	margin: 0 1rem;
	font-weight: 400
}

.breadcrumbs li span {
	color: #233c4c;
	padding-bottom: 1px;
	border-bottom: solid 1px #233c4c
}

.breadcrumbs.pngavailabilitybedc {
	padding-left: 1%
}

.breadcrumbs.cngstationbedc {
	padding-left: 1%;
	margin-bottom: 1rem
}

@media only screen and (max-width: 1023px) {
	.breadcrumbs li {
		font-size: 14px;
		line-height: 28px
	}

	.breadcrumbs li i.fa {
		margin: 0 .5rem
	}

	.breadcrumbs.cngstationbedc {
		margin-bottom: 2rem
	}
}

.wishtoconnect {
	width: 100%;
	float: left;
	padding: 3rem 0;
	background-color: #f2662c
}

.wishtoconnect .wrapper {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start
}

.wishtoconnect .wrapper .wishtoconnectposter {
	width: 25%;
	float: left;
	margin-right: 120px
}

.wishtoconnect .wrapper .wishtoconnectposter img {
	z-index: 2;
	position: relative;
	width: 100%;
	margin-top: -70px;
    border-radius: 10px;
}

.wishtoconnect .wrapper .wishtoconnectcontent {
	width: 55%;
	float: left
}

.wishtoconnect .wrapper .wishtoconnectcontent h2 {
	width: 100%;
	float: left;
	text-align: left;
	font-size: 26px;
	letter-spacing: normal;
	line-height: 35px;
	color: #fff;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase
}

.wishtoconnect .wrapper .wishtoconnectcontent p {
	width: 100%;
	float: left;
	text-align: left;
	margin: .5rem 0 2rem 0;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.wishtoconnect .wrapper .wishtoconnectcontent .wishtoconnect_success {
	display: none;
	width: 100%;
	float: left;
	margin: 0 0 1rem 0
}

.wishtoconnect .wrapper .wishtoconnectcontent .wishtoconnect_success section {
	width: 100%;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: .5rem;
	background-color: #fff
}

.wishtoconnect .wrapper .wishtoconnectcontent .wishtoconnect_success section aside {
	width: 40px;
	height: 40px;
	float: left;
	border: solid 5px rgba(0, 150, 0, .7803921569);
	border-radius: 50%;
	background: none;
	display: flex;
	justify-content: center;
	align-items: center
}

.wishtoconnect .wrapper .wishtoconnectcontent .wishtoconnect_success section aside i.fa {
	font-size: 24px;
	color: rgba(0, 150, 0, .7803921569)
}

.wishtoconnect .wrapper .wishtoconnectcontent .wishtoconnect_success section h5 {
	margin-left: 1rem;
	width: auto;
	text-align: left
}

.wishtoconnect .wrapper .wishtoconnectcontent .wishtoconnect_success section h5 b {
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #233d4d
}

.wishtoconnect .wrapper .wishtoconnectcontent .wishtoconnect_success section h5 span {
	margin-top: 5px;
	display: block;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #3c3c3c
}

.wishtoconnect .wrapper .wishtoconnectcontent .wishtoconnect_failed {
	display: none;
	width: 100%;
	float: left;
	margin: 0 0 1rem 0
}

.wishtoconnect .wrapper .wishtoconnectcontent .wishtoconnect_failed section {
	width: 100%;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: .5rem;
	background-color: #fff
}

.wishtoconnect .wrapper .wishtoconnectcontent .wishtoconnect_failed section aside {
	width: 40px;
	height: 40px;
	float: left;
	border: solid 5px #db0303;
	border-radius: 50%;
	background: none;
	display: flex;
	justify-content: center;
	align-items: center
}

.wishtoconnect .wrapper .wishtoconnectcontent .wishtoconnect_failed section aside i.fa {
	font-size: 24px;
	color: #db0303
}

.wishtoconnect .wrapper .wishtoconnectcontent .wishtoconnect_failed section h5 {
	margin-left: 1rem;
	width: auto;
	text-align: left
}

.wishtoconnect .wrapper .wishtoconnectcontent .wishtoconnect_failed section h5 b {
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #233d4d
}

.wishtoconnect .wrapper .wishtoconnectcontent .wishtoconnect_failed section h5 span {
	margin-top: 5px;
	display: block;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #3c3c3c
}

.wishtoconnect .wrapper .wishtoconnectcontent ul {
	width: 100%;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap
}

.wishtoconnect .wrapper .wishtoconnectcontent ul li {
	list-style: none;
	margin: 0 2% 2rem 0
}

.wishtoconnect .wrapper .wishtoconnectcontent ul li.width25 {
	width: 23%
}

.wishtoconnect .wrapper .wishtoconnectcontent ul li.width75 {
	width: 73%
}

.wishtoconnect .wrapper .wishtoconnectcontent ul li:last-child {
	width: 100%;
	margin: 0
}

.wishtoconnect .wrapper .wishtoconnectcontent ul li .errorMsg {
	display: none;
	width: 100%;
	float: left;
	margin-top: 5px;
	font-size: 14px;
	color: #000;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	text-align: left
}

.wishtoconnect .wrapper .wishtoconnectcontent ul li input[type=text],
.wishtoconnect .wrapper .wishtoconnectcontent ul li input[type=email] {
	width: 100%;
	float: left;
	padding: 5px 0;
	background: rgba(0, 0, 0, 0);
	outline: none;
	border: none;
	border-bottom: solid 1px #fff;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.wishtoconnect .wrapper .wishtoconnectcontent ul li input[type=text]::placeholder,
.wishtoconnect .wrapper .wishtoconnectcontent ul li input[type=email]::placeholder {
	color: #fff;
	opacity: .9
}

.wishtoconnect .wrapper .wishtoconnectcontent ul li input[type=text]:-ms-input-placeholder,
.wishtoconnect .wrapper .wishtoconnectcontent ul li input[type=email]:-ms-input-placeholder {
	color: #fff;
	opacity: .9
}

.wishtoconnect .wrapper .wishtoconnectcontent ul li input[type=text]::-ms-input-placeholder,
.wishtoconnect .wrapper .wishtoconnectcontent ul li input[type=email]::-ms-input-placeholder {
	color: #fff;
	opacity: .9
}

.wishtoconnect .wrapper .wishtoconnectcontent ul li select {
	width: 100%;
	float: left;
	padding: 5px 0;
	outline: none;
	border: none;
	border-bottom: solid 1px #fff;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	opacity: .9;
	border-radius: 0;
	text-indent: 1px;
	text-overflow: "";
	-webkit-appearance: none;
	appearance: none;
	background: rgba(0, 0, 0, 0) url("../images/frontimage/dd_wishtoconnect.png") no-repeat;
	background-position: right 5px center
}

.wishtoconnect .wrapper .wishtoconnectcontent ul li select option {
	color: #000
}

.wishtoconnect .wrapper .wishtoconnectcontent ul li select option:disabled {
	user-select: none;
	pointer-events: none
}

.wishtoconnect .wrapper .wishtoconnectcontent ul li input[type=submit],
.wishtoconnect .wrapper .wishtoconnectcontent ul li input[type=button] {
	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 10px 25px;
	border: none;
	background-color: #233d4d;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: normal;
	line-height: 20px;
	text-transform: uppercase;
	cursor: pointer
}

.wishtoconnect .wrapper .wishtoconnectcontent ul li input[type=submit]:hover,
.wishtoconnect .wrapper .wishtoconnectcontent ul li input[type=button]:hover {
	transition: all .4s ease-in;
	background-color: #233c4c;
	color: #fff;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 1565px) {
	.wishtoconnect .wrapper .wishtoconnectposter {
		width: 35%;
		float: left;
		margin-right: 5%
	}

	.wishtoconnect .wrapper .wishtoconnectcontent {
		width: 60%;
		float: left
	}
}

@media only screen and (max-width: 1255px) {
	.wishtoconnect .wrapper .wishtoconnectposter {
		width: 32%;
		margin-right: 3%
	}

	.wishtoconnect .wrapper .wishtoconnectcontent {
		width: 65%
	}
}

@media only screen and (max-width: 1023px) {
	.wishtoconnect {
		padding: 2rem 0
	}

	.wishtoconnect .wrapper .wishtoconnectposter {
		display: none
	}

	.wishtoconnect .wrapper .wishtoconnectcontent {
		width: 100%
	}

	.wishtoconnect .wrapper .wishtoconnectcontent ul li.width25 {
		width: 48%
	}

	.wishtoconnect .wrapper .wishtoconnectcontent ul li.width75 {
		width: 48%
	}
}

@media only screen and (max-width: 599px) {
	.wishtoconnect .wrapper .wishtoconnectcontent ul li {
		margin: 0 0 2rem 0
	}

	.wishtoconnect .wrapper .wishtoconnectcontent ul li.width25 {
		width: 100%
	}

	.wishtoconnect .wrapper .wishtoconnectcontent ul li.width75 {
		width: 100%
	}

	.wishtoconnect .wrapper .wishtoconnectcontent ul li:last-child {
		width: 100%;
		margin: 0
	}
}

@media only screen and (max-width: 479px) {
	.wishtoconnect .wrapper {
		flex-wrap: wrap
	}

	.wishtoconnect .wrapper .wishtoconnectposter {
		display: block;
		width: 100%;
		margin-bottom: 2rem
	}

	.wishtoconnect .wrapper .wishtoconnectcontent h2 {
		font-size: 22px;
		letter-spacing: 1.32px;
		line-height: 28px
	}

	.wishtoconnect .wrapper .wishtoconnectcontent p {
		margin: .5rem 0 1.5rem 0;
		font-size: 16px;
		line-height: 24px
	}

	.wishtoconnect .wrapper .wishtoconnectcontent ul li {
		margin: 0 0 1.5rem 0
	}

	.wishtoconnect .wrapper .wishtoconnectcontent ul li input[type=text],
	.wishtoconnect .wrapper .wishtoconnectcontent ul li input[type=email] {
		font-size: 16px
	}

	.wishtoconnect .wrapper .wishtoconnectcontent ul li input[type=text]::placeholder,
	.wishtoconnect .wrapper .wishtoconnectcontent ul li input[type=email]::placeholder {
		color: #fff;
		opacity: .7
	}

	.wishtoconnect .wrapper .wishtoconnectcontent ul li input[type=text]:-ms-input-placeholder,
	.wishtoconnect .wrapper .wishtoconnectcontent ul li input[type=email]:-ms-input-placeholder {
		color: #fff;
		opacity: .7
	}

	.wishtoconnect .wrapper .wishtoconnectcontent ul li input[type=text]::-ms-input-placeholder,
	.wishtoconnect .wrapper .wishtoconnectcontent ul li input[type=email]::-ms-input-placeholder {
		color: #fff;
		opacity: .7
	}

	.wishtoconnect .wrapper .wishtoconnectcontent ul li select {
		font-size: 16px
	}

	.wishtoconnect .wrapper .wishtoconnectcontent ul li input[type=submit],
	.wishtoconnect .wrapper .wishtoconnectcontent ul li input[type=button] {
		font-size: 14px;
		letter-spacing: .35px;
		line-height: 17px
	}
}

.footer {
	width: 100%;
	float: left;
	padding: 3rem 0;
	background-color: #fff
}

.footer .wrapper {
	max-width: 1440px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.footer .wrapper .footerleft {
	width: 300px;
	float: left;
	margin-right: 50px
}

.footer .wrapper .footerleft aside {
	width: 100%;
	float: left
}

.footer .wrapper .footerleft aside img {
	max-width: 100%
}

.footer .wrapper .footerleft dl {
	width: 100%;
	float: left;
	margin-top: 1.5rem
}

.footer .wrapper .footerleft dl dt {
	width: 100%;
	float: left;
	margin-bottom: .6rem
}

.footer .wrapper .footerleft dl dt a {
	display: inline-block;
	width: 210px;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 9px 0;
	border: solid 2px #f2662c;
	background-color: #f2662c;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
	text-transform: uppercase
}

.footer .wrapper .footerleft dl dt a:hover {
	transition: all .4s ease-in;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, .1607843137)
}

.footer .wrapper .footerleft dl dd {
	width: 100%;
	float: left
}

.footer .wrapper .footerleft dl dd a {
	display: inline-block;
	width: 210px;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 9px 0;
	border: solid 2px #f2662c;
	background-color: #fff;
	color: #f2662c;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
	text-transform: uppercase
}

.footer .wrapper .footerleft dl dd a:hover {
	transition: all .4s ease-in;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, .1607843137)
}

.footer .wrapper .footerleft h5 {
	width: 100%;
	float: left;
	margin-top: 2.5rem;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.footer .wrapper .footerleft h5 a {
	margin: 0 1rem 0 0;
	text-decoration: none;
	transition: all .4s ease-out;
	color: #233d4d;
	font-size: 24px
}

.footer .wrapper .footerleft h5 a:hover {
	transition: all .4s ease-in;
	color: #f2662c
}

.footer .wrapper .footerleft p {
	display: block;
	width: 100%;
	float: left;
	margin-top: 1rem;
	text-align: left;
	color: #3c3c3c;
	font-size: 12px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.footer .wrapper .footerright {
	width: 100%;
	float: right
}

.footer .wrapper .footerright ul {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap
}

.footer .wrapper .footerright ul li {
	list-style: none;
	width: 20%;
	padding: .5rem 0
}

.footer .wrapper .footerright ul li h2 {
	width: 100%;
	float: left;
	padding: 0 0 5px 0;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	color: #233d4d;
	font-size: 16px
}

.footer .wrapper .footerright ul li h3 {
	width: 100%;
	float: left;
	padding: 0 0 5px 0;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	color: #233d4d;
	font-size: 16px
}

.footer .wrapper .footerright ul li h3 a {
	text-decoration: none;
	color: #233d4d;
	transition: all .4s ease-out
}

.footer .wrapper .footerright ul li h3 a:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

.footer .wrapper .footerright ul li ul {
	width: 100%;
	float: left
}

.footer .wrapper .footerright ul li ul li {
	list-style: none;
	width: 100%;
	float: left;
	padding: 3px 0
}

.footer .wrapper .footerright ul li ul li a {
	text-decoration: none;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	color: #3c3c3c;
	font-size: 16px;
	transition: all .4s ease-out
}

.footer .wrapper .footerright ul li ul li a:hover {
	color: #f0632a;
	transition: all .4s ease-in
}

.footer .wrapper .footerright h4 {
	display: none;
	width: 100%;
	float: left;
	margin-top: 2.5rem
}

.footer .wrapper .footerright h4 a {
	margin: 0 1.5rem 0 0;
	text-decoration: none;
	transition: all .4s ease-out;
	color: #233d4d;
	font-size: 24px
}

.footer .wrapper .footerright h4 a:hover {
	transition: all .4s ease-in;
	color: #f2662c
}

.footer .wrapper .footerright p {
	display: none;
	width: 100%;
	float: left;
	margin-top: .6rem;
	text-align: left;
	color: #3c3c3c;
	font-size: 12px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

@media only screen and (max-width: 1255px) {
	.footer {
		padding: 2rem 0
	}

	.footer .wrapper {
		flex-wrap: wrap
	}

	.footer .wrapper .footerleft {
		width: 100%;
		margin-right: 0;
		margin-bottom: 1rem
	}

	.footer .wrapper .footerleft aside img {
		width: 96px
	}

	.footer .wrapper .footerleft dl {
		margin-top: .5rem
	}

	.footer .wrapper .footerleft h5 {
		display: none
	}

	.footer .wrapper .footerleft p {
		display: none
	}

	.footer .wrapper .footerright ul li {
		width: 100%;
		padding: 0;
		border-bottom: solid 1px #969696
	}

	.footer .wrapper .footerright ul li h2 {
		position: relative;
		padding: 10px 0;
		color: #3c3c3c;
		line-height: 24px;
		text-indent: .3rem
	}

	.footer .wrapper .footerright ul li h2:after {
		content: "";
		position: absolute;
		right: .5rem;
		top: 50%;
		transform: translateY(-50%);
		font-size: 14px;
		color: #3c3c3c;
		font-family: "FontAwesome";
		font-weight: 300;
		line-height: 1
	}

	.footer .wrapper .footerright ul li h2.active {
		color: #f2662c
	}

	.footer .wrapper .footerright ul li h2.active:after {
		content: "";
		color: #f2662c
	}

	.footer .wrapper .footerright ul li h3 {
		padding: 10px 0;
		border-bottom: solid 1px #969696;
		color: #3c3c3c;
		line-height: 24px;
		text-indent: .3rem
	}

	.footer .wrapper .footerright ul li h3:last-child {
		border-bottom: none
	}

	.footer .wrapper .footerright ul li ul {
		display: none;
		padding: 0 .3rem;
		margin-bottom: .5rem
	}

	.footer .wrapper .footerright ul li ul li {
		list-style: none;
		width: 100%;
		float: left;
		padding: 4px 0;
		border-bottom: none
	}

	.footer .wrapper .footerright ul li ul li a {
		text-decoration: none;
		font-family: "Arial-Regular", Arial, sans-serif;
		font-weight: 300;
		color: #3c3c3c;
		font-size: 16px;
		line-height: 20px;
		transition: all .4s ease-out
	}

	.footer .wrapper .footerright ul li ul li a:hover {
		color: #f0632a;
		transition: all .4s ease-in
	}

	.footer .wrapper .footerright ul li:last-child {
		border-bottom: none
	}

	.footer .wrapper .footerright h4 {
		display: flex;
		justify-content: flex-start;
		align-items: center
	}

	.footer .wrapper .footerright p {
		display: block
	}
}

.bannerhome {
	width: 100%;
	float: left;
	background: #f2662c
}

.bannerhome .bannerhomeslider {
	position: relative;
	width: 100%;
	float: left;
	margin: 0 !important
}

.bannerhome .bannerhomeslider .slides {
	position: relative;
	width: 100%;
	float: left
}

.bannerhome .bannerhomeslider .slides .homeslide_web {
	display: block;
	width: 100%
}

.bannerhome .bannerhomeslider .slides .homeslide_ipad {
	display: none;
	width: 100%
}

.bannerhome .bannerhomeslider .slides .homeslide_mobile {
	display: none;
	width: 100%
}

.bannerhome .bannerhomeslider .slides .wrapper {
	z-index: 2;
	position: absolute;
	left: 50%;
	top: 35%;
	transform: translateX(-50%)
}

.bannerhome .bannerhomeslider .slides .wrapper .banenrtext {
	float: left;
	width: auto
}

.bannerhome .bannerhomeslider .slides .wrapper .banenrtext h2 {
	float: left;
	width: 100%;
	text-align: left;
    font-family: "Futura";
	font-weight: 900;
	font-size: 56px;
	line-height: 72px;
	letter-spacing: normal;
	color: #fff;
	text-transform: uppercase
}

.bannerhome .bannerhomeslider .slides .wrapper .banenrtext h3 {
	float: left;
	width: 100%;
	margin: .5rem 0 1rem 0;
	text-align: left;
	font-size: 18px;
	line-height: 34px;
	color: #fff;
    font-family: "Futura";
	font-weight: 700;
	text-transform: none;
	max-width: 30vw;
}

.bannerhome .bannerhomeslider .slides .wrapper .banenrtext p {
	float: left;
	width: 100%;
	text-align: left
}

.bannerhome .bannerhomeslider .slides .wrapper .banenrtext p a {
	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 12px 25px;
	border: none;
	background-color: #233d4d;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: .4px;
	text-transform: uppercase
}

.bannerhome .bannerhomeslider .slides .wrapper .banenrtext p a:hover {
	transition: all .4s ease-in;
	background-color: #233c4c;
	color: #fff;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137)
}

.banners {
	position: relative;
	width: 100%;
	float: left;
	background: #f2662c;
	line-height: 0
}

.banners .banner_web {
	display: block;
	width: 100%
}

.banners .banner_ipad {
	display: none;
	width: 100%
}

.banners .banner_mobile {
	display: none;
	width: 100%
}

.banners .wrapper {
	z-index: 2;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.banners .wrapper h2,.banners .wrapper h1 {
	float: left;
	width: 100%;
	text-align: left;
	font-family:"Futura" !important;
	font-weight: 900;
	font-size: 50px;
	line-height: 1.2;
	letter-spacing: 3.36px;
	color: #fff;
	text-transform: uppercase
}

.banners.bannerfaqs .wrapper h2 {
	font-size: 28px;
	line-height: 40px;
	letter-spacing: 0
}

.banners.bannerfaqs .wrapper input[type=text] {
	background: rgba(0, 0, 0, 0) url("../images/frontimage/search.png") no-repeat;
	background-position: right 8px top 50%;
	margin: 1rem 0 0 0;
	width: 280px;
	float: left;
	border: none;
	border-bottom: solid 2px #fff;
	outline: none;
	padding: .7rem .5rem;
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
    padding-right: 30px;
}

.banners.bannerfaqs .wrapper input[type=text]::placeholder {
	color: #fff;
	opacity: 1
}

.banners.bannerfaqs .wrapper input[type=text]:-ms-input-placeholder {
	color: #fff;
	opacity: 1
}

.banners.bannerfaqs .wrapper input[type=text]::-ms-input-placeholder {
	color: #fff;
	opacity: 1
}



@media only screen and (max-width: 1565px) {
	.bannerhome .bannerhomeslider .slides .wrapper {
		top: 33%
	}

	.bannerhome .bannerhomeslider .slides .wrapper .banenrtext h2 {
		font-size: 42px;
		line-height: 52px
	}

	.bannerhome .bannerhomeslider .slides .wrapper .banenrtext h3 {
		margin: .5rem 0 1rem 0;
		font-size: 16px;
		line-height: 28px;
		max-width: 32vw;
	}

	.banners .wrapper h2,.banners .wrapper h1 {
		font-size: 37px
	}
}

@media only screen and (max-width: 1900px) {
	.banners .wrapper h2,.banners .wrapper h1 {
		font-size: 32px
	}
}

@media only screen and (max-width: 1255px) {
	.bannerhome .bannerhomeslider .slides .wrapper {
		top: 20%
	}

	.banners.bannerfaqs .wrapper h2 {
		font-size: 24px;
		line-height: 36px
	}

	.banners.bannerfaqs .wrapper input[type=text] {
        margin: 0.3rem 0 0 0;
        width: 200px;
        padding: 0.4rem;
        font-size: 13px;
        line-height: 15px;
        padding-right: 27px;
        padding-bottom: 3px;
	}
}

@media only screen and (max-width: 1023px) {
	.bannerhome .bannerhomeslider .slides .wrapper {
		top: 40%
	}

	.bannerhome .bannerhomeslider .slides .wrapper .banenrtext {
		max-width: 75%
	}

	.bannerhome .bannerhomeslider .slides .wrapper .banenrtext h2 {
		font-size: 26px;
		line-height: 32px
	}

	.bannerhome .bannerhomeslider .slides .wrapper .banenrtext h3 {
		margin: .1rem 0 .7rem 0;
		font-size: 14px;
		line-height: 24px;
		max-width: 100%;
	}

	.bannerhome .bannerhomeslider .slides .wrapper .banenrtext p a {
		font-size: 14px;
		letter-spacing: .35px;
		line-height: 18px
	}

	.banners .wrapper h2,.banners .wrapper h1 {
		font-size: 21px;
		letter-spacing: 1.56px
	}
}

@media only screen and (max-width: 767px) {
    .banners .wrapper h2,.banners .wrapper h1 {
		font-size: 20px;
		letter-spacing: 1.56px
	}

	.bannerhome .bannerhomeslider .slides .homeslide_web {
		display: none
	}

	.bannerhome .bannerhomeslider .slides .homeslide_ipad {
		display: block
	}

	.bannerhome .bannerhomeslider .slides .homeslide_mobile {
		display: none
	}

	.banners .banner_web {
        display: none;
        height: 100px;
	}

	.banners .banner_ipad {
		display: none;
	}
	.banners .banner_mobile {
        display: block;
	}


    .faqssection img {
        max-width: 100%;
    }
}

@media only screen and (max-width: 479px) {
	.bannerhome .bannerhomeslider .slides .homeslide_web {
		display: none
	}

	.bannerhome .bannerhomeslider .slides .homeslide_ipad {
		display: none
	}

	.bannerhome .bannerhomeslider .slides .homeslide_mobile {
		display: block
	}

	.bannerhome .bannerhomeslider .slides .wrapper {
		top: 42%
	}

	.bannerhome .bannerhomeslider .slides .wrapper .banenrtext {
		max-width: 100%
	}

	.bannerhome .bannerhomeslider .slides .wrapper .banenrtext h2 {
		font-size: 26px;
		line-height: 34px
	}

	.bannerhome .bannerhomeslider .slides .wrapper .banenrtext h3 {
		margin: .5rem 0 1rem 0;
		font-size: 16px;
		line-height: 24px;
		max-width: 100%;
	}

	.bannerhome .bannerhomeslider .slides .wrapper .banenrtext p a {
		font-size: 14px;
		letter-spacing: .35px;
		line-height: 16px
	}

	.banners .banner_web {
		display: none;
        height: 200px;
	}
    .banners.bannerfaqs .wrapper input[type=text] {
        margin: 0;
        position: absolute;
        bottom: -130px;
        left: 0;
    }

	.banners .banner_ipad {
		display: none;
	}

	.banners .banner_mobile {
		display: block;
	}

	.banners .wrapper {
		top: 30%;
	}

	.banners .wrapper h2,.banners .wrapper h1 {
        font-size: 16px;
        letter-spacing: normal;
        line-height: 24px;
        margin-top: 21%;
        font-family: 'Futura';
	}

	.banners.bannerfaqs .wrapper {
		top: 55%
	}

	.banners.bannerfaqs .wrapper h2 {
		font-size: 13px;
		line-height: 20px;
        margin-top: -18%;
	}

	.banners.bannerfaqs .wrapper input[type=text] {
        margin: 1rem 0 0 0;
        padding: 0.4rem 30px 0.4rem 0;
        width: 135px;
        font-size: 9px;
        line-height: 20px;
        border-bottom-width: 1px;
        bottom: -130px !important;
	}
}

@media only screen and (max-width: 359px) {
	.bannerhome .bannerhomeslider .slides .wrapper .banenrtext h2 {
		font-size: 22px
	}

	.bannerhome .bannerhomeslider .slides .wrapper .banenrtext h3 {
		font-size: 14px
	}
}

.satisfactionwrap {
	width: 100%;
	float: left;
	background-color: #fff;
	padding: 4rem 0 7rem 0
}

.satisfactionwrap h2 {
	width: 100%;
	float: left;
	margin-bottom: 1.5rem;
	text-align: left;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.satisfactionwrap h2 span {
	color: #000;
	font-size: 26px;
	letter-spacing: normal;
	line-height: 35px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900
}

.satisfactionwrap h2 img {
	margin-left: 5px;
	max-width: 100%
}

.satisfactionwrap .satisfactionLarge {
	width: 100%;
	float: left;
	position: relative
}

.satisfactionwrap .satisfactionLarge .satisfactionVideo {
	z-index: 9;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: none
}

.satisfactionwrap .satisfactionLarge .satisfactionVideo .satisfactionVideobg {
	z-index: 1;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0, 0, 0, .7)
}

.satisfactionwrap .satisfactionLarge .satisfactionVideo .iframediv {
	display: block;
	z-index: 2;
	position: absolute;
	border: 0;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 720px;
	height: 405px;
	background: #fff url("../images/frontimage/loader.gif") no-repeat center center
}

.satisfactionwrap .satisfactionLarge .satisfactionVideo .iframediv iframe {
	display: block;
	z-index: 4;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	background: rgba(0, 0, 0, 0)
}

.satisfactionwrap .satisfactionLarge .satisfactionVideo .iframediv span {
	display: block;
	z-index: 5;
	position: absolute;
	right: -10px;
	top: -10px;
	text-align: center;
	height: 36px;
	width: 36px;
	font-size: 24px;
	line-height: 36px;
	border-radius: 0;
	background: #f2662c;
	border: 0;
	color: #fff;
	cursor: pointer;
	transition: all .4s ease-out
}

.satisfactionwrap .satisfactionLarge .satisfactionVideo .iframediv span:hover {
	background: #233d4d;
	color: #fff;
	transition: all .4s ease-in
}

.satisfactionwrap .satisfactionLarge .satisfactionSlider {
	width: 100%;
	float: left
}

.satisfactionwrap .satisfactionLarge .satisfactionSlider .items {
	background-color: #233d4d;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	display: flex !important;
	align-items: stretch;
	height: 100%
}

.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionMedia {
	width: 50%;
	float: left;
	position: relative
}

.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionMedia .playiconsbig {
	z-index: 3;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	background: rgba(62, 62, 62, .5);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer
}

.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionMedia .playiconsbig i.fa {
	color: #fff;
	font-size: 24px;
	transition: all .4s ease-out
}

.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionMedia .playiconsbig:hover i.fa {
	color: #f2662c;
	transition: all .4s ease-in
}

.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionMedia img {
	width: 100%
}

.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent {
	width: 50%;
	float: left;
	padding: 0;
	position: relative
}

.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb {
	position: absolute;
	top: 10%;
	left: -7%;
	width: 100%;
	height: 80%;
	float: left;
	border: solid 6px #fff;
	border-left: none;
	padding: 4rem 4rem 4rem 8rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: rgba(0, 0, 0, 0)
}

.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 6px;
	height: 18%;
	background-color: #fff
}

.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 6px;
	height: 48%;
	background-color: #fff
}

.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb span {
	position: absolute;
	left: -6%;
	top: 20%;
	width: 100px;
	height: 108px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAB2CAYAAAAp3qYNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMy4wIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxRTNGNDY1Q0ZEMUExMUVDQjJFNEJFMDk3OTU3OThCQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxRTNGNDY1REZEMUExMUVDQjJFNEJFMDk3OTU3OThCQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFFM0Y0NjVBRkQxQTExRUNCMkU0QkUwOTc5NTc5OEJDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFFM0Y0NjVCRkQxQTExRUNCMkU0QkUwOTc5NTc5OEJDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+0eznewAAA4tJREFUeNrsndFR20AQQC2P/3EHUSpAqSBKBdCBnQriVBB1gDuwOwgd2FSAqQBTQUwFF93MMePxGGNrV9o78d6Mhi8Ord7t3t3KQOacG0B6DHkEiAPEAeIQB4gDxCEOEAeIA8QhDhAHiEMcIA4QB4hDHCAOEIc4QBwgDhCHOEAcIK7XjATfuzK6599Zlm20BnPOzesv15ZxNPnFG4m40kjcWHm8or6+pxYHpZI1DhAHiEMcIA4QhzhAHCAOEIc4QBwgDnGAOEAcIA5xgDjoUtwLjy9NcVseH6USEIe4z8IOcWmyQRywq4TTjIzEPdRXFUlpk6xxT/U1s4hjZDVjsixb92CNc1ZxDI1mal8oUlzjJDP1C8eBNDMuj+UBSH+71TmXJyVOIeAiogksaZgXqWXc264qufVBeYecpLhdT8RJdoZliuIkAd/0JOOu67I//kzi8ojWOUkcXtptauKkXYxZDNbqjdZWuEGZJCWuDngn3KDcWJSZNta5ro8FQ+OAx7FknTAOz12nVaLp/wGvs23/APosvI+voVyZETLf38OVYJgfTXqXTRyIMy488AfhMIsI1jlf9u+lcXRV+rVepC6F3+/XCHN5CnH46rPqqkQ0uo6Ms3Vy5tbm6ntYK8SxaNuBprip0+HOWFypFMffc8umqTjFrPM8WnXdQxz3SnE8n9NkiEGc1mz1/KuviZE439XZKcbx51T2mYsLNzF3uvhZe2sgb9ZCHJNoxYUb2Th9Vj7wLjstiiXzUOCv/ThiElcolppjpWfRxRroH67iun109xmWl4uffysfiA1vx6ctPc9xGLv1NwvhUO7L9GtLP8LHUZq0vD6YsdOWuiIv9c/POyyZRehlXikP/RoO7Re/kB62PGN9J+JnC0NXHbfDNiEztDNvHrLarnPyUeYprgtmzWjltXv3tkGJZo17J/O+Kc3YykpcyDxfNp8UhrtvnG1dZdzBjJUcFaL48GrYbUqPCnl0x4EzAq8aBlsNIiIc0puUzmWUB/ALmrnbJmtCZPLyBm8U8mTF7ZWc6sxZWw0iJmzAtpdmW5LiLhAYZbadEHhqIpa9EXcgcH4k8OUgIUIcsyMZuI66yaw4c9fH1oTEJJZ7O9BSS1yrLS+t2Ss670S0iXnvk2xNHGRdZA/ow5/LQBwgDhCHOEAcIA5xgDhAHCAOcYA4QBziAHGAOEAc4gBxgDjEQcz8F2AAbU7nAlam7dwAAAAASUVORK5CYII=") no-repeat;
	background-position: 100% 100%;
	background-size: 100% 100%
}

.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb p {
	position: relative;
	color: #fff;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 28px
}

.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb p b {
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.satisfactionwrap .satisfactionThumb {
	width: 80%;
	float: left;
	margin: 1rem 10% 0 10%
}

.satisfactionwrap .satisfactionThumb .satisfactionNav {
	position: relative;
	width: 100%;
	float: left;
	margin: 0
}

.satisfactionwrap .satisfactionThumb .satisfactionNav .slick-slide {
	margin: 0 10px;
	cursor: pointer
}

.satisfactionwrap .satisfactionThumb .satisfactionNav .slick-slide .item {
	position: relative
}

.satisfactionwrap .satisfactionThumb .satisfactionNav .slick-slide .item .playicons {
	z-index: 3;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 36px;
	height: 36px;
	background: rgba(62, 62, 62, .5);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer
}

.satisfactionwrap .satisfactionThumb .satisfactionNav .slick-slide .item .playicons i.fa {
	color: #fff;
	font-size: 18px;
	transition: all .4s ease-out
}

.satisfactionwrap .satisfactionThumb .satisfactionNav .slick-slide .item .playicons:hover i.fa {
	color: #f2662c;
	transition: all .4s ease-in
}

.satisfactionwrap .satisfactionThumb .satisfactionNav .slick-slide .item img {
	width: 100%;
	padding: 5px;
	border: solid 1px #fff
}

.satisfactionwrap .satisfactionThumb .satisfactionNav .slick-slide.slick-current img {
	border-color: #f2662c
}

@media only screen and (max-width: 1565px) {
	.satisfactionwrap {
		padding: 4rem 0 6rem 0
	}

	.satisfactionwrap h2 {
		margin-bottom: 1rem
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb {
		top: 10%;
		left: -7%;
		border-width: 4px;
		padding: 3rem 3rem 3rem 6rem
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb:before {
		width: 4px;
		height: 20%
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb:after {
		width: 4px;
		height: 52%
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb span {
		left: -6%;
		top: 21%;
		width: 80px;
		height: 88px
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb p {
		font-size: 16px;
		line-height: 24px
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb p:after {
		left: -31%;
		top: -10px;
		width: 90px;
		height: 98px;
		background-position: 20% 0
	}
}

@media only screen and (max-width: 1255px) {
	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionMedia {
		width: 45%
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent {
		width: 55%
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb {
		top: 5%;
		left: -7%;
		width: 103%;
		height: 90%;
		border-width: 3px;
		padding: 1rem 1rem 1rem 4rem
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb:before {
		width: 3px;
		height: 20%
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb:after {
		width: 3px;
		height: 52%
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb span {
		left: -5%;
		top: 19%;
		width: 60px;
		height: 68px
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb p {
		font-size: 14px;
		line-height: 20px
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb p:after {
		left: -31%;
		top: -10px;
		width: 90px;
		height: 98px;
		background-position: 20% 0
	}
}

@media only screen and (max-width: 1023px) {
	.satisfactionwrap {
		padding: 3rem 0 4rem 0
	}

	.satisfactionwrap .satisfactionLarge .satisfactionVideo .iframediv {
		max-width: 450px;
		height: 255px
	}

	.satisfactionwrap .satisfactionLarge .satisfactionVideo .iframediv span {
		right: -5px;
		top: -5px;
		height: 32px;
		width: 32px;
		font-size: 26px;
		line-height: 32px
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items {
		flex-wrap: wrap
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionMedia {
		width: 100%
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent {
		width: 100%
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb {
		position: relative;
		top: -30px;
		left: 5%;
		width: 90%;
		float: left;
		height: auto;
		border-width: 2px;
		border-left: solid 2px #fff;
		border-top: none;
		padding: 3.5rem 2.5rem 2rem 2.5rem
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb:before {
		width: 4%;
		height: 2px
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb:after {
		width: 82%;
		height: 2px;
		left: auto;
		right: 0;
		top: 0;
		bottom: auto
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb span {
		left: 5%;
		top: -32px;
		width: 50px;
		height: 58px
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb p {
		font-size: 16px;
		line-height: 26px
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb p:after {
		left: -31%;
		top: -10px;
		width: 90px;
		height: 98px;
		background-position: 20% 0
	}

	.satisfactionwrap .satisfactionThumb {
		width: 86%;
		margin: 1rem 7% 0 7%
	}
}

@media only screen and (max-width: 767px) {
	.satisfactionwrap h2 {
		display: block
	}

	.satisfactionwrap h2 span {
		font-size: 22px;
		letter-spacing: 1.32px;
		line-height: 30px;
		display: inline
	}

	.satisfactionwrap h2 img {
		margin-bottom: -3px;
		margin-left: 0px;
		display: inline
	}

	.satisfactionwrap .satisfactionThumb {
		display: none
	}

	.satisfactionSlider .slick-list {
		overflow: visible
	}

	.satisfactionSlider .slick-slide {
		margin: 0 20px 0 0
	}

	.satisfactionSlider .slick-track {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		align-items: stretch;
		height: inherit
	}

	.satisfactionSlider .slick-slide {
		background-color: #233d4d;
		height: inherit
	}
}

@media only screen and (max-width: 599px) {
	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb {
		top: -20px;
		left: 4%;
		width: 92%;
		padding: 3rem 1.5rem 1em 1.5rem;
		margin-top: -10px
	}
}

@media only screen and (max-width: 479px) {
	.satisfactionwrap {
		padding: 2rem 0 5rem 0
	}

	.satisfactionwrap.swrapbottom {
		padding-bottom: 6rem
	}

	.satisfactionwrap .satisfactionLarge .satisfactionVideo .iframediv {
		max-width: 348px;
		height: 195px
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb {
		padding: 3rem 0 1em 0
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb span {
		left: 7%;
		top: -22px;
		width: 40px;
		height: 48px
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb:after {
		width: 78%
	}

	.satisfactionwrap .satisfactionLarge .satisfactionSlider .items .satisfactionContent .textb p {
		padding: 0 1rem;
		height: 260px;
		overflow: hidden;
		overflow-y: scroll
	}
}

@media only screen and (max-width: 359px) {
	.satisfactionwrap .satisfactionLarge .satisfactionVideo .iframediv {
		max-width: 300px;
		height: 175px
	}
}

.knowledgeresources {
	width: 100%;
	float: left;
	background-color: #f4f7f8;
	padding: 4rem 0 7rem 0
}

.knowledgeresources h2 {
	width: 100%;
	float: left;
	text-align: left;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.knowledgeresources h2 span {
	color: #000;
	font-size: 26px;
	letter-spacing: normal;
	line-height: 35px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900
}

.knowledgeresources h2 img {
	margin-left: 5px;
	max-width: 100%
}

.knowledgeresources h3 {
	width: 100%;
	float: left;
	margin: .7rem 0 1.5rem 0;
	text-align: left;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 24px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.knowledgeresources .knowledgeresourcesslider {
	width: 100%;
	float: left;
	margin-bottom: 0 !important;
	padding-bottom: 20px
}

.knowledgeresources .knowledgeresourcesslider .slick-slide {
	height: inherit;
	background-color: #fff;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .0784313725);
	margin: 15px 10px;
	overflow: hidden
}

.knowledgeresources .knowledgeresourcesslider .slick-slide .items {
	width: 100%;
	float: left
}

.knowledgeresources .knowledgeresourcesslider .slick-slide .items img {
	width: 100%;
}

.knowledgeresources .knowledgeresourcesslider .slick-slide .items h4 {
	width: 100%;
	float: left;
	padding: 2.5rem 2rem 0 2rem;
	text-align: left;
	color: #000;
	font-size: 20px;
	line-height: 26px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
    height: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.knowledgeresources .knowledgeresourcesslider .slick-slide .items p {
	width: 100%;
	float: left;
	padding: .7rem 2rem 1.2rem 2rem;
	text-align: left;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 26px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
    overflow: hidden;
    height: 85px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.knowledgeresources .knowledgeresourcesslider .slick-slide .items aside {
	width: 100%;
	float: left;
	padding: 0 2rem 2rem 2rem;
	text-align: left
}

.knowledgeresources .knowledgeresourcesslider .slick-slide .items aside a {
	display: inline-block;
	text-decoration: none;
	color: #233d4d;
	font-size: 16px;
	line-height: 1;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.knowledgeresources .knowledgeresourcesslider .slick-slide .items aside a span {
	border-bottom: solid 2px #fff;
	transition: all .4s ease-out
}

.knowledgeresources .knowledgeresourcesslider .slick-slide .items aside a i.fa {
	margin-left: 5px;
	transition: all .4s ease-out
}

.knowledgeresources .knowledgeresourcesslider .slick-slide .items aside a:hover span {
	border-bottom-color: #233d4d;
	transition: all .4s ease-in
}

.knowledgeresources .knowledgeresourcesslider .slick-slide .items aside a:hover i.fa {
	margin-left: 10px;
	transition: all .4s ease-in
}

.knowledgeresourcesslider .slick-list {
	margin: 0px !important
}

.knowledgeresourcesslider .slick-track {
	display: flex;
	justify-content: space-between;
	align-items: stretch
}

@media only screen and (max-width: 1565px) {
	.knowledgeresources {
		padding: 4rem 0 6rem 0
	}

	.knowledgeresources .knowledgeresourcesslider .slick-slide .items h4 {
		padding: 2.5rem 2rem 0 2rem;
		font-size: 20px;
		line-height: 24px
	}

	.knowledgeresources .knowledgeresourcesslider .slick-slide .items p {
		padding: .7rem 2rem 1.2rem 2rem;
		font-size: 16px;
		line-height: 24px
	}

	.knowledgeresources .knowledgeresourcesslider .slick-slide .items aside a {
		font-size: 16px;
		line-height: 20px
	}
}

@media only screen and (max-width: 1255px) {
	.knowledgeresources {
		padding: 3rem 0 5rem 0
	}

	.knowledgeresources h2 span {
		font-size: 24px;
		letter-spacing: .35px;
		line-height: 30px
	}

	.knowledgeresources h3 {
		margin: .5rem 0 1rem 0;
		font-size: 16px;
		line-height: 20px
	}

	.knowledgeresources .knowledgeresourcesslider .slick-slide .items h4 {
		padding: 1.5rem 1.5rem 0 1.5rem;
		font-size: 18px;
		line-height: 22px
	}

	.knowledgeresources .knowledgeresourcesslider .slick-slide .items p {
		padding: .5rem 1.5rem 1rem 1.5rem;
		font-size: 14px;
		line-height: 20px
	}

	.knowledgeresources .knowledgeresourcesslider .slick-slide .items aside {
		padding: 0 1.5rem 1.5rem 1.5rem
	}

	.knowledgeresources .knowledgeresourcesslider .slick-slide .items aside a {
		font-size: 14px;
		line-height: 18px
	}
}

@media only screen and (max-width: 1255px) {
	.knowledgeresources {
		padding: 3rem 0 5rem 0
	}

	.knowledgeresources h2 span {
		font-size: 24px;
		letter-spacing: .35px;
		line-height: 30px
	}

	.knowledgeresources h3 {
		margin: .5rem 0 1rem 0;
		font-size: 16px;
		line-height: 20px
	}

	.knowledgeresources .knowledgeresourcesslider .slick-slide .items h4 {
		padding: 1.5rem 1.5rem 0 1.5rem;
		font-size: 18px;
		line-height: 22px
	}

	.knowledgeresources .knowledgeresourcesslider .slick-slide .items p {
		padding: .5rem 1.5rem 1rem 1.5rem;
		font-size: 14px;
		line-height: 20px
	}

	.knowledgeresources .knowledgeresourcesslider .slick-slide .items aside {
		padding: 0 1.5rem 1.5rem 1.5rem
	}

	.knowledgeresources .knowledgeresourcesslider .slick-slide .items aside a {
		font-size: 14px;
		line-height: 18px
	}
}

@media only screen and (max-width: 1023px) {
	.knowledgeresources {
		padding: 3rem 0 3rem 0
	}
}

@media only screen and (max-width: 479px) {
	.knowledgeresources {
		padding: 3rem 0 6rem 0
	}

	.knowledgeresources h2 {
		display: block
	}

	.knowledgeresources h2 span {
		display: inline;
		font-size: 22px;
		letter-spacing: 1.32px;
		line-height: 30px
	}

	.knowledgeresources h2 img {
		display: inline;
		margin-bottom: -3px;
		margin-left: 0px
	}

	.knowledgeresources h3 {
		margin: .5rem 0;
		font-size: 16px;
		line-height: 26px
	}

	.knowledgeresources .knowledgeresourcesslider {
		padding-bottom: 30px
	}

	.knowledgeresources .knowledgeresourcesslider .slick-slide {
		margin: 13px 20px 13px 0
	}

	.knowledgeresources .knowledgeresourcesslider .slick-slide .items h4 {
		padding: 1.5rem 1.5rem 0 1.5rem;
		font-size: 18px;
		line-height: 22px;
	}

	.knowledgeresources .knowledgeresourcesslider .slick-slide .items p {
		padding: .5rem 1.5rem 1rem 1.5rem;
		font-size: 16px;
		line-height: 26px
	}

	.knowledgeresources .knowledgeresourcesslider .slick-slide .items aside {
		padding: 0 1.5rem 1.5rem 1.5rem
	}

	.knowledgeresources .knowledgeresourcesslider .slick-slide .items aside a {
		font-size: 18px;
		line-height: 21px
	}

	.knowledgeresourcesslider .slick-list {
		overflow: visible
	}
}

.checkofferswrap {
	width: 100%;
	float: left;
	overflow: hidden;
	background: #233d4d;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-items: stretch;
	flex-direction: row-reverse
}

.checkofferswrap img {
	width: 55%;
	float: right
}

.checkofferswrap .checkoffers_web {
	display: block
}

.checkofferswrap .checkoffers_mobile {
	display: none
}

.checkofferswrap .checkoffercontent {
	width: 45%;
	float: left;
	position: relative;
	padding: 3rem 7%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap
}

.checkofferswrap .checkoffercontent:after {
	content: "";
	position: absolute;
	right: -195px;
	bottom: 0;
	width: 200px;
	height: 100%;
	background: url("../images/frontimage/service/checkoffers_bg1.png") no-repeat left top;
	background-size: 100% 100%
}

.checkofferswrap .checkoffercontent section {
	width: 100%;
	float: left
}

.checkofferswrap .checkoffercontent section h2 {
	width: 100%;
	float: left;
	text-align: left;
	color: #fff;
	font-size: 26px;
	letter-spacing: normal;
	line-height: 37px;
	text-transform: uppercase;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900
}

.checkofferswrap .checkoffercontent section h3 {
	width: 100%;
	float: left;
	margin: .4rem 0 1rem 0;
	text-align: left;
	color: #fff;
	font-size: 16px;
	line-height: 26px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.checkofferswrap .checkoffercontent section h3 span {
	display: block
}

.checkofferswrap .checkoffercontent section p {
	width: 100%;
	float: left;
	text-align: left
}

.checkofferswrap .checkoffercontent section p a {
	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 10px 20px;
	border: none;
	background-color: #f2662c;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: normal;
	line-height: 20px;
	text-transform: uppercase
}

.checkofferswrap .checkoffercontent section p a:hover {
	transition: all .4s ease-in;
	background-color: #ed4c1d;
	color: #fff;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137)
}

@media only screen and (max-width: 1681px) {
	.checkofferswrap .checkoffercontent {
		padding: 3rem 2%
	}
}

@media only screen and (max-width: 1300px) {
	.checkofferswrap img {
		width: 50%
	}

	.checkofferswrap .checkoffercontent {
		width: 50%
	}

	.checkofferswrap .checkoffercontent section h2 {
		font-size: 22px;
		letter-spacing: 1.2;
		line-height: 36x
	}

	.checkofferswrap .checkoffercontent section h3 {
		font-size: 16px;
		line-height: 26px
	}

	.checkofferswrap .checkoffercontent section p a {
		font-size: 14px;
		letter-spacing: .35px;
		line-height: 16px
	}
}

@media only screen and (max-width: 1255px) {
	.checkofferswrap .checkoffercontent {
		padding: 2rem 1% 2rem 4%
	}
}

@media only screen and (max-width: 1023px) {
	.checkofferswrap {
		flex-wrap: wrap;
		flex-direction: column-reverse
	}

	.checkofferswrap img {
		width: 100%
	}

	.checkofferswrap .checkoffercontent {
		width: 100%;
		padding: 2rem 4%
	}

	.checkofferswrap .checkoffercontent:after {
		right: 0;
		bottom: -95px;
		width: 100%;
		height: 100px;
		background: url("../images/frontimage/service/checkoffers_bg2.png") no-repeat left top;
		background-size: 100% 100%
	}

	.checkofferswrap .checkoffercontent section h2 {
		font-size: 22px;
		letter-spacing: 1.2;
		line-height: 36x
	}

	.checkofferswrap .checkoffercontent section h3 {
		font-size: 16px;
		line-height: 26px
	}

	.checkofferswrap .checkoffercontent section h3 span {
		display: inline
	}

	.checkofferswrap .checkoffercontent section p a {
		font-size: 14px;
		letter-spacing: .35px;
		line-height: 16px;
		padding: 10px 15px
	}
}

@media only screen and (max-width: 479px) {
	.checkofferswrap .checkoffercontent:after {
		bottom: -67px;
		height: 70px
	}
}

.cngcompared {
	width: 100%;
	float: left;
	padding: 5rem 0 0 0;
	text-align: center
}

.cngcompared h2 {
	width: 100%;
	float: left;
	text-align: left;
	margin-bottom: 1.5rem
}

.cngcompared h2 span {
	display: inline;
	color: #000;
	font-size: 26px;
	letter-spacing: normal;
	line-height: 37px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900
}

.cngcompared h2 img {
	display: inline;
	margin: 0 0 -2px 1px;
	max-width: 100%
}

.cngcompared .cngcomparetable {
	width: 100%;
	float: left;
	padding: .5rem;
	background: #ffede5;
	border-radius: 10px
}

.cngcompared .cngcomparetable section {
	float: left
}

.cngcompared .cngcomparetable section ul {
	width: 100%;
	float: left
}

.cngcompared .cngcomparetable section ul li {
	list-style: none;
	margin: .3rem 0;
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.cngcompared .cngcomparetable section ul li h3 {
	width: 100%;
	float: left;
	text-align: left;
	margin: .8rem 0 .4rem 0;
	color: #233d4d;
	font-size: 18px;
	letter-spacing: normal;
	line-height: 22px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.cngcompared .cngcomparetable section ul li h3.autoignitionWeb {
	opacity: 1;
	padding: 0 0 0 10%
}

.cngcompared .cngcomparetable section ul li h3.autoignitionMobile {
	opacity: 0;
	padding: 0 0 0 .5rem
}

.cngcompared .cngcomparetable section ul li h4 {
	float: left;
	background: rgba(0, 0, 0, 0);
	border-radius: 0;
	padding: 5px;
	text-align: center;
	color: #233d4d;
	font-size: 18px;
	line-height: 22px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.cngcompared .cngcomparetable section ul li p {
	float: left;
	background: #fff;
	border-radius: 4px;
	padding: 5px;
	text-align: center;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 22px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.cngcompared .cngcomparetable section.tblleft {
	width: 40%;
	padding-right: 1%
}

.cngcompared .cngcomparetable section.tblleft ul li h4 {
	width: 49%
}

.cngcompared .cngcomparetable section.tblleft ul li p {
	width: 49%
}

.cngcompared .cngcomparetable section.tblright {
	width: 60%
}

.cngcompared .cngcomparetable section.tblright ul li h4 {
	width: 24%
}

.cngcompared .cngcomparetable section.tblright ul li p {
	width: 24%
}

@media only screen and (max-width: 1023px) {
	.cngcompared {
		padding: 3rem 0 0 0
	}

	.cngcompared h2 {
		margin-bottom: 1rem
	}

	.cngcompared h2 span {
		font-size: 22px
	}

	.cngcompared .cngcomparetable section ul li h3 {
		font-size: 18px
	}

	.cngcompared .cngcomparetable section ul li h3.autoignitionWeb {
		opacity: 0
	}

	.cngcompared .cngcomparetable section ul li h3.autoignitionMobile {
		opacity: 1
	}

	.cngcompared .cngcomparetable section ul li h4 {
		font-size: 16px
	}

	.cngcompared .cngcomparetable section ul li p {
		font-size: 14px
	}

	.cngcompared .cngcomparetable section.tblleft {
		width: 40%
	}

	.cngcompared .cngcomparetable section.tblleft h4:first-child {
		width: 65%
	}

	.cngcompared .cngcomparetable section.tblleft h4:last-child {
		width: 33%
	}

	.cngcompared .cngcomparetable section.tblleft p:first-child {
		width: 65%
	}

	.cngcompared .cngcomparetable section.tblleft p:last-child {
		width: 33%
	}

	.cngcompared .cngcomparetable section.tblright {
		width: 60%;
		overflow: hidden;
		overflow-x: scroll
	}

	.cngcompared .cngcomparetable section.tblright ul {
		width: 500px
	}
}

@media only screen and (max-width: 767px) {
	.cngcompared .cngcomparetable section.tblleft {
		width: 46%
	}

	.cngcompared .cngcomparetable section.tblright {
		width: 54%
	}
}

@media only screen and (max-width: 599px) {
	.cngcompared .cngcomparetable section.tblleft {
		width: 55%
	}

	.cngcompared .cngcomparetable section.tblright {
		width: 45%
	}
}

@media only screen and (max-width: 479px) {
	.cngcompared .cngcomparetable section ul li h4 {
		padding: 4px
	}

	.cngcompared .cngcomparetable section ul li p {
		padding: 4px
	}

	.cngcompared .cngcomparetable section.tblleft {
		width: 75%
	}

	.cngcompared .cngcomparetable section.tblright {
		width: 25%
	}
}

@media only screen and (max-width: 359px) {
	.cngcompared .cngcomparetable section ul li h4 {
		font-size: 14px;
		padding: 3px
	}

	.cngcompared .cngcomparetable section ul li p {
		font-size: 12px;
		padding: 3px
	}

	.cngcompared .cngcomparetable section.tblleft {
		width: 70%
	}

	.cngcompared .cngcomparetable section.tblright {
		width: 30%
	}
}

.rfc_oem_wrap {
	width: 100%;
	float: left;
	padding: 2rem 0 5rem 0;
	background-color: #fff
}

.rfc_oem_about {
	width: 100%;
	float: left;
	padding: 0 0 2rem 0
}

.rfc_oem_about h2 {
	width: 100%;
	float: left;
	text-align: left
}

.rfc_oem_about h2 span,.rfc_oem_about h1 {
	display: inline-block;
	color: #000;
	font-size: 26px;
	letter-spacing: 0;
	line-height: 37px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900
}

.rfc_oem_about h2 img {
	display: inline-block;
	margin: 0 0 -3px 0;
	max-width: 100%
}

.rfc_oem_about p {
	width: 100%;
	margin: 1rem 0 0 0;
	float: left;
	text-align: left;
	color: #535353;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px
}

.rfc_oem_tabcontainer {
	width: 100%;
	float: left;
	margin: 0 0 5rem 0;
	position: relative
}

.rfc_oem_tabcontainer .rfc_oem_tabs {
	width: 50%;
	float: left;
	padding: 3rem 10% 3rem 3rem;
	background: #233d4d
}

.rfc_oem_tabcontainer .rfc_oem_tabs aside {
	position: relative;
	background: #233d4d;
	width: 100%;
	float: left;
	padding: 1.2rem 2.5rem 1.2rem 1rem;
	border-bottom: solid 1px #fff;
	text-align: left;
	color: #fff;
	font-size: 16px;
	line-height: 21px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	cursor: pointer
}

.rfc_oem_tabcontainer .rfc_oem_tabs aside:after {
	content: "";
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	font-family: "FontAwesome";
	font-weight: 300;
	line-height: 1;
	font-size: 170%
}

.rfc_oem_tabcontainer .rfc_oem_tabs aside.active {
	background-color: #fff !important;
	color: #233d4d;
	user-select: none;
	pointer-events: none
}

.rfc_oem_tabcontainer .rfc_oem_tabs section {
	display: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 55%;
	max-height: 155%;
	float: left;
	padding: 3rem;
	background: #fff;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .0784313725);
	text-align: center;
	overflow-y: scroll;
    border-radius: 10px;
}

.rfc_oem_tabcontainer .rfc_oem_tabs section dl {
	width: 100%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap
}

.rfc_oem_tabcontainer .rfc_oem_tabs section dl dt {
	width: 30.3%;
	margin: .5rem 1.5%;
	text-align: center
}

.rfc_oem_tabcontainer .rfc_oem_tabs section dl dt img {
	width: 100%;
	max-width: 160px;
	display: inline-block;
	border: 0
}

.rfc_oem_tabcontainer .rfc_oem_tabs section h4 {
	width: 100%;
	float: left;
	text-align: left;
	color: #000;
	font-size: 20px;
	letter-spacing: 0;
	line-height: 30px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.rfc_oem_tabcontainer .rfc_oem_tabs section ul {
	width: 100%;
	margin: .5rem 0 0 0;
	float: left
}

.rfc_oem_tabcontainer .rfc_oem_tabs section ul li {
	list-style: none;
	width: 100%;
	margin: .4rem 0;
	padding: 0 0 0 20px;
	background: url("../images/frontimage/icon2.png") no-repeat 0px 5px;
	float: left;
	text-align: left;
	color: #535353;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.2
}

.rfc_oem_tabcontainer .rfc_oem_tabs.paddingless section {
	padding: 2rem;
    border-radius: 10px;
}

.rfc_oem_info {
	position: relative;
	width: 100%;
	float: left;
	padding: 0 0 1rem 0
}

.rfc_oem_info .rfc_oem_info_right {
	width: 60%;
	float: left
}

.rfc_oem_info .rfc_oem_info_right img {
	width: 100%
}

.rfc_oem_info .rfc_oem_info_left {
	width: 50%;
	float: left;
	background: #fff;
	padding: 3rem 2rem;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .0784313725);
    border-radius: 10px;
}

.rfc_oem_info .rfc_oem_info_left h2 {
	width: 100%;
	float: left;
	text-align: left
}

.rfc_oem_info .rfc_oem_info_left h2 span {
	display: inline;
	color: #000;
	font-size: 26px;
	letter-spacing: 0;
	line-height: 37px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase
}

.rfc_oem_info .rfc_oem_info_left h2 img {
	display: inline;
	margin: 0 0 -3px 0;
	max-width: 100%
}

.rfc_oem_info .rfc_oem_info_left p {
	width: 100%;
	margin: .7rem 0 0 0;
	float: left;
	text-align: left;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px
}

.rfc_oem_info .rfc_oem_info_left h3 {
	width: 100%;
	margin: 1rem 0 1.5rem 0;
	float: left;
	text-align: left
}

.rfc_oem_info .rfc_oem_info_left h3 a {
	width: auto;
	float: left;
	padding: 12px 25px;
	border: none;
	outline: 0;
	background: #f2662c;
	text-decoration: none;
	text-align: left;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	cursor: pointer;
	transition: all .4s ease-out
}

.rfc_oem_info .rfc_oem_info_left h3 a:hover {
	background: #f0632a;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137);
	color: #fff;
	transition: all .4s ease-in
}

.rfc_oem_info .rfc_oem_info_left aside {
	width: 100%;
	float: left;
	text-align: left
}

.rfc_oem_info .rfc_oem_info_left aside a {
	display: inline-block;
	text-decoration: none;
	color: #233d4d;
	font-size: 14px;
	line-height: 1;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.rfc_oem_info .rfc_oem_info_left aside a span {
	border-bottom: solid 2px #fff;
	transition: all .4s ease-out
}

.rfc_oem_info .rfc_oem_info_left aside a i.fa {
	margin-top: -3px;
	margin-left: 5px;
	transition: all .4s ease-out
}

.rfc_oem_info .rfc_oem_info_left aside a:hover span {
	border-bottom-color: #233d4d;
	transition: all .4s ease-in
}

.rfc_oem_info .rfc_oem_info_left aside a:hover i.fa {
	margin-left: 10px;
	transition: all .4s ease-in
}

@media only screen and (max-width: 1565px) {
	.rfc_oem_about {
		padding: 0 0 1.5rem 0
	}

	.rfc_oem_about h2 span,.rfc_oem_about h1 {
		font-size: 24px
	}

	.rfc_oem_about p {
		font-size: 16px;
		line-height: 26px
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs {
		padding: 2rem 8% 2rem 2rem
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs aside {
		padding: 1rem 2.2rem 1rem 1rem;
		font-size: 16px
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs section {
		padding: 2rem
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs section dl dt {
		margin: .5rem 1%
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs section dl dt img {
		max-width: 140px
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs section h4 {
		font-size: 20px;
		line-height: 26px
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs section ul li {
		margin: .3rem 0;
		font-size: 16px
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs.paddingless section {
		padding: 2rem;
        border-radius: 10px;
	}

	.rfc_oem_info .rfc_oem_info_left {
		padding: 2rem
	}

	.rfc_oem_info .rfc_oem_info_left h2 span {
		font-size: 24px
	}

	.rfc_oem_info .rfc_oem_info_left p {
		font-size: 16px
	}
}

@media only screen and (max-width: 1300px) {
	.rfc_oem_wrap {
		padding: 2rem 0 3rem 0
	}

	.rfc_oem_tabcontainer {
		margin: 0 0 4rem 0
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs {
		padding: 2rem 8% 2rem 2rem
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs section {
		width: 54%;
		padding: 2rem
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs section h4 {
		font-size: 20px
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs section ul li {
		font-size: 16px
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs.paddingless section {
		padding: 1.5rem
	}

	.rfc_oem_info .rfc_oem_info_left {
		padding: 2rem 1.7rem;
        border-radius: 10px;
	}

	.rfc_oem_info .rfc_oem_info_left p {
		font-size: 16px;
		line-height: 26px
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs section dl dt img {
		max-width: 140px
	}
}

@media only screen and (max-width: 1255px) {
	.rfc_oem_about {
		padding: 0 0 1.5rem 0
	}

	.rfc_oem_about h2 span,.rfc_oem_about h1 {
		font-size: 22px;
		letter-spacing: 1.32px;
		line-height: 32px
	}

	.rfc_oem_about h2 img {
		margin: 0 0 -2px 0
	}

	.rfc_oem_about p {
		font-size: 16px;
		line-height: 26px
	}

	.rfc_oem_tabcontainer {
		margin: 0 0 3rem 0
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs {
		width: 100%;
		padding: 1.5rem 1.5rem 2rem 1.5rem
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs aside {
		padding: 1rem 2.5rem 1rem .5rem;
		font-size: 16px;
		line-height: 20px
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs aside:after {
		right: .5rem;
		font-size: 150%
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs aside.active {
		border-bottom-color: #233d4d;
		padding-left: 1rem
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs section {
		position: static;
		top: 0;
		transform: none;
		right: 0;
		width: 100%;
		max-height: auto;
		padding: 1rem
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs section h4 {
		display: none
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs section ul {
		margin: 0
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs section ul li {
		font-size: 16px
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs.paddingless section {
		padding: 1rem
	}

	.rfc_oem_info .rfc_oem_info_right {
		width: 60%;
		float: left
	}

	.rfc_oem_info .rfc_oem_info_right img {
		width: 100%
	}

	.rfc_oem_info .rfc_oem_info_left {
		padding: 1.5rem
	}

	.rfc_oem_info .rfc_oem_info_left h2 span {
		font-size: 22px;
		line-height: 36px
	}

	.rfc_oem_info .rfc_oem_info_left h2 img {
		margin: 0 0 -2px 0
	}

	.rfc_oem_info .rfc_oem_info_left p {
		margin: .3rem 0 0 0;
		font-size: 16px;
		line-height: 26px
	}

	.rfc_oem_info .rfc_oem_info_left h3 {
		margin: .5rem 0 1rem 0
	}

	.rfc_oem_info .rfc_oem_info_left h3 a {
		padding: 10px 20px
	}

	.rfc_oem_info .rfc_oem_info_left aside a {
		font-size: 16px
	}
}

@media only screen and (max-width: 1023px) {
	.rfc_oem_info .rfc_oem_info_right {
		width: 100%
	}

	.rfc_oem_info .rfc_oem_info_left {
		position: static;
		left: 0;
		top: 0;
		transform: none;
		padding: 2rem;
		width: 80%;
		margin: -10% 10% 0 10%
	}
}

@media only screen and (max-width: 599px) {
	.rfc_oem_tabcontainer .rfc_oem_tabs {
		padding: 1rem
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs section dl dt {
		width: 44%
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs section dl dt img {
		max-width: 160px
	}
}

@media only screen and (max-width: 479px) {
	.rfc_oem_info .rfc_oem_info_left {
		padding: 1.5rem;
		width: 90%;
		margin: -15% 5% 0 5%
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs section dl dt {
		width: 100%
	}

	.rfc_oem_tabcontainer .rfc_oem_tabs section dl dt img {
		max-width: 150px
	}
}

.serviceothers {
	width: 100%;
	float: left;
	padding: 5rem 0 6rem 0;
	background-color: #f4f7f8
}

.serviceothers .serviceotherslider {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.serviceothers .serviceotherslider .items {
	width: 49.5%;
	float: left;
	position: relative
}

.serviceothers .serviceotherslider .items img {
	width: 100%;
	float: left
}

.serviceothers .serviceotherslider .items a.servicebutton {
	position: absolute;
	bottom: 0;
	right: 0;
	text-decoration: none;
	transition: all .4s ease-out;
	white-space: nowrap
}

.serviceothers .serviceotherslider .items a.servicebutton:hover {
	background: #e54c0d;
	transition: all .4s ease-in
}

.serviceothers h3 {
	width: 100%;
	float: left;
	margin-top: 2rem;
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	color: #233d4d;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.serviceothers h3 b {
	font-weight: normal
}

.serviceothers h3 a {
	text-decoration: none;
	color: #233d4d;
	transition: all .4s ease-out
}

.serviceothers h3 a span {
	border-bottom: solid 1px rgba(0, 0, 0, 0);
	transition: all .4s ease-out
}

.serviceothers h3 a i.fa {
	padding: 0 5px;
	transition: all .4s ease-out
}

.serviceothers h3 a:hover {
	color: #000;
	transition: all .4s ease-in
}

.serviceothers h3 a:hover i.fa {
	padding: 0 0 0 10px;
	transition: all .4s ease-in
}

.serviceothers h3 a:hover span {
	border-bottom-color: #000;
	transition: all .4s ease-in
}

@media only screen and (max-width: 1255px) {
	.serviceothers {
		padding: 3rem 0 5rem 0
	}

	.serviceothers .serviceotherslider .items a.servicebutton {
		padding: 8px 15px;
		font-size: 14px;
		letter-spacing: .35px
	}

	.serviceothers h3 {
		margin-top: 1rem;
		font-size: 16px;
		line-height: 24px
	}
}

@media only screen and (max-width: 1023px) {
	.serviceothers {
		padding: 3rem 0
	}
}

@media only screen and (max-width: 767px) {
	.serviceothers h3 {
		margin-top: 1rem;
		font-size: 16px;
		line-height: 24px
	}

	.serviceotherslider .slick-list {
		overflow: hidden
	}

	.serviceotherslider .slick-track {
		overflow: hidden
	}

	.serviceotherslider .slick-slide {
		margin: 0 10px 0 0
	}
}

@media only screen and (max-width: 479px) {
	.serviceothers {
		padding: 3rem 0 6rem 0
	}

	.serviceothers .serviceotherslider .items h2 {
		top: 15%;
		font-size: 22px;
		letter-spacing: 1.32px;
		line-height: 30px
	}

	.serviceothers h3 {
		display: none
	}
}

@media only screen and (max-width: 359px) {
	.serviceothers .serviceotherslider .items h2 {
		top: 10%;
		font-size: 16px;
		letter-spacing: .65px;
		line-height: 24px
	}
}

.valuechainBG {
	display: none;
	z-index: 8;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	background: rgba(0, 0, 0, .9);
	background-color: rgba(0, 0, 0, .6)
}

.valuechainPopup {
	display: none;
	z-index: 9;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 95%;
	max-width: 1640px;
	height: auto;
	background-color: #fff;
	border-radius: 0px;
	margin: 0 auto;
	padding: 2rem
}

.valuechainPopup.cng {
	max-height: 90%
}

.valuechainPopup.png {
	max-height: 90%
}

.valuechainPopup aside {
	position: fixed;
	right: 0px;
	top: -35px;
	width: auto;
	height: auto;
	border-radius: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	background: rgba(0, 0, 0, 0);
	text-align: center;
	border: none;
	color: #fff;
	cursor: pointer;
	transition: all .4s ease-out
}

.valuechainPopup aside img {
	max-width: 32px;
	filter: brightness(0) invert(1);
	transition: all .4s ease-out
}

.valuechainPopup aside:hover {
	background: none;
	transition: all .4s ease-in
}

.valuechainPopup aside:hover img {
	filter: brightness(100%) invert(0);
	transition: all .4s ease-in
}

.valuechainPopup h2 {
	width: 100%;
	float: left;
	padding: 0 0 2rem 5%;
	text-align: left;
	color: #000;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 26px;
	line-height: 1.2
}

.valuechainPopup .valuechain_cng {
	width: 100%;
	float: left;
	text-align: center
}

.valuechainPopup .valuechain_cng h3 {
	width: 100%;
	height: 8px;
	margin: 1.5rem 0;
	float: left;
	background: #233d4d;
	line-height: 0;
	font-size: 1px
}

.valuechainPopup .valuechain_cng img {
	width: 90%;
	max-width: 800px;
	display: inline-block;
	margin: 0 auto
}

.valuechainPopup .valuechain_png {
	width: 100%;
	float: left;
	text-align: center
}

.valuechainPopup .valuechain_png .valuechain_web {
	display: inline-block;
	clear: both;
	width: 90%;
	max-width: 1400px;
	margin: 0 auto
}

.valuechainPopup .valuechain_png .valuechain_mob {
	display: none;
	clear: both;
	width: 90%;
	max-width: 3600px;
	margin: 0 auto
}

@media only screen and (max-width: 1023px) {
	.valuechainPopup {
		padding: 1rem
	}

	.valuechainPopup.png {
		max-width: 360px;
		max-height: 80%;
		height: 80%
	}

	.valuechainPopup h2 {
		padding: 0 0 1rem 2%;
		font-size: 22px
	}

	.valuechainPopup .valuechain_cng h3 {
		height: 5px;
		margin: 1rem 0
	}

	.valuechainPopup .valuechain_png {
		z-index: 1;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		overflow: hidden;
		overflow-y: scroll;
		padding: 1rem
	}

	.valuechainPopup .valuechain_png .valuechain_web {
		display: none
	}

	.valuechainPopup .valuechain_png .valuechain_mob {
		display: inline-block
	}
}

@media screen and (min-device-width: 480px)and (max-device-width: 1023px)and (orientation: landscape) {
	.valuechainPopup.cng {
		max-height: 80%;
		height: 80%
	}

	.valuechainPopup aside {
		z-index: 2;
		right: 2px;
		top: 2px
	}

	.valuechainPopup aside img {
		max-width: 27px;
		filter: brightness(0%) invert(0)
	}

	.valuechainPopup aside:hover img {
		filter: brightness(100%) invert(0)
	}

	.valuechainPopup .valuechain_cng {
		z-index: 1;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		overflow: hidden;
		overflow-y: scroll;
		padding: 1rem
	}
}

.serviceWhychoose {
	width: 100%;
	float: left;
	padding: 5rem 0;
	text-align: center
}

.serviceWhychoose h2 {
	width: 100%;
	float: left;
	text-align: left
}

.serviceWhychoose h2 span {
	display: inline;
	color: #000;
	font-size: 26px;
	letter-spacing: 1.68px;
	line-height: 35px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900
}

.serviceWhychoose h2 img {
	display: inline;
	margin: 0 0 -3px 5px;
	max-width: 100%
}

.serviceWhychoose h3 {
	width: 100%;
	margin: .3rem 0 2rem 0;
	float: left;
	text-align: left;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px
}

.serviceWhychoose ul {
	width: 100%;
	float: left
}

.serviceWhychoose ul li {
	list-style: none;
	width: 100%;
	float: left
}

.serviceWhychoose ul li div {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-items: stretch
}

.serviceWhychoose ul li div h4 {
	position: relative;
	width: 15%;
	float: left;
	background-color: #fff;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.serviceWhychoose ul li div h4 img {
	position: relative;
	z-index: 2;
	max-width: 56px;
	margin-right: 1rem
}

.serviceWhychoose ul li div h4 span {
	text-align: left;
	color: #233d4d;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px
}

.serviceWhychoose ul li div h4:after {
	z-index: 1;
	content: "";
	position: absolute;
	top: -40%;
	left: 28px;
	width: 1px;
	height: 100%;
	background-color: #233d4d;
	line-height: 1;
	font-size: 1px
}

.serviceWhychoose ul li div dl {
	width: 85%;
	padding: .5rem 0;
	float: right;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-items: stretch;
	justify-content: space-evenly;
	background: #f4f7f8
}

.serviceWhychoose ul li div dl dd {
	background: rgba(0, 0, 0, 0);
	border-radius: 0;
	padding: 10px;
	text-align: center;
	color: #233d4d;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 22px
}

.serviceWhychoose ul li div dl dt {
	background: #fff;
	border-radius: 8px;
	padding: 10px;
	text-align: left;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px
}

.serviceWhychoose ul li div h5 {
	position: relative;
	width: 15%;
	float: left;
	background-color: #fff
}

.serviceWhychoose ul li div h6 {
	width: 85%;
	padding: 1rem 0 1.5rem 0;
	float: right;
	text-align: center;
	background: #f4f7f8;
	padding: .5rem 0 1rem 0
}

.serviceWhychoose ul li div h6 span {
	cursor: pointer;
	color: #233d4d;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	transition: all .4s ease-out
}

.serviceWhychoose ul li div h6 span i.fa {
	margin-left: 5px
}

.serviceWhychoose ul li div h6 span:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

.serviceWhychoose ul li.whychoose_first {
	display: block
}

.serviceWhychoose ul li.whychoose_first div dl {
	border-radius: 10px 10px 0 0;
	padding-bottom: 0
}

.serviceWhychoose ul li.whychoose_second {
	display: block
}

.serviceWhychoose ul li.whychoose_second div h4:after {
	display: none
}

.serviceWhychoose ul li.whychoose_block {
	display: block
}

.serviceWhychoose ul li.whychoose_hide {
	display: none
}

.serviceWhychoose ul li.whychoose_bottom {
	display: block
}

.serviceWhychoose ul li.whychoose_bottom div dl {
	border-radius: 0 0 10px 10px;
	padding-bottom: 1rem
}

.serviceWhychoose ul li.whychoose_last {
	display: block
}

.serviceWhychoose ul li.whychoose_last div dl {
	border-radius: 0 0 10px 10px
}

.serviceWhychoose ul.col2 li dl dd {
	width: 48%
}

.serviceWhychoose ul.col2 li dl dt {
	width: 48%;
	padding: 20px
}

.serviceWhychoose ul.col4 li dl dd {
	width: 24%
}

.serviceWhychoose ul.col4 li dl dt {
	width: 24%
}

.serviceWhychoose ul.col5 li dl dd {
	width: 19%
}

.serviceWhychoose ul.col5 li dl dt {
	width: 19%
}

@media only screen and (max-width: 1300px) {
	.serviceWhychoose {
		padding: 4rem 0
	}

	.serviceWhychoose h2 span {
		font-size: 22px;
		letter-spacing: 1.32px;
		line-height: 36px
	}

	.serviceWhychoose h2 img {
		margin: 0 0 -2px 1px
	}

	.serviceWhychoose h3 {
		margin: .2rem 0 1.5rem 0
	}

	.serviceWhychoose ul li div h4 {
		width: 18%
	}

	.serviceWhychoose ul li div h4 img {
		max-width: 40px;
		margin-right: .5rem
	}

	.serviceWhychoose ul li div h4 span {
		font-size: 16px;
		line-height: 22px
	}

	.serviceWhychoose ul li div h4:after {
		left: 20px
	}

	.serviceWhychoose ul li div dl {
		width: 82%
	}

	.serviceWhychoose ul li div dl dd {
		padding: 5px;
		font-size: 16px;
		line-height: 22px
	}

	.serviceWhychoose ul li div dl dt {
		padding: 5px;
		font-size: 13px;
		line-height: 20px
	}
}

@media only screen and (max-width: 1255px) {
	.serviceWhychoose {
		padding: 3rem 0
	}

	.serviceWhychoose ul li {
		display: block
	}

	.serviceWhychoose ul li.whychoose_hide {
		display: block
	}

	.serviceWhychoose ul li div {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
		padding-bottom: 1rem
	}

	.serviceWhychoose ul li div h4 {
		padding-bottom: 1rem;
		width: 100%;
		border-bottom: solid 1px #e8e8e8
	}

	.serviceWhychoose ul li div h4 img {
		max-width: 40px;
		margin-right: 1rem
	}

	.serviceWhychoose ul li div h4 span {
		font-size: 18px;
		line-height: 22px;
		color: #535353
	}

	.serviceWhychoose ul li div h4:after {
		content: "";
		font-family: "FontAwesome";
		font-weight: 300;
		line-height: 1;
		color: #535353;
		font-size: 16px;
		left: auto;
		bottom: auto;
		width: auto;
		height: auto;
		background: none;
		right: 5px;
		top: 25%
	}

	.serviceWhychoose ul li div h4.active {
		border-bottom: none;
		color: #233d4d;
		font-family: "Arial-Bold", Arial, sans-serif;
		font-weight: 700
	}

	.serviceWhychoose ul li div h4.active:after {
		content: "";
		color: #233d4d
	}

	.serviceWhychoose ul li div dl {
		width: 100%;
		padding: 1rem;
		margin-bottom: 1rem;
		border-radius: 8px;
		background: #f4f7f8;
		display: none
	}

	.serviceWhychoose ul li div dl dd {
		display: none
	}

	.serviceWhychoose ul li div dl dt {
		width: auto;
		position: relative;
		float: right;
		padding: 5px;
		margin: 5px 0;
		border-radius: 4px;
		font-size: 14px;
		line-height: 20px
	}

	.serviceWhychoose ul li div dl dt:after {
		content: attr(data-title);
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		height: auto;
		font-family: "Arial-Bold", Arial, sans-serif;
		font-weight: 700;
		font-size: 15px;
		line-height: 18px;
		color: #233d4d
	}

	.serviceWhychoose ul li.whychoose_last,
	.serviceWhychoose ul li.whychoose_first {
		display: none
	}

	.serviceWhychoose ul li.whychoose_second div h4:after {
		display: block
	}

	.serviceWhychoose ul.col2 li div dl dt {
		width: calc(100% - 65px);
		padding: .5rem
	}

	.serviceWhychoose ul.col2 li div dl dt:after {
		left: -65px
	}

	.serviceWhychoose ul.col4 li div dl dt {
		width: calc(100% - 75px);
		padding: .5rem
	}

	.serviceWhychoose ul.col4 li div dl dt:after {
		left: -75px
	}

	.serviceWhychoose ul.col5 li div dl dt {
		width: calc(100% - 95px);
		padding: .5rem
	}

	.serviceWhychoose ul.col5 li div dl dt:after {
		left: -95px
	}
}

.aboutWrap {
	width: 100%;
	float: left;
	padding: 2rem 0 5rem 0;
	background: #fff
}

.aboutWrap .aboutInfo {
	width: 100%;
	float: left
}

.aboutWrap .aboutInfo p {
	width: 100%;
	float: left;
	text-align: left;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 26px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.aboutWrap .aboutSupportedby {
	margin: 5rem 0;
	width: 100%;
	float: left
}

.aboutWrap .aboutSupportedby h2 {
	width: 100%;
	float: left;
	text-align: center;
	position: relative
}

.aboutWrap .aboutSupportedby h2:before {
	content: "";
	z-index: 1;
	position: absolute;
	left: 0;
	top: 49%;
	width: 100%;
	float: left;
	border-bottom: dashed 2px #f1652c;
	height: auto
}

.aboutWrap .aboutSupportedby h2 span {
	z-index: 2;
	position: relative;
	background: #fff;
	display: inline-block;
	padding: 0 1.5rem;
	text-align: center;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	color: #f1652c;
	font-size: 24px;
	line-height: 48px
}

.aboutWrap .aboutSupportedby ul {
	padding: 1rem 0 2rem 0;
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.aboutWrap .aboutSupportedby ul li {
	list-style: none
}

.aboutWrap .aboutSupportedby ul li img {
	max-width: 95%
}

.aboutWrap .aboutSupportedby p {
	position: relative;
	width: 100%;
	float: left;
	padding-top: 2rem;
	text-align: center
}

.aboutWrap .aboutSupportedby p:after {
	content: "";
	position: absolute;
	left: 10%;
	top: 0;
	width: 75%;
	height: 1px;
	border-top: dashed 2px #f1652c
}

.aboutWrap .aboutSupportedby p a {
	text-decoration: none;
	color: #233d4d;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 26px;
	transition: all .4s ease-out
}

.aboutWrap .aboutSupportedby p a i.fa {
	padding: 0 5px;
	transition: all .4s ease-out
}

.aboutWrap .aboutSupportedby p a:hover {
	color: #000;
	transition: all .4s ease-in
}

.aboutWrap .aboutSupportedby p a:hover i.fa {
	padding: 0 0 0 10px;
	transition: all .4s ease-in
}

.aboutWrap .aboutContainer {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: self-start;
	position: relative
}

.aboutWrap .aboutContainer .aboutDetails {
	position: relative;
	width: 48%;
	float: left
}

.aboutWrap .aboutContainer .aboutDetails img {
	width: 100%;
	height: 100%
}

.aboutWrap .aboutContainer .aboutDetails .aboutinfo_web {
	display: block
}

.aboutWrap .aboutContainer .aboutDetails .aboutinfo_mob {
	display: none
}

.aboutWrap .aboutContainer .aboutDetails ul {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.aboutWrap .aboutContainer .aboutDetails ul li {
	list-style: none;
	height: inherit;
	width: 45%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap
}

.aboutWrap .aboutContainer .aboutDetails ul li h4 {
	width: 100%;
	float: left;
	color: #fff;
	text-align: left;
	text-shadow: 0px 3px 6px red;
	font-size: 42px;
	line-height: 66px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900
}

.aboutWrap .aboutContainer .aboutDetails ul li p {
	width: 100%;
	float: left;
	color: #fff;
	text-align: left;
	text-shadow: 3px 2px 2px red;
	font-size: 16px;
	line-height: 26px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.aboutWrap .aboutContainer .aboutMaps {
	position: relative;
	width: 48%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center
}

.aboutWrap .aboutContainer .aboutMaps img {
	width: 100%
}

.aboutWrap .aboutContainer .aboutMaps ul {
	position: absolute;
	bottom: 0;
	right: 0;
	width: auto
}

.aboutWrap .aboutContainer .aboutMaps ul li {
	list-style: none;
	margin: .5rem 0;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.aboutWrap .aboutContainer .aboutMaps ul li span {
	width: 16px;
	height: 16px;
	margin-right: .7rem
}

.aboutWrap .aboutContainer .aboutMaps ul li span.map_color_1 {
	background: #fff url("../images/frontimage/about/Icon-Corporate-Offices.png") no-repeat left top;
	background-size: 100% 100%
}

.aboutWrap .aboutContainer .aboutMaps ul li span.map_color_2 {
	background: #f2be9f
}

.aboutWrap .aboutContainer .aboutMaps ul li span.map_color_3 {
	background: #eca37c
}

.aboutWrap .aboutContainer .aboutMaps ul li span.map_color_4 {
	background: #f8ddcb
}

.aboutWrap .aboutContainer .aboutMaps ul li span.map_color_5 {
	background: #e57b4c
}

.aboutWrap .aboutContainer .aboutMaps ul li span.map_color_6 {
	background: #fcefe4
}

.aboutWrap .aboutContainer .aboutMaps ul li p {
	width: auto;
	text-align: left;
	color: #3c3c3c;
	font-size: 14px;
	line-height: 20px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.aboutWrap .aboutNetworks {
	margin: 5rem 0 0 0;
	width: 100%;
	float: left
}

.aboutWrap .aboutNetworks h2 {
	width: 100%;
	float: left;
	text-align: left;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.aboutWrap .aboutNetworks h2 span {
	color: #000;
	font-size: 26px;
	letter-spacing: 1.68px;
	line-height: 35px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900
}

.aboutWrap .aboutNetworks h2 img {
	margin-left: 5px;
	max-width: 100%
}

.aboutWrap .aboutNetworks p {
	width: 100%;
	float: left;
	margin: 1rem 0 1rem 0;
	text-align: left;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 26px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.aboutWrap .aboutNetworks aside {
	width: 100%;
	float: left;
	text-align: left
}

.aboutWrap .aboutNetworks aside a {
	text-decoration: none;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #233d4d;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 26px;
	transition: all .4s ease-out
}

.aboutWrap .aboutNetworks aside a i.fa {
	padding: 0 5px;
	margin-top: -2px;
	transition: all .4s ease-out
}

.aboutWrap .aboutNetworks aside a span {
	border-bottom: solid 1px #fff;
	transition: all .4s ease-out
}

.aboutWrap .aboutNetworks aside a:hover {
	color: #000;
	transition: all .4s ease-in
}

.aboutWrap .aboutNetworks aside a:hover i.fa {
	padding: 0 0 0 10px;
	transition: all .4s ease-in
}

.aboutWrap .aboutNetworks aside a:hover span {
	border-bottom-color: #000;
	transition: all .4s ease-in
}

.cgd_licensesBG {
	display: none;
	z-index: 8;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	background: rgba(0, 0, 0, .9);
	background-color: rgba(0, 0, 0, .6)
}

.cgd_licenses_popup {
	display: none;
	z-index: 9;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 95%;
	max-width: 1640px;
	height: auto;
	background-color: #fff;
	border-radius: 0px;
	margin: 0 auto;
	padding: 3rem
}

.cgd_licenses_popup aside {
	position: fixed;
	right: 0px;
	top: -35px;
	width: auto;
	height: auto;
	border-radius: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	background: rgba(0, 0, 0, 0);
	text-align: center;
	border: none;
	color: #fff;
	cursor: pointer;
	transition: all .4s ease-out
}

.cgd_licenses_popup aside img {
	max-width: 32px;
	filter: brightness(0) invert(1);
	transition: all .4s ease-out
}

.cgd_licenses_popup aside:hover {
	background: none;
	transition: all .4s ease-in
}

.cgd_licenses_popup aside:hover img {
	filter: brightness(100%) invert(0);
	transition: all .4s ease-in
}

.cgd_licenses_popup section {
	width: 100%;
	float: left;
	text-align: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.cgd_licenses_popup section div {
	width: 48%;
	float: left
}

.cgd_licenses_popup section div h2 {
	width: 100%;
	float: left;
	margin: 0 0 1.5rem 0;
	text-align: left;
	color: #000;
	font-size: 26px;
	line-height: 1.2;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.cgd_licenses_popup section div img {
	display: block;
	width: 100%;
	float: left;
	border: solid 2px #f2662c;
	padding: 5px
}

.cgd_licenses_popup section ul {
	width: 48%;
	float: left;
	padding: 3rem 0 0 0
}

.cgd_licenses_popup section ul li {
	list-style: none;
	position: relative;
	padding-left: 15px;
	margin: 1rem 0
}

.cgd_licenses_popup section ul li::after {
	content: "";
	position: absolute;
	left: 0px;
	top: 5px;
	height: 12px;
	width: 8px;
	background: url(../images/frontimage/icon2.png) no-repeat;
	background-position: left 0px top 0px
}

.cgd_licenses_popup section ul li a {
	text-decoration: none;
	color: #000;
	font-size: 18px;
	line-height: 1.4;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	transition: all .4s ease-out
}

.cgd_licenses_popup section ul li a:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

@media only screen and (max-width: 1565px) {
	.cgd_licenses_popup {
		padding: 2rem
	}

	.cgd_licenses_popup section div {
		width: 48%
	}

	.cgd_licenses_popup section div h2 {
		margin: 0 0 1rem 0;
		font-size: 24px
	}

	.cgd_licenses_popup section ul {
		width: 48%;
		padding: 2rem 0 0 0
	}

	.cgd_licenses_popup section ul li {
		margin: 1rem 0
	}

	.cgd_licenses_popup section ul li a {
		font-size: 16px;
		line-height: 1.2
	}
}

@media only screen and (max-width: 1300px) {
	.aboutWrap {
		padding: 2rem 0 4rem 0
	}

	.aboutWrap .aboutInfo p {
		font-size: 16px;
		line-height: 26px
	}

	.aboutWrap .aboutSupportedby {
		margin: 4rem 0
	}

	.aboutWrap .aboutSupportedby h2 span {
		padding: 0 2rem;
		font-size: 24px;
		line-height: 36px
	}

	.aboutWrap .aboutSupportedby ul li img {
		max-width: 85%
	}

	.aboutWrap .aboutSupportedby p a {
		font-size: 16px;
		line-height: 24px
	}

	.aboutWrap .aboutContainer .aboutDetails ul li {
		/* width: 50% */
	}

	.aboutWrap .aboutContainer .aboutDetails ul li h4 {
		font-size: 36px;
		line-height: 50px
	}

	.aboutWrap .aboutContainer .aboutDetails ul li p {
		font-size: 16px;
		line-height: 24px
	}

	.aboutWrap .aboutContainer .aboutMaps ul li {
		margin: .3rem 0
	}

	.aboutWrap .aboutContainer .aboutMaps ul li span {
		width: 15px;
		height: 15px;
		margin-right: .4rem
	}

	.aboutWrap .aboutNetworks {
		margin: 4rem 0 0 0
	}

	.aboutWrap .aboutNetworks h2 span {
		font-size: 24px;
		letter-spacing: .92px;
		line-height: 30px
	}

	.aboutWrap .aboutNetworks p {
		font-size: 16px;
		line-height: 24px
	}

	.aboutWrap .aboutNetworks aside a {
		font-size: 16px;
		line-height: 24px
	}

	.cgd_licenses_popup {
		padding: 1.5rem
	}

	.cgd_licenses_popup section div {
		width: 40%
	}

	.cgd_licenses_popup section ul {
		width: 55%
	}
}

@media only screen and (max-width: 1023px) {
	.aboutWrap .aboutContainer {
		flex-wrap: wrap
	}

	.aboutWrap .aboutContainer .aboutDetails {
		width: 100%
	}

	.aboutWrap .aboutContainer .aboutDetails ul {
		left: 10%;
		width: 90%
	}

	.aboutWrap .aboutContainer .aboutMaps {
		width: 100%;
		margin-top: 2rem
	}

	.aboutWrap .aboutContainer .aboutMaps img {
		width: 60%
	}

	.cgd_licenses_popup {
		padding: 0;
		height: 80%
	}

	.cgd_licenses_popup section {
		padding: 1.5rem 2rem;
		height: 100%;
		flex-wrap: wrap;
		align-items: flex-start;
		overflow: hidden;
		overflow-y: scroll
	}

	.cgd_licenses_popup section div {
		width: 100%
	}

	.cgd_licenses_popup section ul {
		width: 100%;
		padding: 1rem 0 0 0
	}
}

@media only screen and (max-width: 599px) {
	.aboutWrap .aboutSupportedby h2 span {
		padding: 0 1rem;
		line-height: 1.2
	}

	.aboutWrap .aboutSupportedby ul {
		flex-wrap: wrap;
		justify-content: center
	}

	.aboutWrap .aboutSupportedby ul li {
		text-align: center;
		margin: .5rem 0;
		width: 50%
	}

	.aboutWrap .aboutSupportedby ul li img {
		max-width: 85%
	}

	.aboutWrap .aboutSupportedby ul li:last-child {
		width: 100%
	}

	.aboutWrap .aboutSupportedby p {
		text-align: left
	}

	.aboutWrap .aboutSupportedby p:after {
		width: 60%;
		left: 20%
	}

	.aboutWrap .aboutSupportedby p a {
		font-size: 16px;
		line-height: 24px
	}

	.aboutWrap .aboutContainer .aboutMaps img {
		width: 70%
	}
}

@media only screen and (max-width: 479px) {
	.aboutWrap {
		padding: 2rem 0 3rem 0
	}

	.aboutWrap .aboutSupportedby {
		margin: 3rem 0
	}

	.aboutWrap .aboutSupportedby h2 span {
		padding: 0 .5rem;
		font-size: 22px;
		line-height: 1.3
	}

	.aboutWrap .aboutContainer .aboutDetails .aboutinfo_web {
		display: none
	}

	.aboutWrap .aboutContainer .aboutDetails .aboutinfo_mob {
		display: block
	}

	.aboutWrap .aboutContainer .aboutDetails ul {
		left: 0%;
		width:100%
	}

	.aboutWrap .aboutContainer .aboutDetails ul li {
		width: 100%
	}

	.aboutWrap .aboutContainer .aboutDetails ul li h4 {
		font-size: 30px;
		line-height: 1.4
	}

	.aboutWrap .aboutContainer .aboutDetails ul li p {
		font-size: 16px;
		line-height: 28px
	}

	.aboutWrap .aboutContainer .aboutMaps {
		flex-wrap: wrap
	}

	.aboutWrap .aboutContainer .aboutMaps img {
		width: 90%
	}

	.aboutWrap .aboutContainer .aboutMaps ul {
		position: static;
		width: 100%;
		float: left;
		margin-top: 1rem
	}

	.aboutWrap .aboutContainer .aboutMaps ul li {
		margin: .5rem 0;
		width: 50%;
		float: left
	}

	.aboutWrap .aboutContainer .aboutMaps ul li span {
		width: 15px;
		height: 15px;
		margin-right: .4rem
	}

	.aboutWrap .aboutContainer .aboutMaps ul li p {
		font-size: 12px
	}

	.aboutWrap .aboutNetworks {
		margin: 3rem 0 0 0
	}

	.aboutWrap .aboutNetworks h2 span {
		font-size: 22px;
		letter-spacing: 1.32px;
		line-height: 36px
	}

	.aboutWrap .aboutNetworks p {
		font-size: 16px;
		line-height: 26px
	}

	.aboutWrap .aboutNetworks aside a {
		font-size: 16px;
		line-height: 28px
	}
}

@media screen and (min-device-width: 480px)and (max-device-width: 1023px)and (orientation: landscape) {
	.cgd_licenses_popup {
		transform: translate(-50%, -45%)
	}
}

.applicationWrap {
	width: 100%;
	float: left;
	padding: 2rem 0 6rem 0;
	background: #fff
}

.applicationWrap .applicationInfo {
	position: relative;
	width: 100%;
	float: left
}

.applicationWrap .applicationInfo h2 {
	width: 100%;
	float: left;
	text-align: left
}

.applicationWrap .applicationInfo h2 span , .applicationWrap .applicationInfo h1{
	display: inline;
	color: #000;
	font-size: 26px;
	letter-spacing: 0;
	line-height: 37px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900
}

.applicationWrap .applicationInfo h2 img {
	display: inline;
	margin: 0 0 -3px 0;
	max-width: 100%
}

.applicationWrap .applicationInfo p {
	width: 100%;
	float: left;
	margin: 1rem 0 0 0;
	text-align: left;
	color: #535353;
	font-size: 16px;
	line-height: 26px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.applicationWrap .applicationInfo aside {
	position: absolute;
	top: 0;
	right: 0;
	width: 250px;
	float: right;
	text-align: left
}

.applicationWrap .applicationInfo aside input[type=text] {
	background: #fff url("../images/frontimage/search-blue.png") no-repeat;
	background-position: right 8px top 50%;
	margin: 0;
	width: 100%;
	float: right;
	border: none;
	border-bottom: solid 1px #233d4d;
	outline: none;
	padding: .4rem 2rem .4rem .4rem;
	font-size: 16px;
	line-height: 1;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.applicationWrap .applicationInfo aside input[type=text]::placeholder {
	color: #707070;
	opacity: 1
}

.applicationWrap .applicationInfo aside input[type=text]:-ms-input-placeholder {
	color: #707070;
	opacity: 1
}

.applicationWrap .applicationInfo aside input[type=text]::-ms-input-placeholder {
	color: #707070;
	opacity: 1
}

.applicationWrap .application-not-found {
	display: none;
	width: 100%;
	height: auto;
	float: left;
	padding: 2rem;
	text-align: center;
	background: #fff;
	border-radius: 0px
}

.applicationWrap .application-not-found aside {
	width: 100%;
	float: left;
	text-align: center
}

.applicationWrap .application-not-found aside img {
	width: 100%;
	max-width: 110px;
	display: inline-block;
	margin: 0 auto
}

.applicationWrap .application-not-found p {
	width: 100%;
	float: left;
	margin-top: 2rem;
	text-align: center;
	color: #233d4d;
	font-size: 18px;
	line-height: 1.3;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.applicationWrap .applicationList {
	width: 100%;
	float: left;
	margin: 1rem 0 0 0;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap
}

.applicationWrap .applicationList div {
	width: 12%;
	margin: 1rem .25%
}

.applicationWrap .applicationList div aside {
	width: 100%;
	float: left;
	text-align: center
}

.applicationWrap .applicationList div aside img {
	width: 100%;
	max-width: 90px
}

.applicationWrap .applicationList div p {
	width: 100%;
	float: left;
	margin: .3rem 0 0 0;
	text-align: center
}

.applicationWrap .applicationList div p a {
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: solid 1px #233d4d;
	transition: all .4s ease-out;
	color: #233d4d;
	font-size: 16px;
	line-height: 26px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.applicationWrap .applicationList div p a:hover {
	transition: all .4s ease-in;
	border-bottom-color: #f2662c;
	color: #f2662c
}

.applicationWrap .applicationDetails {
	position: relative;
	width: 100%;
	float: left
}

.applicationWrap .applicationDetails h2 {
	width: 100%;
	float: left;
	text-align: left
}

.applicationWrap .applicationDetails h2 span {
	display: inline;
	color: #000;
	font-size: 26px;
	letter-spacing: 0;
	line-height: 37px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900
}

.applicationWrap .applicationDetails h2 img {
	display: inline;
	margin: 0 0 -3px 0;
	max-width: 100%
}

.applicationWrap .applicationDetails p {
	width: 100%;
	float: left;
	margin: 1rem 0 1rem 0;
	text-align: left;
	color: #535353;
	font-size: 16px;
	line-height: 26px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.applicationWrap .applicationDetails aside {
	width: 100%;
	float: left;
	margin: 0 0 .5rem 0
}

.applicationWrap .applicationDetails aside .aplcn_web {
	display: block;
	width: 100%;
	float: left
}

.applicationWrap .applicationDetails aside .aplcn_mob {
	display: none;
	width: 100%;
	float: left
}

.applicationWrap .applicationDetails ul {
	width: 100%;
	float: left;
	margin: 1rem 0
}

.applicationWrap .applicationDetails ul li {
	list-style: disc;
	margin: .4rem 0 .4rem 1.2rem;
	text-align: left;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 1.4;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.applicationWrap .applicationDetails ul li strong {
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	color: #000
}

.applicationWrap .applicationDetails ul li span {
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	color: #000
}

.applicationWrap .applicationDetails ul li:first-child {
	list-style: none;
	margin-left: .1rem
}

@media only screen and (max-width: 1300px) {
	.applicationWrap .applicationInfo h2 span, .applicationWrap .applicationInfo h1 {
		font-size: 22px;
		letter-spacing: 1.32px;
		line-height: 36px
	}

	.applicationWrap .applicationInfo h2 img {
		margin: 0 0 -2px 0
	}

	.applicationWrap .applicationInfo p {
		font-size: 16px;
		line-height: 26px
	}

	.applicationWrap .applicationInfo aside {
		width: 220px
	}

	.applicationWrap .applicationList div {
		width: 16%;
		margin: 1rem .25%
	}

	.applicationWrap .applicationList div aside img {
		max-width: 70px
	}

	.applicationWrap .applicationList div p a {
		font-size: 14px;
		line-height: 1.2
	}
}

@media only screen and (max-width: 1255px) {
	.applicationWrap .applicationDetails h2 span,.applicationWrap .applicationDetails h1 {
		font-size: 22px;
		line-height: 36px
	}

	.applicationWrap .applicationDetails h2 img,.applicationWrap .applicationDetails h1 {
		margin: 0 0 -2px 0
	}

	.applicationWrap .applicationDetails p {
		font-size: 16px;
		line-height: 26px
	}

	.applicationWrap .applicationDetails aside {
		margin: 0 0 .7rem 0
	}

	.applicationWrap .applicationDetails ul li {
		margin: .4rem 0 .4rem 1.2rem;
		font-size: 16px
	}
}

@media only screen and (max-width: 1023px) {
	.applicationWrap {
		padding: 2rem 0 3rem 0
	}

	.applicationWrap .applicationInfo aside {
		position: static;
		width: 100%;
		margin-top: 1rem
	}

	.applicationWrap .applicationInfo aside input[type=text] {
		padding: .6rem 2.5rem .6rem .6rem
	}

	.applicationWrap .application-not-found {
		padding: 1.5rem
	}

	.applicationWrap .application-not-found aside img {
		max-width: 70px
	}

	.applicationWrap .application-not-found p {
		margin-top: 1rem;
		font-size: 16px
	}

	.applicationWrap .applicationList div {
		width: 19%;
		margin: 1rem .25%
	}
}

@media only screen and (max-width: 767px) {
	.applicationWrap .applicationList div {
		width: 24%;
		margin: 1rem .25%
	}
    .serviceWhychoose ul li div dl dt:after {
        text-transform: capitalize !important;
    }
}

@media only screen and (max-width: 479px) {
	.applicationWrap {
		padding: 2rem 0 5rem 0
	}

	.applicationWrap .applicationList div {
		width: 32.3%;
		margin: 1rem .5%
	}

	.applicationWrap .applicationDetails aside .aplcn_web {
		display: none
	}

	.applicationWrap .applicationDetails aside .aplcn_mob {
		display: block
	}
}

@media only screen and (max-width: 359px) {
	.applicationWrap .applicationList div {
		width: 49%;
		margin: 1rem .5%
	}
}

.pngavailabilityWrap {
	width: 100%;
	float: left;
	background: #fff
}

.pngavailabilityWrap .wrapper {
	width: 100%;
	max-width: 100%;
	padding-left: 7%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-items: stretch
}

.pngavailabilityWrap .pngavailability {
	width: 65%;
	float: left;
	padding: 2rem 2.5rem 0 0;
	background-color: #fff
}

.pngavailabilityWrap .pngavailability .pnglocationHeading {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 1%;
	margin-bottom: 2rem
}

.pngavailabilityWrap .pngavailability .pnglocationHeading h2 {
	width: auto;
	float: left;
	text-align: left;
	color: #000;
	font-size: 24px;
	line-height: 1;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.pngavailabilityWrap .pngavailability .pnglocationHeading h2 span {
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 14px
}

.pngavailabilityWrap .pngavailability .pnglocationHeading aside {
	width: 200px;
	float: right;
	text-align: right;
	border-bottom: solid 1px #707070
}

.pngavailabilityWrap .pngavailability .pnglocationHeading aside span {
	display: none
}

.pngavailabilityWrap .pngavailability .pnglocationHeading aside input[type=text] {
	background: rgba(0, 0, 0, 0) url("../images/frontimage/search2.png") no-repeat;
	background-position: right 8px top 50%;
	margin: 0;
	width: 100%;
	float: right;
	border: none;
	outline: none;
	padding: .5rem .5rem;
	font-size: 16px;
	line-height: 1;
	color: #707070;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.pngavailabilityWrap .pngavailability .pnglocationHeading aside input[type=text]::placeholder {
	color: #707070;
	opacity: 1
}

.pngavailabilityWrap .pngavailability .pnglocationHeading aside input[type=text]:-ms-input-placeholder {
	color: #707070;
	opacity: 1
}

.pngavailabilityWrap .pngavailability .pnglocationHeading aside input[type=text]::-ms-input-placeholder {
	color: #707070;
	opacity: 1
}

.pngavailabilityWrap .pngavailability .pnglocationHeading p {
	display: none
}

.pngavailabilityWrap .pngavailability .pnglocationfilter {
	width: 100%;
	float: left;
	padding: 0 1%;
	margin-bottom: 2rem
}

.pngavailabilityWrap .pngavailability .pnglocationfilter h2 {
	width: 100%;
	margin-bottom: 1rem;
	float: left;
	text-align: left;
	color: #000;
	font-size: 16px;
	line-height: 26px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.pngavailabilityWrap .pngavailability .pnglocationfilter ul {
	width: 100%;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.pngavailabilityWrap .pngavailability .pnglocationfilter ul li {
	list-style: none;
	width: 22%;
	margin: 0 2.5% 0 0
}

.pngavailabilityWrap .pngavailability .pnglocationfilter ul li:nth-child(4) {
	width: auto
}

.pngavailabilityWrap .pngavailability .pnglocationfilter ul li:nth-child(5) {
	width: auto;
	margin-right: 0
}

.pngavailabilityWrap .pngavailability .pnglocationfilter ul li .erromsg {
	display: none;
	width: 100%;
	float: left;
	margin-top: 5px;
	font-size: 12px;
	color: #f2662c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	text-align: left
}

.pngavailabilityWrap .pngavailability .pnglocationfilter ul li a {
	text-decoration: none;
	font-size: 22px;
	color: #000
}

.pngavailabilityWrap .pngavailability .pnglocationfilter ul li a i.fa.fa-refresh {
	line-height: 1;
	font-weight: 400
}

.pngavailabilityWrap .pngavailability .pnglocationfilter ul li a:hover {
	transition: all .4s ease-in;
	color: #f2662c
}

.pngavailabilityWrap .pngavailability .pnglocationfilter ul li input[type=text] {
	width: 100%;
	float: left;
	padding: .5rem 0;
	background: rgba(0, 0, 0, 0);
	outline: none;
	border: none;
	border-bottom: solid 1px #969696;
	text-align: left;
	font-size: 16px;
	line-height: 1;
	color: #707070;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.pngavailabilityWrap .pngavailability .pnglocationfilter ul li input[type=text]::placeholder {
	color: #707070;
	opacity: 1
}

.pngavailabilityWrap .pngavailability .pnglocationfilter ul li input[type=text]:-ms-input-placeholder {
	color: #707070;
	opacity: 1
}

.pngavailabilityWrap .pngavailability .pnglocationfilter ul li input[type=text]::-ms-input-placeholder {
	color: #707070;
	opacity: 1
}

.pngavailabilityWrap .pngavailability .pnglocationfilter ul li select {
	width: 100%;
	float: left;
	padding: .4rem 0;
	background: rgba(0, 0, 0, 0);
	outline: none;
	border: none;
	border-bottom: solid 1px #969696;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	color: #707070;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	border-radius: 0;
	text-indent: 1px;
	text-overflow: "";
	-webkit-appearance: none;
	appearance: none;
	background: rgba(0, 0, 0, 0) url("../images/frontimage/dd_black.png") no-repeat;
	background-position: right 5px center
}

.pngavailabilityWrap .pngavailability .pnglocationfilter ul li select option {
	color: #000
}

.pngavailabilityWrap .pngavailability .pnglocationfilter ul li select option:disabled {
	user-select: none;
	pointer-events: none
}

.pngavailabilityWrap .pngavailability .pnglocationfilter ul li input[type=submit],
.pngavailabilityWrap .pngavailability .pnglocationfilter ul li input[type=button] {
	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 10px 25px;
	border: none;
	background-color: #f2662c;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: .4px;
	line-height: 20px;
	box-shadow: none;
	text-transform: uppercase;
	cursor: pointer
}

.pngavailabilityWrap .pngavailability .pnglocationfilter ul li input[type=submit]:hover,
.pngavailabilityWrap .pngavailability .pnglocationfilter ul li input[type=button]:hover {
	transition: all .4s ease-in;
	background-color: #f2662c;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137);
	color: #fff
}

.pngavailabilityWrap .pngavailability .pnglocationlist {
	width: 100%;
	float: left;
	height: 660px
}

.pngavailabilityWrap .pngavailability .pnglocationlist .pnglocationscrollContainer,
.pngavailabilityWrap .pngavailability .pnglocationlist .pnglocationscroll {
	overflow: visible
}

.pngavailabilityWrap .pngavailability .pnglocationlist .pnglocationnoresult {
	display: none;
	width: 100%;
	height: 100%;
	float: left;
	padding: 2rem;
	text-align: center;
	background: #fff;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .1607843137);
	border-radius: 0px
}

.pngavailabilityWrap .pngavailability .pnglocationlist .pnglocationnoresult section {
	width: 100%;
	height: 100%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center
}

.pngavailabilityWrap .pngavailability .pnglocationlist .pnglocationnoresult section div aside {
	width: 100%;
	float: left;
	text-align: center
}

.pngavailabilityWrap .pngavailability .pnglocationlist .pnglocationnoresult section div aside img {
	width: 100%;
	max-width: 100px;
	display: inline-block;
	margin: 0 auto
}

.pngavailabilityWrap .pngavailability .pnglocationlist .pnglocationnoresult section div p {
	width: 100%;
	float: left;
	margin-top: 1.5rem;
	text-align: center;
	color: #233d4d;
	font-size: 18px;
	line-height: 1.3;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.pngavailabilityWrap .pngavailability .pnglocationlist ul {
	width: 100%;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	align-items: stretch
}

.pngavailabilityWrap .pngavailability .pnglocationlist ul li {
	list-style: none;
	width: 48%;
	margin: 10px 1%;
	padding: 1.5rem 1.5rem 1.5rem 2rem;
	background: #fff;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .0784313725);
	border-radius: 0px 0px 8px 8px
}

.pngavailabilityWrap .pngavailability .pnglocationlist ul li h2 {
	position: relative;
	width: 100%;
	float: left;
	margin-bottom: .3rem;
	text-align: left;
	color: #000;
	font-size: 16px;
	line-height: 26px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.pngavailabilityWrap .pngavailability .pnglocationlist ul li h2:after {
	content: "";
	position: absolute;
	left: -15px;
	top: 7px;
	height: 12px;
	width: 8px;
	background: url("../images/frontimage/icon2.png") no-repeat;
	background-position: left 0px top 0px
}

.pngavailabilityWrap .pngavailability .pnglocationlist ul li p {
	width: 100%;
	float: left;
	text-align: left;
	color: #3c3c3c;
	font-size: 14px;
	line-height: 24px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.pngavailabilityWrap .pngavailability .pnglocationlist ul li h3 {
	width: 100%;
	float: left;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.pngavailabilityWrap .pngavailability .pnglocationlist ul li h3::before {
	content: "";
	font-family: "FontAwesome";
	font-weight: 300;
	line-height: 1;
	padding-right: 5px
}

.pngavailabilityWrap .pngavailability .pnglocationlist ul li h3.png_comingsoon {
	color: #002293
}

.pngavailabilityWrap .pngavailability .pnglocationlist ul li h3.png_unavailable {
	color: #002293
}

.pngavailabilityWrap .pngavailability .pnglocationlist ul li h3.png_immediateavailability {
	color: #047704
}

.pngavailabilityWrap .pngavailability .pnglocationlist ul li h3.png_openforregistration {
	color: #002293
}

.pngavailabilityWrap .pngavailability .pnglocationlist ul li h4 {
	width: 100%;
	float: left;
	margin-top: .3rem;
	text-align: left;
	font-size: 16px;
	line-height: 26px;
	color: #3a4e5c;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.pngavailabilityWrap .pngavailability .pnglocationlist ul li h4 a {
	text-decoration: none;
	color: #3a4e5c;
	transition: all .4s ease-out
}

.pngavailabilityWrap .pngavailability .pnglocationlist ul li h4 a i.fa {
	padding: 0 5px;
	transition: all .4s ease-out
}

.pngavailabilityWrap .pngavailability .pnglocationlist ul li h4 a b {
	border-bottom: solid 1px rgba(0, 0, 0, 0);
	padding-bottom: 1px;
	transition: all .4s ease-out
}

.pngavailabilityWrap .pngavailability .pnglocationlist ul li h4 a:hover {
	color: #000;
	transition: all .4s ease-in
}

.pngavailabilityWrap .pngavailability .pnglocationlist ul li h4 a:hover i.fa {
	padding: 0 0 0 10px;
	transition: all .4s ease-in
}

.pngavailabilityWrap .pngavailability .pnglocationlist ul li h4 a:hover b {
	border-bottom-color: #000;
	transition: all .4s ease-in
}

.pngavailabilityWrap .pnggetconnection {
	width: 35%;
	float: left;
	background-color: #233d4d
}

.pngavailabilityWrap .pnggetconnection .pnggetconnection_desktop {
	display: block;
	width: 100%;
	float: left
}

.pngavailabilityWrap .pnggetconnection .pnggetconnection_mobile {
	display: none;
	width: 100%;
	float: left
}

.pngavailabilityWrap .pnggetconnection section {
	width: 100%;
	float: left;
	padding: 2rem
}

.pngavailabilityWrap .pnggetconnection section h2 {
	width: 100%;
	float: left;
	margin-bottom: 1rem;
	text-align: left;
	color: #fff;
	font-size: 20px;
	line-height: 26px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_tab {
	width: auto;
	clear: both;
	float: left;
	margin-bottom: 1.5rem;
	border-bottom: solid 1px #fff
}

.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_tab span {
	float: left;
	width: auto;
	border-bottom: solid 2px rgba(0, 0, 0, 0);
	margin: 0;
	padding: 10px 15px;
	text-align: left;
	color: #fff;
	font-size: 16px;
	line-height: 1.2;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	cursor: pointer;
	text-decoration: none
}

.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_tab span.active {
	border-bottom-color: #fff;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	user-select: none;
	pointer-events: none
}

.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_head {
	display: none
}

.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_body {
	width: 100%;
	float: left;
	display: none
}

.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_body dl {
	width: 46%;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 0 5px 0 17px
}

.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_body dl dt {
	width: 100%;
	min-height: 60px;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	border-left: solid 1px #fff
}

.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_body dl dt aside {
	margin-left: -17px;
	height: 34px;
	width: 34px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 21px;
	line-height: 1;
	color: #f2662c
}

.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_body dl dt p {
	width: 85%;
	margin: .1rem 0 .5rem 1rem;
	text-align: left;
	color: #fff;
	font-size: 16px;
	line-height: 1.2;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_body dl dt p span {
	display: block
}

.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_body dl dt:last-child {
	border-left: none
}

.pngavailabilityWrap .pnggetconnection section h4 {
	width: 100%;
	float: left;
	margin: 2rem 0 0 0;
	text-align: left;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.pngavailabilityWrap .pnggetconnection section ul {
	width: 100%;
	float: left;
	padding: .6rem 0 1rem 0
}

.pngavailabilityWrap .pnggetconnection section ul li {
	list-style: none;
	background: rgba(0, 0, 0, 0) url("../images/frontimage/icon2.png") no-repeat;
	background-position: top 7px left 0px;
	padding: 0 0 0 18px;
	margin: 5px 20px 5px 0;
	width: auto;
	float: left;
	text-align: left;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.pngavailabilityWrap .pnggetconnection section h5 {
	width: 100%;
	float: left;
	text-align: left;
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.pngavailabilityWrap .pnggetconnection section h5 a {
	display: inline-block;
	text-decoration: underline;
	color: #fff;
	transition: all .4s ease-out
}

.pngavailabilityWrap .pnggetconnection section h5 a:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

@media only screen and (max-width: 1700px) {
	.pngavailabilityWrap .wrapper {
		padding-left: 2%
	}
}

@media only screen and (max-width: 1565px) {
	.pngavailabilityWrap .pngavailability {
		width: 63%;
		padding: 2rem 2rem 0 0
	}

	.pngavailabilityWrap .pngavailability .pnglocationHeading h2 {
		font-size: 22px
	}

	.pngavailabilityWrap .pngavailability .pnglocationHeading h2 span {
		font-size: 12px
	}

	.pngavailabilityWrap .pngavailability .pnglocationfilter h2 {
		font-size: 16px;
		line-height: 26px
	}

	.pngavailabilityWrap .pngavailability .pnglocationfilter ul li input[type=text] {
		font-size: 16px
	}

	.pngavailabilityWrap .pngavailability .pnglocationfilter ul li select {
		font-size: 16px
	}

	.pngavailabilityWrap .pngavailability .pnglocationlist {
		height: 590px
	}

	.pngavailabilityWrap .pngavailability .pnglocationlist ul li {
		width: 48%;
		margin: 10px 1%;
		padding: 1rem 1rem 1rem 1.5rem
	}

	.pngavailabilityWrap .pngavailability .pnglocationlist ul li h2 {
		font-size: 16px;
		line-height: 26px
	}

	.pngavailabilityWrap .pngavailability .pnglocationlist ul li h2:after {
		top: 5px
	}

	.pngavailabilityWrap .pngavailability .pnglocationlist ul li p {
		font-size: 14px;
		line-height: 22px
	}

	.pngavailabilityWrap .pngavailability .pnglocationlist ul li h3 {
		font-size: 16px;
		line-height: 18px;
		margin-top: .3rem
	}

	.pngavailabilityWrap .pngavailability .pnglocationlist ul li h4 {
		font-size: 16px;
		line-height: 28px
	}

	.pngavailabilityWrap .pnggetconnection {
		width: 37%
	}

	.pngavailabilityWrap .pnggetconnection section {
		padding: 1.5rem
	}

	.pngavailabilityWrap .pnggetconnection section ul li {
		margin: 3px 15px 3px 0
	}
}

@media only screen and (max-width: 1300px) {
	.pngavailabilityWrap .pngavailability {
		width: 62%
	}

	.pngavailabilityWrap .pngavailability .pnglocationlist {
		height: 580px
	}

	.pngavailabilityWrap .pnggetconnection {
		width: 38%
	}
}

@media only screen and (max-width: 1255px) {
	.pngavailabilityWrap .pngavailability {
		width: 60%
	}

	.pngavailabilityWrap .pngavailability .pnglocationlist {
		height: 480px
	}

	.pngavailabilityWrap .pnggetconnection {
		width: 40%
	}

	.pngavailabilityWrap .pnggetconnection section {
		padding: 1rem
	}

	.pngavailabilityWrap .pnggetconnection section h2 {
		margin: 1rem 0
	}

	.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_tab span {
		padding: 10px 7px;
		font-size: 15px
	}

	.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_body dl {
		width: 46%;
		padding: 0 5px 0 14px
	}

	.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_body dl dt aside {
		margin-left: -14px;
		height: 28px;
		width: 28px;
		font-size: 18px
	}

	.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_body dl dt p {
		font-size: 14px
	}

	.pngavailabilityWrap .pnggetconnection section h4 {
		margin: 1.5rem 0 0 0
	}

	.pngavailabilityWrap .pnggetconnection section ul {
		padding: .5rem 0 1rem 0
	}

	.pngavailabilityWrap .pnggetconnection section ul li {
		background-position: top 4px left 0px;
		padding: 0 0 0 18px;
		margin: 5px 20px 5px 0;
		font-size: 14px;
		line-height: 18px
	}

	.pngavailabilityWrap .pnggetconnection section h5 {
		font-size: 12px;
		line-height: 18px
	}
}

@media only screen and (max-width: 1023px) {
	.pngavailabilityWrap .wrapper {
		padding: 0 2%;
		flex-wrap: wrap
	}

	.pngavailabilityWrap .pngavailability {
		width: 100%;
		padding: 1rem 0rem 0 0
	}

	.pngavailabilityWrap .pngavailability .pnglocationlist {
		height: 425px
	}

	.pngavailabilityWrap .pngavailability .pnglocationlist .pnglocationnoresult section div aside img {
		max-width: 70px
	}

	.pngavailabilityWrap .pngavailability .pnglocationlist .pnglocationnoresult section div p {
		margin-top: 1rem;
		font-size: 16px
	}

	.pngavailabilityWrap .pnggetconnection {
		width: 98%;
		margin: 3rem 1%
	}

	.pngavailabilityWrap .pnggetconnection section {
		padding: 2rem
	}

	.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_tab span {
		padding: 10px 12px;
		font-size: 16px
	}
}

@media only screen and (max-width: 1023px) {
	.pngavailabilityWrap .pngavailability .pnglocationlist {
		height: 480px
	}
}

@media only screen and (max-width: 599px) {
	.pngavailabilityWrap .pngavailability .pnglocationHeading {
		width: 96%;
		margin: 0 2% 1rem 2%;
		padding: 0 0 12px 0;
		position: relative;
		overflow: hidden
	}

	.pngavailabilityWrap .pngavailability .pnglocationHeading h2 {
		font-size: 24px
	}

	.pngavailabilityWrap .pngavailability .pnglocationHeading h2 span {
		font-size: 14px
	}

	.pngavailabilityWrap .pngavailability .pnglocationHeading aside {
		position: absolute;
		top: 0;
		left: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		padding: 0 0 1px 0;
		background: #fff
	}

	.pngavailabilityWrap .pngavailability .pnglocationHeading aside span {
		display: block;
		font-size: 22px;
		color: #233d4d;
		cursor: pointer;
		transition: all .4s ease-out
	}

	.pngavailabilityWrap .pngavailability .pnglocationHeading aside span:hover {
		color: #000;
		transition: all .4s ease-in
	}

	.pngavailabilityWrap .pngavailability .pnglocationHeading aside input[type=text] {
		padding: .5rem 3rem .5rem 1rem
	}

	.pngavailabilityWrap .pngavailability .pnglocationHeading p {
		display: block;
		font-size: 22px;
		color: #233d4d;
		cursor: pointer;
		transition: all .4s ease-out
	}

	.pngavailabilityWrap .pngavailability .pnglocationHeading p:hover {
		color: #000;
		transition: all .4s ease-in
	}

	.pngavailabilityWrap .pngavailability .pnglocationfilter {
		margin-bottom: 1rem
	}

	.pngavailabilityWrap .pngavailability .pnglocationfilter ul {
		justify-content: space-between;
		flex-wrap: wrap
	}

	.pngavailabilityWrap .pngavailability .pnglocationfilter ul li {
		list-style: none;
		width: 46%;
		margin: 5px 0
	}

	.pngavailabilityWrap .pngavailability .pnglocationfilter ul li:nth-of-type(3) {
		width: 55%
	}

	.pngavailabilityWrap .pngavailability .pnglocationfilter ul li:nth-child(4) {
		width: auto
	}

	.pngavailabilityWrap .pngavailability .pnglocationfilter ul li:nth-child(5) {
		width: auto;
		margin-right: 0;
		text-align: right
	}

	.pngavailabilityWrap .pngavailability .pnglocationlist {
		height: 580px
	}

	.pngavailabilityWrap .pngavailability .pnglocationlist ul li {
		width: 96%;
		margin: 10px 2%;
		padding: 1rem 1.5rem 1rem 2rem
	}

	.pngavailabilityWrap .pnggetconnection section {
		padding: 1rem
	}
}

@media only screen and (max-width: 479px) {
	.pngavailabilityWrap .pnggetconnection .pnggetconnection_desktop {
		display: none
	}

	.pngavailabilityWrap .pnggetconnection .pnggetconnection_mobile {
		display: block
	}

	.pngavailabilityWrap .pnggetconnection section {
		padding: 1.5rem
	}

	.pngavailabilityWrap .pnggetconnection section h2 {
		margin: 0 0 1rem 0;
		font-size: 18px;
		line-height: 28px
	}

	.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_tab {
		display: none
	}

	.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_head {
		display: block;
		position: relative;
		width: 100%;
		float: left;
		margin: 0 0 1rem 0;
		list-style: none;
		cursor: pointer;
		padding: .3rem 2rem .5rem .5rem;
		border-bottom: solid 1px #fff;
		color: #fff;
		font-size: 16px;
		line-height: 34px;
		font-family: "Arial-Regular", Arial, sans-serif;
		font-weight: 300;
		transition: all .4s ease-out;
		cursor: pointer
	}

	.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_head:after {
		content: "";
		position: absolute;
		top: 50%;
		right: .5rem;
		transform: translateY(-50%);
		font-family: "FontAwesome";
		font-weight: 300;
		line-height: 1;
		color: #fff;
		font-size: 22px;
		transition: all .4s ease-out
	}

	.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_head.active {
		font-family: "Arial-Bold", Arial, sans-serif;
		font-weight: 700;
		transition: all .4s ease-in
	}

	.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_head.active:after {
		content: "";
		transition: all .4s ease-in
	}

	.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_body {
		flex-wrap: wrap
	}

	.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_body dl {
		width: 100%
	}

	.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_body dl dt p {
		width: 90%;
		margin: .2rem 0 .5rem .7rem
	}

	.pngavailabilityWrap .pnggetconnection section .getnewpngconnection_body dl:first-child dt:last-child {
		border-left: solid 1px #fff
	}

	.pngavailabilityWrap .pnggetconnection section ul li {
		width: 100%
	}

	.pngavailabilityWrap .pnggetconnection section h4 {
		margin: 1rem 0 0 0
	}
}

.calculatorWrap {
	width: 100%;
	float: left;
	padding: 2rem 0 4rem 0;
	background: #fff
}

.calculatorWrap .calc_heading {
	width: 100%;
	float: left;
	text-align: left;
	margin: 0 0 2rem 0
}

.calculatorWrap .calc_heading span, .calculatorWrap .calc_heading h1 {
	display: inline;
	color: #000;
	font-size: 26px;
	letter-spacing: 0;
	line-height: 35px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase
}

.calculatorWrap .calc_heading img {
	display: inline;
	max-width: 100%;
	margin: 0 0 -3px 0
}

.calculatorWrap .calc_info {
	width: 100%;
	float: left;
	text-align: left;
	margin: 3rem 0 0 0
}

.calculatorWrap .calc_info h3 {
	width: 100%;
	float: left;
	text-align: left;
	color: #000;
	font-size: 20px;
	line-height: 24px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.calculatorWrap .calc_info p {
	margin: .5rem 0 1.5rem 0;
	width: 100%;
	float: left;
	text-align: left;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 28px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.calculatorWrap .calc_info dl {
	width: 100%;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.calculatorWrap .calc_info dl dt {
	width: auto;
	float: left;
	text-align: center;
	margin-right: 1.5rem
}

.calculatorWrap .calc_info dl dt a {
	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 12px 25px;
	border: none;
	background-color: #f2662c;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
	letter-spacing: .4px;
	text-transform: uppercase
}

.calculatorWrap .calc_info dl dt a:hover {
	transition: all .4s ease-in;
	background-color: #f0632a;
	color: #fff;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137)
}

.calculatorWrap .calc_info dl dd {
	width: auto;
	float: left;
	text-align: left
}

.calculatorWrap .calc_info dl dd a {
	text-decoration: none;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #233d4d;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2;
	transition: all .4s ease-out
}

.calculatorWrap .calc_info dl dd a b {
	border-bottom: solid 2px #fff;
	transition: all .4s ease-out
}

.calculatorWrap .calc_info dl dd a i.fa {
	margin-top: -2px;
	padding: 0 5px;
	transition: all .4s ease-out
}

.calculatorWrap .calc_info dl dd a span {
	border-bottom: solid 1px #fff;
	transition: all .4s ease-out
}

.calculatorWrap .calc_info dl dd a:hover {
	color: #000;
	transition: all .4s ease-in
}

.calculatorWrap .calc_info dl dd a:hover b {
	border-bottom-color: #233d4d;
	transition: all .4s ease-in
}

.calculatorWrap .calc_info dl dd a:hover i.fa {
	padding: 0 0 0 10px;
	transition: all .4s ease-in
}

.calculatorWrap .calc_info dl dd a:hover span {
	border-bottom-color: #000;
	transition: all .4s ease-in
}

.calculatorWrap .calculator_container {
	width: 100%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	align-items: stretch;
	height: inherit
}

.calculatorWrap .calculator_container .calculator_left {
	width: 52%;
	float: left;
	background-color: #fff;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .0784313725);
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.calculatorWrap .calculator_container .calculator_left section {
	width: 100%;
	padding: 3rem;
	float: left;
	height: auto
}

.calculatorWrap .calculator_container .calculator_left section .calculate_field.calculate_field_top {
	width: 100%;
	float: left;
	margin: 0 0 1rem 0
}

.calculatorWrap .calculator_container .calculator_left section .calculate_field.calculate_field_bottom {
	width: 100%;
	float: left;
	margin: 1rem 0 0 0;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.calculatorWrap .calculator_container .calculator_left section .calculate_field.calculate_field_left {
	width: 48%;
	float: left;
	margin: 1rem 0
}

.calculatorWrap .calculator_container .calculator_left section .calculate_field.calculate_field_right {
	width: 48%;
	float: right;
	margin: 1rem 0
}

.calculatorWrap .calculator_container .calculator_left section .calculate_field .calculate_errormsg {
	display: none;
	width: 100%;
	float: left;
	margin: .3rem 0 0 0;
	text-align: left;
	color: #f2662c;
	font-size: 12px;
	line-height: 1;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.calculatorWrap .calculator_container .calculator_left section .calculate_field .calculate_input {
	width: 100%;
	float: left;
	padding: .5rem 0;
	background: rgba(0, 0, 0, 0);
	outline: none;
	border: none;
	border-bottom: solid 1px #535353;
	text-align: left;
	font-size: 18px;
	line-height: 1;
	color: #3d3d3d;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.calculatorWrap .calculator_container .calculator_left section .calculate_field .calculate_input::placeholder {
	color: #535353;
	opacity: 1
}

.calculatorWrap .calculator_container .calculator_left section .calculate_field .calculate_input:-ms-input-placeholder {
	color: #535353;
	opacity: 1
}

.calculatorWrap .calculator_container .calculator_left section .calculate_field .calculate_input::-ms-input-placeholder {
	color: #535353;
	opacity: 1
}

.calculatorWrap .calculator_container .calculator_left section .calculate_field .calculate_select {
	width: 100%;
	float: left;
	padding: .5rem 0;
	background: rgba(0, 0, 0, 0);
	outline: none;
	border: none;
	border-bottom: solid 1px #535353;
	text-align: left;
	font-size: 18px;
	line-height: 1;
	color: #3d3d3d;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	border-radius: 0;
	text-indent: 1px;
	text-overflow: "";
	-webkit-appearance: none;
	appearance: none;
	background: rgba(0, 0, 0, 0) url("../images/frontimage/dd_contactus.png") no-repeat;
	background-position: right 5px center
}

.calculatorWrap .calculator_container .calculator_left section .calculate_field .calculate_select option {
	color: #3d3d3d
}

.calculatorWrap .calculator_container .calculator_left section .calculate_field .calculate_select option:disabled {
	user-select: none;
	pointer-events: none
}

.calculatorWrap .calculator_container .calculator_left section .calculate_field .calculate_button {
	width: auto;
	float: left;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 12px 25px;
	border: none;
	background-color: #f2662c;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 1.2;
	box-shadow: none;
	text-transform: uppercase;
	cursor: pointer
}

.calculatorWrap .calculator_container .calculator_left section .calculate_field .calculate_button:hover {
	transition: all .4s ease-in;
	background-color: #f2662c;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137);
	color: #fff
}

.calculatorWrap .calculator_container .calculator_left section .calculate_field .calculate_reset {
	margin: 0 0 0 2rem;
	width: auto;
	float: left;
	border-bottom: solid 1px #233d4d;
	text-decoration: none;
	transition: all .4s ease-out;
	text-decoration: none;
	color: #233d4d;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
	transition: all .4s ease-out
}

.calculatorWrap .calculator_container .calculator_left section .calculate_field .calculate_reset:hover {
	border-bottom-color: #f2662c;
	color: #f2662c;
	transition: all .4s ease-in
}

.calculatorWrap .calculator_container .calculator_right {
	position: relative;
	width: 48%;
	float: left;
	background: #233d4d url("../images/frontimage/calculator/bg_web.png") no-repeat right top;
	background-size: auto 100%;
	overflow: hidden
}

.calculatorWrap .calculator_container .calculator_right section {
	position: relative;
	width: 79%;
	padding: 3rem;
	float: left;
	height: auto
}

.calculatorWrap .calculator_container .calculator_right section h3 {
	width: 100%;
	float: left;
	margin: 0 0 1rem 0;
	text-align: left;
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.calculatorWrap .calculator_container .calculator_right section h3 span {
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 22px
}

.calculatorWrap .calculator_container .calculator_right section h3 span i.fa {
	margin-right: 5px;
	font-size: 85%;
	font-weight: 300;
	line-height: 1
}

.calculatorWrap .calculator_container .calculator_right section h3 span b {
	font-weight: normal
}

.calculatorWrap .calculator_container .calculator_right section h2 {
	width: auto;
	padding: .7rem 1rem;
	margin: .5rem 0 2rem 0;
	float: left;
	background-color: #fff;
	text-align: left;
	color: #233d4d;
	font-size: 20px;
	line-height: 28px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.calculatorWrap .calculator_container .calculator_right section h2 span {
	font-size: 26px
}

.calculatorWrap .calculator_container .calculator_right section h2 span i.fa {
	margin-right: 5px;
	font-size: 85%;
	font-weight: 300;
	line-height: 1
}

.calculatorWrap .calculator_container .calculator_right section h2 span b {
	font-weight: normal
}

.calculatorWrap .calculator_container .calculator_right section p {
	width: 100%;
	float: left;
	text-align: left;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.calulatorothers {
	width: 100%;
	float: left;
	padding: 5rem 0 7rem 0;
	background: #f4f7f8
}

.calulatorothers .calulatorslider {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.calulatorothers .calulatorslider .items {
	width: 32.8%;
	float: left;
	position: relative
}

.calulatorothers .calulatorslider .items img {
	width: 100%;
	float: left
}

.calulatorothers .calulatorslider .items a {
	position: absolute;
	bottom: 0px;
	right: 0;
	white-space: nowrap;
	width: auto;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 10px 20px;
	border: none;
	background-color: #f2662c;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0;
	text-transform: uppercase
}

.calulatorothers .calulatorslider .items a:hover {
	background: #f0632a;
	transition: all .4s ease-in;
	color: #fff;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137)
}

@media only screen and (max-width: 1565px) {
	.calculatorWrap .calculator_container .calculator_left {
		width: 54%
	}

	.calculatorWrap .calculator_container .calculator_left section {
		padding: 1.5rem
	}

	.calculatorWrap .calculator_container .calculator_left section .calculate_field .calculate_input {
		padding: .5rem 0;
		font-size: 16px
	}

	.calculatorWrap .calculator_container .calculator_left section .calculate_field .calculate_select {
		padding: .5rem 0;
		font-size: 16px
	}

	.calculatorWrap .calculator_container .calculator_left section .calculate_field .calculate_button {
		padding: 10px 20px;
		font-size: 14px
	}

	.calculatorWrap .calculator_container .calculator_left section .calculate_field .calculate_reset {
		margin: 0 0 0 1.5rem;
		font-size: 16px
	}

	.calculatorWrap .calculator_container .calculator_right {
		width: 46%
	}

	.calculatorWrap .calculator_container .calculator_right section {
		width: 79%;
		padding: 1.5rem
	}

	.calculatorWrap .calculator_container .calculator_right section h3 {
		margin: 0 0 .5rem 0;
		font-size: 16px
	}

	.calculatorWrap .calculator_container .calculator_right section h3 span {
		font-size: 20px
	}

	.calculatorWrap .calculator_container .calculator_right section h2 {
		padding: .3rem .6rem;
		margin: .5rem 0 1.2rem 0;
		font-size: 18px
	}

	.calculatorWrap .calculator_container .calculator_right section h2 span {
		font-size: 22px
	}

	.calculatorWrap .calculator_container .calculator_right section p {
		font-size: 12px;
		line-height: 18px
	}
}

@media only screen and (max-width: 1255px) {
	.calculatorWrap .calc_heading span, .calculatorWrap .calc_heading h1{
		font-size: 22px;
		letter-spacing: 1.32px;
		line-height: 32px
	}

	.calculatorWrap .calc_heading img {
		margin: 0 0 -2px 0
	}

	.calculatorWrap .calc_info h3 {
		font-size: 18px;
		line-height: 21px
	}

	.calculatorWrap .calc_info p {
		font-size: 16px;
		line-height: 26px;
		margin: .3rem 0 1rem 0
	}

	.calculatorWrap .calc_info dl {
		flex-direction: column
	}

	.calculatorWrap .calc_info dl dt {
		width: 100%;
		float: left;
		text-align: left;
		margin: 0 0 1.2rem 0
	}

	.calculatorWrap .calc_info dl dt a {
		padding: 10px 20px;
		font-size: 14px;
		letter-spacing: .35px
	}

	.calculatorWrap .calc_info dl dd {
		width: 100%;
		float: left;
		text-align: left
	}

	.calculatorWrap .calculator_container {
		flex-wrap: wrap
	}

	.calculatorWrap .calculator_container .calculator_left {
		width: 100%
	}

	.calculatorWrap .calculator_container .calculator_left section {
		padding: 3rem
	}

	.calculatorWrap .calculator_container .calculator_right {
		width: 100%
	}

	.calculatorWrap .calculator_container .calculator_right section {
		width: 83%;
		padding: 3rem
	}
}

@media only screen and (max-width: 1023px) {
	.calulatorothers {
		padding: 3rem 0 4rem 0
	}

	.calulatorothers .calulatorslider .items a {
		padding: 9px 15px;
		font-size: 14px
	}

	.calulatorothers .calulatorslider .slick-list {
		overflow: hidden
	}

	.calulatorothers .calulatorslider .slick-track {
		overflow: hidden
	}

	.calulatorothers .calulatorslider .slick-slide {
		margin: 0 10px 0 0
	}

	.calculatorWrap .calculator_container .calculator_left section {
		padding: 1.5rem
	}

	.calculatorWrap .calculator_container .calculator_right section {
		width: 80%;
		padding: 1.5rem
	}
}

@media only screen and (max-width: 599px) {
	.calculatorWrap .calculator_container .calculator_left section {
		padding: 1.5rem
	}

	.calculatorWrap .calculator_container .calculator_left section .calculate_field.calculate_field_top {
		margin: 0 0 .9rem 0
	}

	.calculatorWrap .calculator_container .calculator_left section .calculate_field.calculate_field_bottom {
		margin: .9rem 0 0 0
	}

	.calculatorWrap .calculator_container .calculator_left section .calculate_field.calculate_field_left {
		width: 100%;
		margin: .9rem 0
	}

	.calculatorWrap .calculator_container .calculator_left section .calculate_field.calculate_field_right {
		width: 100%;
		margin: .9rem 0
	}

	.calculatorWrap .calculator_container .calculator_right {
		background: #233d4d url("../images/frontimage/calculator/bg_mob.png") no-repeat;
		background-position: left 0 bottom -2px;
		background-size: 100% auto
	}

	.calculatorWrap .calculator_container .calculator_right section {
		width: 100%;
		padding: 1.5rem;
		padding-bottom: 160px
	}
}

@media only screen and (max-width: 479px) {
	.calculatorWrap .calculator_container .calculator_left section {
		padding: 1.5rem
	}

	.calculatorWrap .calculator_container .calculator_right section {
		width: 100%;
		padding: 1.5rem;
		padding-bottom: 130px
	}

	.calculatorWrap .calculator_container .calculator_right section h3 {
		margin-bottom: 1.5rem
	}

	.calculatorWrap .calculator_container .calculator_right section h3 span {
		display: block
	}

	.calculatorWrap .calculator_container .calculator_right section h2 {
		width: 100%;
		margin: 0 0 1.6rem 0
	}

	.calculatorWrap .calculator_container .calculator_right section h2 span {
		display: block
	}

	.calulatorothers {
		padding: 3rem 0 6rem 0
	}

	.calulatorothers .calulatorslider .slick-slide {
		margin: 0 15px 0 0
	}
}

.contactWrap {
	width: 100%;
	float: left;
	padding: 2rem 0 4rem 0;
	background: #fff
}

.contactWrap .contactContainer {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.contactWrap .contactContainer .contactInfo {
	width: 45%;
	float: left
}

.contactWrap .contactContainer .contactInfo p {
	width: 100%;
	float: left;
	text-align: left;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 26px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.contactWrap .contactContainer .contactInfo p a {
	text-decoration: underline;
	transition: all .4s ease-out;
	color: #3c3c3c
}

.contactWrap .contactContainer .contactInfo p a:hover {
	text-decoration: none;
	color: #f2662c;
	transition: all .4s ease-in
}

.contactWrap .contactContainer .contactInfo h2 {
	margin-top: 2rem;
	width: 100%;
	float: left;
	text-align: left;
	color: #000;
	font-size: 20px;
	line-height: 36px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.contactWrap .contactContainer .contactInfo address {
	width: 100%;
	float: left;
	text-align: left;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 26px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-style: normal
}

.contactWrap .contactContainer .contactInfo address a {
	text-decoration: none;
	color: #3c3c3c;
	transition: all .4s ease-out
}

.contactWrap .contactContainer .contactInfo address a:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

.contactWrap .contactContainer .contactInfo dl {
	margin-top: 2rem;
	padding: 1.5rem;
	width: auto;
	float: left;
	text-align: left;
	background: #f2662c
}

.contactWrap .contactContainer .contactInfo dl dt {
	margin-bottom: .7rem;
	text-align: left;
	color: #fff;
	font-size: 24px;
	line-height: 1;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.contactWrap .contactContainer .contactInfo dl dd {
	text-align: left;
	color: #fff;
	font-size: 20px;
	line-height: 32px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.contactWrap .contactContainer .contactInfo dl dd i.fa {
	margin-right: 10px
}

.contactWrap .contactContainer .contactInfo dl dd a {
	text-decoration: none;
	color: #fff;
	transition: all .4s ease-out
}

.contactWrap .contactContainer .contactInfo dl dd a:hover {
	color: #000;
	transition: all .4s ease-in
}

.contactWrap .contactContainer .contactForm {
	width: 45%;
	float: left;
	padding: 4rem 2rem 2rem 2rem;
	margin-top: 3rem;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .0784313725)
}

.contactWrap .contactContainer .contactForm h2 {
	width: 100%;
	float: left;
	text-align: left
}

.contactWrap .contactContainer .contactForm h2 span {
	font-size: 26px;
	letter-spacing: 1.68px;
	line-height: 35px;
	color: #000;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase
}

.contactWrap .contactContainer .contactForm h2 img {
	max-width: 100%
}

.contactWrap .contactContainer .contactForm p {
	width: 100%;
	float: left;
	text-align: left;
	margin: .5rem 0 1rem 0;
	font-size: 16px;
	line-height: 26px;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.contactWrap .contactContainer .contactForm .contact_success {
	display: none;
	width: 100%;
	float: left;
	padding: 5rem 0
}

.contactWrap .contactContainer .contactForm .contact_success aside {
	width: 100%;
	float: left;
	text-align: center
}

.contactWrap .contactContainer .contactForm .contact_success aside span {
	width: 75px;
	height: 75px;
	margin: 0 auto;
	border: solid 5px rgba(0, 150, 0, .7803921569);
	border-radius: 50%;
	background: none;
	display: flex;
	justify-content: center;
	align-items: center
}

.contactWrap .contactContainer .contactForm .contact_success aside span i.fa {
	font-size: 36px;
	color: rgba(0, 150, 0, .7803921569)
}

.contactWrap .contactContainer .contactForm .contact_success h5 {
	margin-top: 1.5rem;
	width: 100%;
	float: left;
	text-align: center
}

.contactWrap .contactContainer .contactForm .contact_success h5 b {
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: #233d4d
}

.contactWrap .contactContainer .contactForm .contact_success h5 span {
	margin-top: 5px;
	display: block;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #3c3c3c
}

.contactWrap .contactContainer .contactForm .contact_failed {
	display: none;
	width: 100%;
	float: left;
	margin: 2rem 0
}

.contactWrap .contactContainer .contactForm .contact_failed section {
	width: 100%;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-items: stretch;
	border: solid 1px #db0303;
	background: snow
}

.contactWrap .contactContainer .contactForm .contact_failed section aside {
	width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #db0303
}

.contactWrap .contactContainer .contactForm .contact_failed section aside i.fa {
	font-size: 24px;
	color: #fff
}

.contactWrap .contactContainer .contactForm .contact_failed section h5 {
	padding: 1rem;
	width: 100%;
	text-align: left
}

.contactWrap .contactContainer .contactForm .contact_failed section h5 b {
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: #233d4d
}

.contactWrap .contactContainer .contactForm .contact_failed section h5 span {
	margin-top: 5px;
	display: block;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #3c3c3c
}

.contactWrap .contactContainer .contactForm ul {
	width: 100%;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap
}

.contactWrap .contactContainer .contactForm ul li {
	list-style: none;
	width: 100%;
	float: left;
	margin-bottom: 1.9rem
}

.contactWrap .contactContainer .contactForm ul li:last-child {
	margin-bottom: 0
}

.contactWrap .contactContainer .contactForm ul li .errorMsg {
	display: none;
	width: 100%;
	float: left;
	margin-top: 5px;
	font-size: 12px;
	color: #f2662c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	text-align: left
}

.contactWrap .contactContainer .contactForm ul li input[type=text],
.contactWrap .contactContainer .contactForm ul li input[type=email] {
	width: 100%;
	float: left;
	padding: .4rem 0;
	background: rgba(0, 0, 0, 0);
	outline: none;
	border: none;
	border-bottom: solid 1px #969696;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	color: #707070;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.contactWrap .contactContainer .contactForm ul li input[type=text]::placeholder,
.contactWrap .contactContainer .contactForm ul li input[type=email]::placeholder {
	color: #707070;
	opacity: 1
}

.contactWrap .contactContainer .contactForm ul li input[type=text]:-ms-input-placeholder,
.contactWrap .contactContainer .contactForm ul li input[type=email]:-ms-input-placeholder {
	color: #707070;
	opacity: 1
}

.contactWrap .contactContainer .contactForm ul li input[type=text]::-ms-input-placeholder,
.contactWrap .contactContainer .contactForm ul li input[type=email]::-ms-input-placeholder {
	color: #707070;
	opacity: 1
}

.contactWrap .contactContainer .contactForm ul li select {
	width: 100%;
	float: left;
	padding: .4rem 0;
	background: rgba(0, 0, 0, 0);
	outline: none;
	border: none;
	border-bottom: solid 1px #969696;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	color: #707070;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	border-radius: 0;
	text-indent: 1px;
	text-overflow: "";
	-webkit-appearance: none;
	appearance: none;
	background: rgba(0, 0, 0, 0) url("../images/frontimage/dd_contactus.png") no-repeat;
	background-position: right 5px center
}

.contactWrap .contactContainer .contactForm ul li select option {
	color: #000
}

.contactWrap .contactContainer .contactForm ul li select option:disabled {
	user-select: none;
	pointer-events: none
}

.contactWrap .contactContainer .contactForm ul li input[type=submit],
.contactWrap .contactContainer .contactForm ul li input[type=button] {
	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 10px 25px;
	border: none;
	background-color: #f2662c;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: .4px;
	line-height: 24px;
	box-shadow: none;
	text-transform: uppercase;
	cursor: pointer
}

.contactWrap .contactContainer .contactForm ul li input[type=submit]:hover,
.contactWrap .contactContainer .contactForm ul li input[type=button]:hover {
	transition: all .4s ease-in;
	background-color: #f2662c;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137);
	color: #fff
}

.adresswrap {
	background: #fafafa;
	width: 100%;
	float: left;
	padding: 4rem 0
}

.adresswrap .addressheading {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2rem
}

.adresswrap .addressheading h2 {
	width: auto;
	float: left;
	text-align: left;
	color: #000;
	font-size: 26px;
	line-height: 1;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.adresswrap .addressheading h2 span {
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 14px
}

.adresswrap .addressheading aside {
	width: 280px;
	float: right;
	text-align: right;
	border-bottom: solid 1px #707070
}

.adresswrap .addressheading aside .addresssearchClose {
	display: none
}

.adresswrap .addressheading aside input[type=text],
.adresswrap .addressheading aside input[type=email] {
	background: rgba(0, 0, 0, 0) url("../images/frontimage/search-black.png") no-repeat;
	background-position: right 8px top 50%;
	margin: 0;
	width: 100%;
	float: right;
	border: none;
	outline: none;
	padding: .5rem .5rem;
	font-size: 18px;
	line-height: 1;
	color: #707070;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.adresswrap .addressheading aside input[type=text]::placeholder,
.adresswrap .addressheading aside input[type=email]::placeholder {
	color: #707070;
	opacity: 1
}

.adresswrap .addressheading aside input[type=text]:-ms-input-placeholder,
.adresswrap .addressheading aside input[type=email]:-ms-input-placeholder {
	color: #707070;
	opacity: 1
}

.adresswrap .addressheading aside input[type=text]::-ms-input-placeholder,
.adresswrap .addressheading aside input[type=email]::-ms-input-placeholder {
	color: #707070;
	opacity: 1
}

.adresswrap .addressheading .addresssearchToggle {
	display: none
}

.adresswrap .adresscontainer {
	width: 100%;
	float: left
}

.adresswrap .adresscontainer .adressmap {
	z-index: 1;
	position: relative;
	width: 74%;
	float: right;
	height: 754px;
	line-height: 0;
	overflow: hidden
}

.adresswrap .adresscontainer .adressmap .contactusmapmyindia {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0
}

.adresswrap .adresscontainer .adressmap .contactusmapmyindia .mapinfo {
	padding: 3px
}

.adresswrap .adresscontainer .adressmap .contactusmapmyindia .mapinfo h5 {
	font-size: 14px;
	color: #000;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.adresswrap .adresscontainer .adressmap .contactusmapmyindia .mapinfo h6 {
	font-size: 13px;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.adresswrap .adresscontainer .adresslist {
	width: 26%;
	float: left;
	height: 754px;
	overflow: hidden
}

.adresswrap .adresscontainer .adresslist .addresssnotavailable {
	display: none;
	width: 100%;
	height: 100%;
	float: left;
	padding: 2rem;
	text-align: center;
	background: #fff;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .1607843137);
	border-radius: 0px
}

.adresswrap .adresscontainer .adresslist .addresssnotavailable section {
	width: 100%;
	height: 100%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center
}

.adresswrap .adresscontainer .adresslist .addresssnotavailable section div aside {
	width: 100%;
	float: left;
	text-align: center
}

.adresswrap .adresscontainer .adresslist .addresssnotavailable section div aside img {
	width: 100%;
	max-width: 100px;
	display: inline-block;
	margin: 0 auto
}

.adresswrap .adresscontainer .adresslist .addresssnotavailable section div p {
	width: 100%;
	float: left;
	margin-top: 1.5rem;
	text-align: center;
	color: #233d4d;
	font-size: 18px;
	line-height: 1.3;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.adresswrap .adresscontainer .adresslist ul {
	width: 100%;
	float: left;
	padding: 1px 0 0 10px
}

.adresswrap .adresscontainer .adresslist ul li {
	list-style: none;
	width: 100%;
	float: left;
	margin: 0 0 .8rem 0;
	padding: 1.5rem 1.5rem 1.5rem 2rem;
	background: #fff;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .1607843137);
	border-radius: 0px 0px 8px 8px
}

.adresswrap .adresscontainer .adresslist ul li h3 {
	position: relative;
	width: 100%;
	float: left;
	text-align: left;
	color: #707070;
	font-size: 14px;
	line-height: 28px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.adresswrap .adresscontainer .adresslist ul li h3:before {
	content: "";
	position: absolute;
	left: -14px;
	top: 7px;
	background: url("../images/frontimage/icon2.png") no-repeat;
	background-size: 100% 100%;
	width: 8px;
	height: 12px
}

.adresswrap .adresscontainer .adresslist ul li h4 {
	margin-bottom: .5rem;
	width: 100%;
	float: left;
	text-align: left;
	color: #000;
	font-size: 18px;
	line-height: 28px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.adresswrap .adresscontainer .adresslist ul li h5 {
	width: 100%;
	float: left;
	text-align: left;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 24px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.adresswrap .adresscontainer .adresslist ul li h6 {
	width: 100%;
	float: left;
	text-align: left;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 24px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.adresswrap .adresscontainer .adresslist ul li p {
	margin-top: .2rem;
	width: 100%;
	float: left;
	text-align: left;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 24px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.adresswrap .adresscontainer .adresslist ul li p i.fa {
	margin-right: 6px;
	transform: rotate(30deg)
}

.adresswrap .adresscontainer .adresslist ul li p span {
	margin-left: 3px
}

.adresswrap .adresscontainer .adresslist ul li p a {
	text-decoration: none;
	color: #3c3c3c;
	transition: all .4s ease-out
}

.adresswrap .adresscontainer .adresslist ul li p a:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

.adresswrap .addressscrollContainer {
	z-index: 2;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	overflow: hidden
}

.adresswrap .addressscrollContainer .adresscontainer {
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	overflow: hidden
}

.adresswrap .addressscrollContainer .addressscrollRail {
	visibility: visible
}

.adresswrap .addressscrollContainer .addressscrollBar {
	visibility: visible
}

@media only screen and (max-width: 1565px) {
	.adresswrap .adresscontainer .adressmap {
		width: 72%;
		height: 650px
	}

	.adresswrap .adresscontainer .adresslist {
		width: 28%;
		height: 650px
	}

	.adresswrap .adresscontainer .adresslist ul li {
		padding: .7rem .7rem .7rem 1.5rem
	}

	.adresswrap .adresscontainer .adresslist ul li h3 {
		font-size: 12px;
		line-height: 24px
	}

	.adresswrap .adresscontainer .adresslist ul li h4 {
		font-size: 16px;
		line-height: 26px
	}

	.adresswrap .adresscontainer .adresslist ul li h5 {
		font-size: 14px;
		line-height: 24px
	}

	.adresswrap .adresscontainer .adresslist ul li h6 {
		font-size: 14px;
		line-height: 24px
	}

	.adresswrap .adresscontainer .adresslist ul li p {
		margin-top: .1rem;
		font-size: 14px;
		line-height: 24px
	}
}

@media only screen and (max-width: 1300px) {
	.contactWrap {
		padding: 2rem 0 3rem 0
	}

	.contactWrap .contactContainer .contactInfo {
		width: 50%
	}

	.contactWrap .contactContainer .contactInfo p {
		font-size: 16px;
		line-height: 26px
	}

	.contactWrap .contactContainer .contactInfo h2 {
		margin-top: 1.5rem;
		font-size: 18px;
		line-height: 54px
	}

	.contactWrap .contactContainer .contactInfo address {
		font-size: 16px;
		line-height: 26px
	}

	.contactWrap .contactContainer .contactInfo dl {
		margin-top: 1.5rem;
		padding: 1rem
	}

	.contactWrap .contactContainer .contactInfo dl dt {
		margin-bottom: 1rem;
		font-size: 22px
	}

	.contactWrap .contactContainer .contactInfo dl dd {
		font-size: 18px;
		line-height: 32px
	}

	.contactWrap .contactContainer .contactForm {
		width: 44%;
		padding: 2rem 1.5rem rem 1.5rem;
		margin-top: 2rem
	}

	.contactWrap .contactContainer .contactForm h2 span {
		font-size: 22px;
		letter-spacing: 1.32px;
		line-height: 36px
	}

	.contactWrap .contactContainer .contactForm p {
		margin: .4rem 0 1rem 0;
		font-size: 16px;
		line-height: 26px
	}

	.contactWrap .contactContainer .contactForm ul li {
		margin-bottom: 1.5em
	}

	.contactWrap .contactContainer .contactForm ul li input[type=text],
	.contactWrap .contactContainer .contactForm ul li input[type=email] {
		font-size: 16px
	}

	.contactWrap .contactContainer .contactForm ul li select {
		font-size: 16px
	}

	.adresswrap {
		padding: 3rem 0
	}

	.adresswrap .addressheading h2 {
		font-size: 22px
	}

	.adresswrap .addressheading h2 span {
		font-size: 16px
	}

	.adresswrap .adresscontainer .adressmap {
		width: 70%;
		height: 650px
	}

	.adresswrap .adresscontainer .adresslist {
		width: 30%;
		height: 650px
	}
}

@media only screen and (max-width: 1255px) {
	.adresswrap .adresscontainer .adressmap {
		width: 68%;
		height: 483px
	}

	.adresswrap .adresscontainer .adresslist {
		width: 32%;
		height: 483px
	}
}

@media only screen and (max-width: 1023px) {
	.adresswrap {
		background: #fff;
		padding: 0rem 0 1rem 0
	}

	.adresswrap .addressheading {
		padding: 1.2rem 10px;
		margin-bottom: 0;
		position: relative;
		overflow: hidden
	}

	.adresswrap .addressheading aside {
		position: absolute;
		top: 0;
		left: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding: 5px;
		background: #fff;
		width: 100%;
		float: left;
		border-bottom: solid 1px #707070
	}

	.adresswrap .addressheading aside .addresssearchClose {
		display: block;
		font-size: 20px;
		color: #000;
		margin-right: 1rem;
		cursor: pointer;
		transition: all .4s ease-out
	}

	.adresswrap .addressheading aside .addresssearchClose:hover {
		color: #f2662c;
		transition: all .4s ease-in
	}

	.adresswrap .addressheading aside input[type=text],
	.adresswrap .addressheading aside input[type=email] {
		padding: .5rem 3rem .5rem .5rem;
		font-size: 18px
	}

	.adresswrap .addressheading .addresssearchToggle {
		display: block;
		margin-right: 5px;
		font-size: 22px;
		color: #000;
		cursor: pointer;
		transition: all .4s ease-out
	}

	.adresswrap .addressheading .addresssearchToggle:hover {
		color: #f2662c;
		transition: all .4s ease-in
	}

	.adresswrap .adresscontainer {
		flex-wrap: wrap
	}

	.adresswrap .adresscontainer .adressmap {
		width: 100%;
		height: 300px
	}

	.adresswrap .adresscontainer .adressmap .contactusmapmyindia {
		left: 1%;
		width: 98%
	}

	.adresswrap .adresscontainer .adresslist {
		width: 100%;
		height: 403px
	}

	.adresswrap .adresscontainer .adresslist .addresssnotavailable section div aside img {
		max-width: 70px
	}

	.adresswrap .adresscontainer .adresslist .addresssnotavailable section div p {
		margin-top: 1rem;
		font-size: 16px
	}

	.adresswrap .adresscontainer .adresslist ul {
		padding: 0 10px
	}

	.adresswrap .adresscontainer .adresslist ul li {
		padding: 1rem 2rem
	}
}

@media only screen and (max-width: 767px) {
	.contactWrap .contactContainer {
		flex-wrap: wrap
	}

	.contactWrap .contactContainer .contactInfo {
		width: 100%
	}

	.contactWrap .contactContainer .contactInfo dl {
		padding: 1.5rem
	}

	.contactWrap .contactContainer .contactForm {
		width: 100%;
		padding: 2rem;
		margin-top: 2rem
	}

	.adresswrap .adresscontainer .adressmap {
		height: 280px
	}

	.adresswrap .adresscontainer .adressmap .contactusmapmyindia {
		left: 1.5%;
		width: 97%
	}

	.adresswrap .adresscontainer .adresslist {
		height: 430px
	}
}

@media only screen and (max-width: 599px) {
	.adresswrap .adresscontainer .adressmap {
		height: 260px
	}

	.adresswrap .adresscontainer .adressmap .contactusmapmyindia {
		left: 2%;
		width: 96%
	}

	.adresswrap .adresscontainer .adresslist {
		height: 450px
	}
}

@media only screen and (max-width: 479px) {
	.adresswrap .adresscontainer .adressmap {
		height: 220px
	}

	.adresswrap .adresscontainer .adressmap .contactusmapmyindia {
		left: 2.5%;
		width: 95%
	}

	.adresswrap .adresscontainer .adresslist {
		height: 525px
	}
}

@media only screen and (max-width: 359px) {
	.contactWrap .contactContainer .contactInfo dl {
		padding: 1rem
	}
}

.csrbutton {
	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 12px 25px;
	border: none;
	background-color: #f2662c;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: .4px;
	text-transform: uppercase
}

.csrbutton:hover {
	transition: all .4s ease-in;
	background-color: #000;
	color: #fff
}

.csrWrap {
	width: 100%;
	float: left;
	padding: 2rem 0 4rem;
	background-color: #fff
}

.csrWrap .csrAbout {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap
}

.csrWrap .csrAbout .csrAboutLeft {
	width: 50%;
	float: left
}

.csrWrap .csrAbout .csrAboutLeft p {
	width: 100%;
	float: left;
	text-align: left;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px
}

.csrWrap .csrAbout .csrAboutLeft aside {
	display: block;
	width: 100%;
	float: left;
	text-align: left;
	margin-top: 2rem
}

.csrWrap .csrAbout .csrAboutLeft aside a.csrbutton {
	background: #f2662c;
	color: #fff
}

.csrWrap .csrAbout .csrAboutLeft aside a.csrbutton:hover {
	background: #f0632a;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137)
}

.csrWrap .csrAbout .csrAboutRight {
	width: auto;
	float: right
}

.csrWrap .csrAbout .csrAboutRight ul {
	width: 100%;
	float: left
}

.csrWrap .csrAbout .csrAboutRight ul li {
	list-style: none;
	width: 100%;
	margin: 0 0 2rem 0;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.csrWrap .csrAbout .csrAboutRight ul li aside {
	width: auto;
	float: left;
	text-align: left
}

.csrWrap .csrAbout .csrAboutRight ul li aside img {
	max-width: 100%
}

.csrWrap .csrAbout .csrAboutRight ul li p {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: auto;
	margin: 0 0 0 1rem;
	float: left;
	text-align: center;
	color: #233d4d;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer;
	transition: all .4s ease-out;
	cursor: pointer
}

.csrWrap .csrAbout .csrAboutRight ul li p span {
	display: inline-block;
	border-bottom: solid 1px #fff;
	transition: all .4s ease-out
}

.csrWrap .csrAbout .csrAboutRight ul li p i.fa {
	display: inline-block;
	margin-top: -4px;
	padding: 0 5px;
	transition: all .4s ease-out
}

.csrWrap .csrAbout .csrAboutRight ul li p:hover {
	color: #000;
	transition: all .4s ease-in
}

.csrWrap .csrAbout .csrAboutRight ul li p:hover span {
	border-bottom-color: #000;
	transition: all .4s ease-in
}

.csrWrap .csrAbout .csrAboutRight ul li p:hover i.fa {
	padding: 0 0 0 10px;
	transition: all .4s ease-in
}

.csrWrap .csrAbout .csrAboutBottom {
	display: none
}

.csrWrap .csrAbout .csrAboutBottom a.csrbutton {
	background: #f2662c;
	color: #fff
}

.csrWrap .csrAbout .csrAboutBottom a.csrbutton:hover {
	background: #f0632a;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137)
}

.commitmentsWrap {
	width: 100%;
	float: left;
	padding: 4rem 0 5rem 0;
	background-color: #f4f7f8
}

.commitmentsWrap h2 {
	width: 100%;
	float: left;
	text-align: left;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.commitmentsWrap h2 span {
	color: #000;
	font-size: 26px;
	letter-spacing: 1.68px;
	line-height: 35px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900
}

.commitmentsWrap h2 img {
	margin-left: 5px;
	max-width: 100%
}

.commitmentsWrap .commitmentsTabs {
	width: 100%;
	float: left;
	margin: 2rem 0 2rem 0;
	display: flex;
	justify-content: center;
	align-items: flex-start
}

.commitmentsWrap .commitmentsTabs ul {
	width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: solid 1px #888
}

.commitmentsWrap .commitmentsTabs ul.disabled {
	user-select: none;
	pointer-events: none
}

.commitmentsWrap .commitmentsTabs ul li {
	list-style: none;
	cursor: pointer;
	padding: 0 2rem 5px 2rem;
	color: #888;
	font-size: 18px;
	line-height: 45px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	transition: all .4s ease-out
}

.commitmentsWrap .commitmentsTabs ul li.active {
	border-bottom-color: #233d4d;
	color: #233d4d;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	transition: all .4s ease-in;
	position: relative
}

.commitmentsWrap .commitmentsTabs ul li.active:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 4px;
	background: #233d4d;
	line-height: 0;
	font-size: 1px
}

.commitmentsWrap .commitmentsContainer {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
	min-height: 100px
}

.commitmentsWrap .commitmentsContainer .csrloader {
	display: none;
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #f4f7f8;
	text-align: center
}

.commitmentsWrap .commitmentsContainer .csrloader i.fa.fa-spinner {
	font-weight: 900;
	color: #f2662c;
	font-size: 72px
}

.commitmentsWrap .commitmentsContainer .commitmenthead {
	display: none
}

.commitmentsWrap .commitmentsContainer .commitmentbody {
	display: none;
	width: 100%;
	float: left
}

.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox {
	position: relative;
	width: 100%;
	float: left;
	margin: 1.5rem 0
}

.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox .commitmentsLeft {
	float: left;
	width: 50%
}

.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox .commitmentsLeft img {
	width: 100%
}

.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox .commitmentsRight {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 60%;
	min-height: 60%;
	padding: 3rem 2rem;
	background-color: #fff;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .0784313725);
    border-radius: 10px;
}

.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox .commitmentsRight aside {
	width: 100%;
	float: left;
	text-align: left;
	font-size: 16px;
	line-height: 1.2;
	color: #707070;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox .commitmentsRight h2 {
	width: 100%;
	float: left;
	margin: .7rem 0 .5rem 0;
	text-align: left;
	font-size: 20px;
	line-height: 26px;
	color: #000;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox .commitmentsRight p {
	width: 100%;
	float: left;
	text-align: left;
	font-size: 16px;
	line-height: 26px;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox.commitmentsReverse .commitmentsLeft {
	float: right
}

.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox.commitmentsReverse .commitmentsRight {
	right: auto;
	left: 0
}

.csr_pagination {
	width: 100%;
	float: left;
	margin: 2rem 0 0 0;
	display: flex;
	justify-content: center;
	align-items: center
}

.csr_pagination p {
	background: rgba(0, 0, 0, 0);
	padding: 8px 16px;
	font-size: 30px
}

.csr_pagination p a {
	text-decoration: none;
	color: #3e3e3e;
	transition: all .4s ease-out
}

.csr_pagination p a i.fa {
	padding: 0
}

.csr_pagination p a span {
	display: none;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.csr_pagination p a:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

.csr_pagination div h2 {
	display: none
}

.csr_pagination div ul {
	display: flex;
	justify-content: center;
	align-items: center
}

.csr_pagination div ul li {
	list-style: none;
	margin: 0;
	padding: 0 .5rem;
	font-size: 20px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.csr_pagination div ul li a {
	text-decoration: none;
	float: left;
	width: 36px;
	height: 36px;
	line-height: 36px;
	background: rgba(0, 0, 0, 0);
	border-radius: 50%;
	text-align: center;
	color: #3e3e3e;
	transition: all .4s ease-out
}

.csr_pagination div ul li a:hover {
	background: #f2662c;
	color: #fff;
	transition: all .4s ease-in
}

.csr_pagination div ul li.active a {
	background: #f2662c;
	color: #fff;
	user-select: none;
	pointer-events: none
}

@media only screen and (max-width: 1565px) {
	.csrWrap .csrAbout .csrAboutLeft p {
		font-size: 16px;
		line-height: 26px
	}

	.csrWrap .csrAbout .csrAboutRight ul li {
		list-style: none;
		width: 100%;
		margin: 0 0 2rem 0;
		display: flex;
		justify-content: flex-start;
		align-items: center
	}

	.csrWrap .csrAbout .csrAboutRight ul li p {
		font-size: 18px;
		line-height: 24px
	}

	.commitmentsWrap .commitmentsTabs ul li {
		font-size: 18px;
		line-height: 36px
	}

	.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox {
		margin: 1rem 0
	}

	.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox .commitmentsRight {
		width: 52%;
		padding: 2rem;
        border-radius: 10px;
	}

	.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox .commitmentsRight aside {
		font-size: 14px
	}

	.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox .commitmentsRight h2 {
		font-size: 22px;
		line-height: 28px
	}

	.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox .commitmentsRight p {
		font-size: 16px;
		line-height: 24px
	}
}

@media only screen and (max-width: 1255px) {
	.commitmentsWrap .commitmentsTabs ul {
		width: 100%
	}

	.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox .commitmentsRight {
		width: 70%;
		padding: 1rem
	}
}

@media only screen and (max-width: 1023px) {
	.csrWrap {
		padding: 2rem 0 3rem 0
	}

	.csrWrap .csrAbout .csrAboutLeft {
		width: 100%
	}

	.csrWrap .csrAbout .csrAboutLeft aside {
		display: none
	}

	.csrWrap .csrAbout .csrAboutRight {
		width: 100%;
		margin-top: 1rem
	}

	.csrWrap .csrAbout .csrAboutRight ul li {
		margin: .7rem 0
	}

	.csrWrap .csrAbout .csrAboutRight ul li aside img {
		max-width: 50px
	}

	.csrWrap .csrAbout .csrAboutRight ul li p {
		font-size: 16px;
		line-height: 24px
	}

	.csrWrap .csrAbout .csrAboutRight ul li p i.fa {
		display: none
	}

	.csrWrap .csrAbout .csrAboutBottom {
		display: block;
		width: 100%;
		float: left;
		text-align: left;
		margin-top: 1rem
	}

	.csrWrap .csrAbout .csrAboutBottom a.csrbutton {
		background: #f2662c;
		color: #fff
	}

	.csrWrap .csrAbout .csrAboutBottom a.csrbutton:hover {
		background: #f0632a;
		box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137)
	}

	.commitmentsWrap {
		padding: 3rem 0
	}

	.commitmentsWrap .commitmentsTabs {
		display: none
	}

	.commitmentsWrap .commitmentsContainer h2 span {
		font-size: 24px;
		letter-spacing: .92px;
		line-height: 30px
	}

	.commitmentsWrap .commitmentsContainer .commitmenthead {
		display: block;
		position: relative;
		width: 100%;
		float: left;
		margin: 0;
		list-style: none;
		cursor: pointer;
		padding: 1rem 3rem 1rem .7rem;
		border-bottom: solid 1.5px #707070;
		color: #888;
		font-size: 20px;
		line-height: 1.5;
		font-family: "Arial-Regular", Arial, sans-serif;
		font-weight: 300;
		transition: all .4s ease-out;
		cursor: pointer
	}

	.commitmentsWrap .commitmentsContainer .commitmenthead:after {
		content: "";
		position: absolute;
		top: 50%;
		right: .6rem;
		transform: translateY(-50%);
		font-family: "FontAwesome";
		font-weight: 300;
		line-height: 1;
		color: #888;
		font-size: 28px;
		transition: all .4s ease-out
	}

	.commitmentsWrap .commitmentsContainer .commitmenthead.active {
		border-bottom: none;
		color: #233d4d;
		font-family: "Arial-Bold", Arial, sans-serif;
		font-weight: 700;
		transition: all .4s ease-in
	}

	.commitmentsWrap .commitmentsContainer .commitmenthead.active:after {
		content: "";
		color: #233d4d;
		transition: all .4s ease-in
	}

	.commitmentsWrap .commitmentsContainer .commitmenthead.disabled {
		user-select: none;
		pointer-events: none
	}

	.commitmentsWrap .commitmentsContainer .commitmentbody {
		margin: 0 0 1rem 0
	}

	.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox {
		margin: 1rem 0
	}

	.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox .commitmentsLeft {
		width: 100%
	}

	.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox .commitmentsRight {
		margin-top: -80px;
		margin-left: 12%;
		width: 76%;
		padding: 3rem 2rem;
		float: left;
		position: relative;
		right: auto;
		left: 0;
		top: 0;
		transform: none
	}

	.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox .commitmentsRight aside {
		font-size: 14px
	}

	.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox .commitmentsRight h2 {
		font-size: 22px;
		line-height: 28px
	}

	.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox .commitmentsRight p {
		font-size: 16px;
		line-height: 24px
	}

	.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox.commitmentsReverse .commitmentsRight {
		float: left;
		right: auto;
		left: 0;
		top: 0
	}

	.csr_pagination p {
		font-size: 21px
	}

	.csr_pagination div {
		position: relative;
		width: 80px;
		margin-right: 10px
	}

	.csr_pagination div h2 {
		display: block;
		width: 100%;
		float: left;
		background: rgba(0, 0, 0, 0);
		position: relative;
		padding: 7px 0;
		margin: 0;
		cursor: pointer;
		font-size: 20px;
		font-family: "Arial-Bold", Arial, sans-serif;
		font-weight: 700;
		color: #3c3c3c;
		cursor: pointer;
		text-align: center
	}

	.csr_pagination div h2:after {
		content: "";
		position: absolute;
		right: 9px;
		top: 40%;
		transform: rotate(-135deg);
		padding: 3px;
		border-left: 1px solid #3d3d3d;
		border-top: 1px solid #3d3d3d
	}

	.csr_pagination div ul {
		display: none;
		z-index: 4;
		position: absolute;
		right: 0;
		top: 39px;
		width: 100%;
		height: 120px;
		float: left;
		padding: 0;
		border-top: solid 1px #fafafa;
		overflow: hidden;
		overflow-y: scroll;
		background: #f4f7f8;
		flex-direction: column
	}

	.csr_pagination div ul li {
		width: 100%;
		float: left;
		text-align: center;
		padding: 0
	}

	.csr_pagination div ul li a {
		background: rgba(0, 0, 0, 0);
		width: 100%;
		height: auto;
		border-radius: 0;
		line-height: 1;
		padding: .4rem 0;
		color: #233d4d
	}

	.csr_pagination div ul li a:hover {
		background: #233d4d;
		color: #fff
	}

	.csr_pagination div ul li.active a {
		background: #233d4d;
		color: #fff
	}
}

@media only screen and (max-width: 479px) {
	.csrWrap .csrAbout .csrAboutRight {
		width: 100%
	}

	.csrWrap .csrAbout .csrAboutRight ul li aside img {
		max-width: 35px
	}

	.csrWrap .csrAbout .csrAboutRight ul li p {
		margin: 0 0 0 .5rem;
		text-align: left;
		font-size: 16px;
		line-height: 24px
	}

	.commitmentsWrap {
		padding: 2rem 0 6rem 0
	}

	.commitmentsWrap h2 span {
		font-size: 22px;
		letter-spacing: .92px;
		line-height: 38px
	}

	.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox .commitmentsRight {
		padding: 1.5rem;
		margin-top: -40px;
		width: 80%;
		margin-left: 10%
	}

	.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox .commitmentsRight aside {
		font-size: 14px
	}

	.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox .commitmentsRight h2 {
        margin: 0.5rem 0 0.5rem 0;
        font-size: 22px;
        line-height: 24px;
        display: inline-block;
        color: #000 !important;
        width: 100%;
	}

	.commitmentsWrap .commitmentsContainer .commitmentbody .commitmentsBox .commitmentsRight p {
		font-size: 16px;
		line-height: 24px
	}
}

.doanddontWrap {
	width: 100%;
	float: left;
	padding: 2rem 0 5rem 0;
	background-color: #fff
}

.doanddontWrap .doanddontAbout {
	width: 100%;
	float: left
}

.doanddontWrap .doanddontAbout h2 {
	width: 100%;
	float: left;
	text-align: left;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.doanddontWrap .doanddontAbout h2 span, .doanddontWrap .doanddontAbout h1 {
	color: #000;
	font-size: 26px;
	letter-spacing: 1.68px;
	line-height: 35px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900
}

.doanddontWrap .doanddontAbout h1 img {
	margin-left: 5px;
	max-width: 100%
}

.doanddontWrap .doanddontAbout p {
	width: 100%;
	float: left;
	padding-top: 1rem;
	text-align: left;
	color: #535353;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px
}

.doanddontWrap .doanddontContainer {
	width: 100%;
	float: left;
	padding: 4rem 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-items: stretch;
	height: 100%
}

.doanddontWrap .doanddontContainer .doanddontImg {
	width: 28%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	height: auto
}

.doanddontWrap .doanddontContainer .doanddontImg section {
	width: 100%;
	float: left
}

.doanddontWrap .doanddontContainer .doanddontImg section img {
	width: 100%;
	float: left
}

.doanddontWrap .doanddontContainer .doanddontImg section p {
	margin-top: 1rem;
	width: 100%;
	float: left
}

.doanddontWrap .doanddontContainer .doanddontImg section p span {
	width: 50%;
	float: left;
	text-align: center;
	color: #000;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 26px
}

.doanddontWrap .doanddontContainer .doanddontText {
	width: 33%;
	float: left;
	background: #f4f7f8;
	border-radius: 8px;
	padding: 1rem 1.5rem
}

.doanddontWrap .doanddontContainer .doanddontText ul {
	width: 100%;
	float: left
}

.doanddontWrap .doanddontContainer .doanddontText ul li {
	list-style: disc;
	margin: 0 0 1.2rem 1rem;
	text-align: left;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px
}

.doanddontWrap .doanddontContainer .doanddontText ul li:first-child {
	display: none
}

.doanddontWrap .safetyinstructions {
	width: 100%;
	float: left
}

.doanddontWrap .safetyinstructions h2 {
	width: 100%;
	float: left;
	padding-bottom: 1rem;
	text-align: center;
	color: #000;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 26px
}

.doanddontWrap .safetyinstructions section {
	width: 100%;
	float: left;
	padding: 1.5rem 1rem;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .0784313725)
}

.doanddontWrap .safetyinstructions section ul {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.doanddontWrap .safetyinstructions section ul li {
	list-style: none;
	width: 13%
}

.doanddontWrap .safetyinstructions section ul li aside {
	width: 100%;
	float: left;
	text-align: center
}

.doanddontWrap .safetyinstructions section ul li aside img {
	max-width: 50px
}

.doanddontWrap .safetyinstructions section ul li p {
	margin-top: 1rem;
	width: 100%;
	float: left;
	text-align: center;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px
}

.doanddontWrap .safetyinstructions section.forpngonly ul li {
	width: 23%
}

@media only screen and (max-width: 1255px) {
	.doanddontWrap .safetyinstructions h2 {
		width: 100%;
		float: left;
		padding-bottom: 1rem;
		text-align: center;
		color: #000;
		font-family: "Arial-Bold", Arial, sans-serif;
		font-weight: 700;
		font-size: 18px;
		line-height: 28px
	}

	.doanddontWrap .safetyinstructions section {
		overflow: hidden;
		overflow-x: scroll
	}

	.doanddontWrap .safetyinstructions section ul {
		width: 1300px
	}

	.doanddontWrap .safetyinstructions section.forpngonly ul {
		width: 100%
	}
}

@media only screen and (max-width: 767px) {
	.doanddontWrap {
		padding: 2rem 0 3rem 0
	}

	.doanddontWrap .doanddontAbout h2 {
		display: block
	}

	.doanddontWrap .doanddontAbout h2 span, .doanddontWrap .doanddontAbout h1 {
		display: inline;
		font-size: 22px;
		letter-spacing: 1.32px;
		line-height: 36px
	}

	.doanddontWrap .doanddontAbout h2 img {
		display: inline;
		margin: 0 0 -3px 0
	}

	.doanddontWrap .doanddontAbout p {
		font-size: 16px;
		line-height: 26px
	}

	.doanddontWrap .doanddontContainer {
		padding: 1rem 0 3rem 0;
		flex-direction: column
	}

	.doanddontWrap .doanddontContainer .doanddontImg {
		display: none
	}

	.doanddontWrap .doanddontContainer .doanddontText {
		width: 100%;
		background: none;
		border-radius: 0;
		padding: 0
	}

	.doanddontWrap .doanddontContainer .doanddontText ul li {
		margin: 0 0 1rem 1rem;
		font-size: 16px;
		line-height: 26px
	}

	.doanddontWrap .doanddontContainer .doanddontText ul li:first-child {
		display: block;
		list-style: none;
		margin-left: 0
	}

	.doanddontWrap .doanddontContainer .doanddontText ul li h2 {
		font-family: "Arial-Bold", Arial, sans-serif;
		font-weight: 700;
		font-size: 18px;
		line-height: 28px;
		margin-top: 1rem
	}

	.doanddontWrap .safetyinstructions h2 {
		padding: 0 10% 1rem 10%;
		font-size: 16px;
		line-height: 26px
	}

	.doanddontWrap .safetyinstructions section {
		padding: 1rem
	}

	.doanddontWrap .safetyinstructions section ul {
		width: 1050px
	}

	.doanddontWrap .safetyinstructions section ul li aside img {
		max-width: 40px
	}

	.doanddontWrap .safetyinstructions section ul li p {
		font-size: 14px;
		line-height: 22px
	}

	.doanddontWrap .safetyinstructions section.forpngonly ul {
		width: 160%
	}
}

@media only screen and (max-width: 599px) {
	.doanddontWrap .safetyinstructions section.forpngonly ul {
		width: 220%
	}
}

@media only screen and (max-width: 479px) {
	.doanddontWrap .safetyinstructions section.forpngonly ul {
		width: 280%
	}
}

@media only screen and (max-width: 374px) {
	.doanddontWrap .doanddontAbout h2 span {
		font-size: 20px
	}
}

.faqsWrap {
	width: 100%;
	float: left;
	padding: 2rem 0 5rem 0;
	background-color: #fff
}

.faqsWrap .faqsAbout {
	width: 100%;
	float: left
}

.faqsWrap .faqsAbout h2 {
	width: 100%;
	float: left;
	text-align: left;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.faqsWrap .faqsAbout h2 span,.faqsWrap .faqsAbout h1 {
	text-transform: uppercase;
	color: #000;
	font-size: 26px;
	letter-spacing: 1.32px;
	line-height: 35px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900
}

.faqsWrap .faqsAbout h2 img {
	margin-left: 5px;
	max-width: 100%
}

.faqsWrap .faqsAbout p {
	width: 100%;
	float: left;
	padding-top: 1rem;
	text-align: left;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px
}

.faqsWrap .popularquestions {
	width: 100%;
	float: left;
	padding: 4rem 0 3rem 0
}

.faqsWrap .popularquestions h2 {
	width: 100%;
	float: left;
	margin-bottom: 1rem;
	text-align: left;
	color: #000;
	font-size: 20px;
	line-height: 28px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.faqsWrap .popularquestions .popularquestionsSlider {
	width: 100%;
	float: left
}

.faqsWrap .popularquestions .popularquestionsSlider .slick-list {
	margin: 0px !important
}

.faqsWrap .popularquestions .popularquestionsSlider .slick-list .slick-track {
	display: flex;
	justify-content: space-between;
	align-items: stretch
}

.faqsWrap .popularquestions .popularquestionsSlider .slick-list .slick-track .slick-slide {
	margin: 12px;
	padding: 0 !important;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	height: inherit;
	background: #fff;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .0784313725);
	border-radius: 0px 0px 8px 8px
}

.faqsWrap .popularquestions .popularquestionsSlider .slick-list .slick-track .slick-slide div {
	width: 100%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	height: 100%
}

.faqsWrap .popularquestions .popularquestionsSlider .slick-list .slick-track .slick-slide .itmes {
	display: block;
	width: 100%;
	float: left;
	padding: 1.5rem 1rem;
	cursor: pointer
}

.faqsWrap .popularquestions .popularquestionsSlider .slick-list .slick-track .slick-slide .itmes aside {
	width: 100%;
	float: left
}

.faqsWrap .popularquestions .popularquestionsSlider .slick-list .slick-track .slick-slide .itmes aside img {
	max-width: 100%
}

.faqsWrap .popularquestions .popularquestionsSlider .slick-list .slick-track .slick-slide .itmes h5 {
	width: 100%;
	float: left;
	margin: .7rem 0;
	text-align: left;
	color: #707070;
	font-size: 14px;
	line-height: 1;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.faqsWrap .popularquestions .popularquestionsSlider .slick-list .slick-track .slick-slide .itmes p {
	width: 100%;
	float: left;
	text-align: left;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 24px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.faqsWrap .faqsTabs {
	width: 100%;
	float: left;
	padding: 0 0 2rem 0;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap
}

.faqsWrap .faqsTabs h2 {
	width: 100%;
	float: left;
	text-align: left;
	margin-bottom: 1.5rem
}

.faqsWrap .faqsTabs h2 span {
	display: inline;
	color: #000;
	font-size: 26px;
	letter-spacing: 0;
	line-height: 37px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase
}

.faqsWrap .faqsTabs h2 img {
	display: inline;
	margin: 0 0 -3px 0;
	max-width: 100%
}

.faqsWrap .faqsTabs ul {
	width: auto;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: solid 1px #888
}

.faqsWrap .faqsTabs ul.disabled {
	user-select: none;
	pointer-events: none
}

.faqsWrap .faqsTabs ul li {
	list-style: none;
	cursor: pointer;
	padding: 0 2rem 5px 2rem;
	color: #888;
	font-size: 20px;
	line-height: 48px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	transition: all .4s ease-out;
	cursor: pointer
}

.faqsWrap .faqsTabs ul li.active {
	border-bottom-color: #233d4d;
	color: #233d4d;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	transition: all .4s ease-in;
	position: relative;
	user-select: none;
	pointer-events: none
}

.faqsWrap .faqsTabs ul li.active:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 4px;
	background: #233d4d;
	line-height: 0;
	font-size: 1px
}

.faqsWrap .faqsContainer {
	width: 100%;
	float: left
}

.faqsWrap .faqsContainer .faqsnoresult {
	display: none;
	width: 100%;
	float: left;
	text-align: center;
	background: none;
	border-radius: 0px
}

.faqsWrap .faqsContainer .faqsnoresult section {
	width: 100%;
	height: 100%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center
}

.faqsWrap .faqsContainer .faqsnoresult section div aside {
	width: 100%;
	float: left;
	text-align: center
}

.faqsWrap .faqsContainer .faqsnoresult section div aside img {
	width: 100%;
	max-width: 100px;
	display: inline-block;
	margin: 0 auto
}

.faqsWrap .faqsContainer .faqsnoresult section div p {
	width: 100%;
	float: left;
	margin-top: 1.5rem;
	text-align: center;
	color: #233d4d;
	font-size: 18px;
	line-height: 1.3;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.faqsWrap .faqsContainer .faqsnoresult section div h4 {
	width: 100%;
	float: left;
	text-align: center;
	margin: 2rem 0 0 0
}

.faqsWrap .faqsContainer .faqsnoresult section div h4 span {
	cursor: pointer;
	border-bottom: solid 2px #000;
	padding-bottom: 2px;
	display: inline-block;
	color: #000;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 1.2;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	transition: all .4s ease-out
}

.faqsWrap .faqsContainer .faqsnoresult section div h4 span:hover {
	border-bottom-color: #f2662c;
	color: #f2662c;
	transition: all .4s ease-in
}

.faqsWrap .faqsContainer .faqsheader {
	display: none
}

.faqsWrap .faqsContainer .faqssection {
	display: none;
	width: 100%;
	float: left;
	margin: 0;
	position: relative;
	overflow: hidden
}

.faqsWrap .faqsContainer .faqssection .faqsloader {
	display: none;
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: rgba(0, 0, 0, 0);
	text-align: center
}

.faqsWrap .faqsContainer .faqssection .faqsloader i.fa.fa-spinner {
	font-weight: 900;
	color: #f2662c;
	font-size: 72px
}

.faqsWrap .faqsContainer .faqssection ul {
	width: 100%;
	float: left
}

.faqsWrap .faqsContainer .faqssection ul li {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #aeaeae;
	float: left
}

.faqsWrap .faqsContainer .faqssection ul li h4 {
	width: 100%;
	float: left;
	padding: 1rem 2.5rem 1rem 1rem;
	cursor: pointer;
	text-align: left;
	font-size: 16px;
	line-height: 26px;
	color: #000;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	position: relative
}

.faqsWrap .faqsContainer .faqssection ul li h4:after {
	content: "";
	position: absolute;
	top: 50%;
	right: .7rem;
	transform: translateY(-50%);
	font-family: "FontAwesome";
	font-weight: 300;
	line-height: 1;
	color: #f2662c;
	font-size: 14px;
	transition: all .4s ease-out
}

.faqsWrap .faqsContainer .faqssection ul li P {
	display: none;
	width: 100%;
	padding: 1rem .7rem;
	float: left;
	text-align: left;
	font-size: 16px;
	line-height: 26px;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.faqsWrap .faqsContainer .faqssection ul li P a {
	text-decoration: none;
	color: #f2662c;
	transition: all .4s ease-out
}

.faqsWrap .faqsContainer .faqssection ul li P a:hover {
	text-decoration: underline;
	color: #233d4d;
	transition: all .4s ease-in
}

.faqsWrap .faqsContainer .faqssection ul li:last-child {
	border-bottom: none
}

.faqsWrap .faqsContainer .faqssection ul li.active h4 {
	background-color: #233d4d;
	color: #fff
}

.faqsWrap .faqsContainer .faqssection ul li.active h4:after {
	content: "";
	color: #fff;
	transition: all .4s ease-in
}

@media only screen and (max-width: 1300px) {
	.faqsWrap .faqsAbout h2 {
		display: block
	}

	.faqsWrap .faqsAbout h2 span,.faqsWrap .faqsAbout h1 span {
		display: inline;
		font-size: 22px;
		letter-spacing: 1.32px;
		line-height: 36px
	}

	.faqsWrap .faqsAbout h2 img {
		display: inline;
		margin: 0 0 -3px 0
	}

	.faqsWrap .faqsAbout p {
		font-size: 16px;
		line-height: 26px
	}

	.faqsWrap .popularquestions {
		padding: 2rem 0 2rem 0
	}

	.faqsWrap .popularquestions h2 {
		font-size: 20px;
		line-height: 28px
	}

	.faqsWrap .popularquestions .popularquestionsSlider .slick-list .slick-track .slick-slide .itmes p {
		font-size: 16px;
		line-height: 20px
	}

	.faqsWrap .faqsTabs h2 span {
		font-size: 22px;
		line-height: 32px
	}

	.faqsWrap .faqsTabs h2 img {
		margin-bottom: -2px
	}

	.faqsWrap .faqsTabs ul li {
		padding: 0 1.5rem 5px 1.5rem;
		font-size: 18px;
		line-height: 42px
	}

	.faqsWrap .faqsContainer .faqssection ul li h4 {
		font-size: 16px;
		line-height: 22px
	}

	.faqsWrap .faqsContainer .faqssection ul li P {
		font-size: 16px;
		line-height: 22px
	}
}

@media only screen and (max-width: 1023px) {
	.faqsWrap .faqsAbout {
		display: none
	}

	.faqsWrap .popularquestions {
		display: none
	}

	.faqsWrap .faqsTabs {
		padding: 0
	}

	.faqsWrap .faqsTabs h2 {
		margin-bottom: 1rem
	}

	.faqsWrap .faqsTabs ul {
		display: none
	}

	.faqsWrap .faqsContainer .faqsheader {
		display: block;
		position: relative;
		width: 100%;
		float: left;
		margin: 0;
		list-style: none;
		cursor: pointer;
		padding: .7rem 3rem .7rem .7rem;
		border-bottom: solid 2px #707070;
		color: #888;
		font-size: 20px;
		line-height: 45px;
		font-family: "Arial-Regular", Arial, sans-serif;
		font-weight: 300;
		transition: all .4s ease-out;
		cursor: pointer
	}

	.faqsWrap .faqsContainer .faqsheader:after {
		content: "";
		position: absolute;
		top: 50%;
		right: .6rem;
		transform: translateY(-50%);
		font-family: "FontAwesome";
		font-weight: 300;
		line-height: 1;
		color: #888;
		font-size: 28px;
		transition: all .4s ease-out
	}

	.faqsWrap .faqsContainer .faqsheader.active {
		border-bottom: none;
		color: #233d4d;
		font-family: "Arial-Bold", Arial, sans-serif;
		font-weight: 700;
		transition: all .4s ease-in
	}

	.faqsWrap .faqsContainer .faqsheader.active:after {
		content: "";
		color: #233d4d;
		transition: all .4s ease-in
	}

	.faqsWrap .faqsContainer .faqsheader.disabled {
		user-select: none;
		pointer-events: none
	}

	.faqsWrap .faqsContainer .faqssection ul li:last-child {
		border-bottom: solid 1px #707070
	}
}

@media only screen and (max-width: 479px) {
	.faqsWrap .popularquestions {
		padding: 2rem 0 2rem 0
	}

	.faqsWrap .popularquestions h2 {
		margin-bottom: .5rem;
		font-size: 18px;
		line-height: 26px
	}

	.faqsWrap .popularquestions .popularquestionsSlider .slick-list .slick-track .slick-slide {
		padding: 1rem;
		margin: 7px;
		box-shadow: 0px 2px 6px rgba(0, 0, 0, .0784313725)
	}

	.faqsWrap .popularquestions .popularquestionsSlider .slick-list .slick-track .slick-slide .itmes h5 {
		margin: .4rem 0;
		font-size: 12px
	}

	.faqsWrap .popularquestions .popularquestionsSlider .slick-list .slick-track .slick-slide .itmes p {
		font-size: 14px;
		line-height: 18px
	}
}

.healthsafetymain {
	width: 100%;
	float: left;
	padding: 2rem 0 4rem 0;
	background-color: #fff
}

.healthsafetymain .healthsafetyAbout {
	width: 100%;
	float: left
}

.healthsafetymain .healthsafetyAbout article {
	width: 50%;
	float: left
}

.healthsafetymain .healthsafetyAbout article p {
	width: 100%;
	float: left;
	text-align: left;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px
}

.healthsafetymain .healthsafetyAbout section {
	width: 280px;
	float: right;
	padding: 1.5rem;
	background: #f2662c
}

.healthsafetymain .healthsafetyAbout section p {
	width: 100%;
	float: left;
	text-align: left;
	color: #fff;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 1
}

.healthsafetymain .healthsafetyAbout section h2 {
	width: 100%;
	float: left;
	text-align: left;
	color: #fff;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 30px;
	line-height: 1;
	margin: .7rem 0 .9rem 0;
}

.healthsafetymain .healthsafetyAbout section h2 i.fa {
	margin-right: 3px;
	transform: rotate(29deg);
	font-size: 90%
}

.healthsafetymain .healthsafetyAbout section h2 a {
	text-decoration: none;
	color: #fff;
	transition: all .4s ease-out
}

.healthsafetymain .healthsafetyAbout section h2 a:hover {
	color: #3c3c3c;
	transition: all .4s ease-in
}

.healthsafetymain .healthsafetyAbout section h3 {
	width: 100%;
	float: left;
	text-align: left
}

.healthsafetymain .healthsafetyAbout section h3 span {
	display: inline-block;
	cursor: pointer;
	border-bottom: solid 1px #fff;
	padding-bottom: 3px;
	color: #fff;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	transition: all .4s ease-out
}

.healthsafetymain .healthsafetyAbout section h3 span:hover {
	color: #3c3c3c;
	border-bottom-color: #3c3c3c;
	transition: all .4s ease-in
}

.emergencyWrap {
	width: 100%;
	float: left;
	padding: 4rem 0 4rem 0;
	background-color: #f4f7f8
}

.emergencyWrap .emergencyheading {
	width: 100%;
	float: left;
	padding: 0 0 3rem 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.emergencyWrap .emergencyheading h2 {
	width: 50%;
	float: left;
	text-align: left
}

.emergencyWrap .emergencyheading h2 span {
	display: inline;
	color: #000;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900;
	font-size: 26px;
	letter-spacing: 1.68px;
	line-height: 35px
}

.emergencyWrap .emergencyheading h2 img {
	display: inline;
	margin-bottom: -2px;
	max-width: 100%
}

.emergencyWrap .emergencyheading section {
	width: 430px;
	float: right;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row-reverse
}

.emergencyWrap .emergencyheading section .emergencycontactsort {
	width: 180px;
	float: left;
	text-align: left
}

.emergencyWrap .emergencyheading section .emergencycontactsort select {
	width: 100%;
	float: left;
	padding: .4rem 0;
	background: rgba(0, 0, 0, 0);
	outline: none;
	border: none;
	border-bottom: solid 1px #969696;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	color: #707070;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	border-radius: 0;
	text-indent: 1px;
	text-overflow: "";
	-webkit-appearance: none;
	appearance: none;
	background: rgba(0, 0, 0, 0) url("../images/frontimage/dd_contactus.png") no-repeat;
	background-position: right 5px center
}

.emergencyWrap .emergencyheading section .emergencycontactsort select option {
	color: #233d4d
}

.emergencyWrap .emergencyheading section .emergencycontactsort select option:disabled {
	user-select: none;
	pointer-events: none
}

.emergencyWrap .emergencyheading section .emergencycontactsort span {
	display: none
}

.emergencyWrap .emergencyheading section .emergencycontactsearch {
	width: 220px;
	float: left;
	text-align: left
}

.emergencyWrap .emergencyheading section .emergencycontactsearch span {
	display: none
}

.emergencyWrap .emergencyheading section .emergencycontactsearch input[type=text] {
	background: rgba(0, 0, 0, 0) url("../images/frontimage/search-black.png") no-repeat;
	background-position: right 8px top 50%;
	margin: 0;
	width: 100%;
	float: right;
	border: none;
	border-bottom: solid 1px #707070;
	outline: none;
	padding: .5rem 0;
	font-size: 16px;
	line-height: 1;
	color: #233d4d;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.emergencyWrap .emergencyheading section .emergencycontactsearch input[type=text]::placeholder {
	color: #707070;
	opacity: 1
}

.emergencyWrap .emergencyheading section .emergencycontactsearch input[type=text]:-ms-input-placeholder {
	color: #707070;
	opacity: 1
}

.emergencyWrap .emergencyheading section .emergencycontactsearch input[type=text]::-ms-input-placeholder {
	color: #707070;
	opacity: 1
}

.emergencyWrap .emergencyAlphabetical {
	width: 100%;
	float: left;
	margin-bottom: 2rem;
	text-align: center
}

.emergencyWrap .emergencyAlphabetical ul {
	width: auto;
	margin: 0 auto;
	float: none;
	display: inline-block;
	background: #f8f8f8
}

.emergencyWrap .emergencyAlphabetical ul li {
	list-style: none;
	display: inline-block;
	padding: 10px .3rem 5px .3rem;
	margin: 0 .5rem;
	text-decoration: none;
	transition: all .4s ease-out;
	border-bottom: solid 4px #f8f8f8;
	color: #000;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	cursor: pointer
}

.emergencyWrap .emergencyAlphabetical ul li:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

.emergencyWrap .emergencyAlphabetical ul li.active {
	border-bottom-color: #f2662c;
	color: #f2662c;
	user-select: none;
	pointer-events: none;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500
}

.emergencyWrap .emergencyAlphabetical ul.disabled {
	user-select: none;
	pointer-events: none
}

.emergencyWrap .emergencycontactlist {
	width: 100%;
	float: left;
	height: 395px;
	position: relative
}

.emergencyWrap .emergencycontactlist .emergencynoresult {
	display: none;
	width: 100%;
	float: left;
	padding: 2rem;
	text-align: center;
	background: none;
	border-radius: 0px
}

.emergencyWrap .emergencycontactlist .emergencynoresult section {
	width: 100%;
	height: 100%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center
}

.emergencyWrap .emergencycontactlist .emergencynoresult section div aside {
	width: 100%;
	float: left;
	text-align: center
}

.emergencyWrap .emergencycontactlist .emergencynoresult section div aside img {
	width: 100%;
	max-width: 100px;
	display: inline-block;
	margin: 0 auto
}

.emergencyWrap .emergencycontactlist .emergencynoresult section div p {
	width: 100%;
	float: left;
	margin-top: 1.5rem;
	text-align: center;
	color: #233d4d;
	font-size: 18px;
	line-height: 1.3;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.emergencyWrap .emergencycontactlist .emergencyloader {
	display: none;
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #f4f7f8;
	text-align: center
}

.emergencyWrap .emergencycontactlist .emergencyloader i.fa.fa-spinner {
	font-weight: 900;
	color: #f2662c;
	font-size: 72px
}

.emergencyWrap .emergencycontactlist ul {
	width: 100%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	align-items: stretch;
	flex-wrap: wrap
}

.emergencyWrap .emergencycontactlist ul li {
	list-style: none;
	display: none;
	position: relative;
	width: 24%;
	margin: 10px .5%;
	padding: 3rem 1.5rem 1.5rem 1.5rem;
	background: #fff;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .0784313725);
	border-radius: 0px 0px 8px 8px
}

.emergencyWrap .emergencycontactlist ul li h2 {
	position: relative;
	width: 100%;
	float: left;
	margin-bottom: .3rem;
	padding-top: 12px;
	text-align: left;
	color: #000;
	font-size: 20px;
	line-height: 26px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.emergencyWrap .emergencycontactlist ul li h2:after {
	content: "";
	position: absolute;
	left: 0;
	top: -10px;
	height: 14px;
	width: 14px;
	background: url("../images/frontimage/icon3.png") no-repeat left top;
	background-size: 100% 100%
}

.emergencyWrap .emergencycontactlist ul li p {
	width: 100%;
	margin-top: .1rem;
	float: left;
	text-align: left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 28px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.emergencyWrap .emergencycontactlist ul li p i.fa {
	padding: 0 5px 0 0;
	transform: rotate(22deg)
}

.emergencyWrap .emergencycontactlist ul li p a {
	text-decoration: none;
	color: #3c3c3c;
	transition: all .4s ease-out
}

.emergencyWrap .emergencycontactlist ul li p a:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

.hsfaqswrap {
	width: 100%;
	float: left;
	padding: 4rem 0 0 0;
	background-color: #fff
}

.hsfaqswrap .healthsafetyfaqs {
	position: relative;
	width: 100%;
	float: left;
	margin: 0
}

.hsfaqswrap .healthsafetyfaqs div {
	width: 47%;
	float: left;
	padding: 3rem 10% 3rem 3rem;
	background: #233d4d
}

.hsfaqswrap .healthsafetyfaqs div h2 {
	width: 100%;
	float: left;
	text-align: left;
	margin-bottom: 1.5rem
}

.hsfaqswrap .healthsafetyfaqs div h2 span {
	display: inline;
	color: #fff;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900;
	font-size: 26px;
	letter-spacing: 1.68px;
	line-height: 35px
}

.hsfaqswrap .healthsafetyfaqs div h2 img {
	display: inline;
	max-width: 100%
}

.hsfaqswrap .healthsafetyfaqs div aside {
	position: relative;
	background: #233d4d;
	width: 100%;
	float: left;
	padding: 1.2rem 2.5rem 1.2rem 1rem;
	border-bottom: solid 1px #fff;
	text-align: left;
	color: #fff;
	font-size: 16px;
	line-height: 21px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	cursor: pointer
}

.hsfaqswrap .healthsafetyfaqs div aside:after {
	content: "";
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	font-family: "FontAwesome";
	font-weight: 300;
	line-height: 1;
	font-size: 170%
}

.hsfaqswrap .healthsafetyfaqs div aside.active {
	background-color: #fff;
	color: #233d4d;
	user-select: none;
	pointer-events: none
}

.hsfaqswrap .healthsafetyfaqs div section {
	display: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 58%;
	max-height: 100%;
	float: left;
	padding: 2rem 3rem;
	background: #fff;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .0784313725);
    border-radius: 10px;
}

.hsfaqswrap .healthsafetyfaqs div section p {
	width: 100%;
	float: left;
	text-align: left;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 26px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.hsfaqswrap .healthsafetyfaqs div section p b {
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	color: #000
}

.hsfaqswrap .healthsafetyfaqs div section ul {
	width: 100%;
	float: left;
	margin: 0 0 1rem 0
}

.hsfaqswrap .healthsafetyfaqs div section ul li {
	list-style: decimal;
	margin: 0 0 0 20px;
	color: #3c3c3c;
	font-size: 14px;
	line-height: 24px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.hsfaqswrap .healthsafetyfaqs div h3 {
	width: 100%;
	float: left;
	text-align: left;
	padding: 2rem 0 0 1rem
}

.hsfaqswrap .healthsafetyfaqs div h3 a {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 26px;
	transition: all .4s ease-out
}

.hsfaqswrap .healthsafetyfaqs div h3 a span {
	border-bottom: solid 1px #233d4d;
	transition: all .4s ease-out
}

.hsfaqswrap .healthsafetyfaqs div h3 a i.fa {
	padding: 0 5px;
	transition: all .4s ease-out
}

.hsfaqswrap .healthsafetyfaqs div h3 a:hover {
	color: #fff;
	transition: all .4s ease-in
}

.hsfaqswrap .healthsafetyfaqs div h3 a:hover span {
	border-bottom-color: #fff;
	transition: all .4s ease-in
}

.hsfaqswrap .healthsafetyfaqs div h3 a:hover i.fa {
	padding: 0 0 0 10px;
	transition: all .4s ease-in
}

.healthsafetyWrap {
	width: 100%;
	float: left;
	padding: 4rem 0 4rem 0;
	background-color: #fff
}

.healthsafetyWrap .hsdoanddontTabs {
	width: 100%;
	float: left;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap
}

.healthsafetyWrap .hsdoanddontTabs h2 {
	width: 100%;
	float: left;
	text-align: left;
	margin-bottom: 1rem
}

.healthsafetyWrap .hsdoanddontTabs h2 span {
	display: inline;
	color: #000;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900;
	font-size: 26px;
	letter-spacing: 1.68px;
	line-height: 48px
}

.healthsafetyWrap .hsdoanddontTabs h2 img {
	display: inline;
	max-width: 100%;
	margin-bottom: -2px
}

.healthsafetyWrap .hsdoanddontTabs ul {
	width: auto;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: solid 1px #888
}

.healthsafetyWrap .hsdoanddontTabs ul.disabled {
	user-select: none;
	pointer-events: none
}

.healthsafetyWrap .hsdoanddontTabs ul li {
	position: relative;
	list-style: none;
	cursor: pointer;
	padding: 0 2rem 5px 2rem;
	margin: 0 2rem;
	color: #888;
	font-size: 20px;
	line-height: 48px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	transition: all .4s ease-out;
	cursor: pointer
}

.healthsafetyWrap .hsdoanddontTabs ul li:after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 4px;
	background: rgba(0, 0, 0, 0);
	line-height: 0;
	font-size: 1px
}

.healthsafetyWrap .hsdoanddontTabs ul li.active {
	border-bottom-color: #233d4d;
	color: #233d4d;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	transition: all .4s ease-in;
	user-select: none;
	pointer-events: none
}

.healthsafetyWrap .hsdoanddontTabs ul li.active:after {
	background: #233d4d
}

.healthsafetyWrap .hsdoanddontTabs ul li:first-child {
	margin-left: 0
}

.healthsafetyWrap .hsdoanddontTabs ul li:last-child {
	margin-right: 0
}

.healthsafetyWrap .hsdoanddontBody {
	width: 100%;
	float: left;
	padding: 3rem 0 1rem 0
}

.healthsafetyWrap .hsdoanddontBody .hsdoanddontheader {
	display: none
}

.healthsafetyWrap .hsdoanddontBody .hsdoanddontsection {
	display: none;
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
	min-height: 100px
}

.healthsafetyWrap .hsdoanddontBody .hsdoanddontsection .hsfaqloader {
	display: none;
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: rgba(0, 0, 0, 0);
	text-align: center
}

.healthsafetyWrap .hsdoanddontBody .hsdoanddontsection .hsfaqloader i.fa.fa-spinner {
	font-weight: 900;
	color: #f2662c;
	font-size: 72px
}

.healthsafetyWrap .hsdoanddontBody .hsdoanddontsection .hsdoanddontContainer {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-items: stretch
}

.healthsafetyWrap .hsdoanddontBody .hsdoanddontsection .hsdoanddontContainer div {
	width: 33%;
	float: left;
	background: #f4f7f8;
	padding: 1rem 1.5rem;
	border-radius: 8px
}

.healthsafetyWrap .hsdoanddontBody .hsdoanddontsection .hsdoanddontContainer div:nth-child(2) {
	background: none;
	padding: 0;
	border-radius: 0;
	width: 28%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	height: auto
}

.healthsafetyWrap .hsdoanddontBody .hsdoanddontsection .hsdoanddontContainer div ul {
	width: 100%;
	float: left
}

.healthsafetyWrap .hsdoanddontBody .hsdoanddontsection .hsdoanddontContainer div ul li {
	list-style: disc;
	margin: 0 0 1.2rem 1rem;
	text-align: left;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px
}

.healthsafetyWrap .hsdoanddontBody .hsdoanddontsection .hsdoanddontContainer div ul li:first-child {
	display: none
}

.healthsafetyWrap .hsdoanddontBody .hsdoanddontsection .hsdoanddontContainer div section {
	width: 100%;
	float: left
}

.healthsafetyWrap .hsdoanddontBody .hsdoanddontsection .hsdoanddontContainer div section img {
	width: 100%;
	float: left
}

.healthsafetyWrap .hsdoanddontBody .hsdoanddontsection .hsdoanddontContainer div section p {
	margin-top: 1rem;
	width: 100%;
	float: left
}

.healthsafetyWrap .hsdoanddontBody .hsdoanddontsection .hsdoanddontContainer div section p span {
	width: 50%;
	float: left;
	text-align: center;
	color: #000;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 28px
}

.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions {
	width: 100%;
	float: left;
	padding: 3rem 9px 0 9px
}

.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions h2 {
	width: 100%;
	float: left;
	padding-bottom: 1rem;
	text-align: center;
	color: #000;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 6px
}

.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions section {
	width: 100%;
	float: left;
	padding: 1.5rem 1rem;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .0784313725)
}

.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions section ul {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions section ul li {
	list-style: none;
	width: 13%
}

.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions section ul li aside {
	width: 100%;
	float: left;
	text-align: center
}

.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions section ul li aside img {
	max-width: 50px
}

.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions section ul li p {
	margin-top: 1rem;
	width: 100%;
	float: left;
	text-align: center;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px
}

.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions section.onlypng ul li {
	width: 23%
}

.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions h3 {
	width: 100%;
	float: left;
	padding-top: 1.5rem;
	text-align: center;
	color: #233d4d;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 26px
}

.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions h3 a {
	text-decoration: none;
	color: #233d4d;
	transition: all .4s ease-out
}

.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions h3 a:hover {
	text-decoration: underline;
	color: #f2662c;
	transition: all .4s ease-in
}

.additionalguidancewrap {
	width: 100%;
	float: left;
	padding: 4rem 0 6rem 0;
	background-color: #f4f7f8
}

.additionalguidancewrap h2 {
	width: 100%;
	float: left;
	text-align: left;
	margin-bottom: 2rem
}

.additionalguidancewrap h2 span {
	display: inline;
	color: #000;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900;
	font-size: 26px;
	letter-spacing: 1.68px;
	line-height: 37px
}

.additionalguidancewrap h2 img {
	display: inline;
	max-width: 100%
}

.additionalguidancewrap section {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.additionalguidancewrap section .additionalguidancePoster {
	width: 42%;
	border: solid 2px #f2662c;
	padding: 5px
}

.additionalguidancewrap section ul {
	width: 50%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap
}

.additionalguidancewrap section ul li {
	list-style: none;
	width: 50%;
	margin: 1rem 0;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.additionalguidancewrap section ul li img {
	display: inline;
	max-width: 100%;
	margin-right: .7rem
}

.additionalguidancewrap section ul li a {
	border-bottom: solid 1px #233d4d;
	text-decoration: none;
	transition: all .4s ease-out;
	color: #233d4d;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 1.2
}

.additionalguidancewrap section ul li a:hover {
	transition: all .4s ease-in;
	color: #f2662c;
	border-bottom-color: #f2662c
}

@media only screen and (max-width: 1300px) {
	.hsfaqswrap .healthsafetyfaqs div {
		width: 50%;
		padding: 2rem 8% 2rem 1.5rem
	}

	.hsfaqswrap .healthsafetyfaqs div section {
		width: 54%;
		padding: 1.5rem
	}

	.hsfaqswrap .healthsafetyfaqs {
		margin: 3rem 0
	}

	.hsfaqswrap .healthsafetyfaqs div {
		width: 100%;
		padding: 1.5rem
	}

	.hsfaqswrap .healthsafetyfaqs div h2 {
		margin-bottom: 1rem
	}

	.hsfaqswrap .healthsafetyfaqs div h2 span {
		font-size: 22px;
		letter-spacing: 1.32px;
		line-height: 36px
	}

	.hsfaqswrap .healthsafetyfaqs div h2 img {
		margin-bottom: -2px
	}

	.hsfaqswrap .healthsafetyfaqs div aside {
		padding: 1rem 2.5rem 1rem .5rem;
		font-size: 16px;
		line-height: 20px
	}

	.hsfaqswrap .healthsafetyfaqs div aside:after {
		right: .5rem;
		font-size: 150%
	}

	.hsfaqswrap .healthsafetyfaqs div aside.active {
		border-bottom-color: #233d4d;
		padding-left: 1rem
	}

	.hsfaqswrap .healthsafetyfaqs div section {
		position: static;
		top: 0;
		transform: none;
		right: 0;
		width: 100%;
		max-height: auto;
		padding: 1rem
	}

	.hsfaqswrap .healthsafetyfaqs div section p {
		font-size: 16px;
		line-height: 26px
	}

	.hsfaqswrap .healthsafetyfaqs div h3 {
		padding: 1rem 0 0 .5rem
	}

	.hsfaqswrap .healthsafetyfaqs div h3 a {
		font-size: 16px;
		line-height: 20px
	}
}

@media only screen and (max-width: 1255px) {
	.healthsafetymain .healthsafetyAbout article {
		width: 100%;
		margin-bottom: 2rem
	}

	.healthsafetymain .healthsafetyAbout article p {
		font-size: 16px;
		line-height: 26px
	}

	.healthsafetymain .healthsafetyAbout section {
		width: 100%;
		max-width: 265px;
		float: left;
		padding: 1.5rem
	}

	.healthsafetymain .healthsafetyAbout section p {
		font-size: 20px
	}

	.healthsafetymain .healthsafetyAbout section h2 {
		font-size: 28px;
		margin: .7rem 0 .6rem 0
	}

	.healthsafetymain .healthsafetyAbout section h3 span {
		font-size: 14px
	}

	.emergencyWrap .emergencyheading {
		flex-wrap: wrap
	}

	.emergencyWrap .emergencyheading h2 {
		width: 100%
	}

	.emergencyWrap .emergencyheading h2 span {
		font-size: 22px;
		letter-spacing: 1.32px;
		line-height: 36px
	}

	.emergencyWrap .emergencyheading h2 img {
		margin-bottom: -4px
	}

	.emergencyWrap .emergencyheading section {
		width: 100%;
		padding: 1rem 0 0 0
	}

	.emergencyWrap .emergencyheading section .emergencycontactsort {
		width: 170px
	}

	.emergencyWrap .emergencyheading section .emergencycontactsort select {
		font-size: 16px
	}

	.emergencyWrap .emergencyheading section .emergencycontactsearch {
		width: 220px
	}

	.emergencyWrap .emergencyheading section .emergencycontactsearch input[type=text] {
		font-size: 16px
	}

	.emergencyWrap .emergencyAlphabetical ul {
		width: 100%;
		margin: 0;
		padding: 5px 10px 0 10px;
		float: left
	}

	.emergencyWrap .emergencyAlphabetical ul li {
		padding: 5px;
		margin: 2px 5px;
		font-size: 18px
	}

	.emergencyWrap .emergencycontactlist {
		width: 100%;
		float: left;
		height: 360px
	}

	.emergencyWrap .emergencycontactlist ul li {
		width: 32.3%;
		margin: 10px .5%;
		padding: 2rem 2rem 1rem 2rem
	}

	.emergencyWrap .emergencycontactlist ul li h2 {
		padding-top: 12px;
		font-size: 20px;
		line-height: 28px
	}

	.emergencyWrap .emergencycontactlist ul li h2:after {
		top: -4px;
		height: 12px;
		width: 12px
	}

	.emergencyWrap .emergencycontactlist ul li p {
		font-size: 16px;
		line-height: 28px
	}

	.healthsafetyWrap .hsdoanddontTabs h2 span {
		font-size: 24px;
		line-height: 30px
	}

	.healthsafetyWrap .hsdoanddontTabs ul li {
		padding: 0 1rem 5px 1rem;
		margin: 0;
		font-size: 20px;
		line-height: 44px
	}

	.healthsafetyWrap .hsdoanddontBody {
		width: 100%;
		float: left;
		padding: 3rem 0 1rem 0
	}

	.healthsafetyWrap .hsdoanddontBody .hsdoanddontsection .hsdoanddontContainer div ul li {
		margin: 0 0 1rem 1rem;
		font-size: 16px;
		line-height: 26px
	}

	.healthsafetyWrap .hsdoanddontBody .hsdoanddontsection .hsdoanddontContainer div section p span {
		font-size: 18px;
		line-height: 28px
	}

	.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions h2 {
		font-size: 16px;
		line-height: 26px
	}

	.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions section {
		padding: 1.5rem 1rem;
		overflow: hidden;
		overflow-x: scroll
	}

	.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions section ul {
		width: 160%;
		float: left;
		display: flex;
		justify-content: space-between;
		align-items: flex-start
	}

	.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions section ul li {
		list-style: none;
		width: 13%
	}

	.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions section ul li aside img {
		max-width: 40px
	}

	.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions section ul li p {
		font-size: 14px;
		line-height: 22px
	}

	.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions section.onlypng ul {
		width: 100%
	}

	.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions h3 {
		font-size: 16px;
		line-height: 26px
	}

	.additionalguidancewrap h2 {
		margin-bottom: 1rem
	}

	.additionalguidancewrap h2 span {
		font-size: 22px;
		letter-spacing: 1.32px;
		line-height: 36px
	}

	.additionalguidancewrap h2 img {
		margin-bottom: -3px
	}

	.additionalguidancewrap section .additionalguidancePoster {
		width: 50%
	}

	.additionalguidancewrap section ul {
		width: 45%
	}

	.additionalguidancewrap section ul li {
		width: 100%;
		margin: .7rem 0
	}

	.additionalguidancewrap section ul li img {
		margin-right: .6rem
	}

	.additionalguidancewrap section ul li a {
		font-size: 16px
	}
}

@media only screen and (max-width: 1023px) {
	.healthsafetymain .healthsafetyAbout section h2 {
		margin: .7rem 0 0 0
	}

	.healthsafetymain .healthsafetyAbout section h3 {
		display: none
	}

	.emergencyWrap .emergencycontactlist {
		height: 360px
	}

	.emergencyWrap .emergencycontactlist ul li {
		width: 46%;
		margin: 10px 2%;
		padding: 2rem 2rem 1rem 2rem
	}

	.healthsafetyWrap {
		padding: 3rem 0
	}

	.hsfaqswrap {
		display: block
	}
}

@media only screen and (max-width: 767px) {
	.emergencyWrap .emergencyheading {
		padding: 0 0 1.5rem 0
	}

	.emergencyWrap .emergencyAlphabetical {
		margin-bottom: 1rem
	}

	.healthsafetyWrap {
		padding: 3rem 0 2rem 0
	}

	.healthsafetyWrap .hsdoanddontTabs ul {
		display: none
	}

	.healthsafetyWrap .hsdoanddontBody {
		padding: 0
	}

	.healthsafetyWrap .hsdoanddontBody .hsdoanddontheader {
		display: block;
		position: relative;
		width: 100%;
		float: left;
		margin: 0;
		list-style: none;
		cursor: pointer;
		padding: .5rem 3rem .5rem 0;
		border-bottom: solid 1px #707070;
		color: #888;
		font-size: 20px;
		line-height: 45px;
		font-family: "Arial-Regular", Arial, sans-serif;
		font-weight: 300;
		transition: all .4s ease-out;
		cursor: pointer
	}

	.healthsafetyWrap .hsdoanddontBody .hsdoanddontheader:after {
		content: "";
		position: absolute;
		top: 50%;
		right: .6rem;
		transform: translateY(-50%);
		font-family: "FontAwesome";
		font-weight: 300;
		line-height: 1;
		color: #888;
		font-size: 28px;
		transition: all .4s ease-out
	}

	.healthsafetyWrap .hsdoanddontBody .hsdoanddontheader.active {
		color: #233d4d;
		border-bottom: none;
		font-family: "Arial-Bold", Arial, sans-serif;
		font-weight: 700;
		transition: all .4s ease-in
	}

	.healthsafetyWrap .hsdoanddontBody .hsdoanddontheader.active:after {
		content: "";
		color: #233d4d;
		transition: all .4s ease-in
	}

	.healthsafetyWrap .hsdoanddontBody .hsdoanddontheader.disabled {
		user-select: none;
		pointer-events: none
	}

	.healthsafetyWrap .hsdoanddontBody .hsdoanddontsection {
		margin-bottom: 2rem;
		padding-top: .5rem
	}

	.healthsafetyWrap .hsdoanddontBody .hsdoanddontsection .hsdoanddontContainer {
		padding: 0;
		flex-direction: column
	}

	.healthsafetyWrap .hsdoanddontBody .hsdoanddontsection .hsdoanddontContainer div {
		width: 100%;
		padding: 0;
		border-radius: 0;
		background: none
	}

	.healthsafetyWrap .hsdoanddontBody .hsdoanddontsection .hsdoanddontContainer div:nth-child(2) {
		display: none
	}

	.healthsafetyWrap .hsdoanddontBody .hsdoanddontsection .hsdoanddontContainer div ul li {
		margin: 0 0 1rem 1rem;
		font-size: 16px;
		line-height: 26px
	}

	.healthsafetyWrap .hsdoanddontBody .hsdoanddontsection .hsdoanddontContainer div ul li:first-child {
		display: block;
		list-style: none;
		margin-left: 0
	}

	.healthsafetyWrap .hsdoanddontBody .hsdoanddontsection .hsdoanddontContainer div ul li h2 {
		font-family: "Arial-Bold", Arial, sans-serif;
		font-weight: 700;
		font-size: 18px;
		line-height: 28px;
		margin-top: .5rem
	}

	.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions section ul {
		width: 220%
	}

	.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions section.onlypng ul {
		width: 150%
	}

	.additionalguidancewrap {
		padding: 2rem 0 3rem 0
	}

	.additionalguidancewrap section {
		flex-wrap: wrap
	}

	.additionalguidancewrap section .additionalguidancePoster {
		width: 100%;
		padding: 3px
	}

	.additionalguidancewrap section ul {
		width: 100%;
		margin-top: 1rem
	}

	.additionalguidancewrap section ul li {
		width: 100%;
		margin: .7rem 0
	}
}

@media only screen and (max-width: 599px) {
	.hsfaqswrap .healthsafetyfaqs div {
		padding: 1rem
	}

	.emergencyWrap .emergencycontactlist {
		height: 520px
	}

	.emergencyWrap .emergencycontactlist ul li {
		width: 97%;
		margin: 10px 1.5%;
		padding: 2rem 2rem 1rem 2rem
	}

	.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions section ul {
		width: 270%
	}

	.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions section.onlypng ul {
		width: 190%
	}
}

@media only screen and (max-width: 479px) {
	.emergencyWrap .emergencyheading section {
		position: relative;
		overflow: hidden;
		width: 96vw;
		margin: .5rem 2% 0 2%;
		padding: 0
	}

	.emergencyWrap .emergencyheading section .emergencycontactsort {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center
	}

	.emergencyWrap .emergencyheading section .emergencycontactsort select {
		width: 65%
	}

	.emergencyWrap .emergencyheading section .emergencycontactsort span {
		display: block;
		font-size: 24px;
		color: #233d4d;
		cursor: pointer;
		transition: all .4s ease-out;
        border: 1px solid #535353;
        padding: 3px 10px;
	}

	.emergencyWrap .emergencyheading section .emergencycontactsort span:hover {
		color: #000;
		transition: all .4s ease-in
	}

	.emergencyWrap .emergencyheading section .emergencycontactsearch {
		width: 100%;
		position: absolute;
		top: 2px;
		left: 100%;
		border: solid 1px #969696;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		padding: 0 0 1px 0;
		background: #f4f7f8
	}

	.emergencyWrap .emergencyheading section .emergencycontactsearch input[type=text] {
		border-bottom: none
	}

	.emergencyWrap .emergencyheading section .emergencycontactsearch span {
		display: block;
		margin-right: 1rem;
		font-size: 22px;
		color: #233d4d;
		cursor: pointer;
		transition: all .4s ease-out;
        margin: 5px 1rem;
	}

	.emergencyWrap .emergencyheading section .emergencycontactsearch span:hover {
		color: #000;
		transition: all .4s ease-in
	}

	.healthsafetyWrap {
		padding: 2rem 0 3rem 0
	}

	.healthsafetyWrap .hsdoanddontTabs {
		padding-top: 0
	}

	.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions section ul {
		width: 350%
	}

	.healthsafetyWrap .hsdoanddontBody .hssafetyinstructions section.onlypng ul {
		width: 220%
	}

	.additionalguidancewrap {
		padding: 2rem 0 5rem 0
	}
}

.highlightservices {
	z-index: 2;
	position: relative;
	margin-top: -80px;
	width: 100%;
	float: left;
	padding: 0 0 4rem 0
}

.highlightservices .highlightcontent {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.highlightservices .highlightcontent .highlight {
	float: left;
	width: auto
}

.highlightservices .highlightcontent .highlight.png {
	width: 56%
}

.highlightservices .highlightcontent .highlight.png ul li {
	width: 23%
}

.highlightservices .highlightcontent .highlight.lpg {
	width: 42%
}

.highlightservices .highlightcontent .highlight.lpg ul li {
	width: 31%
}

.highlightservices .highlightcontent .highlight h2 {
	width: 100%;
	float: left
}

.highlightservices .highlightcontent .highlight h2 span {
	display: inline-block;
	background-color: #233d4d;
	padding: 10px 20px;
	text-align: center;
	color: #fff;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px
}

.highlightservices .highlightcontent .highlight ul {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.highlightservices .highlightcontent .highlight ul li {
	list-style: none
}

.highlightservices .highlightcontent .highlight ul li a {
	position: relative;
	width: 100%;
	float: left;
	padding: 1rem;
	background-color: #fff;
	border-bottom: solid 2px #f2662c;
	border-radius: 0 0 3px 3px;
	cursor: pointer;
	transition: all .4s ease-out
}

.highlightservices .highlightcontent .highlight ul li a aside {
	z-index: 2;
	position: relative;
	width: 100%;
	float: left;
	text-align: center
}

.highlightservices .highlightcontent .highlight ul li a aside img {
	max-width: 100%;
	filter: none;
	transition: all .4s ease-out
}

.highlightservices .highlightcontent .highlight ul li a p {
	z-index: 2;
	position: relative;
	width: 100%;
	float: left;
	margin-top: .2rem;
	text-align: center;
	color: #233d4d;
	font-size: 16px;
	line-height: 36px;
	white-space: nowrap;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	transition: all .4s ease-out
}

.highlightservices .highlightcontent .highlight ul li a:before {
	z-index: 1;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	transition: all .4s ease-out
}

.highlightservices .highlightcontent .highlight ul li a:hover {
	border-color: #233d4d;
	background-color: #fff;
	transition: all .4s ease-in
}

.highlightservices .highlightcontent .highlight ul li a:hover img {
	filter: brightness(0) invert(1);
	transition: all .4s ease-in
}

.highlightservices .highlightcontent .highlight ul li a:hover p {
	color: #fff;
	transition: all .4s ease-in
}

.highlightservices .highlightcontent .highlight ul li a:hover:before {
	width: 100%;
	height: 100%;
	background: #233d4d;
	transition: all .4s ease-in
}

.infomain {
	width: 100%;
	float: left;
	background-color: #f2662c;
	padding: 3rem 0
}

.infomain h2,.infomain h1 {
	width: 100%;
	float: left;
	text-align: center;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 20px;
	letter-spacing: .78px;
	line-height: 32px
}

.infomain h3 {
	width: 100%;
	float: left;
	margin: 1rem 0 2rem 0;
	text-align: center;
	color: #fff;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	letter-spacing: .45px;
	line-height: 28px
}

.infomain h3 span {
	display: block;
	margin-top: 1px;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500
}

.infomain ul {
	width: 100%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: flex-start
}

.infomain ul li {
	list-style: none
}

.infomain ul li aside {
	width: 100%;
	float: left;
	text-align: center
}

.infomain ul li aside img {
	max-width: 100%
}

.infomain ul li p {
	margin-top: .7rem;
	width: 100%;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 28px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.weoffers {
	width: 100%;
	float: left;
	background-color: #fff;
	padding: 4rem 0 5rem 0
}

.weoffers h2 {
	width: 100%;
	float: left;
	text-align: left;
	margin-bottom: 1.5rem;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.weoffers h2 span {
	color: #000;
	font-size: 26px;
	letter-spacing: normal;
	line-height: 35px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900
}

.weoffers h2 img {
	margin-left: 5px;
	max-width: 100%
}

.weoffers .offergrid {
	width: 100%;
	float: left;
	display: grid;
	gap: 1rem;
	grid-auto-rows: minmax(auto, auto)
}

.weoffers .offergrid .itemgrid {
	background: rgba(0, 0, 0, 0);
	display: block;
	position: relative
}

.weoffers .offergrid .itemgrid img {
	width: 100%;
	float: left
}

.weoffers .offergrid .itemgrid section {
	z-index: 2;
	position: absolute;
	background-color: #fff;
	padding: 2rem 1.5rem;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .0784313725)
}

.weoffers .offergrid .itemgrid section h3 {
	width: 100%;
	float: left;
	text-align: left;
	color: #000;
	font-size: 20px;
	line-height: 26px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.weoffers .offergrid .itemgrid section p {
	width: 100%;
	float: left;
	margin: .5rem 0 1rem 0;
	text-align: left;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 28px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.weoffers .offergrid .itemgrid section aside {
	width: 100%;
	float: left;
	text-align: left
}

.weoffers .offergrid .itemgrid section aside a {
	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 10px 25px;
	border: none;
	background-color: #f2662c;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: .4px;
	line-height: 20px;
	text-transform: uppercase
}

.weoffers .offergrid .itemgrid section aside a:hover {
	transition: all .4s ease-in;
	background: #f0632a;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137);
	color: #fff
}

.weoffers .offergrid .itemgrid.one {
	grid-column: 1;
	grid-row: 1
}

.weoffers .offergrid .itemgrid.one section {
	width: 580px;
	top: 30%;
	left: 90%;
    border-radius: 10px;
}

.weoffers .offergrid .itemgrid.two {
	grid-column: 1;
	grid-row: 2
}

.weoffers .offergrid .itemgrid.two img {
	width: 85%;
	float: right
}

.weoffers .offergrid .itemgrid.two section {
	width: 450px;
	top: 25%;
	left: 0%;
    border-radius: 10px;
}

.weoffers .offergrid .itemgrid.four {
	grid-column: 1;
	grid-row: 3
}

.weoffers .offergrid .itemgrid.four section {
	width: 550px;
	top: auto;
	bottom: -20px;
	left: 90%;
    border-radius: 10px;
}

.weoffers .offergrid .itemgrid.three {
	margin-top: 100px;
	margin-bottom: -100px;
	grid-row-start: 2;
	grid-row-end: 3;
	grid-column-start: 2;
	grid-column-end: 2
}

.weoffers .offergrid .itemgrid.three section {
	width: 450px;
	top: -90px;
	left: 6%;
    border-radius: 10px;
}

.infocontent {
	width: 100%;
	float: left;
	background-color: #fff;
	position: relative;
	overflow: hidden
}

.infocontent .infovideo_web {
	display: block;
	z-index: 1;
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	width: 100%;
	float: left;
	border: 0;
	user-select: none
}

.infocontent .infoimg_ipad {
	display: none;
	z-index: 1;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	float: left;
	border: 0;
	user-select: none
}

.infocontent .infoimg_mobile {
	display: none;
	z-index: 1;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	float: left;
	border: 0;
	user-select: none
}

.infocontent .infocontentInner {
	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(52, 58, 59, .6);
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center
}

.infocontent .infocontentInner section {
	width: 95%;
	max-width: 1080px;
	margin: 0 auto;
	float: none;
	display: flow-root
}

.infocontent .infocontentInner section h2 {
	width: 100%;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 28px;
	letter-spacing: normal;
	line-height: 44px;
	text-transform: uppercase;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900
}

.infocontent .infocontentInner section h3 {
	width: 100%;
	float: left;
	margin: .5rem 0 1rem 0;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 28px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-weight: 500
}

.infocontent .infocontentInner section p {
	width: 100%;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.infocontent .infocontentInner section p a {
	text-decoration: none;
	color: #fff
}

.infocontent .infocontentInner section p a:hover {
	color: #f2662c
}

.infocontent .infocontentInner section aside {
	width: 100%;
	float: left;
	margin: 1rem 0 0 0;
	text-align: center
}

.infocontent .infocontentInner section aside a {
	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 10px 25px;
	border: none;
	background-color: #f2662c;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: .4px;
	line-height: 20px;
	text-transform: uppercase
}

.infocontent .infocontentInner section aside a:hover {
	transition: all .4s ease-in;
	background-color: #ed4c1d;
	color: #fff;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137)
}

@media only screen and (max-width: 1565px) {
	.weoffers .offergrid .itemgrid {
		background: rgba(0, 0, 0, 0);
		display: block;
		position: relative
	}

	.weoffers .offergrid .itemgrid img {
		width: 100%;
		float: left
	}

	.weoffers .offergrid .itemgrid section {
		padding: 1.5rem 1rem
	}

	.weoffers .offergrid .itemgrid.one section {
		top: 10%
	}

	.weoffers .offergrid .itemgrid.two section {
		width: 350px;
		top: 5%
	}

	.weoffers .offergrid .itemgrid.three {
		margin-top: 40px;
		margin-bottom: -100px
	}

	.weoffers .offergrid .itemgrid.three section {
		width: 450px;
		top: -90px;
		left: 6%
	}
}

@media only screen and (max-width: 1300px) {
	.weoffers .offergrid .itemgrid section {
		padding: 1rem
	}

	.weoffers .offergrid .itemgrid section h3 {
		font-size: 18px
	}

	.weoffers .offergrid .itemgrid section p {
		margin: .3rem 0 .5rem 0;
		font-size: 16px;
		line-height: 22px
	}

	.weoffers .offergrid .itemgrid section aside a {
		font-size: 14px;
		letter-spacing: .35px;
		line-height: 18px
	}

	.weoffers .offergrid .itemgrid.one section {
		top: 10%
	}

	.weoffers .offergrid .itemgrid.two section {
		width: 350px;
		top: 5%
	}

	.weoffers .offergrid .itemgrid.three {
		margin-top: 40px;
		margin-bottom: -100px
	}

	.weoffers .offergrid .itemgrid.three section {
		width: 450px;
		top: -90px;
		left: 6%
	}
}

@media only screen and (max-width: 1255px) {
	.highlightservices {
		margin-top: -55px;
		padding: 0 0 3rem 0
	}

	.highlightservices .highlightcontent .highlight.png {
		width: 55%
	}

	.highlightservices .highlightcontent .highlight.png ul li {
		width: 49%
	}

	.highlightservices .highlightcontent .highlight.lpg {
		width: 43%
	}

	.highlightservices .highlightcontent .highlight.lpg ul li {
		width: 49%
	}

	.highlightservices .highlightcontent .highlight ul {
		flex-wrap: wrap
	}

	.highlightservices .highlightcontent .highlight ul li a {
		padding: .7rem .9rem;
		border-radius: 0;
		display: flex;
		justify-content: flex-start;
		align-items: center
	}

	.highlightservices .highlightcontent .highlight ul li a aside {
		width: auto;
		text-align: left
	}

	.highlightservices .highlightcontent .highlight ul li a aside img {
		max-width: 25px
	}

	.highlightservices .highlightcontent .highlight ul li a p {
		margin: 0 0 0 .7rem;
		font-size: 16px;
		width: auto;
		text-align: left
	}

	.infomain h2 {
		font-size: 22px;
		letter-spacing: .78px;
		line-height: 28px
	}

	.infomain h3 {
		margin: 1rem 0 2rem 0;
		font-size: 16px;
		line-height: 24px
	}

	.infomain ul li aside img {
		max-width: 50px
	}

	.infomain ul li p {
		margin-top: .5rem;
		font-size: 16px;
		line-height: 24px
	}

	.weoffers {
		padding: 3rem 0 4rem 0
	}

	.weoffers .offergrid {
		display: block;
		gap: 0;
		grid-auto-rows: 0
	}

	.weoffers .offergrid .itemgrid {
		width: 100%;
		float: left
	}

	.weoffers .offergrid .itemgrid section {
		padding: 2rem;
		margin-top: -7%;
		float: right;
		width: 80%;
		position: relative;
		left: auto;
		top: auto;
		right: 10%;
		bottom: 0
	}

	.weoffers .offergrid .itemgrid section h3 {
		font-size: 18px
	}

	.weoffers .offergrid .itemgrid section p {
		margin: .3rem 0 .5rem 0;
		font-size: 16px;
		line-height: 22px
	}

	.weoffers .offergrid .itemgrid section aside a {
		font-size: 14px;
		letter-spacing: .35px;
		line-height: 18px
	}

	.weoffers .offergrid .itemgrid.one,
	.weoffers .offergrid .itemgrid.two,
	.weoffers .offergrid .itemgrid.four,
	.weoffers .offergrid .itemgrid.three {
		margin: .5rem 0 1rem 0;
		padding: 0
	}

	.weoffers .offergrid .itemgrid.one img,
	.weoffers .offergrid .itemgrid.two img,
	.weoffers .offergrid .itemgrid.four img,
	.weoffers .offergrid .itemgrid.three img {
		width: 100%
	}

	.weoffers .offergrid .itemgrid.one section,
	.weoffers .offergrid .itemgrid.two section,
	.weoffers .offergrid .itemgrid.four section,
	.weoffers .offergrid .itemgrid.three section {
		width: 80%;
		left: auto;
		top: auto;
		right: 10%;
		bottom: 0
	}

	.infocontent .infocontentInner section h2 {
		font-size: 22px;
		line-height: 36px
	}

	.infocontent .infocontentInner section h3 {
		margin: .3rem 0 .6rem 0;
		font-size: 16px;
		line-height: 22px
	}

	.infocontent .infocontentInner section p {
		display: none
	}

	.infocontent .infocontentInner section aside {
		margin: 0
	}
}

@media only screen and (max-width: 1023px) {
	.highlightservices {
		margin-top: 0px;
		padding: 2rem 0
	}

	.highlightservices .highlightcontent {
		display: none
	}

	.infocontent .infovideo_web {
		display: none
	}

	.infocontent .infoimg_ipad {
		display: block
	}

	.infocontent .infoimg_mobile {
		display: none
	}

	.infocontent .infocontentInner {
		background: rgba(35, 61, 77, .7)
	}
}

@media only screen and (max-width: 767px) {
	.highlightservices .highlightcontent .highlight.png {
		width: 48%
	}
    .emergencyWrap .emergencyheading section {
        width: 90vw;
        padding: 2px 0;
    }

	.highlightservices .highlightcontent .highlight.png ul li {
		width: 100%
	}

	.highlightservices .highlightcontent .highlight.lpg {
		width: 48%
	}

	.highlightservices .highlightcontent .highlight.lpg ul li {
		width: 100%
	}

	.highlightservices .highlightcontent .highlight ul {
		flex-wrap: wrap
	}

	.highlightservices .highlightcontent .highlight ul li a {
		padding: .5rem;
		border-bottom-width: 1px
	}

	.highlightservices .highlightcontent .highlight ul li a aside img {
		max-width: 22px
	}

	.highlightservices .highlightcontent .highlight ul li a p {
		margin: 0 0 0 .5rem;
		font-size: 14px;
		line-height: 24px
	}

	.infomain {
		padding: 2rem 0
	}

	.infomain h3 {
		margin: .5rem 0 1rem 0
	}

	.infomain ul {
		flex-wrap: wrap
	}

	.infomain ul li {
		margin: .6rem 0;
		width: 35%
	}
}

@media only screen and (max-width: 599px) {
	.highlightservices {
		padding: 2rem 0;
		margin-top: 0px
	}

	.weoffers h2 {
		margin-bottom: .7rem
	}

	.weoffers h2 span {
		font-size: 22px;
		letter-spacing: 1.32px;
		line-height: 36px
	}

	.weoffers .offergrid .itemgrid {
		margin: .5rem 0 1.5rem 0
	}

	.weoffers .offergrid .itemgrid section {
		padding: 1rem;
		margin-top: -15%;
		width: 84%;
		right: 8%
	}

	.weoffers .offergrid .itemgrid section p {
		margin: .5rem 0 .8rem 0
	}

	.weoffers .offergrid .itemgrid.one,
	.weoffers .offergrid .itemgrid.two,
	.weoffers .offergrid .itemgrid.four,
	.weoffers .offergrid .itemgrid.three {
		margin: .5rem 0 1.5rem 0
	}

	.weoffers .offergrid .itemgrid.one section,
	.weoffers .offergrid .itemgrid.two section,
	.weoffers .offergrid .itemgrid.four section,
	.weoffers .offergrid .itemgrid.three section {
		width: 84%;
		right: 8%;
        border-radius: 10px;
	}
}

@media only screen and (max-width: 479px) {
	.highlightservices .highlightcontent .highlight ul li a aside img {
		max-width: 16px
	}

	.highlightservices .highlightcontent .highlight ul li a p {
		font-size: 12px;
		line-height: 30px
	}

	.infomain {
		padding: 2rem 0
	}

	.infomain h2 {
		font-size: 20px;
		line-height: 26px;
		letter-spacing: .6px
	}

	.infomain h3 {
		margin: .5rem 0 1rem 0
	}

	.infomain h3 span {
		display: inline
	}

	.infomain ul {
		width: 100%
	}

	.infomain ul li {
		margin: .3rem 0;
		width: 100%;
		max-width: 280px;
		display: flex;
		justify-content: flex-start;
		align-items: center
	}

	.infomain ul li aside {
		width: auto
	}

	.infomain ul li aside img {
		max-width: 38px
	}

	.infomain ul li p {
		width: auto;
		margin-top: 0;
		margin-left: 1rem
	}

	.weoffers {
		padding: 2rem 0 2rem 0
	}

	.infocontent .infovideo_web {
		display: none
	}

	.infocontent .infoimg_ipad {
		display: none
	}

	.infocontent .infoimg_mobile {
		display: block
	}
}

.newconnectionWrap {
	width: 100%;
	float: left;
	padding: 2rem 0 5rem 0;
	background: #fff
}

.connection_tabs_head {
	width: 100%;
	float: left;
	margin: 5rem 0 2rem 0;
	text-align: center
}

.connection_tabs_head h2 {
	width: 100%;
	float: left;
	text-align: left
}

.connection_tabs_head h2 span {
	display: inline;
	color: #000;
	font-size: 26px;
	letter-spacing: 1.68px;
	line-height: 35px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase
}

.connection_tabs_head h2 img {
	display: inline;
	max-width: 100%;
	margin: 0 0 -3px 0
}

.connection_tabs_head p {
	width: 100%;
	float: left;
	margin: .7rem 0 2rem 0;
	text-align: left;
	color: #535353;
	font-size: 16px;
	line-height: 26px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.connection_tabs_head p span {
	display: inline-block
}

.connection_tabs_head p a {
	display: inline-block;
	text-decoration: none;
	color: #535353;
	transition: all .4s ease-out
}

.connection_tabs_head p a:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

.connection_tabs_head ul {
	width: auto;
	display: inline-block;
	margin: 0 auto;
	border-bottom: solid 1px #888
}

.connection_tabs_head ul.disabled {
	user-select: none;
	pointer-events: none
}

.connection_tabs_head ul li {
	list-style: none;
	display: inline-block;
	position: relative;
	cursor: pointer;
	padding: 0 2rem 5px 2rem;
	color: #888;
	font-size: 20px;
	line-height: 45px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	transition: all .4s ease-out
}

.connection_tabs_head ul li:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 4px;
	background: none;
	line-height: 0;
	font-size: 1px
}

.connection_tabs_head ul li.active {
	color: #233d4d;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	transition: all .4s ease-in;
	user-select: none;
	pointer-events: none
}

.connection_tabs_head ul li.active:after {
	background: #233d4d
}

.connection_tabs_container {
	width: 100%;
	float: left;
	position: relative
}

.connection_tabs_container .conTabLoader {
	display: none;
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: center
}

.connection_tabs_container .conTabLoader i.fa.fa-spinner {
	font-weight: 900;
	color: #f2662c;
	font-size: 72px
}

.connection_tabs_container .conTabHead {
	display: none
}

.connection_tabs_container .conTabBody {
	display: none;
	width: 100%;
	float: left
}

.connection_tabs_container .conTabBody .connectioncontainer {
	width: 100%;
	float: left;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 0
}

.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerleft {
	width: 55%;
	float: left;
	padding: 3rem 2rem;
	background: #f3f7f8
}

.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerleft .connectioncontainerWeb {
	display: block;
	width: 100%;
	float: left
}

.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerleft .connectioncontainerMob {
	display: none
}

.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerleft ul {
	margin: 1rem 0 0 0;
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	justify-content: space-evenly
}

.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerleft ul li {
	list-style: none;
	width: 15%
}

.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerleft ul li p {
	width: 100%;
	float: left;
	text-align: center;
	color: #000;
	font-size: 14px;
	line-height: 1.4;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright {
	width: 45%;
	float: left;
	padding: 2rem;
	background: #fff;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .0784313725)
}

.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright h2 {
	width: 100%;
	float: left;
	margin: 0 0 1.5rem 0;
	text-align: left;
	color: #000;
	font-size: 20px;
	line-height: 26px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright .connectioncontainerscroll {
	width: 100%;
	float: left
}

.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright .connectioncontainerscroll section {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright .connectioncontainerscroll section ul {
	width: 33%;
	float: left
}

.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright .connectioncontainerscroll section ul.connection_proof_ui_33 {
	width: 33%
}

.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright .connectioncontainerscroll section ul.connection_proof_ui_50 {
	width: 50%
}

.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright .connectioncontainerscroll section ul li {
	margin: .5rem 0;
	padding-left: 20px;
	float: left;
	width: 100%;
	position: relative;
	list-style: none;
	text-align: left;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 1;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright .connectioncontainerscroll section ul li:after {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	background: url("../images/frontimage/icon2.png") no-repeat center center;
	background-size: 100% 100%;
	width: 8px;
	height: 12px;
	float: left
}

.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright .connectioncontainerscroll section ul li:first-child {
	margin: 0;
	padding: 0
}

.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright .connectioncontainerscroll section ul li:first-child:after {
	display: none
}

.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright .connectioncontainerscroll section ul li h3 {
	width: 100%;
	float: left;
	margin: 0 0 1rem 0;
	text-align: left;
	color: #233d4d;
	font-size: 16px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright .connectioncontainerscroll section ul li h3 span {
	color: #3c3c3c;
	font-size: 14px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.connectioninfo {
	width: 100%;
	float: left;
	margin-bottom: 2rem
}

.connectioninfo h2 {
	width: 100%;
	float: left;
	text-align: left
}

.connectioninfo h2 span,.connectioninfo h1 {
	display: inline;
	color: #000;
	font-size: 24px;
	letter-spacing: 1.68px;
	line-height: 35px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase
}

.connectioninfo h2 img {
	display: inline;
	max-width: 100%;
	margin: 0 0 -3px 0
}

.connection_form {
	width: 100%;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-items: stretch;
	height: inherit
}

.connection_form .connection_left {
	width: 75%;
	float: left;
	padding: 3rem;
	background-color: #fff;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .0784313725)
}

.connection_form .connection_left section {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0
}

.connection_form .connection_left section .connection_field_success {
	display: none;
	width: 100%;
	float: left;
	margin: 0 0 1rem 0
}

.connection_form .connection_left section .connection_field_success section {
	width: 100%;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border: solid 2px rgba(0, 150, 0, .7803921569);
	padding: 1rem
}

.connection_form .connection_left section .connection_field_success section aside {
	width: 40px;
	height: 40px;
	float: left;
	border: solid 5px rgba(0, 150, 0, .7803921569);
	border-radius: 50%;
	background: none;
	display: flex;
	justify-content: center;
	align-items: center
}

.connection_form .connection_left section .connection_field_success section aside i.fa {
	font-size: 24px;
	color: rgba(0, 150, 0, .7803921569)
}

.connection_form .connection_left section .connection_field_success section h5 {
	margin-left: 1rem;
	width: auto;
	text-align: left
}

.connection_form .connection_left section .connection_field_success section h5 b {
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: #233d4d
}

.connection_form .connection_left section .connection_field_success section h5 span {
	margin-top: 5px;
	display: block;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #3c3c3c
}

.connection_form .connection_left section .connection_field_failed {
	display: none;
	width: 100%;
	float: left;
	margin: 0 0 1rem 0
}

.connection_form .connection_left section .connection_field_failed section {
	width: 100%;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border: solid 2px #db0303;
	padding: 1rem
}

.connection_form .connection_left section .connection_field_failed section aside {
	width: 40px;
	height: 40px;
	float: left;
	border: solid 5px #db0303;
	border-radius: 50%;
	background: none;
	display: flex;
	justify-content: center;
	align-items: center
}

.connection_form .connection_left section .connection_field_failed section aside i.fa {
	font-size: 24px;
	color: #db0303
}

.connection_form .connection_left section .connection_field_failed section h5 {
	margin-left: 1rem;
	width: auto;
	text-align: left
}

.connection_form .connection_left section .connection_field_failed section h5 b {
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: #233d4d
}

.connection_form .connection_left section .connection_field_failed section h5 span {
	margin-top: 5px;
	display: block;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #3c3c3c
}

.connection_form .connection_left section .connection_field100 {
	display: none;
	float: left;
	width: 100%
}

.connection_form .connection_left section .connection_field {
	float: left;
	margin: 0 0 1.7rem 0
}

.connection_form .connection_left section .connection_field.cf30 {
	width: 31.3%;
	margin-top: 1rem
}

.connection_form .connection_left section .connection_field.cf33 {
	width: 31.3%
}

.connection_form .connection_left section .connection_field.cf50 {
	width: 48%
}

.connection_form .connection_left section .connection_field.cf67 {
	width: 65%
}

.connection_form .connection_left section .connection_field.cf100 {
	width: 100%;
	margin-bottom: 0;
	margin-top: 1rem
}

.connection_form .connection_left section .connection_field p {
	width: 100%;
	float: left;
	clear: both;
	margin: 0 0 1.5rem 0;
	text-align: left;
	color: #3c3c3c;
	font-size: 14px;
	line-height: 1;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.connection_form .connection_left section .connection_field .connection_errormsg {
	display: none;
	width: 100%;
	float: left;
	margin: .5rem 0 0 0;
	text-align: left;
	color: #f2662c;
	font-size: 12px;
	line-height: 1;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.connection_form .connection_left section .connection_field .connection_filename {
	display: none;
	width: 100%;
	float: left;
	margin: .5rem 0;
	text-align: left
}

.connection_form .connection_left section .connection_field .connection_filename b {
	border-bottom: solid 1px #707070;
	padding-bottom: 2px;
	color: #707070;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1
}

.connection_form .connection_left section .connection_field .connection_filename i.fa.fa-times {
	margin: 0 0 0 5px;
	cursor: pointer;
	color: #000;
	font-size: 16px;
	line-height: 1;
	transition: all .4s ease-out
}

.connection_form .connection_left section .connection_field .connection_filename i.fa.fa-times:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

.connection_form .connection_left section .connection_field .connection_input {
	width: 100%;
	float: left;
	padding: .5rem 0;
	background: rgba(0, 0, 0, 0);
	outline: none;
	border: none;
	border-bottom: solid 1px #384f5d;
	text-align: left;
	font-size: 16px;
	line-height: 1;
	color: #3d3d3d;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.connection_form .connection_left section .connection_field .connection_input::placeholder {
	color: #535353;
	opacity: 1
}

.connection_form .connection_left section .connection_field .connection_input:-ms-input-placeholder {
	color: #535353;
	opacity: 1
}

.connection_form .connection_left section .connection_field .connection_input::-ms-input-placeholder {
	color: #535353;
	opacity: 1
}

.connection_form .connection_left section .connection_field input[type=file] {
	display: none
}

.connection_form .connection_left section .connection_field .connection_select {
	width: 100%;
	float: left;
	padding: .5rem 0;
	background: rgba(0, 0, 0, 0);
	outline: none;
	border: none;
	border-bottom: solid 1px #384f5d;
	text-align: left;
	font-size: 16px;
	line-height: 1;
	color: #3d3d3d;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	border-radius: 0;
	text-indent: 1px;
	text-overflow: "";
	-webkit-appearance: none;
	appearance: none;
	background: rgba(0, 0, 0, 0) url("../images/frontimage/dd_contactus.png") no-repeat;
	background-position: right 5px center
}

.connection_form .connection_left section .connection_field .connection_select option {
	color: #3d3d3d
}

.connection_form .connection_left section .connection_field .connection_select option:disabled {
	user-select: none;
	pointer-events: none
}

.connection_form .connection_left section .connection_field .connection_button {
	width: auto;
	float: left;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 12px 25px;
	border: none;
	background-color: #f2662c;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 1.2;
	box-shadow: none;
	text-transform: uppercase;
	cursor: pointer
}

.connection_form .connection_left section .connection_field .connection_button:hover {
	transition: all .4s ease-in;
	background-color: #f2662c;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137);
	color: #fff
}

.connection_form .connection_left section .connection_field h4 {
	width: 100%;
	float: left;
	text-align: left;
	color: #233d4d;
	font-size: 16px;
	line-height: 1;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.connection_form .connection_left section .connection_field h4 small {
	font-size: 70%;
	font-weight: 300;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.connection_form .connection_left section .connection_field h5 {
	width: 100%;
	float: left;
	margin: .5rem 0 0 0;
	text-align: left;
	color: #707070;
	font-size: 12px;
	line-height: 1;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.connection_form .connection_left section .connection_field ul {
	width: 100%;
	float: left;
	margin: 2rem 0 0 0
}

.connection_form .connection_left section .connection_field ul li {
	list-style: none
}

.connection_form .connection_left section .connection_field ul li:first-child {
	width: 55%;
	float: left
}

.connection_form .connection_left section .connection_field ul li:last-child {
	width: 40%;
	float: right
}

.connection_form .connection_left section .connection_field ul li input[type=file] {
	display: none
}

.connection_form .connection_left section .connection_field ul li .connection_select {
	padding: .5rem 0;
	font-size: 16px
}

.connection_form .connection_left section .connection_field ul li .connection_upload {
	width: auto;
	float: left;
	border: solid 1px #f2662c;
	padding: .5rem;
	text-align: center;
	color: #f2662c;
	font-size: 14px;
	line-height: 1;
	cursor: pointer;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.connection_form .connection_left section .connection_field ul li .connection_upload i.fa {
	margin-right: 5px
}

.connection_form .connection_left section .connection_field ul li .connection_upload span {
	text-align: left
}

.connection_form .connection_right {
	width: 25%;
	float: left
}

.connection_form .connection_right .connection_web {
	display: block;
	width: 100%;
	height: 100%;
	float: left
}

.connection_form .connection_right .connection_mob {
	display: none;
	width: 100%;
	float: left
}

.connectionothers {
	width: 100%;
	float: left;
	padding: 5rem 0 7rem 0;
	background: #f4f7f8
}

.connectionothers .connectionslider {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.connectionothers .connectionslider .items {
	width: 24.5%;
	float: left;
	position: relative
}

.connectionothers .connectionslider .items img {
	width: 100%;
	float: left
}

.connectionothers .connectionslider .items a {
	position: absolute;
	bottom: 0px;
	right: 0;
	white-space: nowrap;
	width: auto;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 10px 20px;
	border: none;
	background-color: #f2662c;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0;
	text-transform: uppercase
}

.connectionothers .connectionslider .items a:hover {
	background: #f0632a;
	transition: all .4s ease-in;
	color: #fff;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137)
}

@media only screen and (max-width: 1565px) {
	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerleft {
		width: 50%;
		padding: 2rem 1rem
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright {
		width: 50%;
		padding: 1.5rem
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright h2 {
		margin: 0 0 1rem 0;
		font-size: 20px;
		line-height: 30px
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright .connectioncontainerscroll section ul li {
		margin: .4rem 0;
		font-size: 16px
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright .connectioncontainerscroll section ul li h3 {
		margin: 0 0 1rem 0;
		font-size: 16px
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright .connectioncontainerscroll section ul li h3 span {
		font-size: 12px
	}

	.connection_form .connection_left {
		padding: 1.5rem
	}
}

@media only screen and (max-width: 1300px) {
	.connection_form .connection_left {
		width: 70%;
		padding: 1rem
	}

	.connection_form .connection_left section .connection_field {
		margin: 0 0 1.5rem 0
	}

	.connection_form .connection_left section .connection_field p {
		margin: 0 0 1rem 0;
		font-size: 12px
	}

	.connection_form .connection_left section .connection_field .connection_input {
		padding: .4rem 0;
		font-size: 16px
	}

	.connection_form .connection_left section .connection_field .connection_select {
		padding: .4rem 0;
		font-size: 16px
	}

	.connection_form .connection_left section .connection_field .connection_button {
		padding: 10px 20px;
		font-size: 14px
	}

	.connection_form .connection_left section .connection_field h4 {
		font-size: 16px
	}

	.connection_form .connection_left section .connection_field h5 {
		font-size: 12px
	}

	.connection_form .connection_left section .connection_field ul {
		margin: 2rem 0 0 0
	}

	.connection_form .connection_left section .connection_field ul li .connection_select {
		padding: .4rem 0;
		font-size: 16px
	}

	.connection_form .connection_left section .connection_field ul li .connection_upload {
		padding: .4rem;
		font-size: 14px
	}

	.connection_form .connection_right {
		width: 30%
	}
}

@media only screen and (max-width: 1255px) {
	.connection_tabs_head {
		margin: 4rem 0 2rem 0
	}

	.connection_tabs_head h2 span {
		font-size: 22px;
		letter-spacing: 0;
		line-height: 32px
	}

	.connection_tabs_head h2 img {
		margin: 0 0 -2px 0
	}

	.connection_tabs_head p {
		margin: .5rem 0 1.5rem 0;
		font-size: 16px;
		line-height: 26px
	}

	.connection_tabs_head ul li {
		padding: 0 2rem 5px 2rem;
		font-size: 22px;
		line-height: 36px
	}

	.connection_tabs_container .conTabBody .connectioncontainer {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
		padding: 0
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerleft {
		width: 100%;
		padding: 1rem 1rem 60px 1rem;
		text-align: center
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerleft .connectioncontainerWeb {
		display: flow-root;
		float: none;
		max-width: 600px;
		margin: 0 auto
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerleft ul {
		float: none;
		max-width: 600px;
		margin: 1rem auto
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright {
		width: 90%;
		margin: -50px 5% 0 5%;
		padding: 2rem
	}

	.connectioninfo {
		margin-bottom: 1rem
	}

	.connectioninfo h2 span,.connectioninfo h1 span {
		font-size: 22px;
		letter-spacing: 0;
		line-height: 32px
	}

	.connectioninfo h2 img {
		margin: 0 0 -2px 0
	}

	.connection_form .connection_left {
		width: 100%;
		padding: 1rem
	}

	.connection_form .connection_left section .connection_field {
		margin: 0 0 1rem 0
	}

	.connection_form .connection_left section .connection_field ul {
		margin: 1rem 0 0 0
	}

	.connection_form .connection_right {
		display: none
	}

	.connectionothers .connectionslider .items a {
		padding: 9px 15px;
		font-size: 14px
	}

	.connectionothers .connectionslider .slick-list {
		overflow: hidden
	}

	.connectionothers .connectionslider .slick-track {
		overflow: hidden
	}

	.connectionothers .connectionslider .slick-slide {
		margin: 0 10px 0 0
	}
}

@media only screen and (max-width: 1023px) {
	.connection_tabs_head p {
		margin: .5rem 0 0 0
	}

	.connection_tabs_head ul {
		display: none
	}

	.connection_tabs_container .conTabHead {
		display: block;
		position: relative;
		width: 100%;
		float: left;
		margin: 0;
		list-style: none;
		cursor: pointer;
		padding: 1rem 3rem 1rem .7rem;
		border-bottom: solid 1.5px #707070;
		color: #888;
		font-size: 18px;
		line-height: 1.5;
		font-family: "Arial-Regular", Arial, sans-serif;
		font-weight: 300;
		transition: all .4s ease-out;
		cursor: pointer
	}

	.connection_tabs_container .conTabHead:after {
		content: "";
		position: absolute;
		top: 50%;
		right: .6rem;
		transform: translateY(-50%);
		font-family: "FontAwesome";
		font-weight: 300;
		line-height: 1;
		color: #888;
		font-size: 28px;
		transition: all .4s ease-out
	}

	.connection_tabs_container .conTabHead.active {
		border-bottom: none;
		color: #233d4d;
		font-size: 20px;
		font-family: "Arial-Bold", Arial, sans-serif;
		font-weight: 700;
		transition: all .4s ease-in
	}

	.connection_tabs_container .conTabHead.active:after {
		content: "";
		color: #233d4d;
		transition: all .4s ease-in
	}

	.connection_tabs_container .conTabHead.disabled {
		user-select: none;
		pointer-events: none
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright {
		margin-bottom: 1rem;
		padding: 1.5rem
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright .connectioncontainerscroll {
		overflow-y: hidden;
		overflow-x: scroll
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright .connectioncontainerscroll section {
		width: 150%;
		padding-bottom: .5rem
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright .connectioncontainerscroll section ul li {
		margin: .6rem 0
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright .connectioncontainerscroll section ul li h3 {
		margin: 0 0 1rem 0
	}

	.connectionothers {
		padding: 3rem 0 4rem 0
	}

	.connection_form .connection_left {
		padding: 1rem
	}

	.connection_form .connection_left section .connection_field {
		margin: 0 0 1rem 0
	}

	.connection_form .connection_left section .connection_field.cf33 {
		width: 48%
	}

	.connection_form .connection_left section .connection_field.cf30 {
		width: 100%
	}

	.connection_form .connection_left section .connection_field.cf67 {
		width: 48%
	}

	.connection_form .connection_left section .connection_field ul {
		margin: 1rem 0 0 0
	}
}

@media only screen and (max-width: 599px) {
	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerleft ul {
		max-width: 100%
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerleft ul li p {
		font-size: 12px
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright {
		padding: 1rem
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright .connectioncontainerscroll section {
		width: 200%
	}

	.connectionothers .connectionslider .slick-slide {
		margin: 0 15px 0 0
	}

	.connection_form .connection_left {
		padding: 1.5rem
	}

	.connection_form .connection_left section .connection_field_success section {
		align-items: flex-start;
		border-width: 1px;
		padding: .5rem
	}

	.connection_form .connection_left section .connection_field_success section h5 {
		width: 70%
	}

	.connection_form .connection_left section .connection_field_success section h5 b {
		font-size: 16px
	}

	.connection_form .connection_left section .connection_field_success section h5 span {
		font-size: 14px
	}

	.connection_form .connection_left section .connection_field_failed section {
		align-items: flex-start;
		border-width: 1px;
		padding: .5rem
	}

	.connection_form .connection_left section .connection_field_failed section h5 {
		width: 70%
	}

	.connection_form .connection_left section .connection_field_failed section h5 b {
		font-size: 16px
	}

	.connection_form .connection_left section .connection_field_failed section h5 span {
		font-size: 14px
	}

	.connection_form .connection_left section .connection_field.cf33 {
		width: 100%
	}

	.connection_form .connection_left section .connection_field.cf30 {
		width: 100%
	}

	.connection_form .connection_left section .connection_field.cf50 {
		width: 100%
	}

	.connection_form .connection_left section .connection_field.cf67 {
		width: 100%
	}
}

@media only screen and (max-width: 479px) {
	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerleft {
		padding: 1rem 1rem 80px 1rem;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		align-items: stretch
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerleft .connectioncontainerWeb {
		display: none
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerleft .connectioncontainerMob {
		display: block;
		width: 100px;
		float: left
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerleft ul {
		width: 100%;
		flex-wrap: wrap;
		margin: 0 0 0 1rem
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerleft ul li {
		width: 100%;
		height: 16.5%;
		display: flex;
		justify-content: flex-start;
		align-items: center
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerleft ul li p {
		text-align: left;
		font-size: 14px
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright {
		width: 86%;
		margin: -60px 7% 1rem 7%;
		padding: 1rem
	}

	.connection_tabs_container .conTabBody .connectioncontainer .connectioncontainerright .connectioncontainerscroll section {
		width: 650px
	}

	.connectionothers {
		padding: 3rem 0 6rem 0
	}

	.connection_form .connection_left {
		padding: 1.5rem
	}

	.connection_form .connection_left section .connection_field ul {
		margin: .5rem 0 0 0
	}

	.connection_form .connection_left section .connection_field ul li {
		width: 55%;
		margin: .5rem 0;
		float: left
	}

	.connection_form .connection_left section .connection_field ul li:first-child {
		width: 100%
	}

	.connection_form .connection_left section .connection_field ul li:last-child {
		width: 100%
	}

	.connection_form .connection_left section .connection_field ul li .connection_upload {
		padding: .6rem 1.2rem;
		font-size: 14px
	}
}

.cngstationWrap {
	width: 100%;
	float: left;
	background: #fff
}

.cngstationWrap .wrapper {
	width: 100%;
	max-width: 100%;
	padding-left: 7%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-items: stretch
}

.cngstationWrap .cngstation {
	width: 30%;
	float: left;
	padding: 2rem 1.5rem 0 0;
	background-color: #fff
}

.cngstationWrap .cngstation .cngstationheading {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 1%;
	margin-bottom: 2rem
}

.cngstationWrap .cngstation .cngstationheading h2,
.cngstationWrap .cngstation .cngstationheading h2 span,
 .cngstationWrap .cngstation .cngstationheading h1,
 .cngstationWrap .cngstation .cngstationheading h1 span {
	width: auto;
	float: none;
	text-align: left;
	color: #000;
	font-size: 22px;
	line-height: 1;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
}

.cngstationWrap .cngstation .cngstationheading h2 span,.cngstationWrap .cngstation .cngstationheading h1 span {
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 14px
}

.cngstationWrap .cngstation .cngstationheading aside {
	width: 155px;
	float: right;
	text-align: right;
	border-bottom: solid 1px #707070
}

.cngstationWrap .cngstation .cngstationheading aside span {
	display: none
}

.cngstationWrap .cngstation .cngstationheading aside input[type=text] {
	background: rgba(0, 0, 0, 0) url("../Images/frontimage/search2.png") no-repeat;
	background-position: right 8px top 50%;
	margin: 0;
	width: 100%;
	float: right;
	border: none;
	outline: none;
	padding: .5rem 2rem .5rem 0;
	font-size: 16px;
	line-height: 1;
	color: #707070;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.cngstationWrap .cngstation .cngstationheading aside input[type=text]::placeholder {
	color: #707070;
	opacity: 1
}

.cngstationWrap .cngstation .cngstationheading aside input[type=text]:-ms-input-placeholder {
	color: #707070;
	opacity: 1
}

.cngstationWrap .cngstation .cngstationheading aside input[type=text]::-ms-input-placeholder {
	color: #707070;
	opacity: 1
}

.cngstationWrap .cngstation .cngstationheading p {
	display: none
}

.cngstationWrap .cngstation .cngstationfilter {
	width: 100%;
	float: left;
	padding: 0 1%;
	margin-bottom: 2rem
}

.cngstationWrap .cngstation .cngstationfilter h2 {
	width: 100%;
	margin-bottom: 1rem;
	float: left;
	text-align: left;
	color: #000;
	font-size: 16px;
	line-height: 26px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.cngstationWrap .cngstation .cngstationfilter ul {
	width: 75%;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap
}

.cngstationWrap .cngstation .cngstationfilter ul li {
	position: relative;
	list-style: none;
	float: left
}

.cngstationWrap .cngstation .cngstationfilter ul li:nth-child(1) {
	width: 47%;
	margin: 0 3% 0 0
}

.cngstationWrap .cngstation .cngstationfilter ul li:nth-child(2) {
	width: 47%;
	margin: 0 0 0 3%
}

.cngstationWrap .cngstation .cngstationfilter ul li:nth-child(3) {
	width: 100%
}

.cngstationWrap .cngstation .cngstationfilter ul li .cngOR {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	float: left;
	margin: 1.2rem 0 .5rem 0
}

.cngstationWrap .cngstation .cngstationfilter ul li .cngOR span {
	z-index: 2;
	position: relative;
	width: 27px;
	height: 27px;
	padding: .4rem;
	background-color: #969696;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.cngstationWrap .cngstation .cngstationfilter ul li .cngOR:before,
.cngstationWrap .cngstation .cngstationfilter ul li .cngOR:after {
	display: none;
	content: "";
	z-index: 1;
	position: absolute;
	top: 50%;
	width: 30%;
	height: 1px;
	background-color: #969696;
	line-height: 1;
	font-size: 0
}

.cngstationWrap .cngstation .cngstationfilter ul li .cngOR:before {
	left: 20%
}

.cngstationWrap .cngstation .cngstationfilter ul li .cngOR:after {
	right: 20%
}

.cngstationWrap .cngstation .cngstationfilter ul li .erromsg {
	display: none;
	width: 100%;
	float: left;
	margin-top: 5px;
	font-size: 12px;
	color: #f2662c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	text-align: left
}

.cngstationWrap .cngstation .cngstationfilter ul li p {
	width: 100%;
	float: left;
	margin-top: .7rem;
	text-align: left;
	font-size: 14px;
	color: #707070;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.cngstationWrap .cngstation .cngstationfilter ul li input[type=text] {
	width: 100%;
	float: left;
	padding: .6rem 0;
	background: rgba(0, 0, 0, 0);
	outline: none;
	border: none;
	border-bottom: solid 1px #969696;
	text-align: left;
	font-size: 16px;
	line-height: 1;
	color: #707070;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.cngstationWrap .cngstation .cngstationfilter ul li input[type=text]::placeholder {
	color: #707070;
	opacity: 1
}

.cngstationWrap .cngstation .cngstationfilter ul li input[type=text]:-ms-input-placeholder {
	color: #707070;
	opacity: 1
}

.cngstationWrap .cngstation .cngstationfilter ul li input[type=text]::-ms-input-placeholder {
	color: #707070;
	opacity: 1
}

.cngstationWrap .cngstation .cngstationfilter ul li select {
	width: 100%;
	float: left;
	padding: .4rem 0;
	background: rgba(0, 0, 0, 0);
	outline: none;
	border: none;
	border-bottom: solid 1px #969696;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	color: #707070;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	border-radius: 0;
	text-indent: 1px;
	text-overflow: "";
	-webkit-appearance: none;
	appearance: none;
	background: rgba(0, 0, 0, 0) url("../images/frontimage/dd_black.png") no-repeat;
	background-position: right 5px center
}

.cngstationWrap .cngstation .cngstationfilter ul li select option {
	color: #000
}

.cngstationWrap .cngstation .cngstationfilter ul li select option:disabled {
	user-select: none;
	pointer-events: none
}

.cngstationWrap .cngstation .cngstationfilter ol {
	width: 20%;
	float: right;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column
}

.cngstationWrap .cngstation .cngstationfilter ol li {
	width: 100%;
	float: left;
	padding: .5rem 0;
	list-style: none;
	text-align: center
}

.cngstationWrap .cngstation .cngstationfilter ol li a {
	text-decoration: none
}

.cngstationWrap .cngstation .cngstationfilter ol li a i.fa.fa-refresh {
	font-size: 24px;
	color: #000;
	transition: all .4s ease-out
}

.cngstationWrap .cngstation .cngstationfilter ol li a:hover {
	text-decoration: none
}

.cngstationWrap .cngstation .cngstationfilter ol li a:hover i.fa.fa-refresh {
	color: #f2662c;
	transition: all .4s ease-in
}

.cngstationWrap .cngstation .cngstationfilter ol li input[type=submit],
.cngstationWrap .cngstation .cngstationfilter ol li input[type=button] {
	display: inline-block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 10px 0;
	border: none;
	background-color: #f2662c;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: .4px;
	line-height: 20px;
	box-shadow: none;
	text-transform: uppercase;
	cursor: pointer
}

.cngstationWrap .cngstation .cngstationfilter ol li input[type=submit]:hover,
.cngstationWrap .cngstation .cngstationfilter ol li input[type=button]:hover {
	transition: all .4s ease-in;
	background-color: #f2662c;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137);
	color: #fff
}

.cngstationWrap .cngstation .cngstationlist {
	width: 100%;
	float: left;
	height: 463px
}

.cngstationWrap .cngstation .cngstationlist .cngstationnoresult {
	display: none;
	width: 100%;
	height: 100%;
	float: left;
	padding: 2rem;
	text-align: center;
	background: #fff;
	border-radius: 0px
}

.cngstationWrap .cngstation .cngstationlist .cngstationnoresult section {
	width: 100%;
	height: 100%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center
}

.cngstationWrap .cngstation .cngstationlist .cngstationnoresult section div aside {
	width: 100%;
	float: left;
	text-align: center
}

.cngstationWrap .cngstation .cngstationlist .cngstationnoresult section div aside img {
	width: 100%;
	max-width: 100px;
	display: inline-block;
	margin: 0 auto
}

.cngstationWrap .cngstation .cngstationlist .cngstationnoresult section div p {
	width: 100%;
	float: left;
	margin-top: 1.5rem;
	text-align: center;
	color: #233d4d;
	font-size: 18px;
	line-height: 1.3;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.cngstationWrap .cngstation .cngstationlist ul {
	width: 100%;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap
}

.cngstationWrap .cngstation .cngstationlist ul li {
	list-style: none;
	position: relative;
	width: 96%;
	margin: 10px 2%;
	padding: 1rem 1rem 1rem 2rem;
	background: #fff;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .0784313725);
	border-radius: 0px 0px 8px 8px
}

.cngstationWrap .cngstation .cngstationlist ul li h2 {
	width: 100%;
	float: left;
	margin-bottom: .3rem
}

.cngstationWrap .cngstation .cngstationlist ul li h2 span {
	position: relative;
	padding-right: 20px;
	width: calc(100% - 120px);
	float: left;
	text-align: left;
	color: #000;
	font-size: 16px;
	line-height: 1.2;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.cngstationWrap .cngstation .cngstationlist ul li h2 span:after {
	content: "";
	position: absolute;
	left: -15px;
	top: 7px;
	height: 12px;
	width: 8px;
	background: url("../images/frontimage/icon2.png") no-repeat;
	background-position: left 0px top 0px
}

.cngstationWrap .cngstation .cngstationlist ul li h2 aside {
	width: 120px;
	float: right;
	display: flex;
	justify-content: flex-end;
	align-items: center
}

.cngstationWrap .cngstation .cngstationlist ul li h2 aside a {
	line-height: 1;
	cursor: pointer;
	text-transform: capitalize;
	text-decoration: none;
	transition: all .4s ease-out;
	color: #233d4d;
	font-size: 14px;
	line-height: 1.2;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	border-bottom: solid 1px #233d4d;
	cursor: pointer
}

.cngstationWrap .cngstation .cngstationlist ul li h2 aside a:hover {
	border-bottom-color: #f2662c;
	color: #f2662c;
	transition: all .4s ease-in
}

.cngstationWrap .cngstation .cngstationlist ul li h2 aside img {
	position: static !important;
	display: inline-block;
	margin-left: .5rem;
	width: 18px;
	height: auto;
	transition: all .4s ease-out;
	cursor: pointer
}

.cngstationWrap .cngstation .cngstationlist ul li h2 aside img:hover {
	filter: grayscale(0);
	transition: all .4s ease-in
}

.cngstationWrap .cngstation .cngstationlist ul li p {
	width: 100%;
	float: left;
	text-align: left;
	color: #3c3c3c;
	font-size: 14px;
	line-height: 24px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.cngstationWrap .cngstation .cngstationlist ul li p strong {
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500
}

.cngstationWrap .cngstation .cngstationlist ul li h4 {
	width: 100%;
	float: left;
	text-align: left;
	color: #3c3c3c;
	font-size: 14px;
	line-height: 24px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.cngstationWrap .cngstation .cngstationlist ul li h4 i.fa {
	padding: 0 5px 0 0;
	transform: rotate(22deg)
}

.cngstationWrap .cngstation .cngstationlist ul li h4 a {
	text-decoration: none;
	color: #3c3c3c;
	transition: all .4s ease-out
}

.cngstationWrap .cngstation .cngstationlist ul li h4 a:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

.cngstationWrap .cngstation .cngstationlist ul li dl {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.cngstationWrap .cngstation .cngstationlist ul li dl dt {
	color: #233c4c;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.cngstationWrap .cngstation .cngstationlist ul li dl dt:before {
	content: "";
	font-family: "FontAwesome";
	font-weight: 300;
	line-height: 1;
	margin-right: 5px
}

.cngstationWrap .cngstation .cngstationlist ul li dl dd {
	color: #707070;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.cngstationWrap .cngstation .cngstationlist ul li dl dd span {
	margin-left: 5px;
	background: #edf0f2;
	padding: 5px 10px;
	border-radius: 25px;
	color: #233d4d;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.cngstationWrap .cngstation .cngstationlist ul li dl dd span i.fa {
	margin-right: 3px
}

.cngstationWrap .cngstation .cngstationlist ul li h5 {
	position: absolute;
	right: 1rem;
	top: 1rem;
	width: 19px;
	height: 20px;
	float: right;
	line-height: 1;
	cursor: pointer;
	text-decoration: none;
	background: url("../images/frontimage/share-orange.png") no-repeat center center;
	transition: all .4s ease-out;
	filter: grayscale(1)
}

.cngstationWrap .cngstation .cngstationlist ul li h5 span {
	display: none
}

.cngstationWrap .cngstation .cngstationlist ul li h5 i.fa {
	display: none
}

.cngstationWrap .cngstation .cngstationlist ul li h5:hover {
	filter: grayscale(0);
	transition: all .4s ease-in
}

.cngstationWrap .cngstationscrollContainer,
.cngstationWrap .cngstationscroll {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%
}

.cngstationWrap .cngstationmap {
	z-index: 1;
	position: relative;
	width: 62%;
	float: left;
	background-color: #233d4d;
	height: 790px;
    margin-bottom: 40px;
}

.cngstationWrap .cngstationmap .cngstationmapmyindia {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0
}

.cngstationWrap .cngstationmap .mapinfo {
	padding: 3px
}

.cngstationWrap .cngstationmap .mapinfo h5 {
	font-size: 14px;
	color: #000;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.cngstationWrap .cngstationmap .mapinfo h6 {
	font-size: 13px;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

@media only screen and (max-width: 1700px) {
	.cngstationWrap .wrapper {
		padding-left: 2%
	}
}

@media only screen and (max-width: 1565px) {
	.cngstationWrap .cngstation {
		width: 39%
	}

	.cngstationWrap .cngstation .cngstationlist {
		height: 463px
	}

	.cngstationWrap .cngstationmap {
		width: 61%;
		height: 845px
	}
}

@media only screen and (max-width: 1300px) {
	.cngstationWrap .cngstation {
		width: 43%
	}

	.cngstationWrap .cngstation .cngstationlist {
		height: 463px
	}

	.cngstationWrap .cngstationmap {
		width: 55%;
		height: 845px
	}
}

@media only screen and (max-width: 1255px) {
	.cngstationWrap .cngstation {
		width: 54%
	}

	.cngstationWrap .cngstation .cngstationlist {
		height: 463px
	}

	.cngstationWrap .cngstationmap {
		width: 46%;
		height: 845px
	}
}

@media only screen and (max-width: 1023px) {
	.cngstationWrap .wrapper {
		padding: 0 2%;
		flex-wrap: wrap
	}

	.cngstationWrap .cngstation {
		width: 100%;
		padding: 2rem 0 0 0
	}

	.cngstationWrap .cngstation .cngstationlist {
		height: 480px;
		overflow: hidden;
		overflow-y: scroll
	}

	.cngstationWrap .cngstation .cngstationlist .cngstationnoresult section div aside img {
		max-width: 70px
	}

	.cngstationWrap .cngstation .cngstationlist .cngstationnoresult section div p {
		margin-top: 1rem;
		font-size: 16px
	}

	.cngstationWrap .cngstationmap {
		width: 96%;
		margin: 2rem 2% 3rem 2%;
		height: 300px
	}

	.cngstationscrollContainer,
	.cngstationscroll {
		overflow-y: scroll !important;
        	float: left;
        	display: block;
        	width: 96%;
        	padding-left: 2%;
        	padding-right: 2%;


	}
}

@media only screen and (max-width: 767px) {
	.cngstationWrap .cngstation .cngstationlist {
		height: 460px
	}
}

@media only screen and (max-width: 599px) {
	.cngstationWrap .cngstation .cngstationheading {
		width: 96%;
		margin: 0 2% 1rem 2%;
		padding: 0 0 12px 0;
		position: relative;
		overflow: hidden
	}

	.cngstationWrap .cngstation .cngstationheading h2, .cngstationWrap .cngstation .cngstationheading h1 {
		font-size: 21px
	}

	.cngstationWrap .cngstation .cngstationheading aside {
		position: absolute;
		top: 0;
		left: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		padding: 0 0 1px 0;
		background: #fff
	}

	.cngstationWrap .cngstation .cngstationheading aside span {
		display: block;
		font-size: 22px;
		color: #233d4d;
		cursor: pointer;
		transition: all .4s ease-out
	}

	.cngstationWrap .cngstation .cngstationheading aside span:hover {
		color: #000;
		transition: all .4s ease-in
	}

	.cngstationWrap .cngstation .cngstationheading aside input[type=text] {
		padding: .5rem 2rem .5rem 1rem
	}

	.cngstationWrap .cngstation .cngstationheading p {
		display: block;
		font-size: 22px;
		color: #233d4d;
		cursor: pointer;
		transition: all .4s ease-out
	}

	.cngstationWrap .cngstation .cngstationheading p:hover {
		color: #000;
		transition: all .4s ease-in
	}

	.cngstationWrap .cngstation .cngstationfilter {
		width: 96%;
		padding: 0 1%;
		margin: 0 2% 1rem 2%
	}

	.cngstationWrap .cngstation .cngstationfilter h2 {
		font-size: 16px;
		line-height: 28px
	}

	.cngstationWrap .cngstation .cngstationfilter ul li select {
		font-size: 16px
	}

	.cngstationWrap .cngstation .cngstationfilter ul li input[type=text] {
		font-size: 16px
	}

	.cngstationWrap .cngstation .cngstationlist {
		height: 450px
	}

	.cngstationWrap .cngstation .cngstationlist ul li {
		width: 96%;
		margin: 10px 2%
	}

	.cngstationWrap .cngstation .cngstationlist ul li h2 span {
		font-size: 16px;
		padding-right: 0
	}

	.cngstationWrap .cngstation .cngstationlist ul li h2 span:after {
		top: 5px
	}

	.cngstationWrap .cngstation .cngstationlist ul li p {
		font-size: 14px;
		line-height: 22px
	}

	.cngstationWrap .cngstation .cngstationlist ul li h4 {
		font-size: 14px;
		line-height: 22px
	}

	.cngstationWrap .cngstation .cngstationlist ul li dl {
		justify-content: flex-start;
		flex-wrap: wrap
	}

	.cngstationWrap .cngstation .cngstationlist ul li dl dt {
		width: 100%;
		font-size: 12px;
		line-height: 26px
	}

	.cngstationWrap .cngstation .cngstationlist ul li dl dd {
		width: 100%;
		margin-top: .3rem;
		font-size: 12px;
		line-height: 26px
	}

	.cngstationWrap .cngstation .cngstationlist ul li dl dd span {
		font-size: 12px;
		line-height: 26px
	}

	.cngstationWrap .cngstation .cngstationlist ul li h5 {
		top: auto;
		bottom: 1rem;
		font-size: 18px
	}
}

@media only screen and (max-width: 479px) {
	.cngstationWrap .cngstation .cngstationlist {
		height: 600px
	}

	.cngstationWrap .cngstationmap {
		height: 200px
	}
}

.viewprofilesBG {
	display: none;
	z-index: 8;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	background: rgba(0, 0, 0, .9);
	background-color: rgba(0, 0, 0, .6)
}

.viewprofilesBG img {
	display: none;
	max-width: 24px;
	filter: brightness(0) invert(1);
	transition: all .4s ease-out
}

.viewprofilesBG img:hover {
	filter: brightness(100%) invert(0);
	transition: all .4s ease-in
}

.viewprofilesPopup {
	display: none;
	z-index: 9;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -47%);
	width: 96%;
	max-width: 1640px;
	height: auto;
	background-color: #fff;
	border-radius: 0px;
	margin: 0 auto;
	padding: 0
}

.viewprofilesPopup aside {
	position: fixed;
	right: 0px;
	top: -35px;
	width: auto;
	height: auto;
	border-radius: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	background: rgba(0, 0, 0, 0);
	text-align: center;
	border: none;
	color: #fff;
	cursor: pointer;
	transition: all .4s ease-out
}

.viewprofilesPopup aside img {
	max-width: 32px;
	filter: brightness(0) invert(1);
	transition: all .4s ease-out
}

.viewprofilesPopup aside:hover {
	background: none;
	transition: all .4s ease-in
}

.viewprofilesPopup aside:hover img {
	filter: brightness(100%) invert(0);
	transition: all .4s ease-in
}

.viewprofilesPopup .viewprofilecontainer {
	width: 100%;
	float: left
}

.viewprofilesPopup .viewprofilecontainer .viewprofileinner {
	width: 100%;
	float: left;
	padding: 5% 3%;
	display: flex;
	justify-content: center;
	align-items: flex-start
}

.viewprofilesPopup .viewprofilecontainer .viewprofileinner article {
	width: 370px;
	float: left;
	margin-right: 3rem
}

.viewprofilesPopup .viewprofilecontainer .viewprofileinner article img {
	width: 100%;
	padding: 5px;
	border: solid 2px #f2662c
}

.viewprofilesPopup .viewprofilecontainer .viewprofileinner section {
	width: 50%;
	float: right
}

.viewprofilesPopup .viewprofilecontainer .viewprofileinner section h2 {
	width: 100%;
	float: left;
	text-align: left;
	font-size: 24px;
	line-height: 26px;
	color: #000;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.viewprofilesPopup .viewprofilecontainer .viewprofileinner section h3 {
	opacity: .7;
	width: 100%;
	float: left;
	margin: .2rem 0 1rem 0;
	text-align: left;
	font-size: 16px;
	line-height: 26px;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.viewprofilesPopup .viewprofilecontainer .viewprofileinner section p {
	width: 100%;
	float: left;
	text-align: left;
	font-size: 16px;
	line-height: 26px;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.profilescrollerContainer {
	z-index: 2;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	overflow: hidden
}

.profilescrollerContainer .profilescroller {
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	overflow: hidden
}

.profilescrollerContainer .profilescrollerRail {
	visibility: hidden
}

.profilescrollerContainer .profilescrollerBar {
	visibility: hidden
}

.teamsWrap {
	width: 100%;
	float: left;
	padding: 2rem 0 4rem;
	background-color: #fff
}

.teamsWrap .teamAbout {
	width: 100%;
	float: left
}

.teamsWrap .teamAbout h2 {
	width: 100%;
	float: left;
	text-align: left;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.teamsWrap .teamAbout h1 span {
	color: #000;
	font-size: 26px;
	letter-spacing: 1.68px;
	line-height: 35px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900
}

.teamsWrap .teamAbout h2 img {
	margin-left: 5px;
	max-width: 100%
}

.teamsWrap .teamAbout p {
	width: 100%;
	float: left;
	margin-top: 1rem;
	text-align: left;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px
}

.teamsWrap .teamTabs {
	width: 100%;
	float: left;
	margin: 3rem 0 2rem 0;
	display: flex;
	justify-content: center;
	align-items: flex-start
}

.teamsWrap .teamTabs ul {
	width: auto;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: solid 1px #888
}

.teamsWrap .teamTabs ul.disabled {
	user-select: none;
	pointer-events: none
}

.teamsWrap .teamTabs ul li {
	list-style: none;
	cursor: pointer;
	padding: 0 2rem 5px 2rem;
	color: #888;
	font-size: 20px;
	line-height: 45px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	transition: all .4s ease-out;
	cursor: pointer
}

.teamsWrap .teamTabs ul li:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 4px;
	background: none;
	line-height: 0;
	font-size: 1px
}

.teamsWrap .teamTabs ul li.active {
	border-bottom-color: #233d4d;
	color: #233d4d;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	transition: all .4s ease-in;
	position: relative;
	user-select: none;
	pointer-events: none
}

.teamsWrap .teamTabs ul li.active:after {
	background: #233d4d
}

.teamsWrap .teamContainer {
	width: 100%;
	float: left
}

.teamsWrap .teamContainer .teamheader {
	display: none;
	position: relative;
	width: 100%;
	float: left;
	margin: .4rem 0;
	list-style: none;
	cursor: pointer;
	padding: 1rem;
	border-bottom: solid 1px #888;
	color: #888;
	font-size: 18px;
	line-height: 45px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	transition: all .4s ease-out;
	cursor: pointer
}

.teamsWrap .teamContainer .teamheader:after {
	content: "";
	position: absolute;
	top: 50%;
	right: .5rem;
	transform: translateY(-50%);
	font-family: "FontAwesome";
	font-weight: 300;
	line-height: 1;
	color: #888;
	font-size: 22px;
	transition: all .4s ease-out
}

.teamsWrap .teamContainer .teamheader.active {
	color: #233d4d;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	transition: all .4s ease-in;
	border-bottom: none
}

.teamsWrap .teamContainer .teamheader.active:after {
	content: "";
	color: #233d4d;
	transition: all .4s ease-in
}

.teamsWrap .teamContainer .teamheader.disabled {
	user-select: none;
	pointer-events: none
}

.teamsWrap .teamContainer .teamsection {
	display: none;
	width: 100%;
	float: left;
	margin: 0;
	position: relative;
	min-height: 100px;
	overflow: hidden
}

.teamsWrap .teamContainer .teamsection .teamsloader {
	display: none;
	position: absolute;
	left: 0;
	top: 1rem;
	z-index: 99;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	text-align: center
}

.teamsWrap .teamContainer .teamsection .teamsloader i.fa.fa-spinner {
	font-weight: 900;
	color: #f2662c;
	font-size: 72px
}

.teamsWrap .teamContainer .teamsection ul {
	width: 100%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	align-items: stretch;
	height: inherit
}

.teamsWrap .teamContainer .teamsection ul li {
	position: relative;
	list-style: none;
	width: 24%;
	margin: 1rem .5%;
	padding: 120px 0 0 0;
	height: inherit;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap
}

.teamsWrap .teamContainer .teamsection ul li aside {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	float: left;
	text-align: center
}

.teamsWrap .teamContainer .teamsection ul li aside img {
	max-width: 200px;
	border-radius: 50%;
	padding: 6px;
	border: solid 1px #f2662c
}

.teamsWrap .teamContainer .teamsection ul li .dp {
	width: 100%;
	height: 100%;
	float: left;
	padding: 100px 1rem 1.5rem 1rem;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .0784313725)
}

.teamsWrap .teamContainer .teamsection ul li .dp h2 {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.teamsWrap .teamContainer .teamsection ul li .dp h3 {
	width: 100%;
	float: left;
	margin: .4rem 0;
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.teamsWrap .teamContainer .teamsection ul li .dp h4 {
	display: none
}

.teamsWrap .teamContainer .teamsection ul li .dp p {
	width: 100%;
	float: left;
	text-align: center
}

.teamsWrap .teamContainer .teamsection ul li .dp p span {
	text-decoration: none;
	color: #3a4e5c;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 26px;
	transition: all .4s ease-out;
	cursor: pointer
}

.teamsWrap .teamContainer .teamsection ul li .dp p span i.fa {
	padding: 0 5px;
	transition: all .4s ease-out
}

.teamsWrap .teamContainer .teamsection ul li .dp p span b {
	border-bottom: solid 1px rgba(0, 0, 0, 0);
	padding-bottom: 1px;
	transition: all .4s ease-out
}

.teamsWrap .teamContainer .teamsection ul li .dp p span:hover {
	color: #233d4d;
	transition: all .4s ease-in
}

.teamsWrap .teamContainer .teamsection ul li .dp p span:hover i.fa {
	padding: 0 0 0 10px;
	transition: all .4s ease-in
}

.teamsWrap .teamContainer .teamsection ul li .dp p span:hover b {
	border-bottom-color: #3c3c3c;
	transition: all .4s ease-in
}

.teamsWrap .teamContainer .teamsection ul.team_boardofdirectors {
	max-width: 1080px;
	float: none;
	margin: 0 auto
}

.teamsWrap .teamContainer .teamsection ul.team_boardofdirectors li {
	width: 31.3%;
	margin: 1rem 1%
}

@media only screen and (max-width: 1565px) {
	.viewprofilesPopup .viewprofilecontainer .viewprofileinner {
		padding: 3%
	}

	.viewprofilesPopup .viewprofilecontainer .viewprofileinner article {
		width: 350px;
		margin-right: 4rem
	}

	.viewprofilesPopup .viewprofilecontainer .viewprofileinner section h2 {
		font-size: 22px
	}

	.viewprofilesPopup .viewprofilecontainer .viewprofileinner section h3 {
		font-size: 16px
	}

	.viewprofilesPopup .viewprofilecontainer .viewprofileinner section p {
		font-size: 16px
	}
}

@media only screen and (max-width: 1300px) {
	.teamsWrap {
		padding: 2rem 0 3rem
	}
    .teamsWrap .teamAbout h1 span { float: right;}
	.teamsWrap .teamAbout h2 span, .teamsWrap .teamAbout h1 {
		font-size: 24px;
		letter-spacing: .92px;
		line-height: 30px
	}

	.teamsWrap .teamAbout p {
		font-size: 16px;
		line-height: 24px
	}

	.teamsWrap .teamTabs ul {
		padding: 0
	}

	.teamsWrap .teamTabs ul li {
		padding: 0 2rem 5px 2rem;
		font-size: 21px;
		line-height: 42px
	}

	.teamsWrap .teamContainer .teamsection ul li {
		width: 31.3%;
		margin: 1rem 1%;
		padding: 100px 0 0 0
	}

	.teamsWrap .teamContainer .teamsection ul li aside img {
		max-width: 180px;
		padding: 5px
	}

	.teamsWrap .teamContainer .teamsection ul li .dp {
		padding: 100px 1rem 2rem 1rem
	}

	.teamsWrap .teamContainer .teamsection ul li .dp h2 {
		font-size: 18px;
		line-height: 28px
	}

	.teamsWrap .teamContainer .teamsection ul li .dp h3 {
		font-size: 16px;
		line-height: 24px
	}

	.teamsWrap .teamContainer .teamsection ul li .dp p span {
		font-size: 16px;
		line-height: 24px
	}

	.teamsWrap .teamContainer .teamsection ul.team_boardofdirectors li {
		width: 31.3%;
		margin: 1rem 1%
	}
}

@media only screen and (max-width: 1255px) {
	.viewprofilesPopup {
		max-width: 350px;
		height: 85%;
		transform: translate(-50%, -46%)
	}

	.viewprofilesPopup .viewprofilecontainer .viewprofileinner {
		padding: 1.5rem;
		flex-wrap: wrap
	}

	.viewprofilesPopup .viewprofilecontainer .viewprofileinner article {
		width: 100%;
		margin: 0;
		text-align: center
	}

	.viewprofilesPopup .viewprofilecontainer .viewprofileinner article img {
		width: 100%
	}

	.viewprofilesPopup .viewprofilecontainer .viewprofileinner section {
		width: 100%;
		margin-top: 1.5rem
	}

	.profilescrollerContainer .profilescrollerRail {
		visibility: visible
	}

	.profilescrollerContainer .profilescrollerBar {
		visibility: visible
	}
}

@media only screen and (max-width: 1023px) {
	.teamsWrap .teamTabs {
		display: none
	}

	.teamsWrap .teamContainer .teamheader {
		display: block
	}

	.teamsWrap .teamContainer .teamsection ul li {
		width: 32.3%;
		margin: 1rem .5%;
		padding: 85px 0 0 0
	}

	.teamsWrap .teamContainer .teamsection ul li aside img {
		max-width: 150px;
		padding: 5px
	}

	.teamsWrap .teamContainer .teamsection ul li .dp {
		padding: 85px 1rem 2rem 1rem
	}

	.teamsWrap .teamContainer .teamsection ul li .dp h2 {
		font-size: 18px;
		line-height: 28px
	}

	.teamsWrap .teamContainer .teamsection ul li .dp h3 {
		font-size: 16px;
		line-height: 24px
	}

	.teamsWrap .teamContainer .teamsection ul li .dp p span {
		font-size: 16px;
		line-height: 24px
	}

	.teamsWrap .teamContainer .teamsection ul.team_boardofdirectors li {
		width: 32.3%;
		margin: 1rem .5%
	}
}

@media only screen and (max-width: 767px) {
	.teamsWrap .teamContainer .teamsection ul li {
		width: 48%;
		margin: 1rem 1%;
		padding: 100px 0 0 0
	}

	.teamsWrap .teamContainer .teamsection ul li aside img {
		max-width: 170px;
		padding: 5px
	}

	.teamsWrap .teamContainer .teamsection ul li .dp {
		padding: 90px 1rem 2rem 1rem
	}

	.teamsWrap .teamContainer .teamsection ul li .dp h2 {
		font-size: 18px;
		line-height: 28px
	}

	.teamsWrap .teamContainer .teamsection ul li .dp h3 {
		font-size: 16px;
		line-height: 24px
	}

	.teamsWrap .teamContainer .teamsection ul li .dp p span {
		font-size: 16px;
		line-height: 24px
	}

	.teamsWrap .teamContainer .teamsection ul.team_boardofdirectors li {
		width: 48%;
		margin: 1rem 1%
	}
}

@media only screen and (max-width: 479px) {
	.teamsWrap .teamAbout h2 span, .teamsWrap .teamAbout h1 {
		font-size: 22px;
		letter-spacing: 1.32px;
		line-height: 36px
	}

	.teamsWrap .teamAbout p {
		font-size: 16px;
		line-height: 26px
	}

	.teamsWrap .teamContainer {
		margin-top: 1rem
	}

	.teamsWrap .teamContainer .teamheader {
		margin: .2rem 0;
		padding: .5rem;
		font-size: 20px;
		line-height: 45px
	}

	.teamsWrap .teamContainer .teamheader:after {
		right: .4rem;
		font-size: 22px
	}

	.teamsWrap .teamContainer .teamsection ul li {
		width: 90%;
		margin: 1rem auto;
		padding: 100px 0 0 0
	}

	.teamsWrap .teamContainer .teamsection ul li aside img {
		max-width: 170px;
		padding: 5px
	}

	.teamsWrap .teamContainer .teamsection ul li .dp {
		padding: 90px 1rem 2rem 1rem
	}

	.teamsWrap .teamContainer .teamsection ul li .dp h2 {
		font-size: 20px;
		line-height: 28px
	}

	.teamsWrap .teamContainer .teamsection ul li .dp h3 {
		font-size: 16px;
		line-height: 28px
	}

	.teamsWrap .teamContainer .teamsection ul li .dp p span {
		font-size: 16px;
		line-height: 20px
	}

	.teamsWrap .teamContainer .teamsection ul.team_boardofdirectors li {
		width: 90%;
		margin: 1rem auto
	}
}

@media screen and (min-device-width: 480px)and (max-device-width: 1023px)and (orientation: landscape) {
	.viewprofilesPopup {
		height: 80%
	}

	.viewprofilesPopup .viewprofilecontainer .viewprofileinner {
		padding: 1.5rem
	}

	.viewprofilesPopup .viewprofilecontainer .viewprofileinner article img {
		width: 210px
	}
}

.resultsWrap {
	width: 100%;
	float: left;
	padding: 4rem 0 6rem 0;
	background-color: #fff
}

.searchresult {
	width: 100%;
	max-width: 850px;
	float: left
}

.searchresult h2 {
	width: 100%;
	float: left;
	margin-bottom: 2rem;
	text-align: left;
	font-size: 22px;
	line-height: 1.4;
	letter-spacing: normal;
	color: #233d4d;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.searchresult h2 span {
	display: inline-block;
	font-size: 110%
}

.searchresult ul {
	width: 100%;
	float: left
}

.searchresult ul li {
	width: 100%;
	float: left;
	padding: 1.5rem 0;
	list-style: none;
	border-bottom: solid 1px #838383
}

.searchresult ul li h3 {
	width: 100%;
	float: left;
	text-align: left;
	font-size: 16px;
	line-height: 1;
	color: #838383;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.searchresult ul li p {
	width: 100%;
	float: left;
	margin: .5rem 0 .8rem 0;
	text-align: left;
	font-size: 18px;
	line-height: 1.3;
	color: #000;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.searchresult ul li h4 {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.searchresult ul li h4 a {
	text-decoration: none;
	color: #3880f5;
	transition: all .4s ease-out;
	font-size: 16px;
	line-height: 1.3;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.searchresult ul li h4 a b {
	border-bottom: solid 1px rgba(0, 0, 0, 0);
	transition: all .4s ease-out
}

.searchresult ul li h4 a i.fa {
	padding: 0 5px;
	transition: all .4s ease-out
}

.searchresult ul li h4 a:hover {
	color: #233d4d;
	transition: all .4s ease-in
}

.searchresult ul li h4 a:hover b {
	border-bottom-color: #233d4d;
	transition: all .4s ease-in
}

.searchresult ul li h4 a:hover i.fa {
	padding: 0 0 0 10px;
	transition: all .4s ease-in
}

.searchnotfound {
	width: 100%;
	max-width: 550px;
	float: none;
	margin: 3rem auto;
	padding: 0;
	display: flow-root
}

.searchnotfound aside {
	width: 100%;
	float: left;
	text-align: center
}

.searchnotfound aside img {
	width: 100%;
	max-width: 150px;
	display: inline-block;
	margin: 0 auto;
	float: none
}

.searchnotfound h2 {
	width: 100%;
	float: left;
	margin: 2rem 0 1.5rem 0;
	text-align: left;
	font-size: 22px;
	line-height: 1.4;
	letter-spacing: normal;
	color: #233d4d;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.searchnotfound h2 span {
	display: inline-block;
	font-size: 110%
}

.searchnotfound ul {
	width: 100%;
	float: left
}

.searchnotfound ul li {
	margin: 0rem 0 1rem 1.3rem;
	list-style: disc;
	text-align: left;
	font-size: 18px;
	line-height: 1.3;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.searchnotfound ul li a {
	text-decoration: none;
	color: #3880f5;
	transition: all .4s ease-out
}

.searchnotfound ul li a:hover {
	color: #233d4d;
	transition: all .4s ease-in
}

.commingsoonWrap {
	position: relative;
	width: 100%;
	height: calc(100vh - 100px);
	float: left;
	overflow: hidden
}

.commingsoonWrap .comingsoongBG {
	width: 100%;
	height: auto;
	min-height: 100%;
	float: left;
	object-fit: cover
}

.commingsoonWrap .comingsoonContent {
	z-index: 2;
	position: absolute;
	left: 0%;
	top: 15%;
	width: 100%;
	float: left;
	padding: 0 5%
}

.commingsoonWrap .comingsoonContent aside {
	width: 100%;
	float: left;
	text-align: center
}

.commingsoonWrap .comingsoonContent aside img {
	width: 100%;
	max-width: 51px
}

.commingsoonWrap .comingsoonContent h2 {
	width: 100%;
	float: left;
	margin-top: 1rem;
	text-align: center;
	color: #fff;
	font-size: 48px;
	letter-spacing: normal;
	line-height: 1.2;
	text-transform: uppercase;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.commingsoonWrap .comingsoonContent h3 {
	width: 100%;
	float: left;
	margin-top: .5rem;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 1.2;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500
}

.commingsoonWrap .comingsoonContent p {
	width: 100%;
	float: left;
	margin-top: 1rem;
	text-align: center
}

.commingsoonWrap .comingsoonContent p a {
	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	margin: 0 auto;
	padding: 10px 20px;
	border: none;
	background-color: #f2662c;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: normal;
	line-height: 20px;
	text-transform: uppercase
}

.commingsoonWrap .comingsoonContent p a:hover {
	transition: all .4s ease-in;
	background-color: #ed4c1d;
	color: #fff;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137)
}

.commingsoonWrap .comingsoonfollowus {
	z-index: 2;
	position: absolute;
	left: 0%;
	bottom: 10%;
	width: 100%;
	float: left
}

.commingsoonWrap .comingsoonfollowus p {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.commingsoonWrap .comingsoonfollowus ul {
	width: 100%;
	float: left;
	margin-top: 1rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.commingsoonWrap .comingsoonfollowus ul li {
	list-style: none;
	display: inline-block;
	margin: 0 1rem
}

.commingsoonWrap .comingsoonfollowus ul li a {
	text-decoration: none;
	transition: all .4s ease-out;
	color: #fff;
	font-size: 24px
}

.commingsoonWrap .comingsoonfollowus ul li a:hover {
	transition: all .4s ease-in;
	color: #f2662c
}

@media only screen and (max-width: 1023px) {
	.resultsWrap {
		padding: 3rem 0
	}

	.searchresult h2 {
		margin-bottom: 1rem;
		font-size: 18px;
		line-height: 26px
	}

	.searchresult ul li {
		padding: 1rem 0
	}

	.searchresult ul li h3 {
		font-size: 14px
	}

	.searchresult ul li p {
		margin: .3rem 0 .5rem 0;
		font-size: 16px
	}

	.searchresult ul li h4 {
		width: 100%;
		float: left;
		display: flex;
		justify-content: space-between;
		align-items: center
	}

	.searchresult ul li h4 a {
		font-size: 16px
	}

	.searchnotfound {
		margin: 1rem auto
	}

	.searchnotfound aside img {
		width: 100px
	}

	.searchnotfound h2 {
		font-size: 18px
	}

	.searchnotfound ul li {
		font-size: 16px
	}

	.commingsoonWrap .comingsoonContent {
		top: 10%
	}

	.commingsoonWrap .comingsoonContent aside img {
		max-width: 45px
	}

	.commingsoonWrap .comingsoonContent h2 {
		font-size: 30px
	}

	.commingsoonWrap .comingsoonContent h3 {
		font-size: 16px
	}

	.commingsoonWrap .comingsoonContent p a {
		font-size: 14px
	}

	.commingsoonWrap .comingsoonfollowus {
		bottom: 10%
	}

	.commingsoonWrap .comingsoonfollowus p {
		font-size: 14px
	}

	.commingsoonWrap .comingsoonfollowus ul li {
		margin: 0 .5rem
	}

	.commingsoonWrap .comingsoonfollowus ul li a {
		font-size: 21px
	}
}

@media only screen and (max-width: 479px) {
	.resultsWrap {
		padding: 2rem 0 5rem 0
	}

	.commingsoonWrap .comingsoonContent {
		top: 12%
	}

	.commingsoonWrap .comingsoonfollowus {
		bottom: 12%
	}
}

@media only screen and (min-device-width: 499px)and (max-device-width: 999px)and (orientation: landscape) {
	.commingsoonWrap .comingsoonContent {
		top: 3%
	}

	.commingsoonWrap .comingsoonContent aside img {
		max-width: 30px
	}

	.commingsoonWrap .comingsoonContent h2 {
		margin-top: .3rem;
		font-size: 24px
	}

	.commingsoonWrap .comingsoonContent h3 {
		margin-top: .2rem;
		font-size: 14px
	}

	.commingsoonWrap .comingsoonContent p {
		margin-top: .5rem
	}

	.commingsoonWrap .comingsoonContent p a {
		padding: 7px 14px
	}

	.commingsoonWrap .comingsoonfollowus {
		bottom: 3%
	}

	.commingsoonWrap .comingsoonfollowus ul {
		margin-top: .5rem
	}
}

.resourceswrap {
	width: 100%;
	float: left;
	padding: 2rem 0 6rem 0;
	background: #fff
}

.type_video,
.type_blog,
.type_ebook,
.type_event,
.type_pressrelease,
.type_webinar {
	position: relative
}

.type_video:before,
.type_blog:before,
.type_ebook:before,
.type_event:before,
.type_pressrelease:before,
.type_webinar:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	height: 30px;
	width: 30px;
	float: right
}

.type_video:before {
	background: url("../images/frontimage/resources/icon_video.png") no-repeat center center;
	background-size: 100% 100%
}

.type_blog:before {
	background: url("../images/frontimage/resources/icon_blog.png") no-repeat center center;
	background-size: 100% 100%
}

.type_ebook:before {
	background: url("../images/frontimage/resources/icone_book.png") no-repeat center center;
	background-size: 100% 100%
}

.type_event:before {
	background: url("../images/frontimage/resources/icon_event.png") no-repeat center center;
	background-size: 100% 100%
}

.type_pressrelease:before {
	background: url("../images/frontimage/resources/icon_pressrelease.png") no-repeat center center;
	background-size: 100% 100%
}

.type_webinar:before {
	background: url("../images/frontimage/resources/icon_webinar.png") no-repeat center center;
	background-size: 100% 100%
}

.resources_title {
	width: 100%;
	float: left;
	margin-bottom: 2.5rem
}

.resources_title h2 {
	width: 100%;
	float: left;
	text-align: left
}

.resources_title h2 span,.resources_title h1 {
	display: inline;
	color: #000;
	font-size: 26px;
	letter-spacing: normal;
	line-height: 37px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase
}

.resources_title h2 img {
	display: inline;
	max-width: 100%;
	margin: 0 0 -2px 0
}

.resources_title p {
	width: 100%;
	float: left;
	margin: .7rem 0 .9rem 0;
	text-align: left;
	color: #535353;
	font-size: 18px;
	line-height: 26px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.resources_title p span {
	display: inline-block
}

.resources_title p a {
	display: inline-block;
	text-decoration: underline;
	color: #535353;
	transition: all .4s ease-out
}

.resources_title p a:hover {
	text-decoration: none;
	color: #f2662c;
	transition: all .4s ease-in
}

.resources_title aside {
	width: 100%;
	float: left;
	text-align: left
}

.resources_title aside a {
	text-decoration: none;
	transition: all .4s ease-out;
	color: #233d4d;
	font-size: 22px;
	margin-right: 1.2rem
}

.resources_title aside a:hover {
	transition: all .4s ease-in;
	color: #f2662c
}

.resources_container {
	width: 100%;
	float: left
}

.resources_container .resources_container_left {
	width: 70%;
	float: left
}

.resources_container .resources_container_right {
	width: 27%;
	float: right
}

.resources_related {
	width: 100%;
	float: left
}

.resources_related.resources_featured {
	margin-top: 3rem
}

.resources_related h2 {
	width: 100%;
	float: left;
	margin: 0 0 1.5rem 0;
	text-align: left;
	color: #233d4d;
	font-size: 20px;
	line-height: 26px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.resources_related ul {
	width: 100%;
	float: left;
	padding: 1rem;
	background: #edf0f2
}

.resources_related ul li {
	list-style: none;
	position: relative;
	float: left;
	width: 100%;
	padding: 1.5rem;
	margin: 0 0 1rem 0;
	background: #fff
}

.resources_related ul li:last-child {
	margin-bottom: 0px
}

.resources_related ul li h5 {
	width: 100%;
	float: left;
	text-align: left;
	padding-right: 2rem;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 28px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.resources_related ul li p {
	width: 100%;
	float: left;
	margin-top: .7rem;
	text-align: left;
	font-size: 14px;
	line-height: 1.2;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.resources_related ul li p a {
	text-decoration: none;
	transition: all .4s ease-out;
	color: #233d4d
}

.resources_related ul li p a i.fa {
	padding: 0 5px;
	color: #233d4d;
	transition: all .4s ease-out
}

.resources_related ul li p a:hover {
	transition: all .4s ease-in;
	color: #f2662c
}

.resources_related ul li p a:hover i.fa {
	padding: 0 0 0 10px;
	color: #f2662c;
	transition: all .4s ease-in
}

.resources_blogpost {
	width: 100%;
	float: left;
	overflow: hidden
}

.resources_blogpost .clearboth {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	float: left
}

.resources_blogpost article {
	width: 100%;
	float: left;
	margin: 1rem 0;
	text-align: left;
	color: #000;
	font-size: 16px;
	line-height: 1.3;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	white-space: normal;
	word-break: break-word
}

.resources_blogpost a {
	text-decoration: none;
	color: #3c3c3c;
	transition: all .4s ease-out
}

.resources_blogpost a:hover {
	color: #3d3d3d;
	transition: all .4s ease-in
}

.resources_blogpost h1 {
	width: 100%;
	float: left;
	margin: 1rem 0 .2rem 0;
	text-align: left;
	color: #000;
	font-size: 30px;
	line-height: 1.3;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900;
	white-space: normal;
	word-break: break-word
}

.resources_blogpost h2 {
	width: 100%;
	float: left;
	margin: 1rem 0 .2rem 0;
	text-align: left;
	color: #000;
	font-size: 24px;
	line-height: 1.3;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900;
	white-space: normal;
	word-break: break-word
}

.resources_blogpost h3 {
	width: 100%;
	float: left;
	margin: 1rem 0 .2rem 0;
	text-align: left;
	color: #000;
	font-size: 22px;
	line-height: 1.3;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	white-space: normal;
	word-break: break-word
}

.resources_blogpost h4 {
	width: 100%;
	float: left;
	margin: 1rem 0 .2rem 0;
	text-align: left;
	color: #000;
	font-size: 20px;
	line-height: 1.3;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	white-space: normal;
	word-break: break-word
}

.resources_blogpost h5 {
	width: 100%;
	float: left;
	margin: 1rem 0 .2rem 0;
	text-align: left;
	color: #000;
	font-size: 18px;
	line-height: 1.3;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	white-space: normal;
	word-break: break-word
}

.resources_blogpost h6 {
	width: 100%;
	float: left;
	margin: 1rem 0 .2rem 0;
	text-align: left;
	color: #000;
	font-size: 16px;
	line-height: 1.3;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	white-space: normal;
	word-break: break-word
}

.resources_blogpost p {
	width: 100%;
	float: left;
	margin: 1rem 0 .2rem 0;
	text-align: left;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 1.3;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	white-space: normal;
	word-break: break-word
}

.resources_blogpost p a {
	color: #f2662c
}

.resources_blogpost p a:hover {
	color: #000
}

.resources_blogpost ul {
	width: 100%;
	float: left;
	margin: .5rem 0;
	padding: 0
}

.resources_blogpost ul li {
	list-style: disc;
	margin: .3rem 0 .3rem 1.2rem;
	text-align: left;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 1.3;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	white-space: normal;
	word-break: break-word
}

.resources_blogpost ul li a {
	color: #f2662c
}

.resources_blogpost ul li a:hover {
	color: #000
}

.resources_blogpost ul li ul {
	width: 100%;
	float: left;
	margin: .3rem 0;
	padding: 0
}

.resources_blogpost ul li ul li {
	list-style: square;
	color: #3d3d3d;
	font-size: 90%;
	line-height: 1.2
}

.resources_blogpost ul li ol {
	width: 100%;
	float: left;
	margin: .3rem 0;
	padding: 0
}

.resources_blogpost ul li ol li {
	list-style: lower-alpha;
	color: #3d3d3d;
	font-size: 90%;
	line-height: 1.2
}

.resources_blogpost ol {
	width: 100%;
	float: left;
	margin: .5rem 0;
	padding: 0
}

.resources_blogpost ol li {
	list-style: decimal;
	margin: .3rem 0 .3rem 1.2rem;
	text-align: left;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 1.3;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	white-space: normal;
	word-break: break-word
}

.resources_blogpost ol li a {
	color: #f2662c
}

.resources_blogpost ol li a:hover {
	color: #000
}

.resources_blogpost ol li ul {
	width: 100%;
	float: left;
	margin: .3rem 0;
	padding: 0
}

.resources_blogpost ol li ul li {
	list-style: square;
	color: #3d3d3d;
	font-size: 90%;
	line-height: 1.2
}

.resources_blogpost ol li ol {
	width: 100%;
	float: left;
	margin: .3rem 0;
	padding: 0
}

.resources_blogpost ol li ol li {
	list-style: lower-alpha;
	color: #3d3d3d;
	font-size: 90%;
	line-height: 1.2
}

.resources_blogpost div {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left
}

.resources_blogpost div.bp_sec_50 {
	width: 50%
}

.resources_blogpost div.bp_sec_67 {
	width: 67%
}

.resources_blogpost div.bp_sec_75 {
	width: 75%
}

.resources_blogpost div h1,
.resources_blogpost div h2,
.resources_blogpost div h3,
.resources_blogpost div h4,
.resources_blogpost div h5,
.resources_blogpost div h6,
.resources_blogpost div p,
.resources_blogpost div ul,
.resources_blogpost div ol {
	margin: .2rem 0 .5rem 0
}

.resources_blogpost img {
	width: 100%;
	float: left;
	border: 0;
	margin: 0;
	padding: 0
}

.resources_blogpost aside {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0
}

.resources_blogpost aside img {
	width: 100%;
	float: left;
	border: 0;
	margin: 0;
	padding: 0
}

.resources_blogpost aside.bp_img_left_50 {
	width: 50%;
	float: left;
	padding-right: 1rem
}

.resources_blogpost aside.bp_img_left_33 {
	width: 33%;
	float: left;
	padding-right: 1rem
}

.resources_blogpost aside.bp_img_left_25 {
	width: 25%;
	float: left;
	padding-right: 1rem
}

.resources_blogpost aside.bp_img_right_50 {
	width: 50%;
	float: right;
	padding-left: 1rem
}

.resources_blogpost aside.bp_img_right_33 {
	width: 33%;
	float: right;
	padding-left: 1rem
}

.resources_blogpost aside.bp_img_right_25 {
	width: 25%;
	float: right;
	padding-left: 1rem
}

.resources_blogpost section {
	width: 100%;
	height: 620px;
	float: left;
	border: 0;
	margin: 1rem 0;
	padding: 0
}

.resources_blogpost section iframe {
	width: 100%;
	height: 100%;
	float: left;
	border: 0;
	margin: 0;
	padding: 0
}

.resources_review {
	width: 100%;
	float: left;
	margin-top: 4rem
}

.resources_review .resources_review_header {
	width: 100%;
	float: left;
	margin-bottom: 1rem;
	padding-bottom: .5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: solid 1px #f0f0f0
}

.resources_review .resources_review_header h2 {
	text-align: left;
	font-size: 24px;
	line-height: 31px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	color: #000
}

.resources_review .resources_review_header p {
	text-align: right;
	font-size: 16px;
	line-height: 45px;
	color: #233d4d;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500
}

.resources_review .resources_review_header p span {
	margin-right: .7rem
}

.resources_review .resources_review_header p a {
	transition: all .4s ease-out;
	text-decoration: none;
	color: #000
}

.resources_review .resources_review_header p a:hover {
	transition: all .4s ease-in;
	color: #f2662c
}

.resources_review .resources_review_comments {
	width: 100%;
	float: left;
	margin: 1rem 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.resources_review .resources_review_comments aside {
	width: 60px;
	margin-right: 2rem
}

.resources_review .resources_review_comments aside img {
	width: 100%;
	border-radius: 50%
}

.resources_review .resources_review_comments article {
	float: right;
	width: 100%;
	padding-bottom: 1rem;
	border-bottom: solid 1px #f0f0f0
}

.resources_review .resources_review_comments article h2 {
	width: 100%;
	float: left;
	text-align: left;
	color: #8d8d8d;
	font-size: 16px;
	line-height: 26px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.resources_review .resources_review_comments article h2 span {
	display: inline-block
}

.resources_review .resources_review_comments article h2 a {
	display: inline-block;
	text-decoration: none;
	color: #8d8d8d;
	transition: all .4s ease-out
}

.resources_review .resources_review_comments article h2 a:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

.resources_review .resources_review_comments article p {
	width: 100%;
	float: left;
	margin: .2rem 0 .5rem 0;
	text-align: left;
	color: #535353;
	font-size: 16px;
	line-height: 26px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.resources_review .resources_review_comments article h3 {
	width: 100%;
	float: left;
	text-align: left
}

.resources_review .resources_review_comments article h3 span {
	text-decoration: underline;
	cursor: pointer;
	color: #233d4d;
	font-size: 16px;
	line-height: 26px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	transition: all .4s ease-out
}

.resources_review .resources_review_comments article h3 span:hover {
	transition: all .4s ease-in;
	text-decoration: none;
	color: #f2662c
}

.resources_review .resources_review_comments section {
	float: right;
	width: 100%
}

.resources_review .resources_review_comments section textarea {
	width: 100%;
	float: left;
	padding: 1rem 1.5rem;
	height: 120px;
	outline: none;
	border: none;
	background-color: #f0f0f0;
	text-align: left;
	color: #233d4d;
	font-size: 16px;
	line-height: 26px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	resize: none
}

.resources_review .resources_review_comments section textarea::placeholder {
	color: #233d4d;
	opacity: .6
}

.resources_review .resources_review_comments section textarea:-ms-input-placeholder {
	color: #233d4d;
	opacity: .6
}

.resources_review .resources_review_comments section textarea::-ms-input-placeholder {
	color: #233d4d;
	opacity: .6
}

.resources_review .resources_review_comments section .errorcomments {
	display: none;
	width: 100%;
	float: left;
	margin-top: .5rem;
	text-align: left;
	color: #f2662c;
	font-size: 14px;
	line-height: 20px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.resources_review .resources_review_comments section h6 {
	width: 100%;
	float: left;
	margin-top: .7rem;
	text-align: left
}

.resources_review .resources_review_comments section h6 input[type=submit] {
	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 12px 25px;
	border: none;
	background: #f2662c;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: .35px;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer
}

.resources_review .resources_review_comments section h6 input[type=submit]:hover {
	transition: all .4s ease-in;
	background: #f0632a;
	color: #fff;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, .1607843137)
}

.resources_review .resources_review_comments:last-child article {
	padding-bottom: 0;
	border-bottom: none
}

.resources_about {
	width: 100%;
	float: left
}

.resources_about p {
	width: 100%;
	float: left;
	text-align: left;
	font-size: 16px;
	line-height: 26px;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.resources_filter {
	width: 100%;
	float: left;
	margin: 2rem 0 0 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row-reverse
}

.resources_filter aside {
	width: 250px;
	float: left
}

.resources_filter aside input[type=text] {
	background: rgba(0, 0, 0, 0) url("../images/frontimage/search2.png") no-repeat;
	background-position: right 8px top 50%;
	margin: 0;
	width: 100%;
	float: right;
	border: none;
	border-bottom: solid 1px #707070;
	outline: none;
	padding: .5rem .5rem;
	font-size: 16px;
	line-height: 1;
	color: #233d4d;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.resources_filter aside input[type=text]::placeholder {
	color: #707070;
	opacity: 1
}

.resources_filter aside input[type=text]:-ms-input-placeholder {
	color: #707070;
	opacity: 1
}

.resources_filter aside input[type=text]::-ms-input-placeholder {
	color: #707070;
	opacity: 1
}

.resources_filter section {
	width: 800px;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.resources_filter section div {
	list-style: none;
	width: 24%;
	margin: 0 2% 0 0;
	position: relative
}

.resources_filter section div:last-child {
	width: 22%;
	margin-right: 0
}

.resources_filter section div .erromsg {
	display: none;
	width: 100%;
	float: left;
	margin-top: 5px;
	font-size: 12px;
	color: #f2662c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	text-align: left
}

.resources_filter section div .clearmsg {
	margin-top: .7rem;
	float: right;
	clear: both;
	text-decoration: underline;
	cursor: pointer;
	font-size: 16px;
	line-height: 21px;
	color: #233d4d;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	text-align: right;
	transition: all .4s ease-out
}

.resources_filter section div .clearmsg:hover {
	color: #f2662c;
	text-decoration: underline;
	transition: all .4s ease-in
}

.resources_filter section div .rt_head {
	position: relative;
	width: 100%;
	float: left;
	padding: .5rem;
	background: rgba(0, 0, 0, 0);
	outline: none;
	border: none;
	border-bottom: solid 1px #707070;
	text-align: left;
	font-size: 16px;
	line-height: 1.2;
	color: #535353;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	text-decoration: none;
	cursor: pointer;
	background: rgba(0, 0, 0, 0) url("../images/frontimage/dd_black.png") no-repeat;
	background-position: right 5px center
}

.resources_filter section div .rt_head.active {
	border-bottom-color: #fff
}

.resources_filter section div .rt_body {
	display: none;
	z-index: 2;
	position: absolute;
	left: 0;
	top: 35px;
	padding: .5rem 1rem;
	width: 100%;
	float: left;
	background: #fff;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, .062745098)
}

.resources_filter section div .rt_body li {
	list-style: none;
	margin: .3rem 0
}

.resources_filter section div .rt_body li label {
	margin-left: 5px;
	text-align: left;
	color: #535353;
	font-size: 16px;
	line-height: 1;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	cursor: pointer
}

.resources_filter section div select {
	width: 100%;
	float: left;
	padding: .5rem 0;
	background: rgba(0, 0, 0, 0);
	outline: none;
	border: none;
	border-bottom: solid 1px #000;
	text-align: left;
	font-size: 16px;
	line-height: 1.2;
	color: #535353;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	border-radius: 0;
	text-indent: 1px;
	text-overflow: "";
	-webkit-appearance: none;
	appearance: none;
	background: rgba(0, 0, 0, 0) url("../images/frontimage/dd_resources.png") no-repeat;
	background-position: right 5px center
}

.resources_filter section div select option {
	color: #000
}

.resources_filter section div select option:disabled {
	user-select: none;
	pointer-events: none
}

.resources_filter section div input[type=submit],
.resources_filter section div input[type=button] {
	display: inline-block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 10px 0;
	border: none;
	background-color: #f2662c;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: .35px;
	line-height: 1.2;
	box-shadow: none;
	text-transform: uppercase;
	cursor: pointer
}

.resources_filter section div input[type=submit]:hover,
.resources_filter section div input[type=button]:hover {
	transition: all .4s ease-in;
	background-color: #f2662c;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137);
	color: #fff
}

.resources_keywords {
	width: 100%;
	float: left;
	margin: 1rem 0 0 0
}

.resources_keywords ul {
	width: 100%;
	float: left;
	background: #fff
}

.resources_keywords ul li {
	list-style: none;
	display: inline-block;
	margin: 0 1rem 0 0;
	padding: .6rem 1rem;
	border: solid 1px #f2662c;
	background: #fff;
	color: #f2662c;
	font-size: 14px;
	line-height: 18px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.resources_keywords ul li span {
	margin-right: 5px
}

.resources_keywords ul li i.fa {
	cursor: pointer;
	color: #f2662c;
	transition: all .4s ease-out
}

.resources_keywords ul li i.fa:hover {
	color: #000;
	transition: all .4s ease-in
}

.resources_list {
	width: 100%;
	float: left;
	margin: 2rem 0 0 0
}

.resources_list .resources_not_found {
	display: none;
	width: 100%;
	height: auto;
	float: left;
	padding: 2rem;
	text-align: center;
	background: #fff;
	border-radius: 0px
}

.resources_list .resources_not_found aside {
	width: 100%;
	float: left;
	text-align: center
}

.resources_list .resources_not_found aside img {
	width: 100%;
	max-width: 100px;
	display: inline-block;
	margin: 0 auto
}

.resources_list .resources_not_found p {
	width: 100%;
	float: left;
	margin-top: 1.5rem;
	text-align: center;
	color: #233d4d;
	font-size: 18px;
	line-height: 1.3;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.resources_list ul {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap
}

.resources_list ul li {
	list-style: none;
	width: 32.1%;
	margin: 1rem .6%;
	float: left;
	align-self: stretch;
	background: #fff;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, .0784313725)
}

.resources_list ul li aside {
	width: 100%;
	float: left;
	line-height: 0
}

.resources_list ul li aside img {
	width: 100%
}

.resources_list ul li section {
	width: 100%;
	float: left;
	padding: 2rem
}

.resources_list ul li section h4 {
	width: 100%;
	float: left;
	margin-bottom: .5rem;
	text-align: left;
	font-size: 14px;
	line-height: 1;
	color: #707070;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.resources_list ul li section h4 span {
	display: inline-block
}

.resources_list ul li section h3 {
	width: 100%;
	float: left;
	margin-bottom: .5rem;
	text-align: left;
	font-size: 16px;
	line-height: 26px;
	color: #000;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
    min-height: 52px;
}

.resources_list ul li section p {
	width: 100%;
	float: left;
	margin-bottom: 1rem;
	text-align: left;
	font-size: 14px;
	line-height: 1;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.resources_list ul li section h5 {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.resources_list ul li section h5 a {
	text-decoration: none;
	color: #233d4d;
	transition: all .4s ease-out;
	font-size: 14px;
	line-height: 1;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.resources_list ul li section h5 a b {
	border: none
}

.resources_list ul li section h5 a i.fa {
	padding: 0 5px;
	transition: all .4s ease-out
}

.resources_list ul li section h5 a:hover {
	color: #233d4d;
	transition: all .4s ease-in
}

.resources_list ul li section h5 a:hover b {
	border-bottom: solid 1px #233d4d;
	transition: all .4s ease-in
}

.resources_list ul li section h5 a:hover i.fa {
	padding: 0 0 0 10px;
	transition: all .4s ease-in
}

.resources_list ul li section h5 span {
	color: #233d4d;
	transition: all .4s ease-out;
	cursor: pointer;
	width: 19px;
	height: 20px;
	background: url("../images/frontimage/share-orange.png") no-repeat center center;
	line-height: 1;
	text-decoration: none;
	filter: grayscale(1)
}

.resources_list ul li section h5 span i.fa {
	display: none
}

.resources_list ul li section h5 span:hover {
	filter: grayscale(0);
	transition: all .4s ease-in
}

.resources_pagination {
	width: 100%;
	float: left;
	margin: 2rem 0 0 0;
	display: flex;
	justify-content: center;
	align-items: center
}

.resources_pagination p {
	background: #fff;
	padding: 8px 16px;
	font-size: 30px
}

.resources_pagination p a {
	text-decoration: none;
	color: #3e3e3e;
	transition: all .4s ease-out
}

.resources_pagination p a i.fa {
	padding: 0
}

.resources_pagination p a span {
	display: none;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.resources_pagination p a:hover {
	color: #f2662c;
	transition: all .4s ease-in
}

.resources_pagination div h2 {
	display: none
}

.resources_pagination div ul {
	display: flex;
	justify-content: center;
	align-items: center
}

.resources_pagination div ul li {
	list-style: none;
	margin: 0;
	padding: 0 .5rem;
	font-size: 20px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.resources_pagination div ul li a {
	text-decoration: none;
	float: left;
	width: 36px;
	height: 36px;
	line-height: 36px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	color: #3e3e3e;
	transition: all .4s ease-out
}

.resources_pagination div ul li a:hover {
	background: #f2662c;
	color: #fff;
	transition: all .4s ease-in
}

.resources_pagination div ul li.active a {
	background: #f2662c;
	color: #fff;
	user-select: none;
	pointer-events: none
}

@media only screen and (max-width: 1565px) {
	.resources_blogpost section {
		height: 495px
	}
}

@media only screen and (max-width: 1300px) {
	.resources_blogpost section {
		height: 480px
	}

	.resources_about p {
		font-size: 16px;
		line-height: 28px
	}

	.resources_filter aside {
		width: 220px
	}

	.resources_filter aside input[type=text] {
		font-size: 16px
	}

	.resources_filter section {
		width: 700px
	}

	.resources_filter section div .clearmsg {
		font-size: 16px;
		line-height: 18px
	}

	.resources_filter section div .rt_head {
		font-size: 16px
	}

	.resources_filter section div .rt_head:after {
		padding: 2px
	}

	.resources_filter section div .rt_body {
		top: 35px
	}

	.resources_filter section div .rt_body li label {
		font-size: 16px
	}

	.resources_filter section div select {
		font-size: 16px
	}

	.resources_keywords ul li {
		margin: 0 .5rem 0 0;
		padding: .5rem;
		font-size: 12px;
		line-height: 16px
	}

	.resources_list ul li {
		width: 31.4%;
		margin: 1rem .7%
	}

	.resources_list ul li section {
		padding: 1.5rem
	}

	.resources_list ul li section h4 {
		font-size: 16px;
		line-height: 18px
	}

	.resources_list ul li section h3 {
		font-size: 18px;
		line-height: 26px
	}

	.resources_list ul li section p {
		font-size: 16px;
		line-height: 24px
	}

	.resources_list ul li section h5 a {
		font-size: 16px;
		line-height: 18px
	}

	.resources_list ul li section h5 span {
		font-size: 20px
	}
}

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

	.type_video:before,
	.type_blog:before,
	.type_ebook:before,
	.type_event:before,
	.type_pressrelease:before,
	.type_webinar:before {
		height: 28px;
		width: 28px
	}

	.resources_title {
		margin-bottom: 1.5rem
	}

	.resources_title h2 span,.resources_title h1 {
		font-size: 22px;
		letter-spacing: 1.32px;
		line-height: 36px
	}

	.resources_title h2 img {
		margin: 0 0 -2px 0
	}

	.resources_title p {
		margin: .5rem 0 .7rem 0;
		font-size: 17px;
		line-height: 28px
	}

	.resources_title aside a {
		font-size: 18px;
		margin-right: 1rem
	}

	.resources_container {
		width: 100%;
		float: left
	}

	.resources_container .resources_container_left {
		width: 67%;
		float: left
	}

	.resources_container .resources_container_right {
		width: 30%;
		float: right
	}

	.resources_blogpost section {
		height: 360px
	}

	.resources_related {
		width: 100%;
		float: left
	}

	.resources_related h2 {
		font-size: 18px;
		line-height: 21px
	}

	.resources_related ul {
		padding: 1rem
	}

	.resources_related ul li {
		padding: 1rem;
		margin: 0 0 1rem 0
	}

	.resources_related ul li h5 {
		font-size: 16px;
		line-height: 26px
	}

	.resources_related ul li p {
		font-size: 16px;
		line-height: 1
	}

	.resources_blogpost h1 {
		font-size: 24px
	}

	.resources_blogpost h2 {
		font-size: 22px
	}

	.resources_blogpost h3 {
		font-size: 20px
	}

	.resources_blogpost h4 {
		font-size: 18px
	}

	.resources_blogpost h5 {
		font-size: 16px
	}

	.resources_blogpost h6 {
		font-size: 14px
	}

	.resources_blogpost p {
		font-size: 16px
	}

	.resources_blogpost ul li {
		font-size: 16px
	}

	.resources_blogpost ol li {
		font-size: 16px
	}

	.resources_blogpost div.bp_sec_50 {
		width: 50%
	}

	.resources_blogpost div.bp_sec_67 {
		width: 50%
	}

	.resources_blogpost div.bp_sec_75 {
		width: 50%
	}

	.resources_blogpost aside {
		margin: .5rem 0
	}

	.resources_blogpost aside.bp_img_left_50 {
		width: 50%;
		padding-right: .5rem
	}

	.resources_blogpost aside.bp_img_left_33 {
		width: 50%;
		padding-right: .5rem
	}

	.resources_blogpost aside.bp_img_left_25 {
		width: 50%;
		padding-right: .5rem
	}

	.resources_blogpost aside.bp_img_right_50 {
		width: 50%;
		padding-left: .5rem
	}

	.resources_blogpost aside.bp_img_right_33 {
		width: 50%;
		padding-left: .5rem
	}

	.resources_blogpost aside.bp_img_right_25 {
		width: 50%;
		padding-left: .5rem
	}

	.resources_review {
		margin-top: 3rem
	}

	.resources_review .resources_review_header h2 {
		font-size: 24px;
		line-height: 40px
	}

	.resources_review .resources_review_header p {
		font-size: 14px;
		line-height: 40px
	}

	.resources_review .resources_review_comments aside {
		width: 30px;
		margin-right: 1rem
	}

	.resources_review .resources_review_comments article h2 {
		font-size: 14px;
		line-height: 28px
	}

	.resources_review .resources_review_comments article p {
		font-size: 16px;
		line-height: 24px
	}

	.resources_review .resources_review_comments article h3 span {
		font-size: 14px;
		line-height: 28px
	}

	.resources_review .resources_review_comments section textarea {
		height: 100px;
		padding: .7rem 1rem;
		font-size: 14px;
		line-height: 22px
	}
}

@media only screen and (max-width: 1023px) {
	.resourceswrap {
		padding-bottom: 3rem
	}

	.resources_container .resources_container_left {
		width: 100%
	}

	.resources_container .resources_container_right {
		width: 100%;
		margin-top: 3rem
	}

	.resources_blogpost section {
		height: 400px
	}

	.resources_filter {
		flex-wrap: wrap
	}

	.resources_filter aside {
		width: 100%;
		margin-bottom: 1rem
	}

	.resources_filter section {
		width: 100%;
		flex-wrap: wrap;
		justify-content: space-between
	}

	.resources_filter section div {
		width: 48%;
		margin: 0
	}

	.resources_filter section div:last-child {
		width: 48%
	}

	.resources_filter section div:nth-child(1) {
		margin-bottom: 1rem
	}

	.resources_filter section div:nth-child(2) {
		margin-bottom: 1rem
	}

	.resources_filter section div .rt_body {
		top: 35px
	}

	.resources_filter section div .rt_body li label {
		font-size: 16px
	}

	.resources_filter section div select {
		font-size: 16px
	}

	.resources_keywords ul li {
		margin: .1rem
	}

	.resources_list .resources_not_found aside img {
		max-width: 70px
	}

	.resources_list .resources_not_found p {
		margin-top: 1rem;
		font-size: 16px
	}

	.resources_list ul li {
		width: 47%;
		margin: 1rem 1.5%
	}

	.resources_list ul li section {
		padding: 1rem
	}

	.resources_pagination p {
		font-size: 21px
	}

	.resources_pagination div {
		position: relative;
		width: 80px;
		margin-right: 10px
	}

	.resources_pagination div h2 {
		display: block;
		width: 100%;
		float: left;
		background: rgba(0, 0, 0, 0);
		position: relative;
		padding: 7px 0;
		margin: 0;
		cursor: pointer;
		font-size: 20px;
		font-family: "Arial-Bold", Arial, sans-serif;
		font-weight: 700;
		color: #3c3c3c;
		cursor: pointer;
		text-align: center
	}

	.resources_pagination div h2:after {
		content: "";
		position: absolute;
		right: 9px;
		top: 40%;
		transform: rotate(-135deg);
		padding: 3px;
		border-left: 1px solid #3d3d3d;
		border-top: 1px solid #3d3d3d
	}

	.resources_pagination div ul {
		display: none;
		z-index: 4;
		position: absolute;
		right: 0;
		top: 39px;
		width: 100%;
		height: 120px;
		float: left;
		padding: 0;
		border-top: solid 1px #fafafa;
		overflow: hidden;
		overflow-y: scroll;
		background: #f4f7f8;
		flex-direction: column
	}

	.resources_pagination div ul li {
		width: 100%;
		float: left;
		text-align: center;
		padding: 0
	}

	.resources_pagination div ul li a {
		background: rgba(0, 0, 0, 0);
		width: 100%;
		height: auto;
		border-radius: 0;
		line-height: 1;
		padding: .4rem 0;
		color: #233d4d
	}

	.resources_pagination div ul li a:hover {
		background: #233d4d;
		color: #fff
	}

	.resources_pagination div ul li.active a {
		background: #233d4d;
		color: #fff
	}
}

@media only screen and (max-width: 767px) {
	.resources_blogpost section {
		height: 310px
	}

	.resources_review .resources_review_header {
		flex-wrap: wrap
	}

	.resources_review .resources_review_header h2 {
		width: 100%;
		line-height: 1.4
	}

	.resources_review .resources_review_header p {
		margin-top: .7rem;
		width: 100%;
		line-height: 1.4
	}
}

@media only screen and (max-width: 599px) {
	.resources_blogpost section {
		height: 250px
	}

	.resources_list ul {
		justify-content: center
	}

	.resources_list ul li {
		width: 98%;
		margin: .5rem 0
	}

	.resources_list ul li section {
		padding: 1rem
	}
}

@media only screen and (max-width: 479px) {
	.resourceswrap {
		padding-bottom: 6rem
	}

	.resources_blogpost section {
		height: 190px
	}

	.resources_filter section div {
		width: 100%;
		margin-bottom: 1rem
	}

	.resources_filter section div:last-child {
		width: 100%
	}

	.resources_filter section div .rt_body {
		top: 35px
	}

	.resources_filter section div .rt_body li label {
		font-size: 16px
	}

	.resources_filter section div select {
		font-size: 16px
	}

	.resources_filter section div input[type=submit],
	.resources_filter section div input[type=button] {
		float: left;
		width: 50%
	}

	.resources_filter section div .clearmsg {
		clear: none;
		float: left;
		margin-left: 2rem
	}

	.resources_blogpost div.bp_sec_50 {
		width: 100%
	}

	.resources_blogpost div.bp_sec_67 {
		width: 100%
	}

	.resources_blogpost div.bp_sec_75 {
		width: 100%
	}

	.resources_blogpost aside {
		margin: .5rem 0
	}

	.resources_blogpost aside.bp_img_100 {
		width: 100%
	}

	.resources_blogpost aside.bp_img_left_50 {
		width: 100%;
		padding-right: 0
	}

	.resources_blogpost aside.bp_img_left_33 {
		width: 100%;
		padding-right: 0
	}

	.resources_blogpost aside.bp_img_left_25 {
		width: 100%;
		padding-right: 0
	}

	.resources_blogpost aside.bp_img_right_50 {
		width: 100%;
		padding-left: 0
	}

	.resources_blogpost aside.bp_img_right_33 {
		width: 100%;
		padding-left: 0
	}

	.resources_blogpost aside.bp_img_right_25 {
		width: 100%;
		padding-left: 0
	}
}

.servicebutton {
	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 12px 25px;
	border: none;
	background-color: #f2662c;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
	letter-spacing: .4px;
	text-transform: uppercase
}

.servicebutton:hover {
	transition: all .4s ease-in;
	background-color: #f0632a;
	color: #fff;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137)
}

.servicewrap {
	width: 100%;
	float: left;
	padding: 2rem 0 5rem;
	background-color: #fff
}

.servicewrap .serviceAbout {
	width: 100%;
	float: left;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap
}

.servicewrap .serviceAbout .serviceAboutLeft {
	width: 45%;
	float: left
}

.servicewrap .serviceAbout .serviceAboutLeft p {
	width: 100%;
	float: left;
	text-align: left;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px
}

.servicewrap .serviceAbout .serviceAboutLeft h5 {
	width: 100%;
	float: left;
	text-align: left;
	margin-top: 1.5rem
}

.servicewrap .serviceAbout .serviceAboutLeft h5 span.servicebutton {
	background: #f2662c;
	color: #fff;
	cursor: pointer
}

.servicewrap .serviceAbout .serviceAboutLeft h5 span.servicebutton:hover {
	background: #f0632a;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137)
}

.servicewrap .serviceAbout .serviceAboutLeft h5 a.servicebutton {
	background: #f2662c;
	color: #fff
}

.servicewrap .serviceAbout .serviceAboutLeft h5 a.servicebutton:hover {
	background: #f0632a;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137)
}

.servicewrap .serviceAbout .serviceAboutRight {
	width: 45%;
	float: right
}

.servicewrap .serviceAbout .serviceAboutRight ul {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap
}

.servicewrap .serviceAbout .serviceAboutRight ul li {
	list-style: none;
	width: 33%;
	margin: 0 0 4rem 0
}

.servicewrap .serviceAbout .serviceAboutRight ul li aside {
	width: 100%;
	float: left;
	text-align: center
}

.servicewrap .serviceAbout .serviceAboutRight ul li aside img {
	max-width: 100%
}

.servicewrap .serviceAbout .serviceAboutRight ul li p {
	width: 100%;
	margin: 1rem 0 0 0;
	float: left;
	text-align: center;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 24px
}

.servicewrap .serviceAbout .serviceAboutBottom {
	display: none;
	width: 100%;
	float: left;
	text-align: left;
	margin-top: 1.5rem
}

.servicewrap .serviceAbout .serviceAboutBottom span.servicebutton {
	background: #f2662c;
	color: #fff
}

.servicewrap .serviceAbout .serviceAboutBottom span.servicebutton:hover {
	background: #f0632a;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137)
}

.servicewrap .serviceAbout .serviceAboutBottom a.servicebutton {
	background: #f2662c;
	color: #fff
}

.servicewrap .serviceAbout .serviceAboutBottom a.servicebutton:hover {
	background: #f0632a;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137)
}

.servicewrap .serviceHighlight {
	width: 100%;
	float: left;
	padding: 5rem 0 0 0
}

.servicewrap .serviceHighlight ul {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-items: stretch
}

.servicewrap .serviceHighlight ul li {
	list-style: none;
	width: 15.5%;
	height: inherit;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .0784313725);
	background-color: #fff;
	overflow: hidden
}

.servicewrap .serviceHighlight ul li a {
	position: relative;
	text-decoration: none;
	padding: 1rem;
	width: 100%;
	height: 100%;
	float: left;
	border-bottom: solid 2px #f2662c;
	overflow: hidden;
	border-radius: 0px 0px 3px 3px;
	cursor: pointer;
	transition: all .4s ease-out;
	background-color: #fff;
	cursor: pointer
}

.servicewrap .serviceHighlight ul li a aside {
	z-index: 2;
	position: relative;
	width: 100%;
	float: left;
	text-align: center
}

.servicewrap .serviceHighlight ul li a aside img {
	max-width: 100%;
	filter: none;
	transition: all .4s ease-out
}

.servicewrap .serviceHighlight ul li a p {
	z-index: 2;
	position: relative;
	width: 100%;
	float: left;
	margin-top: .4rem;
	text-align: center;
	white-space: nowrap;
	color: #233d4d;
	font-size: 16px;
	line-height: 36px;
	white-space: normal;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	transition: all .4s ease-out
}

.servicewrap .serviceHighlight ul li a:before {
	z-index: 1;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	transition: all .4s ease-out
}

.servicewrap .serviceHighlight ul li a:hover {
	border-color: #233d4d;
	border-radius: 0px 0px 3px 3px;
	transition: all .4s ease-in
}

.servicewrap .serviceHighlight ul li a:hover img {
	filter: brightness(0) invert(1);
	transition: all .4s ease-in
}

.servicewrap .serviceHighlight ul li a:hover p {
	color: #fff;
	transition: all .4s ease-in
}

.servicewrap .serviceHighlight ul li a:hover:before {
	width: 100%;
	height: 100%;
	background: #233d4d;
	transition: all .4s ease-in
}

.servicewrap .servicePricebyarea {
	width: 100%;
	float: left;
	position: relative
}

.servicewrap .servicePricebyarea .servicePricebyareaRight {
	width: 60%;
	float: right
}

.servicewrap .servicePricebyarea .servicePricebyareaRight img {
	width: 100%
}

.servicewrap .servicePricebyarea .servicePricebyareaLeft {
	width: 50%;
	float: left;
	background: #fff;
	padding: 3rem 2rem;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .0784313725);
    border-radius: 10px;
}

.servicewrap .servicePricebyarea .servicePricebyareaLeft h2 {
	width: 100%;
	float: left;
	text-align: left;
	display: block
}

.servicewrap .servicePricebyarea .servicePricebyareaLeft h2 span {
	display: inline-block;
	text-transform: uppercase;
	color: #000;
	font-size: 26px;
	letter-spacing: 1.68px;
	line-height: 35px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900
}

.servicewrap .servicePricebyarea .servicePricebyareaLeft h2 img {
	display: inline-block;
	margin-bottom: -2px;
	max-width: 100%
}

.servicewrap .servicePricebyarea .servicePricebyareaLeft p {
	width: 100%;
	margin: .5rem 0 2rem 0;
	float: left;
	text-align: left;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px
}

.servicewrap .servicePricebyarea .servicePricebyareaLeft h6 {
	width: 100%;
	margin: 0;
	float: left;
	text-align: left
}

.servicewrap .servicePricebyarea .servicePricebyareaLeft h6 a {
	width: auto;
	float: left;
	padding: 12px 25px;
	border: none;
	outline: 0;
	background: #f2662c;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	cursor: pointer;
	transition: all .4s ease-out
}

.servicewrap .servicePricebyarea .servicePricebyareaLeft h6 a:hover {
	background: #f0632a;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137);
	color: #fff;
	transition: all .4s ease-in
}

.servicewrap .servicePricebyarea .servicePricebyareaLeft h3 {
	width: 100%;
	margin: 0 0 .3rem 0;
	float: left;
	text-align: left;
	color: #707070;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 12px;
	line-height: 1
}

.servicewrap .servicePricebyarea .servicePricebyareaLeft .servicepinchange {
	width: 100%;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap
}

.servicewrap .servicePricebyarea .servicePricebyareaLeft .servicepinchange .service_select_box {
	width: 220px;
	float: left;
	padding: .4rem 1rem .4rem 0;
	margin: 0 1rem 0 0;
	background: rgba(0, 0, 0, 0);
	outline: none;
	border: none;
	border-bottom: solid 1px #969696;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	color: #707070;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	border-radius: 0;
	text-indent: 1px;
	text-overflow: "";
	-webkit-appearance: none;
	appearance: none;
	background: rgba(0, 0, 0, 0) url("../images/frontimage/dd_black.png") no-repeat;
	background-position: right 5px center
}

.servicewrap .servicePricebyarea .servicePricebyareaLeft .servicepinchange .service_select_box option {
	color: #000
}

.servicewrap .servicePricebyarea .servicePricebyareaLeft .servicepinchange .service_select_box option:disabled {
	user-select: none;
	pointer-events: none
}

.servicewrap .servicePricebyarea .servicePricebyareaLeft .servicepinchange .service_refresh_btn {
	text-decoration: none;
	font-size: 22px;
	color: #000
}

.servicewrap .servicePricebyarea .servicePricebyareaLeft .servicepinchange .service_refresh_btn i.fa.fa-refresh {
	line-height: 1;
	font-weight: 400
}

.servicewrap .servicePricebyarea .servicePricebyareaLeft .servicepinchange .service_refresh_btn:hover {
	transition: all .4s ease-in;
	color: #f2662c
}

.servicewrap .servicePricebyarea .servicePricebyareaLeft .servicepinchange .service_submit_btn {
	display: inline-block;
	width: auto;
	text-align: center;
	margin: 0 0 0 1rem;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 10px 25px;
	border: none;
	background-color: #f2662c;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: .4px;
	line-height: 20px;
	box-shadow: none;
	text-transform: uppercase;
	cursor: pointer
}

.servicewrap .servicePricebyarea .servicePricebyareaLeft .servicepinchange .service_submit_btn:hover {
	transition: all .4s ease-in;
	background-color: #f2662c;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137);
	color: #fff
}

.servicewrap .servicePricebyarea .servicePricebyareaLeft h4.service_error_msg {
	display: none;
	width: 100%;
	float: left;
	margin-top: .5rem;
	text-align: left;
	color: #f2662c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 11px;
	line-height: 18px
}

.servicewrap .servicePricebyarea .servicePricebyareaLeft h5 {
	width: 100%;
	margin: 1rem 0 0 0;
	float: left;
	text-align: left;
	color: #000;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 74px;
	line-height: 1.2
}

.servicewrap .servicePricebyarea .servicePricebyareaLeft h5 i.fa {
	margin-right: 5px;
	line-height: 1;
	font-size: 90%;
	font-weight: 300
}

.servicewrap .serviceFuelsavings {
	width: 100%;
	float: left;
	padding: 5rem 0;
	position: relative
}

.servicewrap .serviceFuelsavings .fuelsavings_web {
	display: block;
	width: 100%
}

.servicewrap .serviceFuelsavings .fuelsavings_ipad {
	display: none;
	width: 100%
}

.servicewrap .serviceFuelsavings .fuelsavings_mobile {
	display: none;
	width: 100%
}

.servicewrap .serviceFuelsavings section {
	position: absolute;
	left: 3%;
	top: 50%;
	transform: translateY(-50%);
	width: 80%;
	float: left
}

.servicewrap .serviceFuelsavings section h2 {
	width: 100%;
	float: left;
	text-align: left;
	color: #fff;
	font-size: 26px;
	letter-spacing: 1.68px;
	line-height: 35px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase
}

.servicewrap .serviceFuelsavings section p {
	width: 100%;
	margin: .7rem 0 1.5rem 0;
	float: left;
	text-align: left;
	color: #fff;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 26px
}

.servicewrap .serviceFuelsavings section aside {
	width: 100%;
	float: left;
	text-align: left
}

.servicewrap .serviceFuelsavings section aside a.servicebutton {
	text-decoration: none;
	text-transform: uppercase
}

.servicewrap .serviceFuelsavings section aside a.servicebutton:hover {
	text-decoration: none
}
.select2-dropdown {
    font-family: "Arial-Regular", Arial, sans-serif;
    min-width: 192px;
}
.servicewrap .servicePipelineAvailable {
	width: 100%;
	float: left;
	position: relative;
	padding: 0 0 6rem 0;
    overflow-y: hidden;
}

.servicewrap .servicePipelineAvailable .serviceAvailableRight {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 60%;
	float: left
}

.servicewrap .servicePipelineAvailable .serviceAvailableRight img {
	width: 100%
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft {
	width: 60%;
	height: fit-content;
	float: right;
	background: #fff;
	padding: 1.5rem 2rem;
	position: relative;
	top: 2rem;
	right: 0;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, .0784313725);
    border-radius: 10px;
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft h2 {
	width: 100%;
	float: left;
	text-align: left
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft h2 span {
	display: inline;
	text-transform: uppercase;
	color: #000;
	font-size: 26px;
	letter-spacing: 1.68px;
	line-height: 35px;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft h2 img {
	display: inline;
	margin-bottom: -2px;
	max-width: 100%
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft h3 {
	width: 100%;
	margin: .5rem 0 1.5rem 0;
	float: left;
	text-align: left;
	color: #3c3c3c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft h4 {
	width: 100%;
	margin: 0 0 .7rem 0;
	float: left;
	text-align: left;
	color: #3c3c3c;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 26px
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft section {
	width: 100%;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft section aside {
	width: 42%;
	float: left;
	margin: 0 2% 0 0
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft section aside .pincodeinput {
	width: 100%;
	float: left;
	padding: 5px 0;
	background: rgba(0, 0, 0, 0);
	outline: none;
	border: none;
	border-bottom: solid 1px #3c3c3c;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	color: #707070;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft section aside .pincodeinput::placeholder {
	color: #707070;
	opacity: 1
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft section aside .pincodeinput:-ms-input-placeholder {
	color: #707070;
	opacity: 1
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft section aside .pincodeinput::-ms-input-placeholder {
	color: #707070;
	opacity: 1
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft section aside .districtselect {
	width: 100%;
	float: left;
	padding: 5px 0;
	background: rgba(0, 0, 0, 0);
	outline: none;
	border: none;
	border-bottom: solid 1px #3c3c3c;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	color: #707070;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	border-radius: 0;
	text-indent: 1px;
	text-overflow: "";
	-webkit-appearance: none;
	appearance: none;
	background: rgba(0, 0, 0, 0) url("../images/frontimage/dd_black.png") no-repeat;
	background-position: right 5px center
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft section aside .districtselect option {
	color: #707070
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft section aside .districtselect option:disabled {
	user-select: none;
	pointer-events: none
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft section aside .submitBtn {
	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 5px 25px;
	text-transform: uppercase;
	border: none;
	background-color: #f2662c;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: .4px;
	line-height: 24px;
	text-transform: uppercase;
	cursor: pointer
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft section aside .submitBtn:hover {
	transition: all .4s ease-in;
	background-color: #f0632a;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137);
	color: #fff
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft section aside .errormsg {
	display: none;
	width: 100%;
	float: left;
	margin-top: 3px;
	text-align: left;
	color: #f2662c;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	font-size: 11px;
	line-height: 18px
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft h5 {
	width: 100%;
	float: left;
	text-align: left;
	margin-top: 1.5rem
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft h5 .gosubmit {
	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	transition: all .4s ease-out;
	padding: 10px 25px;
	text-transform: uppercase;
	border: none;
	background-color: #f2662c;
	color: #fff;
	font-family: "Arial-Medium", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: .4px;
	line-height: 20px;
	text-transform: uppercase;
	cursor: pointer
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft h5 .gosubmit:hover {
	transition: all .4s ease-in;
	background-color: #f0632a;
	box-shadow: 4px 8px 12px rgba(0, 0, 0, .1607843137);
	color: #fff
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft h6 {
	width: 100%;
	float: left;
	text-align: left;
	margin-top: 2rem
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft h6 a {
	text-decoration: none;
	transition: all .4s ease-out;
	font-size: 16px;
	line-height: 26px;
	color: #233d4d
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft h6 a span {
	border-bottom: solid 1px #fff;
	padding-bottom: 2px;
	text-align: left;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	transition: all .4s ease-out
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft h6 a i.fa {
	font-weight: 400;
	margin-left: 5px;
	transition: all .4s ease-out
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft h6 a:hover {
	color: #000;
	transition: all .4s ease-in
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft h6 a:hover span {
	border-bottom-color: #000;
	transition: all .4s ease-in
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft h6 a:hover i.fa {
	margin-left: 10px;
	transition: all .4s ease-in
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft .sa_no_result {
	display: none;
	width: 100%;
	height: auto;
	float: left;
	padding: 1rem;
	text-align: center;
	background: #fff;
	border-radius: 0px
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft .sa_no_result aside {
	width: 100%;
	float: left;
	text-align: center
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft .sa_no_result aside img {
	width: 100%;
	max-width: 60px;
	display: inline-block;
	margin: 0 auto
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft .sa_no_result p {
	width: 100%;
	float: left;
	margin-top: 1rem;
	text-align: center;
	color: #233d4d;
	font-size: 14px;
	line-height: 1.2;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft .sa_resultlist {
	width: 100%;
	float: left;
	margin-top: 1.5rem
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft .sa_resultlist li {
	list-style: none;
	width: 100%;
	float: left;
	margin: 7px 1rem;
	padding: 0;
	background: #fff
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft .sa_resultlist li .sa_heading {
	position: relative;
	width: 100%;
	float: left;
	margin-bottom: .2rem;
	text-align: left;
	color: #000;
	font-size: 14px;
	line-height: 22px;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft .sa_resultlist li .sa_heading:after {
	content: "";
	position: absolute;
	left: -12px;
	top: 7px;
	height: 10px;
	width: 7px;
	background: url("../images/frontimage/icon2.png") no-repeat;
	background-position: left 0px top 0px;
	background-size: 100% 100%
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft .sa_resultlist li .sa_text {
	width: 100%;
	float: left;
	text-align: left;
	color: #3c3c3c;
	font-size: 14px;
	line-height: 22px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft .sa_resultlist li .sa_status {
	width: 100%;
	float: left;
	text-align: left;
	font-size: 14px;
	line-height: 22px;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft .sa_resultlist li .sa_status::before {
	content: "";
	font-family: "FontAwesome";
	font-weight: 300;
	line-height: 1;
	padding-right: 5px
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft .sa_resultlist li .sa_status.sa_comingsoon {
	color: #002293
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft .sa_resultlist li .sa_status.sa_unavailable {
	color: #002293
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft .sa_resultlist li .sa_status.sa_immediateavailability {
	color: #047704
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft .sa_resultlist li .sa_status.sa_openforregistration {
	color: #002293
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft .sa_resultlist li .sa_btn {
	width: 100%;
	float: left;
	margin-top: .2rem;
	text-align: left;
	font-size: 14px;
	line-height: 22px;
	color: #3a4e5c;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft .sa_resultlist li .sa_btn a {
	text-decoration: none;
	color: #3a4e5c;
	transition: all .4s ease-out
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft .sa_resultlist li .sa_btn a b {
	border-bottom: solid 1px rgba(0, 0, 0, 0);
	padding-bottom: 1px;
	transition: all .4s ease-out
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft .sa_resultlist li .sa_btn a i.fa {
	padding: 0 5px;
	transition: all .4s ease-out
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft .sa_resultlist li .sa_btn a:hover {
	color: #000;
	transition: all .4s ease-in
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft .sa_resultlist li .sa_btn a:hover b {
	border-bottom-color: #3a4e5c;
	transition: all .4s ease-in
}

.servicewrap .servicePipelineAvailable .serviceAvailableLeft .sa_resultlist li .sa_btn a:hover i.fa {
	padding: 0 0 0 10px;
	transition: all .4s ease-in
}

@media only screen and (max-width: 1565px) {
	.servicewrap .serviceAbout .serviceAboutLeft {
		width: 48%
	}

	.servicewrap .serviceAbout .serviceAboutRight {
		width: 48%
	}

	.servicewrap .serviceAbout .serviceAboutRight ul li {
		margin: 0 0 3rem 0
	}

	.servicewrap .serviceAbout .serviceAboutRight ul li p {
		font-size: 18px
	}

	.servicewrap .serviceHighlight ul li a {
		padding: .7rem
	}

	.servicewrap .serviceHighlight ul li a p {
		margin-top: .5rem;
		font-size: 14px;
		line-height: 18px
	}

	.servicewrap .servicePricebyarea .servicePricebyareaLeft {
		padding: 1rem 1.5rem;
        border-radius: 10px;
	}

	.servicewrap .servicePricebyarea .servicePricebyareaLeft h2 span {
		font-size: 24px;
		letter-spacing: .92px;
		line-height: 30px
	}

	.servicewrap .servicePricebyarea .servicePricebyareaLeft p {
		margin: .5rem 0 1rem 0;
		font-size: 16px;
		line-height: 24px
	}

	.servicewrap .servicePricebyarea .servicePricebyareaLeft h5 {
		font-size: 66px
	}

	.servicewrap .serviceFuelsavings section h2 {
		font-size: 24px;
		letter-spacing: .92px;
		line-height: 30px
	}

	.servicewrap .serviceFuelsavings section p {
		margin: .5rem 0 1rem 0;
		font-size: 16px;
		line-height: 24px
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft {
		padding: 2rem 1.5rem;
        border-radius: 10px;
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft h2 span {
		font-size: 24px;
		letter-spacing: .92px;
		line-height: 30px
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft h3 {
		margin: .5rem 0 1rem 0;
		font-size: 16px;
		line-height: 24px
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft h4 {
		margin: 0 0 .5rem 0;
		font-size: 16px;
		line-height: 24px
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft section {
		width: 100%
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft section aside {
		width: 48%
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft section aside .pincodeinput {
		font-size: 16px;
		line-height: 22px
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft section aside .districtselect {
		font-size: 16px;
		line-height: 22px
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft h6 {
		margin-top: 1rem
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft h6 a {
		font-size: 16px;
		line-height: 24px
	}
}

@media only screen and (max-width: 1255px) {
	.servicewrap {
		padding: 2rem 0 3rem 0
	}

	.servicewrap .serviceHighlight {
		padding: 3rem 0 0 0
	}

	.servicewrap .servicePricebyarea .servicePricebyareaLeft {
		padding: 1rem;
		width: 65%
	}

	.servicewrap .serviceFuelsavings {
		padding: 3rem 0
	}

	.servicewrap .serviceFuelsavings section aside a.servicebutton {
		padding: 8px 15px;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: .2px
	}

	.servicewrap .servicePipelineAvailable {
		padding: 0
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableRight {
		width: 100%;
		display: block;
		position: relative
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft {
		margin-top: -100px;
		padding: 1.5rem;
		transform: none;
		width: 86%;
		float: left;
		min-height: auto;
		position: relative;
		top: auto;
		bottom: 0;
		left: 7%
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft h2 {
		display: block
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft h2 span {
		display: inline
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft h2 img {
		display: inline;
		margin: 0 0 -3px 0px
	}
}

@media only screen and (max-width: 1023px) {
	.servicewrap .serviceAbout {
		flex-wrap: wrap
	}

	.servicewrap .serviceAbout .serviceAboutLeft {
		width: 100%
	}

	.servicewrap .serviceAbout .serviceAboutLeft h5 {
		display: none
	}

	.servicewrap .serviceAbout .serviceAboutRight {
		width: 100%;
		margin-top: 1rem
	}

	.servicewrap .serviceAbout .serviceAboutRight ul li {
		margin: 1rem 0
	}

	.servicewrap .serviceAbout .serviceAboutRight ul li aside img {
		max-width: 55px
	}

	.servicewrap .serviceAbout .serviceAboutRight ul li p {
		font-size: 16px;
		margin: .5rem 0 0 0
	}

	.servicewrap .serviceAbout .serviceAboutBottom {
		display: block
	}

	.servicewrap .serviceHighlight {
		display: none
	}

	.servicewrap .serviceHighlight ul {
		flex-wrap: wrap
	}

	.servicewrap .serviceHighlight ul li {
		width: 31%;
		margin: 7px 0
	}

	.servicewrap .servicePricebyarea .servicePricebyareaRight {
		width: 100%
	}

	.servicewrap .servicePricebyarea .servicePricebyareaLeft {
		margin-top: -100px;
		padding: 1.5rem;
		transform: none;
		width: 86%;
		float: left;
		position: relative;
		top: auto;
		bottom: 0;
		left: 7%
	}

	.servicewrap .servicePricebyarea .servicePricebyareaLeft h2 {
		display: block
	}

	.servicewrap .servicePricebyarea .servicePricebyareaLeft h2 span {
		display: inline
	}

	.servicewrap .servicePricebyarea .servicePricebyareaLeft h2 img {
		display: inline;
		margin: 0 0 -3px 0px
	}

	.servicewrap .serviceFuelsavings .fuelsavings_web {
		display: none
	}

	.servicewrap .serviceFuelsavings .fuelsavings_ipad {
		display: block
	}

	.servicewrap .serviceFuelsavings .fuelsavings_mobile {
		display: none
	}

	.servicewrap .serviceFuelsavings section {
		width: 90%
	}

	.servicewrap .serviceFuelsavings section aside a.servicebutton {
		padding: 8px 15px;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: .2px
	}
}

@media only screen and (max-width: 767px) {
	.servicewrap .serviceHighlight ul li a {
		padding: .5rem
	}
    .banners.bannerfaqs .wrapper input[type=text] {
        margin: 0;
        position: absolute;
        bottom: -55px;
        left: 0;
    }
    .servicewrap .servicePricebyarea .servicePricebyareaLeft h5 {
        font-size: 50px;
    }

	.servicewrap .serviceHighlight ul li a aside img {
		max-width: 30px
	}

	.servicewrap .serviceHighlight ul li a p {
		margin-top: .2rem
	}

	.servicewrap .servicePricebyarea .servicePricebyareaLeft {
		width: 92%;
		left: 4%;
	}

	.servicewrap .serviceFuelsavings section h2 {
		font-size: 21px;
		line-height: 24px
	}

	.servicewrap .serviceFuelsavings section p {
		margin: .1rem 0 .7rem 0;
		font-size: 14px;
		line-height: 20px
	}

	.servicewrap .serviceFuelsavings section aside a.servicebutton {
		padding: 8px 15px;
		font-size: 14px;
		line-height: 18px;
		letter-spacing: .2px
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft {
		width: 92%;
		left: 4%
	}
}

@media only screen and (max-width: 479px) {
	.servicewrap .serviceAbout .serviceAboutLeft p {
		font-size: 16px;
		line-height: 26px;
		color: #3c3c3c
	}

	.servicewrap .serviceAbout .serviceAboutRight ul {
		width: 98%;
		margin: 0 1%
	}

	.servicewrap .serviceAbout .serviceAboutRight ul li {
		width: 100%;
		margin: 0 0 1rem 0;
		display: flex;
		justify-content: flex-start;
		align-items: center
	}

	.servicewrap .serviceAbout .serviceAboutRight ul li aside {
		width: auto;
		text-align: left
	}

	.servicewrap .serviceAbout .serviceAboutRight ul li aside img {
		max-width: 38px
	}

	.servicewrap .serviceAbout .serviceAboutRight ul li p {
		width: auto;
		margin: 0 0 0 1rem;
		text-align: left;
		font-size: 16px;
		line-height: 45px;
		color: #3c3c3c
	}

	.servicewrap .serviceAbout .serviceAboutBottom {
		margin-top: .5rem
	}

	.servicewrap .serviceAbout .serviceAboutBottom span.servicebutton {
		color: #fff;
		font-size: 14px;
		letter-spacing: .35px;
		line-height: 17px;
		cursor: pointer
	}

	.servicewrap .serviceAbout .serviceAboutBottom a.servicebutton {
		color: #fff;
		font-size: 14px;
		letter-spacing: .35px;
		line-height: 17px
	}

	.servicewrap .serviceHighlight ul li {
		width: 48%
	}

	.servicewrap .serviceHighlight ul li a {
		padding: .7rem;
		border-bottom-width: 1px;
		display: flex;
		justify-content: flex-start;
		align-items: center
	}

	.servicewrap .serviceHighlight ul li a aside {
		width: auto;
		text-align: left
	}

	.servicewrap .serviceHighlight ul li a aside img {
		max-width: 28px
	}

	.servicewrap .serviceHighlight ul li a p {
		width: auto;
		margin: 0 0 0 .6rem;
		text-align: left;
		font-size: 14px;
		line-height: 18px;
		white-space: break-spaces
	}

	.servicewrap .servicePricebyarea .servicePricebyareaLeft {
		width: 84%;
		padding: 1.5rem;
		margin-top: -50px;
		left: 8%
	}

	.servicewrap .servicePricebyarea .servicePricebyareaLeft h2 span {
		font-size: 22px;
		letter-spacing: 1.32px;
		line-height: 36px
	}

	.servicewrap .servicePricebyarea .servicePricebyareaLeft p {
		margin: .5rem 0;
		font-size: 16px;
		line-height: 26px
	}

	.servicewrap .servicePricebyarea .servicePricebyareaLeft h6 a {
		font-size: 14px;
		line-height: 22px;
		padding: 8px 20px
	}

	.servicewrap .servicePricebyarea .servicePricebyareaLeft h3 {
		width: 100%;
		margin: 0;
		font-size: 11px;
		line-height: 28px
	}

	.servicewrap .servicePricebyarea .servicePricebyareaLeft h4 {
		width: auto;
		padding: 0 1.5rem;
		margin: 0 1rem 0 0;
		font-size: 12px;
		line-height: 28px
	}

	.servicewrap .servicePricebyarea .servicePricebyareaLeft .servicepinchange {
		margin: 0;
		justify-content: center
	}

	.servicewrap .servicePricebyarea .servicePricebyareaLeft .servicepinchange .service_select_box {
		width: 100%;
		margin: 0 0 .5rem 0
	}

	.servicewrap .servicePricebyarea .servicePricebyareaLeft h5 {
		font-size: 40px
	}

	.servicewrap .serviceFuelsavings .fuelsavings_web {
		display: none
	}

	.servicewrap .serviceFuelsavings .fuelsavings_ipad {
		display: none
	}

	.servicewrap .serviceFuelsavings .fuelsavings_mobile {
		display: block
	}

	.servicewrap .serviceFuelsavings section {
		left: 5%;
		width: 90%
	}

	.servicewrap .serviceFuelsavings section h2 {
		font-size: 22px;
		letter-spacing: 1.32px;
		line-height: 28px
	}

	.servicewrap .serviceFuelsavings section p {
		margin: .7rem 0 1rem 0;
		font-size: 16px;
		line-height: 26px
	}

	.servicewrap .serviceFuelsavings section aside a.servicebutton {
		font-size: 12px;
		letter-spacing: .3px;
		line-height: 18px
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft {
		width: 84%;
		padding: 1.5rem;
		margin-top: -50px;
		left: 8%
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft h2 span {
		font-size: 22px;
		letter-spacing: 1.32px;
		line-height: 36px
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft h3 {
		margin: .5rem 0;
		font-size: 16px;
		line-height: 26px
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft h4 {
		margin: 0 0 .2rem 0;
		font-size: 16px;
		line-height: 26px
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft section {
		flex-wrap: wrap
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft section aside {
		width: 100%;
		margin-bottom: 1rem
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft section aside .pincodeinput {
		padding: 6px 5px;
		border-bottom-color: #535353;
		color: #535353;
		font-size: 16px;
		line-height: 24px
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft section aside .districtselect {
		padding: 6px 1px;
		border-bottom-color: #535353;
		color: #535353;
		font-size: 16px;
		line-height: 24px
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft h5 {
		margin-top: .5rem
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft h5 .gosubmit {
		font-size: 14px;
		letter-spacing: .33px;
		line-height: 18px
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft h6 {
		margin-top: 2rem
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft h6 a {
		font-size: 16px;
		line-height: 20px
	}

	.servicewrap .servicePipelineAvailable .serviceAvailableLeft h6 a span {
		border-bottom: none;
		padding-bottom: 0
	}
}

.tnc-pvc-wrap {
	width: 100%;
	float: left;
	padding: 2rem 0 5rem 0;
	background: #fff
}

.tnc-pvc-wrap .wrapper {
	flex-wrap: wrap
}

.tnc-pvc-wrap h2 {
	margin: 0 0 1rem 0;
	width: 100%;
	float: left;
	text-align: left
}
.tnc-pvc-wrap h2 span { float: right;}
.tnc-pvc-wrap h2 span, .tnc-pvc-wrap h1 {
	color: #000;
	font-size: 24px;
	letter-spacing: 1px;
	line-height: 1.3;
	font-family: "Arial-Black", Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase
}
.tnc-pvc-wrap h2 img, .tnc-pvc-wrap h1 img {
	margin: 0 0 -2px 3px;
	max-width: 100%
}
.tnc-pvc-wrap h3 {
	margin: 1rem 0 .5rem 0;
	width: 100%;
	float: left;
	text-align: left;
	font-family: "Arial-Bold", Arial, sans-serif;
	font-weight: 700;
	color: #000;
	font-size: 20px;
	line-height: 1.3
}

.tnc-pvc-wrap p {
	margin: 0 0 1rem 0;
	width: 100%;
	float: left;
	text-align: left;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	color: #000;
	font-size: 16px;
	line-height: 1.3
}

.tnc-pvc-wrap p a {
	text-decoration: none;
	color: #f1652c;
	transition: all .4s ease-out
}

.tnc-pvc-wrap p a:hover {
	color: #000;
	transition: all .4s ease-in
}

.tnc-pvc-wrap ul {
	margin: 0 0 1rem 0;
	width: 100%;
	float: left
}

.tnc-pvc-wrap ul li {
	list-style: disc;
	text-align: left;
	margin: .3rem 0 .3rem 1rem;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	color: #000;
	font-size: 16px;
	line-height: 1.3
}

.tnc-pvc-wrap ul li a {
	text-decoration: none;
	color: #f1652c;
	transition: all .4s ease-out
}

.tnc-pvc-wrap ul li a:hover {
	color: #000;
	transition: all .4s ease-in
}

.tnc-pvc-wrap ul li ul {
	margin: .5rem 0
}

.tnc-pvc-wrap ul li ul li {
	list-style: circle;
	margin: .2rem 0 .2rem 1rem
}

.tnc-pvc-wrap ul li ol {
	margin: .5rem 0
}

.tnc-pvc-wrap ul li ol li {
	list-style: lower-alpha;
	margin: .2rem 0 .2rem 1rem
}

.tnc-pvc-wrap ol {
	margin: 0 0 1rem 0;
	width: 100%;
	float: left
}

.tnc-pvc-wrap ol li {
	text-align: left;
	list-style: decimal;
	margin: .3rem 0 .3rem 1rem;
	font-family: "Arial-Regular", Arial, sans-serif;
	font-weight: 300;
	color: #000;
	font-size: 16px;
	line-height: 1.3
}

.tnc-pvc-wrap ol li a {
	text-decoration: none;
	color: #f1652c;
	transition: all .4s ease-out
}

.tnc-pvc-wrap ol li a:hover {
	color: #000;
	transition: all .4s ease-in
}

.tnc-pvc-wrap ol ul {
	margin: .5rem 0
}

.tnc-pvc-wrap ol ul li {
	list-style: circle;
	margin: .2rem 0 .2rem 1rem
}

.tnc-pvc-wrap ol ol {
	margin: .5rem 0
}

.tnc-pvc-wrap ol ol li {
	list-style: lower-alpha;
	margin: .2rem 0 .2rem 1rem
}

@media only screen and (max-width: 1023px) {
	.tnc-pvc-wrap h2 {
		font-size: 20px
	}

	.tnc-pvc-wrap h3 {
		font-size: 16px
	}

	.tnc-pvc-wrap p {
		font-size: 14px
	}

	.tnc-pvc-wrap ul li {
		font-size: 14px
	}

	.tnc-pvc-wrap ol li {
		font-size: 14px
	}
}

.active, .dot:hover {
	background-color: none !important;
}


@media only screen and (max-width: 479px) {
    .banners .wrapper h2,.banners .wrapper h1 {
        font-size: 12px;
    }
}

.aboutDetails-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
    background: rgba(0,0,0,0.2);
    padding: 2%;
}
.aboutWrap .aboutContainer .aboutDetails ul li.aboutDetails-one {
    position: absolute;
    left: 5%;
    top: 5%;
    width: auto;
    display: block;
}
.aboutWrap .aboutContainer .aboutDetails ul li.aboutDetails-two {
    position: absolute;
    right: 5%;
    top: 5%;
    width: auto;
    display: block;
 }
 .aboutWrap .aboutContainer .aboutDetails ul li.aboutDetails-three {
    position: absolute;
    left: 5%;
    top: 70%;
    width: auto;
    display: block;
}
.aboutWrap .aboutContainer .aboutDetails ul li.aboutDetails-four {
    position: absolute;
    right: 5%;
    top: 70%;
    width: auto;
    display: block;
}
.aboutWrap .aboutContainer .aboutDetails ul li.aboutDetails-five {
    position: absolute;
    left: 40%;
    top: 35%;
    width: auto;
    display: block;
}


.aboutWrap .aboutContainer .aboutDetails-wrapper ul li h4,
.aboutWrap .aboutContainer .aboutDetails-wrapper ul li p {
    width: auto;
    float: none;
}

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

    .aboutWrap .aboutContainer .aboutDetails  .aboutDetails-wrapper ul {
        padding: 10%;
    }
    .aboutWrap .aboutContainer .aboutDetails  .aboutDetails-wrapper ul li {
        position: static;
        width: 100%;
        text-align: center;
        padding-bottom: 30px;
    }

}
.download-wrapper {
    display: inline-block;
    width: 555px;
    text-align: center;    text-decoration: none;
    transition: all .4s ease-out;
    padding: 25px;
    border: none;
    background-color: #f2662c;
    box-shadow: none;
    cursor: pointer;
}
.download-wrapper p.downloadlink, .download-wrapper p.downloadlink a {
    color: #fff;
    font-family: "Arial-Medium", Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: .35px;
    line-height: 20px;
    text-align: left;
    margin: 10px 0;
}
.galleryDisplay p.downloadlink {
    color: #fff;
    font-family: "Arial-Medium", Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: .35px;
    line-height: 20px;
    text-align: center;
    margin: 10px 0;
    min-width: 52px;
}

.download-wrapper p.downloadlink a {
    text-decoration: underline;
     color: #fff !important;
}
.galleryDisplay {
 float: left;
width: 100%;
clear: both;
margin-top: 15px;
}

.galleryDisplay .category-select-content.download-wrapper {
 float: left;
 width: 555px;
}
.galleryDisplay .category-select-content.download-wrapper .downloadlink {
    font-family: "Arial-Medium", Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: .35px;
    line-height: 20px;
    text-align: left;
    margin: 10px 15px;
    color: #233d4d;
    float: none;
    padding: 10px 10px;
    width: auto;
    float: none;
    max-width: max-content;
    float: left;
    border-radius: 10px;
}

.galleryDisplay h2{
   color: #000;
    font-size: 26px;
    letter-spacing: 1.68px;
    line-height: 35px;
    font-family: "Arial-Black", Arial, sans-serif;
    font-weight: 900;
}

@media only screen and (max-width: 1024px) {
.galleryDisplay .category-select-content.download-wrapper, .download-wrapper {
	width: 555px;
	min-width: 555px;
}
}


@media only screen and (max-width: 768px) {
.galleryDisplay .category-select-content.download-wrapper, .download-wrapper {
	width: 555px;
	min-width: 555px;
}
}


@media only screen and (max-width: 500px) {
.galleryDisplay .category-select-content.download-wrapper .downloadlink {
margin:  10px 14px;
}
}

.download-wrapper p.downloadlink a.color-black {
color: #233d4d !important;
}
@media only screen and (max-width: 600px) {
.galleryDisplay .category-select-content.download-wrapper, .download-wrapper {
	width: 100%x;
	min-width: 100%;
	max-width: 100%;

}
}

.banner-video{
    position: static;
    right: 0;
    top: -80px;
    width: 100%;
    max-width: 100%;
    float: left;
    display: block;
    margin-top: -130px;
}
.banner-video video {
    float: right;
    width: 100%;
    height: auto;
}
.no-underline{
    text-decoration: none !important;
}
.color-orange {
    color: #f2662c !important;
}
.banners.video-wrapper {
    height: 600px !important;
    overflow: hidden !important;
    background-color: #fff !important;
}


@media only screen and (max-width: 1520px) {
    .banners.video-wrapper {
        height: 510px !important;
        overflow: hidden !important;

    }
    .banner-video {
        margin-top: -8%;
    }
}
@media only screen and (max-width: 1300px) {
    .banners.video-wrapper {
        height: 510px !important;
        overflow: hidden !important;

    }
    .banner-video {
        margin-top: -8%;
    }
}


@media only screen and (max-width: 1200px) {
    .banners.video-wrapper {
        height: max-content !important;
        overflow: hidden !important;
    }
    .banner-video {
        margin-top: -8%;
    }
}

@media only screen and (max-width: 1024px) {
    .banners.video-wrapper {
        height: 270px !important;
        overflow: hidden !important;
    }
}
@media only screen and (max-width: 768px) {
    .banners.video-wrapper {
        height: 270px !important;
        overflow: hidden !important;
    }

}
@media only screen and (max-width: 430px) {
    .banners.video-wrapper {
        height: 180px !important;
        overflow: hidden !important;
    }

}
@media only screen and (max-width: 360px) {
    .banners.video-wrapper {
        height: 150px !important;
        overflow: hidden !important;
    }
}


@media only screen and (min-width: 992px) {
    .viewprofilesPopup .viewprofilecontainer .viewprofileinner section p {
        font-size: 16px;
        max-height: 60vh;
        overflow-y: auto;
    }
}
@media only screen and (min-width: 992px){
    .viewprofilesPopup .viewprofilecontainer .viewprofileinner article {
        width: 30%;
        margin-right: 4rem;
    }
}
@media only screen and (min-width: 992px){
.viewprofilesPopup .viewprofilecontainer .viewprofileinner section {
    width: 70%;
    float: right;
}
}
h1.heading-new {
    width: auto;
    float: left;
    text-align: left;
    color: #000;
    font-size: 24px;
    line-height: 1;
    font-family: "Arial-Bold", Arial, sans-serif;
    font-weight: 700;
    margin: 0;
}
h1.heading-new span {
    font-family: "Arial-Regular", Arial, sans-serif;
    font-weight: 300;
    font-size: 14px;
}
@media only screen and (max-width: 1255px) {
    .footer .wrapper .footerright ul li {
        padding: 3px 0;
        margin: 5px 0;
    }
    .footer .wrapper .footerright ul li .sub-menu-list {
        display: none;
        padding: 6px .3rem;
        margin-bottom: 10px;
        cursor: pointer;

    }
    .footer .wrapper .footerright ul li:hover .sub-menu-list {
        display: block;
        padding-top: 3px;
    }

}



.connection_form .connection_right .connection_web {
    height: auto;
}
.footer .wrapper .footerright ul li span .fa.fa-angle-down {
    display: none;
    font-size: 25px;
    float: right;
    width: 20px;
    clear: none;
    color: #000;
    margin-right: 10px;
    transform: rotate(-90deg);
 }

 @media only screen and (max-width: 1255px) {
    .footer .wrapper .footerright ul li span .fa.fa-angle-down {
        display: block;
     }
    .footer .wrapper .footerright ul li span {
        width: 100%;
        text-align: left;
        padding-bottom: 10px;
    }
    .footer .wrapper .footerright ul li:hover ul {
        background-color:#f3f7f8 ;
        border-top: 1px solid #ccc;
    }
    .footer .wrapper .footerright ul li:hover .fa.fa-angle-down  {
        transform: rotate(0deg);
    }
 }
 .new-cnnection-vedio {
    float: left;
    width: 100%;
    margin-top: 20px;

}
.new-cnnection-vedio .banners.video-wrapper {
    height: 450px !important;
    }
    .new-cnnection-vedio .banners.video-wrapper .banner-video {
        margin-top: -7%;
        height: 560px;
        overflow: hidden;
     }
 @media only screen and (max-width: 1300px) {
    .new-cnnection-vedio .banners.video-wrapper .banner-video {
        margin-top: -7%;
    }
    .new-cnnection-vedio .banners.video-wrapper {
        height: 357px !important;
        }
        .new-cnnection-vedio .banners.video-wrapper .banner-video {
            margin-top: -7%;
            height: 406px;
            overflow: hidden;
         }
 }

 @media only screen and (max-width: 500px) {
    .new-cnnection-vedio .banners.video-wrapper .banner-video {
        margin-top: -7%;
    }
    .new-cnnection-vedio .banners.video-wrapper {
        height: 157px !important;
        }
        .new-cnnection-vedio .banners.video-wrapper .banner-video {
            margin-top: -7%;
            height: 167px;
            overflow: hidden;
         }
 }

.singleline { display: block; width: 100%;}
.singleline h1, .singleline span { display: inline !important; }


ul li.header-language {
    position: relative;
    list-style: none;
    font-size: 16px;
    font-family: "Futura";
    font-weight: 700;
    color: #fff;
  }
  ul li.header-language a.lang-txt {
    list-style: none;
    font-size: 16px !important;
    font-family: "Futura";
    font-weight: 700 !important;
    color: #fff;
    line-height: 32px;
  }
  .nav .wrapper ul.language-list {
    position: absolute;
    top: 31px;
    left: -12px !important;
    display: none;
    background-color: #535353 !important;
    padding: 0 10px 5px 10px !important;
    margin: 0;
    width: 120px;
    border: 1px solid #fff;
    color: #fff;
    z-index: 9999;
  }
  .nav .wrapper ul.language-list li {
    list-style: none;
    }
    .nav .wrapper ul li.header-language:hover .language-list {
    display: block;
  }
  span.down-arrow {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
      transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-left: 5px;
    }

    .nav .wrapper ul.language-list li a {
      color: #fff;
      text-decoration: none;
      font-size: 14px;
      font-family: "Futura";
      font-weight: 700;
      line-height:28px;
      }
      .nav .wrapper ul.header-language a {
        font-size: 16px !important;
        font-family: "Futura" !important;
        font-weight: 700 !important;
        line-height:28px !important;
        padding-bottom: 5px !important;
      }
      .nav .wrapper ul.language-list li:hover a,
      .nav .wrapper ul.language-list li:hover a .down-arrow {
          color: #f2662c;
          cursor: pointer;
          }

      .nav .wrapper ul li.header-language a:hover {
         color: #f2662c;
      }
      .container .image-container img.image404-container {
        width: auto;
        height: auto;
        position: static;
        margin-top: 0;
        right: auto;
        max-width: 100%;
        max-height: 35vw;
      }
      .image404-container-button {
        background-color: #f2662c;
        height: auto;
        padding: 2%;
        padding: 12px 43px;
      margin: 0 auto;
        border-radius: 8px;
        border: none;
        display: inherit;
      }

      @media only screen and (max-width: 1024px) {
        .container .image-container img.image404-container {
            max-width: 100vw;
            margin-top: 250px;
            max-height: inherit;
        }
      }

      @media only screen and (max-width: 767px) {
        .container .image-container img.image404-container {
            max-width: 100vw;
            margin-top: 150px;
            max-height: inherit;
        }
      }

#stateBasedDistrict , #stateList { width: 100%; float: left; padding: 3rem 0; background-color: #f4f7f8; padding: 15px; }
#stateBasedDistrict a, #stateList a { color: #fff;float: left;margin: 3px;font-weight: 400;text-decoration: none;font-size: 14px;font-family: "Futura" !important; }
#stateBasedDistrict a:hover, #stateList a:hover { color: #000; text-decoration: underline; cursor: pointer;}
#stateBasedDistrict h3, #stateList h3 { float: left; width: 100%; padding: 15px 0;}
#stateBasedDistrict span, #stateList span { color: #ddd; transform: rotate(33deg); float: right; margin:0 3px 0 10px; }

#stateBasedDistrict img {
    width: 100%;
    height: inherit;
    float: left;
}
#stateBasedDistrict a {
    position: relative;
    float: left;
    padding: 0;
    border: 1px solid #fff;
    width: 13%;
    height: 120px;
    margin: 20px 1% 20px 0;
    background-color: #fff;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, .0784313725);
    overflow: hidden;
}
#stateBasedDistrict a:hover {
    transform: scale(1.1);
 }

span.districtName-list {
    position: absolute;
    bottom: 5px;
    border: 1px solid #fff;
    padding: 3px;
}
#stateBasedDistrict span.cityname {
    width: 100%;
    float: left;
    padding: 0.5rem;
    text-align: center;
    color: #000;
    font-size: 14px;
    line-height: 16px;
    font-family: "Arial-Bold", Arial, sans-serif;
    font-weight: 700;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    opacity: 0.5;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    opacity: 0.7;
    transform: none !important;
    margin: 0;

}

#stateBasedDistrict {
    display: flow-root;
    width: 100%;
    max-width: 100%;
    float: none;
    padding: 25px 2%;
    margin: 0 auto 40px auto;
}
#stateBasedDistrict h3 {
    font-size: 1.5em;
    color: #000;
}

#stateBasedDistrictData.wrapper {
	width: 100%;
}

#stateBasedDistrictData P{
	float: left;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
	#stateBasedDistrict a {
       width: 48%;
    }
}

/* address */
.contactWrap .contactContainer .grievances-address-list {
	display:  flex;
        float: left;
	width: 100%;
	margin: 10px 0;
}
.contactWrap .contactContainer .grievances-address-list address {
    list-style: none;
    min-width: 380px;
    float: left;
    clear: none;
    margin: 0 2rem .8rem 0;
    padding: 1.5rem 1.5rem 1.5rem 2rem;
    background: #fff;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, .1607843137);
    border-radius: 0px 0px 8px 8px;
    word-wrap: break-word;

}
    @media only screen and (max-width: 768px) { 
     .contactWrap .contactContainer .grievances-address-list { 
       display: block;
     }
     .contactWrap .contactContainer .grievances-address-list address { 
       min-width: 92vw;
     }

}


.addressscrollContainer .addressscroll#office-list-con {
 width: 97% !important;
}