@charset "utf-8";
.dmenu,
body,
h1,
h2,
h3,
h4 {
	margin: 0
}

.dmenu,
.hlogo,
header {
	transition: all .3s ease-out
}

.hero,
.heroin {
	overflow: hidden
}

.slist li:before,
.vlend:before,
.vlmid:before,
.vlstart:before {
	content: ""
}

.arrd:hover,
.cfbutsend,
.citadd:hover,
.cta:hover,
.gotop:hover,
.gs1c div:hover,
.gsfclose:hover,
.gsnav>div:hover,
.gsshead:hover,
.hcta:hover,
.indinfo:hover,
.indsel>div:hover:after,
.page:hover,
.pbut:hover,
.selectedc>div:hover,
.selectedi>div:hover {
	cursor: pointer
}

.citysel,
.indsel {
	max-height: 250px
}

.dmenu,
.fmenu,
.inlist,
.mmenu,
.slist,
.svlist {
	list-style-type: none
}

body {
	padding: 0;
	font-family: Poppins, sans-serif
}

.f50 input,
.f50 select,
.gs1c select {
	appearance: none;
	font-family: inherit
}

a {
	text-decoration: inherit;
	color: inherit
}

section {
	position: relative;
	overflow-x: hidden
}

header {
	width: 100%;
	height: 84px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .8));
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	padding: 13px 60px;
	box-sizing: border-box;
	z-index: 10;
	position: fixed;
	left: 0;
	top: 0;
	border-bottom: 1px solid #fff
}

.dmenu li,
.hero,
.heroin {
	position: relative
}

header.active {
	height: 64px;
	padding: 8px 60px
}

.hlogo {
	width: 240px;
	background-image: url(../img/logo.svg);
	height: 59px;
	background-repeat: no-repeat;
	float: left
}

header.active .hlogo {
	width: 192px;
	height: 48px
}

.bgi,
.bgpatt,
.hero,
.heroin {
	width: 100%
}

.dmenu {
	padding: 5px 0;
	float: right
}

header.active .dmenu {
	padding: 3px 0
}

.dmenu li {
	float: left;
	line-height: 48px;
	margin-left: 30px;
	font-weight: 600;
	color: #00307c;
	transition: line-height .3s ease-out
}

.dmenu>a:last-child>li,
.heroc {
	color: #fff;
	box-sizing: border-box
}

header.active .dmenu li {
	line-height: 42px
}

.dmenu>a:last-child>li {
	background: #b7d42a;
	padding: 0 24px;
	border-radius: 50px
}

.hero {
	height: calc(100vh - 84px);
	margin-top: 84px
}

.heroin {
	min-height: 300px;
	height: 50vh
}

.bgi {
	position: fixed;
	height: 100vh;
	background-image: url(../img/hbg.jpg);
	background-size: cover;
	background-position: top center;
	top: 0;
	animation: rev 3s ease-out forwards;
	transition: filter .3s ease-out
}

.hcta,
.heroc,
.heroc h1 {
	position: relative
}

.bgi.active {
	filter: blur(5px)
}

.heroc {
	text-shadow: 0 0 30px rgba(0, 0, 0, .5);
	text-align: center;
	padding: 0 60px;
	top: calc(50% - 115px)
}

.heroc h1 {
	font-size: 48px;
	margin: 0 0 24px;
	line-height: 72px
}

.cta,
.hcta {
	line-height: 60px;
	border-radius: 30px;
	padding: 0 36px;
	display: table;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	background: #b7d42a;
	font-size: 21px;
	font-weight: 600;
	user-select: none
}

.hcta {
	box-shadow: 0 0 30px rgba(0, 0, 0, .3)
}

.s2 h2,
section.subh {
	color: #00307c;
	text-align: center
}

.bgpatt {
	background-image: url(../img/bgpatt.png);
	position: fixed;
	height: 100%;
	top: 0;
	background-size: 3px 3px
}

@media screen and (min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:1.92) {
	.bgpatt {
		background-image: url(../img/bgpatt2x.png)
	}
}

.heroin .bgi,
.heroin .bgpatt {
	position: absolute
}

.heroin .bgi {
	height: 100%;
	background-image: url(../img/inimg.jpg);
	background-position: center
}

.container {
	max-width: 1280px;
	padding: 0 60px;
	margin: 0 auto;
	box-sizing: border-box
}

section.subh {
	background: #f4f7f9;
	position: relative;
	padding: 50px 0;
	font-size: 21px;
	line-height: 36px;
	font-weight: 600
}

section.s2 {
	background: #fff;
	padding: 50px 0
}

.s2 h2 {
	margin-bottom: 40px;
	font-size: 32px
}

@keyframes rev {
	from {
		transform: scale(1)
	}
	to {
		transform: scale(1.05)
	}
}

.stepsgrid {
	display: grid;
	grid-template-columns: calc(33.33% - 20px) calc(33.33% - 20px) calc(33.33% - 20px);
	grid-gap: 30px;
	margin-top: 40px
}

.stepsgrid>div {
	border-radius: 5px;
	position: relative
}

.stepsvgrid {
	display: grid;
	grid-template-columns: calc(50% - 5px) 10px calc(50% - 5px);
	position: relative;
	max-width: 1024px;
	margin: 0 auto
}

.stepsvgrid>div {
	position: relative;
	height: 320px
}

.vlend,
.vlend:before,
.vlmid,
.vlmid:before,
.vlstart,
.vlstart:before {
	position: absolute
}

.vlstart {
	width: 1px;
	height: 50%;
	top: 50%;
	left: calc(50% - 1px);
	border-right: 2px dotted #bacdd7
}

.vlstart:before {
	width: 18px;
	height: 18px;
	border: 4px solid #426cb4;
	display: block;
	border-radius: 10px;
	box-sizing: border-box;
	top: -18px;
	left: -6px
}

.vlmid {
	width: 1px;
	height: 100%;
	top: 0;
	left: calc(50% - 1px);
	border-right: 2px dotted #bacdd7
}

.vlmid:before {
	width: 18px;
	height: 18px;
	border: 4px solid #ec425d;
	display: block;
	border-radius: 10px;
	box-sizing: border-box;
	top: calc(50% - 9px);
	left: -6px;
	background: #fff
}

.vlend {
	width: 1px;
	height: 50%;
	top: 0;
	left: calc(50% - 1px);
	border-right: 2px dotted #bacdd7
}

.vlend:before {
	width: 18px;
	height: 18px;
	border: 4px solid #b7d42a;
	display: block;
	border-radius: 10px;
	box-sizing: border-box;
	bottom: -18px;
	left: -6px
}

.svhead,
.svnum {
	font-weight: 700;
	position: relative;
	overflow: hidden
}

.svnum {
	font-size: 144px;
	line-height: 144px;
	margin-top: 40px
}

.svhead {
	font-size: 24px;
	margin-top: 32px
}

.svc1 {
	color: #426cb4
}

.svc2 {
	color: #ec425d
}

.svc3 {
	color: #b7d42a
}

.picks {
	width: 300px;
	height: 300px;
	position: absolute
}

.step1 {
	background-image: url(../img/step1.svg);
	right: 60px
}

.step2 {
	background-image: url(../img/step2.svg);
	right: 40
}

.step3 {
	background-image: url(../img/step3.svg);
	right: 60px
}

.svlist {
	font-size: 14px;
	line-height: 21px;
	padding: 0;
	margin: 0;
	color: #666
}

.shead,
.snum {
	color: #fff;
	font-weight: 600
}

.svlist li {
	margin-top: 15px;
	position: relative;
	overflow: hidden
}

.shead,
.sico {
	position: relative;
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box
}

.svpad {
	padding: 0 80px;
	box-sizing: border-box
}

.svhr {
	text-align: right
}

.s3 h2,
.shead,
.snum {
	text-align: center
}

.sico {
	height: 168px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 10px 10px 0 0
}

.sico1 {
	background-image: url(../img/s1.jpg)
}

.sico2 {
	background-image: url(../img/s2.jpg)
}

.sico3 {
	background-image: url(../img/s3.jpg)
}

.shead {
	font-size: 18px;
	background: #00307c;
	line-height: 42px;
	padding: 0 15px;
	border-top: 3px solid #b7d42a
}

.slist,
.snum {
	font-size: 14px
}

.snum {
	width: 96px;
	height: 24px;
	display: block;
	background: #b7d42a;
	line-height: 24px;
	border-radius: 12px;
	margin-right: 12px;
	float: left;
	position: absolute;
	top: -12px;
	left: calc(50% - 48px)
}

.s3,
.slist {
	background: #f4f7f9
}

.hamb,
.tpic {
	float: right
}

.slist,
.slist li {
	position: relative;
	box-sizing: border-box
}

.s3,
.s3 h2 {
	color: #00307c
}

.slist {
	margin: 0;
	width: 100%;
	padding: 20px;
	height: calc(100% - 213px);
	border-radius: 0 0 10px 10px
}

.slist li {
	margin-bottom: 10px;
	padding-left: 20px
}

.slist li:before {
	width: 12px;
	height: 12px;
	display: block;
	position: absolute;
	left: 0;
	top: 4px;
	border: 3px solid #00bdf2;
	border-radius: 10px;
	box-sizing: border-box
}

.tgrid,
.tgrid>div {
	position: relative
}

.s3 {
	padding: 70px 0 60px;
	text-shadow: 0 0 30px transparent
}

.s3 h2 {
	margin-bottom: 20px;
	font-size: 32px
}

.tgrid {
	margin: 30px auto 0;
	display: grid;
	grid-template-columns: calc(33.33% - 20px) calc(33.33% - 20px) calc(33.33% - 20px);
	grid-gap: 30px;
	text-shadow: none
}

.tgrid>div {
	height: 100%
}

.tgridc {
	transition: height .5s ease-out
}

.tgrid>div>div:nth-child(1) {
	background: #b7d42a;
	position: relative;
	height: 5px;
	border-radius: 5px 5px 0 0;
	margin-top: 40px
}

.tgrid>div>div:nth-child(2),
.tpic {
	background-color: #fff;
	box-sizing: border-box
}

.tgrid>div>div:nth-child(2) {
	font-weight: 500;
	line-height: 24px;
	padding: 65px 30px 40px;
	border-radius: 0 0 5px 5px;
	font-size: 14px;
	text-align: justify;
	text-align-last: center;
	height: calc(100% - 45px);
	overflow: hidden
}

.tgrid>div>div:nth-child(2) div {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 15px;
	text-align: center
}

.tgrid>div>div:nth-child(2) div span {
	font-size: 14px;
	font-weight: 400;
	display: block;
	color: #00bdf2
}

.tpic {
	width: 96px;
	height: 96px;
	background-size: cover;
	background-position: center;
	position: absolute;
	left: calc(50% - 48px);
	top: calc(50% - 48px);
	box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
	border-radius: 100px;
	z-index: 1
}

.sthead,
.ststat {
	color: #00307c;
	top: -40px;
	position: relative;
	text-align: center
}

.tpic1 {
	background-image: url(../img/t1.jpg)
}

.tpic2 {
	background-image: url(../img/t2.jpg)
}

.tpic3 {
	background-image: url(../img/t3.jpg)
}

.paginate {
	display: table;
	margin: 30px auto 0
}

.paginate div {
	width: 16px;
	height: 16px;
	border: 2px solid #fff;
	background: #fff;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 10px;
	margin: 0 5px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, .15)
}

.paginate div.active {
	background: #b7d42a
}

.stats {
	background-color: #fff;
	padding: 60px 0 70px
}

.stats h2 {
	color: #00307c;
	text-align: center;
	margin-bottom: 30px;
	font-size: 32px
}

.statgrid {
	display: grid;
	grid-template-columns: 33.33% 33.33% 33.33%
}

.stico {
	position: relative;
	width: 223px;
	height: 223px;
	margin: 0 auto;
	background-position: center;
	background-repeat: no-repeat
}

.sthead {
	font-weight: 600;
	font-size: 21px;
	line-height: 21px;
	margin-top: 10px
}

.ststat {
	font-weight: 700;
	font-size: 32px;
	line-height: 32px
}

.stico1 {
	background-image: url(../img/st1.svg)
}

.stico2 {
	background-image: url(../img/st2.svg)
}

.stico3 {
	background-image: url(../img/st3.svg)
}

.footer {
	background: #002a68;
	color: rgba(255, 255, 255, .8);
	font-size: 13px;
	padding: 50px 0 70px;
	line-height: 24px;
	overflow: initial
}

.fhead {
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 15px;
	color: #fff
}

.fsmall {
	font-size: 12px;
	line-height: 18px
}

.flogo {
	width: 160px;
	height: 40px;
	background-image: url(../img/flogo.svg);
	margin-bottom: 20px;
	background-repeat: no-repeat
}

.vdiv {
	position: relative;
	width: 100%;
	height: 5px
}

.footer .fhead {
	opacity: .5
}

.footgrid {
	display: grid;
	grid-template-columns: calc(25% - 30px) calc(25% - 30px) calc(25% - 30px) calc(25% - 30px);
	grid-gap: 40px
}

.cright {
	text-align: center;
	border-top: 1px solid rgba(255, 255, 255, .15);
	margin-top: 30px;
	padding-top: 30px
}

.hamb {
	width: 24px;
	height: 19px;
	display: none;
	position: relative;
	top: 18px;
	transition: all .3s ease-out
}

.active .hamb {
	top: 14px
}

.gsformc,
.mmen {
	top: 0;
	overflow: hidden
}

.hamb div {
	width: 24px;
	height: 3px;
	border-radius: 3px;
	background: #00307c;
	margin-bottom: 5px
}

.gsformc,
.gsformc>div,
.mmen {
	width: 100%;
	box-sizing: border-box
}

.hamb div:last-child {
	margin-bottom: 0
}

.mmen {
	background: rgba(0, 48, 124, .95);
	position: fixed;
	height: 0%;
	z-index: 9;
	left: 0;
	transition: height .5s ease-out
}

.gsformc,
.mmen.active {
	height: 100%
}

.mmenu {
	color: #fff;
	margin: 0;
	padding: 120px 0 0 40px;
	box-sizing: border-box
}

.gsfhead,
.gsshead {
	color: #00307c;
	font-weight: 600
}

.mmenu li {
	font-size: 32px;
	margin-bottom: 10px;
	position: relative
}

.gsformc {
	position: fixed;
	left: 100%;
	background: rgba(0, 48, 124, .8);
	z-index: 11;
	transition: left .01s ease-out, opacity .3s ease-out;
	padding: 50px 60px;
	opacity: 0
}

.arrd,
.gsfclose {
	transition: transform .3s ease-out
}

.gsformc>div {
	position: relative;
	margin: 0 auto;
	max-width: 720px;
	background: #fff;
	border-radius: 5px;
	padding: 22px 30px 30px;
	box-shadow: 0 10px 60px rgba(0, 0, 0, .4)
}

.gscsubhead,
.selectedc,
.selectedc>div,
.selectedi,
.selectedi>div {
	margin-bottom: 10px
}

.gsformc.active {
	left: 0;
	overflow-y: auto;
	opacity: 1
}

.gsfclose {
	width: 24px;
	height: 24px;
	background-image: url(../img/close.svg);
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 1
}

.gsfclose:hover {
	transform: rotate(90deg)
}

.gsfhead {
	font-size: 24px;
	line-height: 36px;
	padding-bottom: 0;
	max-width: 420px
}

.gsshead {
	font-size: 18px;
	line-height: 24px;
	margin-top: 30px;
	user-select: none;
	display: none
}

.gs1c,
.gs2c {
	margin-top: 10px
}

.arrd,
.gsshead>span:first-child {
	width: 24px;
	height: 24px;
	display: inline-block
}

.gsshead>span {
	vertical-align: top
}

.gsshead>span:first-child {
	line-height: 24px;
	background: #00bdf2;
	color: #fff;
	border-radius: 20px;
	text-align: center;
	font-size: 14px;
	margin-right: 10px
}

.arrd {
	margin-left: 10px;
	box-sizing: border-box;
	padding: 5px;
	background-image: url(../img/arrd.svg);
	background-size: 14px 14px;
	background-position: center;
	background-repeat: no-repeat
}

.arrd.active {
	transform: rotate(180deg)
}

.gss {
	display: none
}

.citadd,
.gscsubhead,
.gss1 {
	display: block
}

.gs1c select {
	font-size: 16px;
	font-weight: 600;
	-webkit-appearance: none;
	line-height: 48px;
	color: #0fa300;
	padding: 0 42px 0 21px;
	border-radius: 30px;
	border: 1px solid #b7d42a;
	background: #fff
}

select#proselect option {
	color: initial
}

.gscsubhead {
	font-size: 13px;
	color: #00307c
}

.gs3c {
	margin-top: 20px
}

.citysel {
	background: #f4f7f9;
	width: 100%;
	border: 1px solid #00307c;
	padding: 10px 20px;
	box-sizing: border-box;
	font-size: 15px;
	border-radius: 5px;
	overflow-y: auto
}

.citadd,
.indadd {
	background: #00bdf2;
	font-weight: 600;
	color: #fff;
	user-select: none
}

.citysel>div {
	line-height: 42px;
	border-bottom: 1px solid rgba(0, 0, 0, .15);
	position: relative
}

.citadd {
	position: absolute;
	height: 30px;
	content: "Add";
	right: 0;
	top: 6px;
	line-height: 30px;
	font-size: 12px;
	box-sizing: border-box;
	padding: 0 14px;
	border-radius: 16px
}

.indadd,
.indinfo {
	float: right;
	height: 30px;
	content: "Add";
	top: -3px;
	line-height: 30px;
	font-size: 12px;
	padding: 0 14px;
	border-radius: 16px;
	position: relative;
	right: 0;
	box-sizing: border-box
}

.indadd {
	display: table
}

.indadd:hover {
	cursor: pointer
}

.indinfo {
	display: none;
	background-color: #fff;
	color: #00bdf2;
	font-weight: 600;
	user-select: none;
	margin-right: 5px
}

.indsel>div::after,
.selectedc>div,
.selectedi>div {
	color: #fff;
	user-select: none;
	font-weight: 600
}

.prosel::after,
.selectedc>div::after {
	content: ""
}

.expc input:first-child,
.selectedc>div,
.selectedi>div {
	margin-right: 10px
}

.citysel>div.last {
	border-bottom: none
}

.prosel {
	position: relative;
	display: table
}

.prosel::after {
	width: 48px;
	height: 48px;
	display: block;
	background-image: url(../img/selarr.svg);
	background-repeat: no-repeat;
	background-size: 14px 8px;
	background-position: center;
	position: absolute;
	right: 0;
	top: 1px;
	pointer-events: none
}

.selectedc {
	display: table
}

.selectedc>div {
	background: #b7d42a;
	font-size: 14px;
	line-height: 36px;
	padding: 0 36px 0 13px;
	border-radius: 30px;
	position: relative;
	display: inline-table
}

.selectedc>div::after {
	width: 16px;
	height: 16px;
	background-image: url(../img/closec.svg);
	display: block;
	right: 10px;
	top: 10px;
	position: absolute
}

.gsfrev,
.indsel>div {
	position: relative
}

.indsel {
	background: #f4f7f9;
	width: 100%;
	border: 1px solid #00307c;
	padding: 10px 20px;
	box-sizing: border-box;
	font-size: 15px;
	border-radius: 5px;
	overflow-y: auto
}

.indsel>div {
	line-height: 24px;
	border-bottom: 1px solid rgba(0, 0, 0, .15);
	padding: 9px 0;
	box-sizing: border-box
}

.indsel>div::after {
	position: absolute;
	display: none;
	height: 30px;
	background: #00bdf2;
	content: "Add";
	right: 0;
	top: 6px;
	line-height: 30px;
	font-size: 12px;
	box-sizing: border-box;
	padding: 0 14px;
	border-radius: 16px
}

.errinfo::after,
.fssel::after,
.selectedi>div::after,
.socicos>div::before {
	content: ""
}

.indsel .celem {
	width: calc(100% - 70px);
	display: inline-block
}

.indsel>div.last {
	border-bottom: none
}

.selectedi {
	display: table
}

.selectedi>div {
	background: #b7d42a;
	font-size: 14px;
	line-height: 24px;
	padding: 6px 36px 6px 13px;
	border-radius: 22px;
	position: relative;
	display: inline-table
}

.selectedi>div::after {
	width: 16px;
	height: 16px;
	background-image: url(../img/closec.svg);
	display: block;
	right: 10px;
	top: 10px;
	position: absolute
}

section.contactus {
	min-height: 100px;
	background: #fff;
	padding: 50px 0
}

.contactus h2 {
	color: #00307c;
	text-align: center;
	margin-bottom: 30px;
	font-size: 32px
}

.f50 {
	display: grid;
	grid-template-columns: calc(40% - 20px) calc(60% - 20px);
	grid-gap: 40px
}

.f50 input,
.f50 select {
	margin: 0 0 10px;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size: 16px;
	line-height: 48px;
	border: none;
	box-sizing: border-box;
	padding: 0 20px;
	background: #f4f7f9;
	box-shadow: none;
	border-radius: 5px;
	display: block
}

.fssel {
	position: relative
}

.fssel::after {
	width: 16px;
	height: 16px;
	display: block;
	background-image: url(../img/tarr.svg);
	right: 20px;
	top: 16px;
	transform: rotate(90deg);
	position: absolute;
	pointer-events: none
}

.bgc,
.bgd,
.bghead {
	position: relative
}

.f50 textarea {
	margin: 0;
	width: 100%;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-family: inherit;
	font-size: 16px;
	line-height: 24px;
	border: none;
	box-sizing: border-box;
	background: #f4f7f9;
	padding: 12px 20px;
	border-radius: 5px;
	resize: none;
	height: 164px
}

.discg input,
.gspdf50 input {
	font-family: inherit;
	appearance: none;
	box-sizing: border-box
}

.f50 input:last-child {
	border-bottom: none;
	margin-bottom: 0
}

.cfbutsend {
	line-height: 48px;
	border-radius: 30px;
	padding: 0 48px;
	display: table;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	user-select: none;
	background: #b7d42a;
	margin-top: 30px
}

.why {
	background: #fff;
	padding: 40px 0 80px
}

.why h2 {
	color: #00307c;
	text-align: center;
	margin-bottom: 40px;
	font-size: 32px
}

.bengrid {
	display: grid;
	grid-template-columns: calc(25% - 15px) calc(25% - 15px) calc(25% - 15px) calc(25% - 15px);
	grid-gap: 20px;
	text-align: center
}


.bengridthree {
	display: grid;
	grid-template-columns: calc(33% - 15px) calc(34% - 15px) calc(33% - 15px);
	grid-gap: 20px;
	text-align: center
}


.bgc {
	width: 140px;
	height: 140px;
	background: center no-repeat #00307c;
	border-radius: 80px;
	margin: 0 auto;
	background-size: 60px 60px
}

.bgc1 {
	background-color: #b7d42a;
	background-image: url(../img/bi1.svg)
}

.bgc2 {
	background-color: #ec425d;
	background-image: url(../img/bi2.svg)
}

.bgc3 {
	background-color: #426cb4;
	background-image: url(../img/bi3.svg)
}

.bgc4 {
	background-color: #f3b701;
	background-image: url(../img/bi4.svg)
}

.bghead {
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	margin-top: 30px;
	color: #00307c
}

.bgd,
.f14 {
	font-size: 14px
}

.bgd {
	color: #666;
	line-height: 21px;
	margin-top: 20px
}

.quote {
	position: absolute;
	width: 192px;
	height: 192px;
	background-image: url(../img/quote.svg);
	top: 0;
	opacity: .05
}

.socicos,
.socicos svg,
.socicos>div {
	position: relative
}

.socicos {
	margin-bottom: 10px;
	margin-top: 5px
}

.socicos svg {
	width: 32px;
	height: 32px;
	border-radius: 100px
}

.socicos>div::before {
	width: 30px;
	height: 30px;
	position: absolute;
	background: #fff;
	border-radius: 100px;
	display: block;
	top: 1px;
	left: 1px
}

.socicos svg path {
	fill: #fff
}

.socicos>div {
	display: inline-block;
	width: 32px
}

.socicos>div:nth-child(2) {
	margin: 0 5px 0 10px
}

.socicos>div:nth-child(3) {
	margin: 0 10px 0 5px
}

.pbut {
	border: none!important;
	background: url(../img/tarr.svg)!important;
	box-shadow: none!important;
	filter: drop-shadow(0 10px 30px rgba(0, 48, 124, .3))!important;
	position: relative
}

#esearch,
.gotop {
	border-radius: 30px
}

.pbut.prev {
	transform: rotate(180deg)
}

.congrid {
	display: grid;
	grid-template-columns: calc(50% - 15px) calc(50% - 15px);
	grid-gap: 30px;
	margin-top: 20px
}

.f14 {
	line-height: 24px
}

.f14 .fhead {
	font-size: 16px;
	color: #00307c
}

.fmenu {
	margin: 0;
	padding: 0
}

.fsvg,
.fsvgb {
	display: inline-block;
	position: relative;
	top: 4px;
	margin-right: 6px
}

.fmenu li {
	font-weight: 600
}

.fb svg path {
	fill: #3b5998
}

.tw svg path {
	fill: #55acee
}

.linked svg path {
	fill: #0e76a8
}

.gplus svg path {
	fill: #d34836
}

.fsvg svg path,
.fsvgb svg path {
	fill: #b7d42a
}

.fsvg {
	width: 16px;
	height: 16px
}

.fsvgb {
	width: 18px;
	height: 18px
}

.gotop {
	position: absolute;
	right: 60px;
	background-color: #b7d42a;
	background-image: url(../img/gtarr.svg);
	width: 48px;
	height: 48px;
	top: -24px;
	background-size: 18px 18px;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(-90deg)
}

.errinfo,
.gsnav {
	position: relative
}

.proselect {
	display: table
}

.proselect>div {
	float: left;
	background: #f4f7f9;
	font-size: 14px;
	padding: 10px;
	border-radius: 5px;
	margin: 0 10px 10px 0;
	border: 1px solid #00bdf2
}

.proselect>div:hover {
	background-color: #00bdf2;
	color: #fff;
	border-color: #00bdf2
}

.gssteps {
	background: #00bdf2;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	border-radius: 11px;
	margin-bottom: 7px
}

.gssteps>div {
	float: left
}

.gssteps>div:first-child {
	font-size: 12px;
	line-height: 20px;
	margin-left: 8px
}

.gssteps>div:last-child {
	font-size: 11px;
	line-height: 16px;
	background: #00307c;
	color: #fff;
	width: 16px;
	height: 16px;
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 2px;
	text-align: center;
	border-radius: 10px
}

.gsdiv,
.gstable {
	width: 100%
}

.gssh {
	font-size: 14px;
	margin-bottom: 15px
}

.gsdiv {
	height: 1px;
	background: #ddd;
	margin-top: 15px
}

.gsnav {
	margin: 30px auto 0;
	display: table
}

.gsnav.disb,
.navdiv.disb {
	display: none
}

.gsnav>div {
	float: left;
	line-height: 36px;
	font-size: 14px;
	background: #fff;
	padding: 0 15px;
	border-radius: 20px;
	font-weight: 600
}

.gsnav>div.disb {
	pointer-events: none;
	opacity: .5
}

.gsnav>div:first-child {
	margin-right: 0;
	background: #fff;
	color: #00307c;
	border-radius: 20px 0 0 20px;
	border: 1px solid #b7d42a;
	box-sizing: border-box;
	height: 36px;
	border-right: none;
	line-height: 34px;
	padding: 0 15px 0 20px
}

.gsnav>div:last-child {
	color: #fff;
	background: #b7d42a;
	border-radius: 0 20px 20px 0;
	padding: 0 20px 0 15px
}

.stepdesc {
	display: inline-block;
	vertical-align: top;
	color: #00bdf2;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	margin-left: 10px
}

.discg input,
.errinfo,
.gsinfo,
.gstable {
	font-size: 14px
}

.gsinfo {
	background: #fcffec;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 5px;
	border: 1px dashed #b7d42a;
	color: #73b50c;
	margin-bottom: 20px
}

.errinfo {
	background-color: rgba(255, 99, 71, .1);
	box-sizing: border-box;
	padding: 10px 42px 10px 10px;
	border-radius: 5px;
	border: 1px dashed tomato;
	color: tomato;
	margin-top: 10px;
	display: none
}

.errinfo::after {
	width: 21px;
	height: 21px;
	background-image: url(../img/close.svg);
	display: block;
	position: absolute;
	right: 10px;
	top: 10px
}

#stripewrap,
.discg input,
.gsbread,
.gspdf50 input {
	background: #f4f7f9
}

.gspdf50 {
	display: grid;
	grid-template-columns: calc(50% - 10px) calc(50% - 10px);
	grid-gap: 20px;
	margin-top: 5px
}

.pf50,
.res50 {
	grid-gap: 30px
}

.gspdf50 input {
	margin: 0;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size: 16px;
	line-height: 48px;
	border: none;
	padding: 0 20px;
	box-shadow: none;
	border-radius: 5px;
	display: block
}

.gsbread {
	font-size: 12px;
	font-weight: 500;
	padding: 5px;
	margin-bottom: 20px;
	border-radius: 0 0 5px 5px
}

.gsbread>div {
	display: inline-block;
	color: #999;
	position: relative;
	padding-right: 14px
}

.gsbread>div.active {
	color: #222;
	font-weight: 600
}

.gsbread>div:after {
	position: absolute;
	content: ">";
	display: block;
	top: 0;
	color: #00bdf2;
	right: 3px;
	font-weight: 600
}

.bloader,
.discg,
.loading,
.noneditable {
	position: relative
}

.gsbread>div:last-child:after {
	display: none
}

.noneditable {
	display: inline-block;
	margin: 0;
	padding: 0 2px;
	white-space: nowrap;
	background-color: #FEC95B;
	color: #963;
	text-decoration: none;
	text-shadow: 0 1px rgba(255, 255, 255, .4);
	border-top: 1px solid #EDB14A;
	border-bottom: 1px solid #CE922E;
	border-right: 1px solid #DCA03B;
	border-left: 1px solid #DCA03B;
	border-radius: 7px
}

#stripewrap,
.discg,
.res50 {
	margin-top: 15px
}

#disbtn,
.upbut {
	color: #fff;
	font-weight: 600;
	cursor: pointer
}

.res50 {
	display: grid;
	grid-template-columns: calc(40% - 15px) calc(60% - 15px)
}

.cards,
.discg {
	display: table
}

.upbut {
	line-height: 16px;
	padding: 15px 20px;
	box-sizing: border-box;
	border-radius: 37px;
	text-align: center;
	background: #00307c
}

.tnc {
	padding-top: 11px
}

.discg input {
	line-height: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 10px 10px 10px 20px;
	border: none;
	border-radius: 30px 0 0 30px;
	border-right: none;
	height: 48px;
	float: left
}

#disbtn,
#payment_form_stripe input {
	appearance: none;
	font-size: 14px;
	font-family: inherit
}

#disbtn {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #b7d42a;
	border-radius: 0 30px 30px 0;
	padding: 0 20px 0 15px;
	border: none;
	line-height: 48px;
	vertical-align: top
}

.discg {
	margin-bottom: 15px
}

.cards,
.pfc1,
.pfc2 {
	margin-bottom: 20px
}

#stripewrap {
	border-style: dashed;
	padding: 14px 20px 20px;
	border-width: 1px;
	border-color: #bbb;
	border-radius: 5px
}

#costvalue {
	font-weight: 600;
	color: #00bdf2
}

.cards {
	width: 100%
}

.pf50,
.pf501 {
	display: grid
}

.cards h4 {
	line-height: 30px;
	float: left
}

.cards img {
	width: 192px;
	height: 30px;
	background-size: 192px 30px;
	float: right
}

#payment_form_stripe input {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #fff;
	line-height: 14px;
	padding: 10px;
	border: none;
	border-radius: 5px;
	box-sizing: border-box;
	width: 100%
}

#payment_form_stripe label {
	font-size: 12px;
	position: relative;
	top: -5px
}

.pf50 {
	grid-template-columns: calc(50% - 15px) calc(50% - 15px)
}

.pf501 {
	grid-template-columns: calc(50% - 5px) calc(50% - 5px);
	grid-gap: 10px
}

.expc {
	display: table;
	width: 100%
}

#payment_form_stripe .expc input {
	float: left;
	width: calc(50% - 5px)
}

.paybut {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	background: #b7d42a;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	line-height: 18px;
	border-radius: 30px;
	font-family: inherit;
	padding: 12px 18px;
	cursor: pointer
}

.loading {
	margin: 10px auto;
	width: 32px;
	height: 32px;
	background-image: url(../img/loading.svg);
	animation: loading 1s linear infinite;
	display: none
}

.bloader {
	width: 16px;
	height: 16px;
	display: inline-block;
	background-image: url(../img/bloading.svg);
	animation: loading 1s linear infinite;
	margin-left: 10px
}

.errc,
.jslprog {
	height: 100%;
	width: 100%
}

@keyframes loading {
	from {
		transform: rotate(0)
	}
	to {
		transform: rotate(359deg)
	}
}

.errc {
	position: fixed;
	background-color: rgba(255, 99, 71, .9);
	top: 0;
	left: 0;
	display: none
}

.errc>div {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 720px;
	background: #fff;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 22px 30px 30px;
	box-shadow: 0 10px 60px rgba(0, 0, 0, .4)
}

.container.inside {
	padding-top: 40px;
	padding-bottom: 70px;
	font-size: 15px
}

.subnote {
	font-size: 14px
}

.snbold {
	font-weight: 700
}

.slrcount {
	float: right;
	text-align: right;
	padding-top: 7px
}

.slrcount>div:first-child {
	font-weight: 700;
	color: #00bdf2;
	font-size: 30px;
	line-height: 30px
}

.slrcount>div:last-child {
	font-weight: 400;
	color: #002a68;
	font-size: 12px;
	line-height: 12px
}

.selrec {
	border: 1px solid #00bdf2;
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 5px
}

.inside h2,
.inside h3 {
	margin-bottom: 30px
}

.jslprog {
	background: #b7d42a;
	background: linear-gradient(to right, #a6cc22, #b7d42a);
	border-radius: 3px
}

.fupname {
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	font-weight: 600;
	margin-top: 5px
}

.heroin .heroc {
	position: absolute;
	top: auto;
	bottom: 0;
	width: 100%;
	text-shadow: 0 0 30px rgba(0, 0, 0, .75)
}

.inside h2 {
	color: #00307c;
	text-align: center;
	font-size: 32px
}

.abusgrid>div:last-child,
.inside h3 {
	font-size: 24px;
	color: #00307c;
	text-align: center
}

.inlist {
	margin: 0;
	padding: 0
}

.inlist li {
	position: relative;
	margin-bottom: 15px
}

.inlist li::before {
	width: 15px;
	height: 15px;
	border-radius: 10px;
	box-sizing: border-box;
	border: 4px solid #b7d42a;
	position: absolute;
	display: block;
	left: -25px;
	top: 4px;
	content: ""
}

.inlist2 {
	padding-left: 25px;
	margin-top: 10px;
	margin-bottom: 10px
}

.inlist2 li {
	margin-bottom: 5px
}

.fvdiv {
	width: 100%;
	height: 10px
}

.abusgrid {
	display: grid;
	grid-template-columns: calc(100% - 420px) 380px;
	grid-gap: 40px
}

.cboxgrid,
.rigrid {
	grid-template-columns: calc(33.33% - 20px) calc(33.33% - 20px) calc(33.33% - 20px);
	grid-row-gap: 15px;
	grid-column-gap: 30px
}

.abusgrid>div:last-child {
	font-weight: 700;
	display: table;
	height: 100%;
	padding: 40px;
	background-color: #f4f7f9;
	border-radius: 5px
}

#search_email,
.rigrid input {
	border: none;
	box-shadow: none;
	font-family: inherit
}

.tabcell {
	display: table-cell;
	vertical-align: middle
}

#search_email {
	margin: 0 0 10px;
	width: calc(100% - 68px);
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size: 16px;
	line-height: 48px;
	box-sizing: border-box;
	padding: 0 20px;
	background: #f4f7f9;
	border-radius: 5px;
	display: inline-block;
	vertical-align: top;
	float: left
}

#esearch,
#payment_form_free button {
	appearance: none;
	vertical-align: top;
	cursor: pointer
}

#esearch,
.addrbut {
	color: #fff;
	user-select: none;
	background: #b7d42a
}

#esearch {
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 14px;
	border: 0;
	width: 48px;
	height: 48px;
	display: inline-block;
	margin-left: 20px;
	float: right
}

#esearch svg path {
	fill: #fff
}

#esearch svg {
	width: 20px;
	height: 20px
}

.esearchbar {
	display: table;
	margin: 0 auto;
	position: relative;
	width: 100%;
	max-width: 420px
}

.center {
	text-align: center
}

.addrbut {
	line-height: 48px;
	border-radius: 30px;
	padding: 0 48px;
	display: table;
	margin-left: auto;
	margin-right: auto;
	font-weight: 600;
	font-size: 18px;
	margin-top: 30px
}

.innerbody section.contactus,
.insidewhy {
	background: #f4f7f9
}

.question {
	margin-bottom: 15px;
	border-bottom: 1px solid #e9eff3
}

.question>div:first-child {
	font-weight: 600;
	color: #00307c;
	font-size: 18px;
	line-height: 30px;
	cursor: pointer;
	padding-bottom: 15px;
	position: relative;
	padding-right: 30px
}

.question>div:last-child {
	font-size: 14px;
	background: #f4f7f9;
	padding: 20px;
	border-radius: 5px;
	display: none;
	margin-bottom: 20px
}

.cfmsg,
.pfmsg {
	font-size: 14px;
	padding: 10px 42px 10px 10px;
	margin-top: 20px;
	box-sizing: border-box
}

.fbull {
	position: absolute;
	width: 18px;
	height: 18px;
	right: 0;
	top: 6px;
	transition: all .3s ease-out
}

.fbull svg {
	display: block
}

.cfmsg,
.faqbullet {
	display: none
}

.fbull svg path {
	fill: #b7d42a
}

.fbull.faqclose svg path {
	fill: tomato
}

.fbull.faqclose {
	transform: rotate(225deg)
}

.innerbody section.contactus input,
.innerbody section.contactus select,
.innerbody section.contactus textarea {
	background: #fff
}

.cfmsg,
.cfmsg.err {
	background-color: rgba(255, 99, 71, .1);
	color: tomato
}

.cfmsg::after,
.pfmsg::after {
	width: 21px;
	height: 21px;
	background-image: url(../img/close.svg);
	right: 10px;
	top: 10px;
	content: ""
}

.cfmsg {
	border-radius: 5px;
	border: 1px dashed tomato;
	position: relative
}

.cfmsg.err {
	border: 1px dashed tomato
}

.cfmsg.suc {
	background-color: rgba(183, 212, 42, .1);
	border: 1px dashed #b7d42a;
	color: #b7d42a
}

.pfmsg,
.pfmsg.err {
	background-color: rgba(255, 99, 71, .1);
	color: tomato
}

.cfmsg::after {
	display: block;
	position: absolute
}

.pfmsg {
	border-radius: 5px;
	border: 1px dashed tomato;
	display: none;
	position: relative
}

.pfmsg.err {
	border: 1px dashed tomato
}

.pfmsg.suc {
	background-color: rgba(183, 212, 42, .1);
	border: 1px dashed #b7d42a;
	color: #b7d42a
}

.pfmsg::after {
	display: block;
	position: absolute
}

#payment_form_free button,
.ocnum {
	background: #b7d42a;
	color: #fff;
	font-weight: 600
}

#payment_form_free button {
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 40px;
	padding: 20px 30px;
	border: none;
	font-family: inherit;
	line-height: 36px;
	font-size: 28px;
	position: relative;
	margin: 0 auto;
	display: table
}

.social-rep {
	display: inline-block;
	margin: 0 10px
}

.social-rep svg {
	width: 64px;
	height: 64px
}

#cv,
.rectable {
	width: 100%
}

#companiessliderinfo {
	text-align: center;
	font-size: 21px
}

#companiessliderinfo>div {
	margin-top: 30px
}

.ocnum,
.rformc {
	margin-top: 40px
}

.google-pluse-rep svg path {
	fill: #d34836
}

.facebook-rep svg path {
	fill: #3b5998
}

.twitter-rep svg path {
	fill: #55acee
}

.linkedin-rep svg path {
	fill: #0e76a8
}

.ocnum {
	text-align: center;
	font-size: 24px;
	padding: 10px 0;
	line-height: 32px;
	border-radius: 5px;
	margin-bottom: 10px
}

.cv-container>div:nth-child(1)>div {
	border: 1px solid #dfe8ed;
	background-color: #f4f7f9;
	border-radius: 5px 5px 0 0
}

.cv-container>div:nth-child(2) {
	border-color: #dfe8ed;
	border-radius: 0 0 5px 5px
}

.rformc {
	border-top: 1px solid #e9eff3;
	border-radius: 5px;
	padding-top: 40px;
	display: none
}

.rigrid {
	display: grid;
	margin-bottom: 30px
}

.rigrid input {
	margin: 0 0 10px;
	width: 100%;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size: 16px;
	line-height: 48px;
	box-sizing: border-box;
	padding: 0 20px;
	background: #f4f7f9;
	border-radius: 5px;
	display: block
}

.cboxgrid {
	display: grid;
	text-align: left;
	font-size: 14px
}

.cboxr {
	position: relative
}

.cboxr input {
	position: absolute
}

.cboxr label {
	box-sizing: border-box;
	padding-left: 30px;
	display: block
}

#addrecord2,
.butrsr {
	line-height: 48px;
	padding: 0 48px;
	display: table;
	color: #fff;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	font-weight: 600;
	user-select: none;
	background: #b7d42a
}

.butrsr {
	border: none;
	border-radius: 30px;
	margin-top: 40px;
	font-family: inherit;
	cursor: pointer
}

#addrecord2 {
	border-radius: 30px;
	margin-top: 30px
}

#recruiter-congrats-form-cont {
	display: none
}

.rectable {
	border: 1px solid #e9eff3;
	border-radius: 5px;
	font-size: 14px;
	box-sizing: border-box;
	padding: 10px;
	line-height: 30px;
	text-align: left
}

.rectable th {
	color: #002a68;
	text-align: left
}

.rectable tr:first-child th {
	border-bottom: 1px solid #b7d42a
}

.lsubres {
	border: none;
	font-family: inherit;
	line-height: 60px;
	border-radius: 30px;
	padding: 0 36px;
	display: table;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	font-weight: 600;
	font-size: 21px;
	user-select: none;
	background: #b7d42a;
	position: relative;
	cursor: pointer
}

.jslide .ui-widget,
.jslide .ui-widget button,
.jslide .ui-widget input,
.jslide .ui-widget select,
.jslide .ui-widget textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em
}

#resform {
	margin-bottom: 1em
}

.nicEdit-main {
	outline: 0
}

.cv-container>div {
	width: 100%!important
}

.jslide .ui-helper-hidden {
	display: none
}

.jslide .ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.jslide .ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none
}

.jslide .ui-helper-clearfix:after,
.jslide .ui-helper-clearfix:before {
	content: "";
	display: table;
	border-collapse: collapse
}

.jslide .ui-helper-clearfix:after {
	clear: both
}

.jslide .ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0)
}

.jslide .ui-front {
	z-index: 100
}

.jslide .ui-state-disabled {
	cursor: default!important;
	pointer-events: none
}

.jslide .ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat
}

.jslide .ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block
}

.jslide .ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.jslide .ui-slider {
	position: relative;
	text-align: left
}

.jslide .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 21px;
	height: 21px;
	cursor: e-resize;
	-ms-touch-action: none;
	touch-action: none
}

.jslide .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0
}

.jslide .ui-slider.ui-state-disabled .ui-slider-handle,
.jslide .ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit
}

.jslide .ui-slider-horizontal {
	height: .8em
}

.jslide .ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em
}

.jslide .ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%
}

.jslide .ui-slider-horizontal .ui-slider-range-min {
	left: 0
}

.jslide .ui-slider-horizontal .ui-slider-range-max {
	right: 0
}

.jslide .ui-slider-vertical {
	width: .8em;
	height: 100px
}

.jslide .ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em
}

.jslide .ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%
}

.jslide .ui-slider-vertical .ui-slider-range-min {
	bottom: 0
}

.jslide .ui-slider-vertical .ui-slider-range-max {
	top: 0
}

.jslide .ui-widget .ui-widget {
	font-size: 1em
}

.jslide .ui-widget.ui-widget-content {
	border: none
}

.jslide .ui-widget-content {
	border: none;
	background: #e9eff3;
	color: #333
}

.jslide .ui-widget-content a {
	color: #333
}

.jslide .ui-widget-header {
	border: 1px solid #ddd;
	background: #e9e9e9;
	color: #333;
	font-weight: 700
}

.jslide .ui-widget-header a {
	color: #333
}

.jslide .ui-button,
.jslide .ui-state-default,
.jslide .ui-widget-content .ui-state-default,
.jslide .ui-widget-header .ui-state-default,
html .jslide .ui-button.ui-state-disabled:active,
html .jslide .ui-button.ui-state-disabled:hover {
	border: none;
	border: 1px solid #dfe8ed;
	background: linear-gradient(to bottom, #fff, #f4f7f9);
	font-weight: 400;
	color: #454545;
	border-radius: 20px;
	box-shadow: 0 2px 15px rgba(0, 48, 124, .2)
}

.jslide .ui-button,
.jslide .ui-state-default a,
.jslide .ui-state-default a:link,
.jslide .ui-state-default a:visited,
a.jslide .ui-button,
a:link.jslide .ui-button,
a:visited.jslide .ui-button {
	color: #454545;
	text-decoration: none
}

.jslide .ui-button:focus,
.jslide .ui-button:hover,
.jslide .ui-state-focus,
.jslide .ui-state-hover,
.jslide .ui-widget-content .ui-state-focus,
.jslide .ui-widget-content .ui-state-hover,
.jslide .ui-widget-header .ui-state-focus,
.jslide .ui-widget-header .ui-state-hover {
	border: 1px solid #dfe8ed;
	background: linear-gradient(to bottom, #fff, #f4f7f9);
	font-weight: 400;
	color: #2b2b2b;
	outline: 0
}

.jslide .ui-state-focus a,
.jslide .ui-state-focus a:hover,
.jslide .ui-state-focus a:link,
.jslide .ui-state-focus a:visited,
.jslide .ui-state-hover a,
.jslide .ui-state-hover a:hover,
.jslide .ui-state-hover a:link,
.jslide .ui-state-hover a:visited,
a.jslide .ui-button:focus,
a.jslide .ui-button:hover {
	color: #2b2b2b;
	text-decoration: none
}

.jslide .ui-visual-focus {
	box-shadow: 0 0 3px 1px #5e9ed6
}

.jslide .ui-button.ui-state-active:hover,
.jslide .ui-button:active,
.jslide .ui-state-active,
.jslide .ui-widget-content .ui-state-active,
.jslide .ui-widget-header .ui-state-active,
a.jslide .ui-button:active {
	border: 1px solid #dfe8ed;
	background: #dfe8ed;
	font-weight: 400;
	color: #fff
}

.jslide .ui-icon-background,
.jslide .ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #fff
}

.jslide .ui-state-active a,
.jslide .ui-state-active a:link,
.jslide .ui-state-active a:visited {
	color: #fff;
	text-decoration: none
}

.jslide .ui-state-highlight,
.jslide .ui-widget-content .ui-state-highlight,
.jslide .ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620
}

.jslide .ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90
}

.jslide .ui-state-highlight a,
.jslide .ui-widget-content .ui-state-highlight a,
.jslide .ui-widget-header .ui-state-highlight a {
	color: #777620
}

.jslide .ui-state-error,
.jslide .ui-widget-content .ui-state-error,
.jslide .ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f
}

.jslide .ui-state-error a,
.jslide .ui-state-error-text,
.jslide .ui-widget-content .ui-state-error a,
.jslide .ui-widget-content .ui-state-error-text,
.jslide .ui-widget-header .ui-state-error a,
.jslide .ui-widget-header .ui-state-error-text {
	color: #5f3f3f
}

.jslide .ui-priority-primary,
.jslide .ui-widget-content .ui-priority-primary,
.jslide .ui-widget-header .ui-priority-primary {
	font-weight: 700
}

.jslide .ui-priority-secondary,
.jslide .ui-widget-content .ui-priority-secondary,
.jslide .ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70);
	font-weight: 400
}

.jslide .ui-state-disabled,
.jslide .ui-widget-content .ui-state-disabled,
.jslide .ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none
}

.jslide .ui-state-disabled .ui-icon {
	filter: Alpha(Opacity=35)
}

.jslide .ui-icon {
	width: 16px;
	height: 16px
}

.jslide .ui-icon,
.jslide .ui-widget-content .ui-icon,
.jslide .ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_444444_256x240.png)
}

.jslide .ui-button:focus .ui-icon,
.jslide .ui-button:hover .ui-icon,
.jslide .ui-state-focus .ui-icon,
.jslide .ui-state-hover .ui-icon {
	background-image: url(images/ui-icons_555555_256x240.png)
}

.jslide .ui-button:active .ui-icon,
.jslide .ui-state-active .ui-icon {
	background-image: url(images/ui-icons_ffffff_256x240.png)
}

.jslide .ui-button .ui-state-highlight.ui-icon,
.jslide .ui-state-highlight .ui-icon {
	background-image: url(images/ui-icons_777620_256x240.png)
}

.jslide .ui-state-error .ui-icon,
.jslide .ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_cc0000_256x240.png)
}

.jslide .ui-button .ui-icon {
	background-image: url(images/ui-icons_777777_256x240.png)
}

.jslide .ui-icon-blank {
	background-position: 16px 16px
}

.jslide .ui-icon-caret-1-n {
	background-position: 0 0
}

.jslide .ui-icon-caret-1-ne {
	background-position: -16px 0
}

.jslide .ui-icon-caret-1-e {
	background-position: -32px 0
}

.jslide .ui-icon-caret-1-se {
	background-position: -48px 0
}

.jslide .ui-icon-caret-1-s {
	background-position: -65px 0
}

.jslide .ui-icon-caret-1-sw {
	background-position: -80px 0
}

.jslide .ui-icon-caret-1-w {
	background-position: -96px 0
}

.jslide .ui-icon-caret-1-nw {
	background-position: -112px 0
}

.jslide .ui-icon-caret-2-n-s {
	background-position: -128px 0
}

.jslide .ui-icon-caret-2-e-w {
	background-position: -144px 0
}

.jslide .ui-icon-triangle-1-n {
	background-position: 0 -16px
}

.jslide .ui-icon-triangle-1-ne {
	background-position: -16px -16px
}

.jslide .ui-icon-triangle-1-e {
	background-position: -32px -16px
}

.jslide .ui-icon-triangle-1-se {
	background-position: -48px -16px
}

.jslide .ui-icon-triangle-1-s {
	background-position: -65px -16px
}

.jslide .ui-icon-triangle-1-sw {
	background-position: -80px -16px
}

.jslide .ui-icon-triangle-1-w {
	background-position: -96px -16px
}

.jslide .ui-icon-triangle-1-nw {
	background-position: -112px -16px
}

.jslide .ui-icon-triangle-2-n-s {
	background-position: -128px -16px
}

.jslide .ui-icon-triangle-2-e-w {
	background-position: -144px -16px
}

.jslide .ui-icon-arrow-1-n {
	background-position: 0 -32px
}

.jslide .ui-icon-arrow-1-ne {
	background-position: -16px -32px
}

.jslide .ui-icon-arrow-1-e {
	background-position: -32px -32px
}

.jslide .ui-icon-arrow-1-se {
	background-position: -48px -32px
}

.jslide .ui-icon-arrow-1-s {
	background-position: -65px -32px
}

.jslide .ui-icon-arrow-1-sw {
	background-position: -80px -32px
}

.jslide .ui-icon-arrow-1-w {
	background-position: -96px -32px
}

.jslide .ui-icon-arrow-1-nw {
	background-position: -112px -32px
}

.jslide .ui-icon-arrow-2-n-s {
	background-position: -128px -32px
}

.jslide .ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px
}

.jslide .ui-icon-arrow-2-e-w {
	background-position: -160px -32px
}

.jslide .ui-icon-arrow-2-se-nw {
	background-position: -176px -32px
}

.jslide .ui-icon-arrowstop-1-n {
	background-position: -192px -32px
}

.jslide .ui-icon-arrowstop-1-e {
	background-position: -208px -32px
}

.jslide .ui-icon-arrowstop-1-s {
	background-position: -224px -32px
}

.jslide .ui-icon-arrowstop-1-w {
	background-position: -240px -32px
}

.jslide .ui-icon-arrowthick-1-n {
	background-position: 1px -48px
}

.jslide .ui-icon-arrowthick-1-ne {
	background-position: -16px -48px
}

.jslide .ui-icon-arrowthick-1-e {
	background-position: -32px -48px
}

.jslide .ui-icon-arrowthick-1-se {
	background-position: -48px -48px
}

.jslide .ui-icon-arrowthick-1-s {
	background-position: -64px -48px
}

.jslide .ui-icon-arrowthick-1-sw {
	background-position: -80px -48px
}

.jslide .ui-icon-arrowthick-1-w {
	background-position: -96px -48px
}

.jslide .ui-icon-arrowthick-1-nw {
	background-position: -112px -48px
}

.jslide .ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px
}

.jslide .ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px
}

.jslide .ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px
}

.jslide .ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px
}

.jslide .ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px
}

.jslide .ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px
}

.jslide .ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px
}

.jslide .ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px
}

.jslide .ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px
}

.jslide .ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px
}

.jslide .ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px
}

.jslide .ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px
}

.jslide .ui-icon-arrowreturn-1-w {
	background-position: -64px -64px
}

.jslide .ui-icon-arrowreturn-1-n {
	background-position: -80px -64px
}

.jslide .ui-icon-arrowreturn-1-e {
	background-position: -96px -64px
}

.jslide .ui-icon-arrowreturn-1-s {
	background-position: -112px -64px
}

.jslide .ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px
}

.jslide .ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px
}

.jslide .ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px
}

.jslide .ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px
}

.jslide .ui-icon-arrow-4 {
	background-position: 0 -80px
}

.jslide .ui-icon-arrow-4-diag {
	background-position: -16px -80px
}

.jslide .ui-icon-extlink {
	background-position: -32px -80px
}

.jslide .ui-icon-newwin {
	background-position: -48px -80px
}

.jslide .ui-icon-refresh {
	background-position: -64px -80px
}

.jslide .ui-icon-shuffle {
	background-position: -80px -80px
}

.jslide .ui-icon-transfer-e-w {
	background-position: -96px -80px
}

.jslide .ui-icon-transferthick-e-w {
	background-position: -112px -80px
}

.jslide .ui-icon-folder-collapsed {
	background-position: 0 -96px
}

.jslide .ui-icon-folder-open {
	background-position: -16px -96px
}

.jslide .ui-icon-document {
	background-position: -32px -96px
}

.jslide .ui-icon-document-b {
	background-position: -48px -96px
}

.jslide .ui-icon-note {
	background-position: -64px -96px
}

.jslide .ui-icon-mail-closed {
	background-position: -80px -96px
}

.jslide .ui-icon-mail-open {
	background-position: -96px -96px
}

.jslide .ui-icon-suitcase {
	background-position: -112px -96px
}

.jslide .ui-icon-comment {
	background-position: -128px -96px
}

.jslide .ui-icon-person {
	background-position: -144px -96px
}

.jslide .ui-icon-print {
	background-position: -160px -96px
}

.jslide .ui-icon-trash {
	background-position: -176px -96px
}

.jslide .ui-icon-locked {
	background-position: -192px -96px
}

.jslide .ui-icon-unlocked {
	background-position: -208px -96px
}

.jslide .ui-icon-bookmark {
	background-position: -224px -96px
}

.jslide .ui-icon-tag {
	background-position: -240px -96px
}

.jslide .ui-icon-home {
	background-position: 0 -112px
}

.jslide .ui-icon-flag {
	background-position: -16px -112px
}

.jslide .ui-icon-calendar {
	background-position: -32px -112px
}

.jslide .ui-icon-cart {
	background-position: -48px -112px
}

.jslide .ui-icon-pencil {
	background-position: -64px -112px
}

.jslide .ui-icon-clock {
	background-position: -80px -112px
}

.jslide .ui-icon-disk {
	background-position: -96px -112px
}

.jslide .ui-icon-calculator {
	background-position: -112px -112px
}

.jslide .ui-icon-zoomin {
	background-position: -128px -112px
}

.jslide .ui-icon-zoomout {
	background-position: -144px -112px
}

.jslide .ui-icon-search {
	background-position: -160px -112px
}

.jslide .ui-icon-wrench {
	background-position: -176px -112px
}

.jslide .ui-icon-gear {
	background-position: -192px -112px
}

.jslide .ui-icon-heart {
	background-position: -208px -112px
}

.jslide .ui-icon-star {
	background-position: -224px -112px
}

.jslide .ui-icon-link {
	background-position: -240px -112px
}

.jslide .ui-icon-cancel {
	background-position: 0 -128px
}

.jslide .ui-icon-plus {
	background-position: -16px -128px
}

.jslide .ui-icon-plusthick {
	background-position: -32px -128px
}

.jslide .ui-icon-minus {
	background-position: -48px -128px
}

.jslide .ui-icon-minusthick {
	background-position: -64px -128px
}

.jslide .ui-icon-close {
	background-position: -80px -128px
}

.jslide .ui-icon-closethick {
	background-position: -96px -128px
}

.jslide .ui-icon-key {
	background-position: -112px -128px
}

.jslide .ui-icon-lightbulb {
	background-position: -128px -128px
}

.jslide .ui-icon-scissors {
	background-position: -144px -128px
}

.jslide .ui-icon-clipboard {
	background-position: -160px -128px
}

.jslide .ui-icon-copy {
	background-position: -176px -128px
}

.jslide .ui-icon-contact {
	background-position: -192px -128px
}

.jslide .ui-icon-image {
	background-position: -208px -128px
}

.jslide .ui-icon-video {
	background-position: -224px -128px
}

.jslide .ui-icon-script {
	background-position: -240px -128px
}

.jslide .ui-icon-alert {
	background-position: 0 -144px
}

.jslide .ui-icon-info {
	background-position: -16px -144px
}

.jslide .ui-icon-notice {
	background-position: -32px -144px
}

.jslide .ui-icon-help {
	background-position: -48px -144px
}

.jslide .ui-icon-check {
	background-position: -64px -144px
}

.jslide .ui-icon-bullet {
	background-position: -80px -144px
}

.jslide .ui-icon-radio-on {
	background-position: -96px -144px
}

.jslide .ui-icon-radio-off {
	background-position: -112px -144px
}

.jslide .ui-icon-pin-w {
	background-position: -128px -144px
}

.jslide .ui-icon-pin-s {
	background-position: -144px -144px
}

.jslide .ui-icon-play {
	background-position: 0 -160px
}

.jslide .ui-icon-pause {
	background-position: -16px -160px
}

.jslide .ui-icon-seek-next {
	background-position: -32px -160px
}

.jslide .ui-icon-seek-prev {
	background-position: -48px -160px
}

.jslide .ui-icon-seek-end {
	background-position: -64px -160px
}

.jslide .ui-icon-seek-first,
.jslide .ui-icon-seek-start {
	background-position: -80px -160px
}

.jslide .ui-icon-stop {
	background-position: -96px -160px
}

.jslide .ui-icon-eject {
	background-position: -112px -160px
}

.jslide .ui-icon-volume-off {
	background-position: -128px -160px
}

.jslide .ui-icon-volume-on {
	background-position: -144px -160px
}

.jslide .ui-icon-power {
	background-position: 0 -176px
}

.jslide .ui-icon-signal-diag {
	background-position: -16px -176px
}

.jslide .ui-icon-signal {
	background-position: -32px -176px
}

.jslide .ui-icon-battery-0 {
	background-position: -48px -176px
}

.jslide .ui-icon-battery-1 {
	background-position: -64px -176px
}

.jslide .ui-icon-battery-2 {
	background-position: -80px -176px
}

.jslide .ui-icon-battery-3 {
	background-position: -96px -176px
}

.jslide .ui-icon-circle-plus {
	background-position: 0 -192px
}

.jslide .ui-icon-circle-minus {
	background-position: -16px -192px
}

.jslide .ui-icon-circle-close {
	background-position: -32px -192px
}

.jslide .ui-icon-circle-triangle-e {
	background-position: -48px -192px
}

.jslide .ui-icon-circle-triangle-s {
	background-position: -64px -192px
}

.jslide .ui-icon-circle-triangle-w {
	background-position: -80px -192px
}

.jslide .ui-icon-circle-triangle-n {
	background-position: -96px -192px
}

.jslide .ui-icon-circle-arrow-e {
	background-position: -112px -192px
}

.jslide .ui-icon-circle-arrow-s {
	background-position: -128px -192px
}

.jslide .ui-icon-circle-arrow-w {
	background-position: -144px -192px
}

.jslide .ui-icon-circle-arrow-n {
	background-position: -160px -192px
}

.jslide .ui-icon-circle-zoomin {
	background-position: -176px -192px
}

.jslide .ui-icon-circle-zoomout {
	background-position: -192px -192px
}

.jslide .ui-icon-circle-check {
	background-position: -208px -192px
}

.jslide .ui-icon-circlesmall-plus {
	background-position: 0 -208px
}

.jslide .ui-icon-circlesmall-minus {
	background-position: -16px -208px
}

.jslide .ui-icon-circlesmall-close {
	background-position: -32px -208px
}

.jslide .ui-icon-squaresmall-plus {
	background-position: -48px -208px
}

.jslide .ui-icon-squaresmall-minus {
	background-position: -64px -208px
}

.jslide .ui-icon-squaresmall-close {
	background-position: -80px -208px
}

.jslide .ui-icon-grip-dotted-vertical {
	background-position: 0 -224px
}

.jslide .ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px
}

.jslide .ui-icon-grip-solid-vertical {
	background-position: -32px -224px
}

.jslide .ui-icon-grip-solid-horizontal {
	background-position: -48px -224px
}

.jslide .ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px
}

.jslide .ui-icon-grip-diagonal-se {
	background-position: -80px -224px
}

.jslide .ui-corner-all,
.jslide .ui-corner-left,
.jslide .ui-corner-tl,
.jslide .ui-corner-top {
	border-top-left-radius: 3px
}

.jslide .ui-corner-all,
.jslide .ui-corner-right,
.jslide .ui-corner-top,
.jslide .ui-corner-tr {
	border-top-right-radius: 3px
}

.jslide .ui-corner-all,
.jslide .ui-corner-bl,
.jslide .ui-corner-bottom,
.jslide .ui-corner-left {
	border-bottom-left-radius: 3px
}

.jslide .ui-corner-all,
.jslide .ui-corner-bottom,
.jslide .ui-corner-br,
.jslide .ui-corner-right {
	border-bottom-right-radius: 3px
}

.jslide .ui-widget-overlay {
	background: #aaa;
	opacity: .3;
	filter: Alpha(Opacity=30)
}

.jslide .ui-widget-shadow {
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666
}

.slcont {
	display: table;
	width: calc(100% - 100px);
	box-sizing: border-box;
	padding: 20px 0;
	float: left
}

.slider-container {
	width: 100%;
	font-family: inherit
}

.slider-container .back-bar {
	height: 20px;
	position: relative
}

.slider-container .back-bar .selected-bar {
	position: absolute;
	height: 100%
}

.slider-container .back-bar .pointer {
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: red;
	cursor: e-resize;
	opacity: 1;
	z-index: 2
}

.slider-container .back-bar .pointer.last-active {
	z-index: 3
}

.slider-container .back-bar .pointer-label {
	position: absolute;
	top: -30px;
	font-size: 16px;
	background: #fff;
	white-space: nowrap;
	line-height: 1;
	font-weight: 600
}

.slider-container .back-bar .focused {
	z-index: 10
}

.slider-container .clickable-dummy {
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1
}

.slider-container .scale {
	top: 2px;
	position: relative
}

.slider-container .scale span {
	position: absolute;
	height: 5px;
	border-left: 1px solid #999;
	font-size: 0
}

.slider-container .scale ins {
	font-size: 12px;
	text-decoration: none;
	position: absolute;
	left: 0;
	top: 5px;
	color: #999;
	line-height: 1
}

.slider-container.slider-readonly .clickable-dummy,
.slider-container.slider-readonly .pointer {
	cursor: auto
}

.theme-green .back-bar {
	height: 10px;
	border-radius: 5px;
	background-color: #e9eff3;
	background-repeat: repeat-x;
	box-sizing: border-box
}

.theme-green .back-bar .selected-bar {
	border-radius: 5px;
	background-color: #b7d42a
}

.theme-green .back-bar .pointer {
	width: 21px;
	height: 21px;
	top: -6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 11px;
	background-color: #fff;
	background: linear-gradient(to bottom, #fff, #f4f7f9);
	box-shadow: 0 2px 15px rgba(0, 48, 124, .4)
}

.theme-green .back-bar .focused,
.theme-green .back-bar .pointer-label {
	color: #00bdf2
}

.theme-green .scale span {
	border-left: 1px solid #e5e5e5
}

.theme-green .scale ins {
	color: #00307c
}

.theme-blue .back-bar {
	height: 5px;
	border-radius: 2px;
	background-color: #e7e7e7;
	background-image: -moz-linear-gradient(top, #eee, #ddd);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#ddd));
	background-image: -webkit-linear-gradient(top, #eee, #ddd);
	background-image: -o-linear-gradient(top, #eee, #ddd);
	background-image: linear-gradient(to bottom, #eee, #ddd);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0)
}

.theme-blue .back-bar .selected-bar {
	border-radius: 2px;
	background-color: #92c1f9;
	background-image: -moz-linear-gradient(top, #b1d1f9, #64a8f9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b1d1f9), to(#64a8f9));
	background-image: -webkit-linear-gradient(top, #b1d1f9, #64a8f9);
	background-image: -o-linear-gradient(top, #b1d1f9, #64a8f9);
	background-image: linear-gradient(to bottom, #b1d1f9, #64a8f9);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb1d1f9', endColorstr='#ff64a8f9', GradientType=0)
}

.theme-blue .back-bar .pointer {
	width: 14px;
	height: 14px;
	top: -5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 10px;
	border: 1px solid #AAA;
	background-color: #e7e7e7;
	background-image: -moz-linear-gradient(top, #eee, #ddd);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#ddd));
	background-image: -webkit-linear-gradient(top, #eee, #ddd);
	background-image: -o-linear-gradient(top, #eee, #ddd);
	background-image: linear-gradient(to bottom, #eee, #ddd);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0)
}

.theme-blue .back-bar .pointer-label {
	color: #999
}

.theme-blue .back-bar .focused {
	color: #333
}

.theme-blue .scale span {
	border-left: 1px solid #e5e5e5
}

.theme-blue .scale ins {
	color: #999
}

@media screen and (max-width:1024px) {
	.svpad {
		padding: 0 40px
	}
	.abusgrid {
		display: grid;
		grid-template-columns: 100%;
		grid-gap: 20px
	}
	.abusgrid>div:last-child {
		grid-row: 1
	}
}

@media screen and (max-width:1023px) {
	.cboxgrid,
	.footgrid,
	.rigrid {
		grid-template-columns: calc(50% - 15px) calc(50% - 15px)
	}
	.gotop {
		right: 40px
	}
	.f14 {
		margin-bottom: 30px
	}
	.hamb {
		display: block
	}
	.dmenu {
		display: none
	}
	header {
		padding: 13px 40px
	}
	header.active {
		padding: 8px 40px
	}
	.footgrid {
		grid-gap: 30px
	}
	.f50,
	.stepsgrid,
	.tgrid {
		grid-template-columns: unset;
		grid-template-rows: auto
	}
	.tgrid {
		display: grid;
		margin-top: 30px
	}
	.stepsgrid>div {
		margin-top: 40px
	}
	.stepsgrid {
		grid-gap: 20px;
		margin-top: 0
	}
	.tgrid>div>div:nth-child(2) {
		height: auto
	}
	.f50 {
		grid-gap: 10px
	}
	.stico {
		width: 160px;
		height: 160px
	}
	.svpad {
		padding: 0
	}
	.svpr {
		padding-left: 30px
	}
	.svpl {
		padding-right: 30px
	}
	.step2 {
		right: -10px
	}
	.bengrid {
		grid-template-columns: calc(50% - 15px) calc(50% - 15px);
		grid-gap: 30px
	}
}

@media screen and (max-width:767px) {
	.cboxgrid,
	.gspdf50,
	.pf50,
	.res50,
	.rigrid {
		grid-template-columns: 100%
	}
	.gotop,
	.gsfclose {
		right: 20px
	}
	.s2,
	.tgrid>div:nth-child(2) div,
	.tnc {
		text-align: center
	}
	.footgrid,
	.statgrid {
		grid-template-rows: auto
	}
	.citysel,
	.indsel {
		max-height: 200px
	}
	.flogo,
	.hlogo,
	.paybut,
	.stepsvgrid,
	.svnum {
		position: relative
	}
	.lsubres {
		font-size: 18px
	}
	.social-rep svg {
		width: 48px;
		height: 48px
	}
	.stepdesc {
		display: block;
		margin-left: 0;
		margin-bottom: 15px
	}
	.bgi {
		background-image: url(../img/hbgm.jpg)
	}
	.heroin .bgi {
		background-image: url(../img/inimgm.jpg)
	}
	.inlist {
		padding-left: 25px
	}
	.tnc {
		font-size: 14px
	}
	.paybut {
		margin: 0 auto;
		display: table
	}
	.gssteps {
		margin-bottom: 0
	}
	.pf50 {
		grid-gap: 20px
	}
	.cards h4 {
		line-height: 30px;
		float: none
	}
	.cards img {
		float: none;
		margin-top: 15px
	}
	.res50 {
		grid-gap: 10px
	}
	.gspdf50,
	.statgrid {
		grid-gap: 20px;
		display: grid
	}
	.gspdf50 {
		margin-top: 5px
	}
	.footgrid,
	.statgrid,
	.stepsvgrid {
		grid-template-columns: unset
	}
	.gsformc>div {
		padding: 12px 20px 20px
	}
	.flogo {
		margin-left: auto;
		margin-right: auto
	}
	.svpl,
	.svpr {
		min-height: 300px
	}
	.gsformc {
		padding: 5px
	}
	.gs1c select,
	.prosel {
		width: 100%
	}
	.gsfhead {
		padding-right: 30px;
		line-height: 28px;
		padding-top: 5px
	}
	.gsfclose {
		top: 20px
	}
	header {
		padding: 13px 20px
	}
	header.active {
		padding: 8px 20px
	}
	.container,
	.heroc,
	.svpad,
	.svpl,
	.svpr {
		padding: 0 20px
	}
	.hlogo {
		width: 216px;
		height: 54px;
		top: 3px
	}
	.active .hlogo {
		top: 5px
	}
	.heroc h1 {
		font-size: 32px;
		line-height: 44px
	}
	.cta,
	.hcta,
	section.subh {
		font-size: 18px
	}
	.heroc {
		top: calc(50% - 115px)
	}
	.slist li {
		text-align: left
	}
	.congrid,
	.footer,
	.svhr,
	.svnum {
		text-align: center
	}
	.footgrid {
		grid-gap: 30px
	}
	header.active .hlogo {
		width: 160px;
		height: 40px
	}
	.stepsgrid {
		grid-gap: 0
	}
	.citysel {
		max-width: 100%
	}
	.stepsvgrid {
		display: grid;
		grid-template-rows: auto auto auto;
		max-width: 1024px;
		margin: 0 auto
	}
	.bengrid,
	.congrid {
		grid-template-columns: 100%
	}
	.stepsvgrid>div {
		height: auto
	}
	.vlend,
	.vlmid,
	.vlstart {
		display: none
	}
	.svnum {
		line-height: 300px;
		margin-top: 0
	}
	.picks {
		left: calc(50% - 150px)
	}
	.row1 {
		grid-row: 1
	}
	.svlist {
		margin-bottom: 20px
	}
	.bengrid {
		grid-gap: 30px
	}
	.bgi.active {
		filter: blur(0)
	}
}

.payment-errors {
	font-size: 13px;
	text-align: center;
	line-height: 17px;
	position: relative;
	top: 20px;
	opacity: 0;
	user-select: none;
	transition: all .2s ease-out;
}

.payment-errors svg {
	margin-right: 10px;
	vertical-align: text-top;
}

.payment-errors.visible {
	opacity: 1;
	top: 0;
}

.payresbut {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	background: transparent;
	color: #333;
	font-weight: 500;
	font-size: 18px;
	line-height: 14px;
	border-radius: 30px;
	font-family: inherit;
	border: 2px solid tomato;
	padding: 12px 18px;
	cursor: pointer;
	display: none;
}

.stripeelements {
	background: #fff;
	line-height: 14px;
	padding: 12px 10px;
	border: none;
	border-radius: 5px;
	box-sizing: border-box;
	width: 100%;
}