@font-face {
	font-family: ProximaNova;
	font-weight: 200;
	font-style: normal;
	src: url(fonts/ProximaNova-Light.eot#iefix) format("embedded-opentype"), url(fonts/ProximaNova-Light.woff) format("woff"), url(fonts/ProximaNova-Light.ttf) format("truetype"), url(fonts/ProximaNova-Light.otf) format("otf")
}

@font-face {
	font-family: ProximaNova;
	font-weight: 400;
	font-style: normal;
	src: url(fonts/ProximaNova-Regular.eot#iefix) format("embedded-opentype"), url(fonts/ProximaNova-Regular.woff) format("woff"), url(fonts/ProximaNova-Regular.ttf) format("truetype"), url(fonts/ProximaNova-Regular.otf) format("otf")
}

@font-face {
	font-family: ProximaNova;
	font-weight: 500;
	font-style: normal;
	src: url(fonts/ProximaNova-Semibold.eot#iefix) format("embedded-opentype"), url(fonts/ProximaNova-Semibold.woff) format("woff"), url(fonts/ProximaNova-Semibold.ttf) format("truetype"), url(fonts/ProximaNova-Semibold.otf) format("otf")
}

@font-face {
	font-family: ProximaNova;
	font-weight: 700;
	font-style: normal;
	src: url(fonts/ProximaNova-Bold.eot#iefix) format("embedded-opentype"), url(fonts/ProximaNova-Bold.woff) format("woff"), url(fonts/ProximaNova-Bold.ttf) format("truetype"), url(fonts/ProximaNova-Bold.otf) format("otf")
}

@font-face {
	font-family: Pe-icon;
	font-weight: 400;
	font-style: normal;
	src: local("Pe-icon-7-stroke"), local(Pe-icon-7-stroke), url(fonts/Pe-icon-7-stroke.eot) format("eot"), url(fonts/Pe-icon-7-stroke.woff) format("woff"), url(fonts/Pe-icon-7-stroke.ttf) format("truetype")
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: none
}

table {
	border-spacing: 0;
	border-collapse: collapse
}

* {
	box-sizing: border-box
}

button,
input {
	outline: none;
	padding: 0;
	margin: 0;
	background-color: transparent
}

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

.animated {
	animation-duration: 1s;
	animation-fill-mode: both
}

.animated.infinite {
	animation-iteration-count: infinite
}

.animated.hinge {
	animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
	animation-duration: .75s
}

@keyframes a {
	0%,
	20%,
	53%,
	80%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		transform: translateZ(0)
	}
	40%,
	43% {
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		transform: translate3d(0, -30px, 0)
	}
	70% {
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		transform: translate3d(0, -15px, 0)
	}
	90% {
		transform: translate3d(0, -4px, 0)
	}
}

.bounce {
	animation-name: a;
	transform-origin: center bottom
}

@keyframes b {
	0%,
	50%,
	to {
		opacity: 1
	}
	25%,
	75% {
		opacity: 0
	}
}

.flash {
	animation-name: b
}

@keyframes c {
	0% {
		transform: scaleX(1)
	}
	50% {
		transform: scale3d(1.05, 1.05, 1.05)
	}
	to {
		transform: scaleX(1)
	}
}

.pulse {
	animation-name: c
}

@keyframes d {
	0% {
		transform: scaleX(1)
	}
	30% {
		transform: scale3d(1.25, .75, 1)
	}
	40% {
		transform: scale3d(.75, 1.25, 1)
	}
	50% {
		transform: scale3d(1.15, .85, 1)
	}
	65% {
		transform: scale3d(.95, 1.05, 1)
	}
	75% {
		transform: scale3d(1.05, .95, 1)
	}
	to {
		transform: scaleX(1)
	}
}

.rubberBand {
	animation-name: d
}

@keyframes e {
	0%,
	to {
		transform: translateZ(0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		transform: translate3d(-10px, 0, 0)
	}
	20%,
	40%,
	60%,
	80% {
		transform: translate3d(10px, 0, 0)
	}
}

.shake {
	animation-name: e
}

@keyframes f {
	0% {
		transform: translateX(0)
	}
	6.5% {
		transform: translateX(-6px) rotateY(-9deg)
	}
	18.5% {
		transform: translateX(5px) rotateY(7deg)
	}
	31.5% {
		transform: translateX(-3px) rotateY(-5deg)
	}
	43.5% {
		transform: translateX(2px) rotateY(3deg)
	}
	50% {
		transform: translateX(0)
	}
}

.headShake {
	animation-timing-function: ease-in-out;
	animation-name: f
}

@keyframes g {
	20% {
		transform: rotate(15deg)
	}
	40% {
		transform: rotate(-10deg)
	}
	60% {
		transform: rotate(5deg)
	}
	80% {
		transform: rotate(-5deg)
	}
	to {
		transform: rotate(0deg)
	}
}

.swing {
	transform-origin: top center;
	animation-name: g
}

.tada {
	animation-name: pb
}

@keyframes h {
	0% {
		transform: none
	}
	15% {
		transform: translate3d(-25%, 0, 0) rotate(-5deg)
	}
	30% {
		transform: translate3d(20%, 0, 0) rotate(3deg)
	}
	45% {
		transform: translate3d(-15%, 0, 0) rotate(-3deg)
	}
	60% {
		transform: translate3d(10%, 0, 0) rotate(2deg)
	}
	75% {
		transform: translate3d(-5%, 0, 0) rotate(-1deg)
	}
	to {
		transform: none
	}
}

.wobble {
	animation-name: h
}

@keyframes i {
	0%,
	11.1%,
	to {
		transform: none
	}
	22.2% {
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}
	33.3% {
		transform: skewX(6.25deg) skewY(6.25deg)
	}
	44.4% {
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}
	55.5% {
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}
	66.6% {
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}
	77.7% {
		transform: skewX(.390625deg) skewY(.390625deg)
	}
	88.8% {
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}
}

.jello {
	animation-name: i;
	transform-origin: center
}

@keyframes j {
	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		transform: scale3d(.3, .3, .3)
	}
	20% {
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		transform: scale3d(.9, .9, .9)
	}
	60% {
		opacity: 1;
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		transform: scale3d(.97, .97, .97)
	}
	to {
		opacity: 1;
		transform: scaleX(1)
	}
}

.bounceIn {
	animation-name: j
}

@keyframes k {
	0%,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		transform: translate3d(0, -3000px, 0)
	}
	60% {
		opacity: 1;
		transform: translate3d(0, 25px, 0)
	}
	75% {
		transform: translate3d(0, -10px, 0)
	}
	90% {
		transform: translate3d(0, 5px, 0)
	}
	to {
		transform: none
	}
}

.bounceInDown {
	animation-name: k
}

@keyframes l {
	0%,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		transform: translate3d(-3000px, 0, 0)
	}
	60% {
		opacity: 1;
		transform: translate3d(25px, 0, 0)
	}
	75% {
		transform: translate3d(-10px, 0, 0)
	}
	90% {
		transform: translate3d(5px, 0, 0)
	}
	to {
		transform: none
	}
}

.bounceInLeft {
	animation-name: l
}

@keyframes m {
	0%,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		transform: translate3d(3000px, 0, 0)
	}
	60% {
		opacity: 1;
		transform: translate3d(-25px, 0, 0)
	}
	75% {
		transform: translate3d(10px, 0, 0)
	}
	90% {
		transform: translate3d(-5px, 0, 0)
	}
	to {
		transform: none
	}
}

.bounceInRight {
	animation-name: m
}

@keyframes n {
	0%,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		transform: translate3d(0, 3000px, 0)
	}
	60% {
		opacity: 1;
		transform: translate3d(0, -20px, 0)
	}
	75% {
		transform: translate3d(0, 10px, 0)
	}
	90% {
		transform: translate3d(0, -5px, 0)
	}
	to {
		transform: translateZ(0)
	}
}

.bounceInUp {
	animation-name: n
}

@keyframes o {
	20% {
		transform: scale3d(.9, .9, .9)
	}
	50%,
	55% {
		opacity: 1;
		transform: scale3d(1.1, 1.1, 1.1)
	}
	to {
		opacity: 0;
		transform: scale3d(.3, .3, .3)
	}
}

.bounceOut {
	animation-name: o
}

@keyframes p {
	20% {
		transform: translate3d(0, 10px, 0)
	}
	40%,
	45% {
		opacity: 1;
		transform: translate3d(0, -20px, 0)
	}
	to {
		opacity: 0;
		transform: translate3d(0, 2000px, 0)
	}
}

.bounceOutDown {
	animation-name: p
}

@keyframes q {
	20% {
		opacity: 1;
		transform: translate3d(20px, 0, 0)
	}
	to {
		opacity: 0;
		transform: translate3d(-2000px, 0, 0)
	}
}

.bounceOutLeft {
	animation-name: q
}

@keyframes r {
	20% {
		opacity: 1;
		transform: translate3d(-20px, 0, 0)
	}
	to {
		opacity: 0;
		transform: translate3d(2000px, 0, 0)
	}
}

.bounceOutRight {
	animation-name: r
}

@keyframes s {
	20% {
		transform: translate3d(0, -10px, 0)
	}
	40%,
	45% {
		opacity: 1;
		transform: translate3d(0, 20px, 0)
	}
	to {
		opacity: 0;
		transform: translate3d(0, -2000px, 0)
	}
}

.bounceOutUp {
	animation-name: s
}

.fadeIn {
	animation-name: zb
}

.fadeInDown {
	animation-name: ub
}

@keyframes t {
	0% {
		opacity: 0;
		transform: translate3d(0, -2000px, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.fadeInDownBig {
	animation-name: t
}

@keyframes u {
	0% {
		opacity: 0;
		transform: translate3d(-100%, 0, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.fadeInLeft {
	animation-name: u
}

@keyframes v {
	0% {
		opacity: 0;
		transform: translate3d(-2000px, 0, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.fadeInLeftBig {
	animation-name: v
}

.fadeInRight {
	animation-name: wb
}

@keyframes w {
	0% {
		opacity: 0;
		transform: translate3d(2000px, 0, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.fadeInRightBig {
	animation-name: w
}

.fadeInUp {
	animation-name: sb
}

@keyframes x {
	0% {
		opacity: 0;
		transform: translate3d(0, 2000px, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.fadeInUpBig {
	animation-name: x
}

.fadeOut {
	animation-name: Ab
}

.fadeOutDown {
	animation-name: vb
}

@keyframes y {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		transform: translate3d(0, 2000px, 0)
	}
}

.fadeOutDownBig {
	animation-name: y
}

.fadeOutLeft {
	animation-name: xb
}

@keyframes z {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		transform: translate3d(-2000px, 0, 0)
	}
}

.fadeOutLeftBig {
	animation-name: z
}

@keyframes A {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		transform: translate3d(100%, 0, 0)
	}
}

.fadeOutRight {
	animation-name: A
}

@keyframes B {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		transform: translate3d(2000px, 0, 0)
	}
}

.fadeOutRightBig {
	animation-name: B
}

.fadeOutUp {
	animation-name: tb
}

@keyframes C {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		transform: translate3d(0, -2000px, 0)
	}
}

.fadeOutUpBig {
	animation-name: C
}

@keyframes D {
	0% {
		transform: perspective(400px) rotateY(-1turn);
		animation-timing-function: ease-out
	}
	40% {
		transform: perspective(400px) translateZ(150px) rotateY(-190deg);
		animation-timing-function: ease-out
	}
	50% {
		transform: perspective(400px) translateZ(150px) rotateY(-170deg);
		animation-timing-function: ease-in
	}
	80% {
		transform: perspective(400px) scale3d(.95, .95, .95);
		animation-timing-function: ease-in
	}
	to {
		transform: perspective(400px);
		animation-timing-function: ease-in
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	animation-name: D
}

@keyframes E {
	0% {
		transform: perspective(400px) rotateX(90deg);
		animation-timing-function: ease-in;
		opacity: 0
	}
	40% {
		transform: perspective(400px) rotateX(-20deg);
		animation-timing-function: ease-in
	}
	60% {
		transform: perspective(400px) rotateX(10deg);
		opacity: 1
	}
	80% {
		transform: perspective(400px) rotateX(-5deg)
	}
	to {
		transform: perspective(400px)
	}
}

.flipInX {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	animation-name: E
}

@keyframes F {
	0% {
		transform: perspective(400px) rotateY(90deg);
		animation-timing-function: ease-in;
		opacity: 0
	}
	40% {
		transform: perspective(400px) rotateY(-20deg);
		animation-timing-function: ease-in
	}
	60% {
		transform: perspective(400px) rotateY(10deg);
		opacity: 1
	}
	80% {
		transform: perspective(400px) rotateY(-5deg)
	}
	to {
		transform: perspective(400px)
	}
}

.flipInY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	animation-name: F
}

@keyframes G {
	0% {
		transform: perspective(400px)
	}
	30% {
		transform: perspective(400px) rotateX(-20deg);
		opacity: 1
	}
	to {
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

.flipOutX {
	animation-name: G;
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important
}

@keyframes H {
	0% {
		transform: perspective(400px)
	}
	30% {
		transform: perspective(400px) rotateY(-15deg);
		opacity: 1
	}
	to {
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

.flipOutY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	animation-name: H
}

@keyframes I {
	0% {
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}
	60% {
		transform: skewX(20deg);
		opacity: 1
	}
	80% {
		transform: skewX(-5deg);
		opacity: 1
	}
	to {
		transform: none;
		opacity: 1
	}
}

.lightSpeedIn {
	animation-name: I;
	animation-timing-function: ease-out
}

@keyframes J {
	0% {
		opacity: 1
	}
	to {
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

.lightSpeedOut {
	animation-name: J;
	animation-timing-function: ease-in
}

@keyframes K {
	0% {
		transform-origin: center;
		transform: rotate(-200deg);
		opacity: 0
	}
	to {
		transform-origin: center;
		transform: none;
		opacity: 1
	}
}

.rotateIn {
	animation-name: K
}

@keyframes L {
	0% {
		transform-origin: left bottom;
		transform: rotate(-45deg);
		opacity: 0
	}
	to {
		transform-origin: left bottom;
		transform: none;
		opacity: 1
	}
}

.rotateInDownLeft {
	animation-name: L
}

@keyframes M {
	0% {
		transform-origin: right bottom;
		transform: rotate(45deg);
		opacity: 0
	}
	to {
		transform-origin: right bottom;
		transform: none;
		opacity: 1
	}
}

.rotateInDownRight {
	animation-name: M
}

@keyframes N {
	0% {
		transform-origin: left bottom;
		transform: rotate(45deg);
		opacity: 0
	}
	to {
		transform-origin: left bottom;
		transform: none;
		opacity: 1
	}
}

.rotateInUpLeft {
	animation-name: N
}

@keyframes O {
	0% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0
	}
	to {
		transform-origin: right bottom;
		transform: none;
		opacity: 1
	}
}

.rotateInUpRight {
	animation-name: O
}

@keyframes P {
	0% {
		transform-origin: center;
		opacity: 1
	}
	to {
		transform-origin: center;
		transform: rotate(200deg);
		opacity: 0
	}
}

.rotateOut {
	animation-name: P
}

@keyframes Q {
	0% {
		transform-origin: left bottom;
		opacity: 1
	}
	to {
		transform-origin: left bottom;
		transform: rotate(45deg);
		opacity: 0
	}
}

.rotateOutDownLeft {
	animation-name: Q
}

@keyframes R {
	0% {
		transform-origin: right bottom;
		opacity: 1
	}
	to {
		transform-origin: right bottom;
		transform: rotate(-45deg);
		opacity: 0
	}
}

.rotateOutDownRight {
	animation-name: R
}

@keyframes S {
	0% {
		transform-origin: left bottom;
		opacity: 1
	}
	to {
		transform-origin: left bottom;
		transform: rotate(-45deg);
		opacity: 0
	}
}

.rotateOutUpLeft {
	animation-name: S
}

@keyframes T {
	0% {
		transform-origin: right bottom;
		opacity: 1
	}
	to {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0
	}
}

.rotateOutUpRight {
	animation-name: T
}

@keyframes U {
	0% {
		transform-origin: top left;
		animation-timing-function: ease-in-out
	}
	20%,
	60% {
		transform: rotate(80deg);
		transform-origin: top left;
		animation-timing-function: ease-in-out
	}
	40%,
	80% {
		transform: rotate(60deg);
		transform-origin: top left;
		animation-timing-function: ease-in-out;
		opacity: 1
	}
	to {
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

.hinge {
	animation-name: U
}

@keyframes V {
	0% {
		opacity: 0;
		transform: scale(.1) rotate(30deg);
		transform-origin: center bottom
	}
	50% {
		transform: rotate(-10deg)
	}
	70% {
		transform: rotate(3deg)
	}
	to {
		opacity: 1;
		transform: scale(1)
	}
}

.jackInTheBox {
	animation-name: V
}

@keyframes W {
	0% {
		opacity: 0;
		transform: translate3d(-100%, 0, 0) rotate(-120deg)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.rollIn {
	animation-name: W
}

@keyframes X {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		transform: translate3d(100%, 0, 0) rotate(120deg)
	}
}

.rollOut {
	animation-name: X
}

.zoomIn {
	animation-name: Db
}

@keyframes Y {
	0% {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomInDown {
	animation-name: Y
}

@keyframes Z {
	0% {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomInLeft {
	animation-name: Z
}

@keyframes ab {
	0% {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomInRight {
	animation-name: ab
}

@keyframes bb {
	0% {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomInUp {
	animation-name: bb
}

.zoomOut {
	animation-name: Eb
}

@keyframes cb {
	40% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}
	to {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform-origin: center bottom;
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomOutDown {
	animation-name: cb
}

@keyframes db {
	40% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}
	to {
		opacity: 0;
		transform: scale(.1) translate3d(-2000px, 0, 0);
		transform-origin: left center
	}
}

.zoomOutLeft {
	animation-name: db
}

@keyframes eb {
	40% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}
	to {
		opacity: 0;
		transform: scale(.1) translate3d(2000px, 0, 0);
		transform-origin: right center
	}
}

.zoomOutRight {
	animation-name: eb
}

@keyframes fb {
	40% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}
	to {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform-origin: center bottom;
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomOutUp {
	animation-name: fb
}

@keyframes gb {
	0% {
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}
	to {
		transform: translateZ(0)
	}
}

.slideInDown {
	animation-name: gb
}

@keyframes hb {
	0% {
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}
	to {
		transform: translateZ(0)
	}
}

.slideInLeft {
	animation-name: hb
}

@keyframes ib {
	0% {
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}
	to {
		transform: translateZ(0)
	}
}

.slideInRight {
	animation-name: ib
}

@keyframes jb {
	0% {
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}
	to {
		transform: translateZ(0)
	}
}

.slideInUp {
	animation-name: jb
}

@keyframes kb {
	0% {
		transform: translateZ(0)
	}
	to {
		visibility: hidden;
		transform: translate3d(0, 100%, 0)
	}
}

.slideOutDown {
	animation-name: kb
}

@keyframes lb {
	0% {
		transform: translateZ(0)
	}
	to {
		visibility: hidden;
		transform: translate3d(-100%, 0, 0)
	}
}

.slideOutLeft {
	animation-name: lb
}

@keyframes mb {
	0% {
		transform: translateZ(0)
	}
	to {
		visibility: hidden;
		transform: translate3d(100%, 0, 0)
	}
}

.slideOutRight {
	animation-name: mb
}

@keyframes nb {
	0% {
		transform: translateZ(0)
	}
	to {
		visibility: hidden;
		transform: translate3d(0, -100%, 0)
	}
}

.slideOutUp {
	animation-name: nb
}

.flatpickr-calendar {
	background: #fff;
	box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08)
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
	border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.arrowTop:before {
	border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
	border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:before {
	border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
	border-top-color: #fff
}

.flatpickr-months .flatpickr-month {
	background: transparent
}

.flatpickr-months .flatpickr-month,
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
	color: rgba(0, 0, 0, .9);
	fill: rgba(0, 0, 0, .9)
}

.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
	color: #959ea9
}

.numInputWrapper span {
	border: 1px solid rgba(57, 57, 57, .15)
}

.numInputWrapper span.arrowUp:after {
	border-bottom: 4px solid rgba(57, 57, 57, .6)
}

.numInputWrapper span.arrowDown:after {
	border-top: 4px solid rgba(57, 57, 57, .6)
}

.numInputWrapper span svg path {
	fill: rgba(0, 0, 0, .5)
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
	border-bottom-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
	border-top-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
	color: rgba(0, 0, 0, .5)
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
	background: transparent
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
	background-color: transparent
}

.flatpickr-weekdays,
span.flatpickr-weekday {
	background: transparent
}

.dayContainer+.dayContainer {
	box-shadow: -1px 0 0 #e6e6e6
}

.flatpickr-day {
	color: #393939
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
	background: #e6e6e6;
	border-color: #e6e6e6
}

.flatpickr-day.today {
	border-color: #959ea9
}

.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
	border-color: #959ea9;
	background: #959ea9
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
	background: #569ff7;
	border-color: #569ff7
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
	box-shadow: -10px 0 0 #569ff7
}

.flatpickr-day.inRange {
	box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
	color: rgba(57, 57, 57, .3)
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
	color: rgba(57, 57, 57, .1)
}

.flatpickr-day.week.selected {
	box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7
}

.flatpickr-weekwrapper .flatpickr-weeks {
	box-shadow: 1px 0 0 #e6e6e6
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
	color: rgba(57, 57, 57, .3)
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
	border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
	border-top-color: #393939
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time input {
	color: #393939
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
	background: #eee
}

.flatpickr-calendar {
	background: transparent;
	opacity: 0;
	display: none;
	text-align: center;
	visibility: hidden;
	padding: 0;
	animation: none;
	direction: ltr;
	border: 0;
	font-size: 14px;
	line-height: 24px;
	border-radius: 5px;
	position: absolute;
	width: 307.875px;
	box-sizing: border-box;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	box-shadow: 0 3px 13px rgba(0, 0, 0, .08)
}

.flatpickr-calendar.inline,
.flatpickr-calendar.open {
	opacity: 1;
	max-height: 640px;
	visibility: visible
}

.flatpickr-calendar.open {
	display: inline-block;
	z-index: 99999
}

.flatpickr-calendar.animate.open {
	animation: ob .3s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.inline {
	display: block;
	position: relative;
	top: 2px
}

.flatpickr-calendar.static {
	position: absolute;
	top: 102%
}

.flatpickr-calendar.static.open {
	z-index: 999;
	display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
	box-shadow: none!important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
	box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
	border-left: 0
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
	height: 40px;
	border-top: 1px solid rgba(72, 72, 72, .2)
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-innerContainer {
	border-bottom: 0
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
	border: 1px solid rgba(72, 72, 72, .2)
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
	height: auto
}

.flatpickr-calendar:after,
.flatpickr-calendar:before {
	position: absolute;
	display: block;
	pointer-events: none;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	left: 22px
}

.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.rightMost:before {
	left: auto;
	right: 22px
}

.flatpickr-calendar:before {
	border-width: 5px;
	margin: 0 -5px
}

.flatpickr-calendar:after {
	border-width: 4px;
	margin: 0 -4px
}

.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
	bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
	border-bottom-color: rgba(72, 72, 72, .2)
}

.flatpickr-calendar.arrowTop:after {
	border-bottom-color: #42a5f5
}

.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
	top: 100%
}

.flatpickr-calendar.arrowBottom:before {
	border-top-color: rgba(72, 72, 72, .2)
}

.flatpickr-calendar.arrowBottom:after {
	border-top-color: #42a5f5
}

.flatpickr-calendar:focus {
	outline: 0
}

.flatpickr-wrapper {
	position: relative;
	display: inline-block
}

.flatpickr-months {
	display: -ms-flexbox;
	display: flex
}

.flatpickr-months .flatpickr-month {
	border-radius: 5px 5px 0 0;
	background: #42a5f5;
	color: #fff;
	fill: #fff;
	height: 34px;
	line-height: 1;
	text-align: center;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
	-ms-flex: 1;
	flex: 1
}

.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
	text-decoration: none;
	cursor: pointer;
	position: absolute;
	top: 0;
	height: 34px;
	padding: 10px;
	z-index: 3;
	color: #fff;
	fill: #fff
}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled,
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
	display: none
}

.flatpickr-months .flatpickr-next-month i,
.flatpickr-months .flatpickr-prev-month i {
	position: relative
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
	left: 0
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
	right: 0
}

.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
	color: #bbb
}

.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
	fill: #f64747
}

.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
	width: 14px;
	height: 14px
}

.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
	transition: fill .1s;
	fill: inherit
}

.numInputWrapper {
	position: relative;
	height: auto
}

.numInputWrapper input,
.numInputWrapper span {
	display: inline-block
}

.numInputWrapper input {
	width: 100%
}

.numInputWrapper input::-ms-clear {
	display: none
}

.numInputWrapper input::-webkit-inner-spin-button,
.numInputWrapper input::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none
}

.numInputWrapper span {
	position: absolute;
	right: 0;
	width: 14px;
	padding: 0 4px 0 2px;
	height: 50%;
	line-height: 50%;
	opacity: 0;
	cursor: pointer;
	border: 1px solid rgba(72, 72, 72, .15);
	box-sizing: border-box
}

.numInputWrapper span:hover {
	background: rgba(0, 0, 0, .1)
}

.numInputWrapper span:active {
	background: rgba(0, 0, 0, .2)
}

.numInputWrapper span:after {
	display: block;
	content: "";
	position: absolute
}

.numInputWrapper span.arrowUp {
	top: 0;
	border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid rgba(72, 72, 72, .6);
	top: 26%
}

.numInputWrapper span.arrowDown {
	top: 50%
}

.numInputWrapper span.arrowDown:after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid rgba(72, 72, 72, .6);
	top: 40%
}

.numInputWrapper span svg {
	width: inherit;
	height: auto
}

.numInputWrapper span svg path {
	fill: hsla(0, 0%, 100%, .5)
}

.numInputWrapper:hover {
	background: rgba(0, 0, 0, .05)
}

.numInputWrapper:hover span {
	opacity: 1
}

.flatpickr-current-month {
	font-size: 135%;
	line-height: inherit;
	font-weight: 300;
	color: inherit;
	position: absolute;
	width: 75%;
	left: 12.5%;
	padding: 7.48px 0 0;
	line-height: 1;
	height: 34px;
	display: inline-block;
	text-align: center;
	transform: translateZ(0)
}

.flatpickr-current-month span.cur-month {
	font-family: inherit;
	font-weight: 700;
	color: inherit;
	display: inline-block;
	margin-left: .5ch;
	padding: 0
}

.flatpickr-current-month span.cur-month:hover {
	background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .numInputWrapper {
	width: 6ch;
	width: 7ch\0;
	display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
	border-bottom-color: #fff
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
	border-top-color: #fff
}

.flatpickr-current-month input.cur-year {
	background: transparent;
	box-sizing: border-box;
	color: inherit;
	cursor: text;
	padding: 0 0 0 .5ch;
	margin: 0;
	display: inline-block;
	font-size: inherit;
	font-family: inherit;
	font-weight: 300;
	line-height: inherit;
	height: auto;
	border: 0;
	border-radius: 0;
	vertical-align: initial;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield
}

.flatpickr-current-month input.cur-year:focus {
	outline: 0
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
	font-size: 100%;
	color: hsla(0, 0%, 100%, .5);
	background: transparent;
	pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
	appearance: menulist;
	background: #42a5f5;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	color: inherit;
	cursor: pointer;
	font-size: inherit;
	font-family: inherit;
	font-weight: 300;
	height: auto;
	line-height: inherit;
	margin: -1px 0 0;
	outline: none;
	padding: 0 0 0 .5ch;
	position: relative;
	vertical-align: initial;
	-webkit-box-sizing: border-box;
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
	width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:active,
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
	outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
	background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
	background-color: #42a5f5;
	outline: none;
	padding: 0
}

.flatpickr-weekdays {
	background: #42a5f5;
	text-align: center;
	overflow: hidden;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	height: 28px
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1;
	flex: 1
}

span.flatpickr-weekday {
	cursor: default;
	font-size: 90%;
	background: #42a5f5;
	color: rgba(0, 0, 0, .54);
	line-height: 1;
	margin: 0;
	text-align: center;
	display: block;
	-ms-flex: 1;
	flex: 1;
	font-weight: bolder
}

.dayContainer,
.flatpickr-weeks {
	padding: 1px 0 0
}

.flatpickr-days {
	position: relative;
	overflow: hidden;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 307.875px;
	border-left: 1px solid rgba(72, 72, 72, .2);
	border-right: 1px solid rgba(72, 72, 72, .2)
}

.flatpickr-days:focus {
	outline: 0
}

.dayContainer {
	padding: 0;
	outline: 0;
	text-align: left;
	width: 307.875px;
	min-width: 307.875px;
	max-width: 307.875px;
	box-sizing: border-box;
	display: inline-block;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-around;
	transform: translateZ(0);
	opacity: 1
}

.dayContainer+.dayContainer {
	box-shadow: -1px 0 0 rgba(72, 72, 72, .2)
}

.flatpickr-day {
	background: none;
	border: 1px solid transparent;
	border-radius: 150px;
	box-sizing: border-box;
	color: #484848;
	cursor: pointer;
	font-weight: 400;
	width: 14.2857143%;
	-ms-flex-preferred-size: 14.2857143%;
	flex-basis: 14.2857143%;
	max-width: 39px;
	height: 39px;
	line-height: 39px;
	margin: 0;
	display: inline-block;
	position: relative;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
	cursor: pointer;
	outline: 0;
	background: #e2e2e2;
	border-color: #e2e2e2
}

.flatpickr-day.today {
	border-color: #bbb
}

.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
	border-color: #bbb;
	background: #bbb;
	color: #fff
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
	background: #42a5f5;
	box-shadow: none;
	color: #fff;
	border-color: #42a5f5
}

.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
	border-radius: 50px 0 0 50px
}

.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
	border-radius: 0 50px 50px 0
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
	box-shadow: -10px 0 0 #42a5f5
}

.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
	border-radius: 50px
}

.flatpickr-day.inRange {
	border-radius: 0;
	box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
	color: rgba(72, 72, 72, .3);
	background: transparent;
	border-color: transparent;
	cursor: default
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
	cursor: not-allowed;
	color: rgba(72, 72, 72, .1)
}

.flatpickr-day.week.selected {
	border-radius: 0;
	box-shadow: -5px 0 0 #42a5f5, 5px 0 0 #42a5f5
}

.flatpickr-day.hidden {
	visibility: hidden
}

.rangeMode .flatpickr-day {
	margin-top: 1px
}

.flatpickr-weekwrapper {
	float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
	padding: 0 12px;
	border-left: 1px solid rgba(72, 72, 72, .2)
}

.flatpickr-weekwrapper .flatpickr-weekday {
	float: none;
	width: 100%;
	line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
	display: block;
	width: 100%;
	max-width: none;
	color: rgba(72, 72, 72, .3);
	background: transparent;
	cursor: default;
	border: none
}

.flatpickr-innerContainer {
	display: block;
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
	overflow: hidden;
	background: #fff;
	border-bottom: 1px solid rgba(72, 72, 72, .2)
}

.flatpickr-rContainer {
	display: inline-block;
	padding: 0;
	box-sizing: border-box
}

.flatpickr-time {
	text-align: center;
	outline: 0;
	display: block;
	height: 0;
	line-height: 40px;
	max-height: 40px;
	box-sizing: border-box;
	overflow: hidden;
	display: -ms-flexbox;
	display: flex;
	background: #fff;
	border-radius: 0 0 5px 5px
}

.flatpickr-time:after {
	content: "";
	display: table;
	clear: both
}

.flatpickr-time .numInputWrapper {
	-ms-flex: 1;
	flex: 1;
	width: 40%;
	height: 40px;
	float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
	border-bottom-color: #484848
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
	border-top-color: #484848
}

.flatpickr-time.hasSeconds .numInputWrapper {
	width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
	width: 49%
}

.flatpickr-time input {
	background: transparent;
	box-shadow: none;
	border: 0;
	border-radius: 0;
	text-align: center;
	margin: 0;
	padding: 0;
	height: inherit;
	line-height: inherit;
	color: #484848;
	font-size: 14px;
	position: relative;
	box-sizing: border-box;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield
}

.flatpickr-time input.flatpickr-hour {
	font-weight: 700
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
	font-weight: 400
}

.flatpickr-time input:focus {
	outline: 0;
	border: 0
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
	height: inherit;
	float: left;
	line-height: inherit;
	color: #484848;
	font-weight: 700;
	width: 2%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}

.flatpickr-time .flatpickr-am-pm {
	outline: 0;
	width: 18%;
	cursor: pointer;
	text-align: center;
	font-weight: 400
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
	background: #eaeaea
}

.flatpickr-input[readonly] {
	cursor: pointer
}

@keyframes ob {
	0% {
		opacity: 0;
		transform: translate3d(0, -20px, 0)
	}
	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

.td-wrap,
.td-wrap * {
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: initial!important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.td-wrap svg {
	width: 100%
}

.td-input {
	cursor: pointer
}

.td-wrap {
	display: none;
	font-family: sans-serif;
	position: absolute;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	outline: none;
	z-index: 9999;
	color: #4d4d4d
}

.td-overlay,
.td-wrap {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.td-overlay {
	position: fixed
}

.td-clock {
	width: 156px;
	height: 156px;
	border-radius: 156px;
	box-shadow: 0 0 0 1px #1977cc, 0 0 0 8px rgba(0, 0, 0, .05);
	position: relative;
	background: #fff;
	margin: 0 auto;
	text-align: center;
	line-height: 156px;
	position: absolute;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.td-clock:before {
	position: absolute;
	content: "";
	top: -10px;
	margin-left: -10px;
	left: 50%;
	width: 20px;
	height: 20px;
	transform: rotate(45deg);
	background: #fff;
	border-left: 1px solid #1977cc;
	border-top: 1px solid #1977cc;
	border-top-left-radius: 4px
}

.td-init .td-deg {
	-webkit-animation: slide 1s cubic-bezier(.7, 0, .175, 1) 1.2s infinite
}

.td-svg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.td-svg-2 {
	position: absolute;
	top: 18px;
	left: 18px;
	bottom: 18px;
	right: 18px
}

.td-wrap.td-show {
	display: block
}

.td-deg {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 80%;
	z-index: 1
}

.td-deg,
.td-medirian {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.td-medirian span {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	line-height: 40px;
	text-align: center;
	margin: 0;
	position: absolute;
	z-index: 2;
	left: 50%;
	margin-left: -20px;
	font-size: .8em;
	opacity: 0;
	font-weight: 700
}

.td-medirian .td-icon-am {
	top: 40px
}

.td-medirian .td-icon-pm {
	bottom: 40px
}

.td-medirian .td-icon-am.td-on {
	top: 26px;
	opacity: 1
}

.td-medirian .td-icon-pm.td-on {
	bottom: 26px;
	opacity: 1
}

.td-select {
	position: absolute;
	top: 4px;
	left: 32px;
	right: 32px;
	bottom: 22px
}

.td-select svg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.td-select:after {
	position: absolute;
	background: #fff;
	width: 36px;
	height: 36px;
	box-shadow: 0 0 0 1px #1977cc;
	border-radius: 60px;
	top: -16px;
	left: 50%;
	margin-left: -18px;
	border-bottom-left-radius: 0;
	content: "";
	transform: rotate(-45deg);
	cursor: pointer
}

.td-clock .td-time {
	font-weight: 700;
	position: relative
}

.td-clock .td-time span {
	width: 42px;
	height: 42px;
	display: inline-block;
	vertical-align: middle;
	line-height: 42px;
	text-align: center;
	margin: 6px;
	position: relative;
	z-index: 2;
	cursor: pointer;
	font-size: 2em;
	border-radius: 6px
}

.td-clock .td-time span.on {
	color: #1977cc
}

.td-n {
	transition: all .4s cubic-bezier(.7, 0, .175, 1) 0s
}

.td-n2 {
	transition: all .2s linear 0s
}

@keyframes pb {
	0% {
		transform: scaleX(1)
	}
	10%,
	20% {
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}
	30%,
	50%,
	70%,
	90% {
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
	}
	40%,
	60%,
	80% {
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
	}
	to {
		transform: scaleX(1)
	}
}

.td-alert {
	animation-name: pb;
	animation-duration: .8s;
	animation-fill-mode: both
}

@keyframes qb {
	0% {
		transform: scaleX(1)
	}
	20% {
		transform: scale3d(1.25, .75, 1)
	}
	30% {
		transform: scale3d(.75, 1.25, 1)
	}
	60% {
		transform: scale3d(1.15, .85, 1)
	}
	70% {
		transform: scale3d(.95, 1.05, 1)
	}
	80% {
		transform: scale3d(1.05, .95, 1)
	}
	to {
		transform: scaleX(1)
	}
}

.td-bounce {
	animation-name: qb;
	animation-duration: 1s
}

.td-fadein {
	animation-name: zb;
	animation-duration: .3s
}

.td-fadeout {
	animation: Ab .3s forwards
}

@keyframes rb {
	0% {
		opacity: 0;
		transform: translate3d(0, -100px, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.td-dropdown {
	animation-name: rb;
	animation-duration: .5s
}

.td-bulletpoint,
.td-bulletpoint div,
.td-lancette,
.td-lancette div {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.td-bulletpoint div:after {
	position: absolute;
	content: "";
	top: 14px;
	left: 50%;
	margin-left: -2px;
	width: 4px;
	height: 4px;
	border-radius: 10px
}

.td-lancette {
	border: 2px solid #dff3fa;
	border-radius: 100%;
	margin: 6px
}

.td-lancette div:after {
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -1px;
	width: 2px;
	bottom: 50%;
	border-radius: 10px;
	background: #dff3fa;
	content: ""
}

.td-lancette div:last-child:after {
	top: 36px
}

@keyframes sb {
	0% {
		opacity: 0;
		transform: translateY(15vw)
	}
	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes tb {
	0% {
		opacity: 1;
		transform: translateY(0)
	}
	to {
		opacity: 0;
		transform: translateY(-15vw)
	}
}

@keyframes ub {
	0% {
		opacity: 0;
		transform: translateY(-15vw)
	}
	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes vb {
	0% {
		opacity: 1;
		transform: translateY(0)
	}
	to {
		opacity: 0;
		transform: translateY(15vw)
	}
}

@keyframes wb {
	0% {
		opacity: 0;
		transform: translateX(-15vw)
	}
	to {
		opacity: 1;
		transform: translateX(0)
	}
}

@keyframes xb {
	0% {
		opacity: 1;
		transform: translateX(0)
	}
	to {
		opacity: 0;
		transform: translateX(-15vw)
	}
}

@keyframes yb {
	0% {
		transform: translateX(0)
	}
	to {
		transform: translateX(-1000px);
		opacity: 0
	}
}

@keyframes zb {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes Ab {
	0% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@keyframes Bb {
	0% {
		transform: rotate(-45deg) scale(0)
	}
	70% {
		transform: rotate(-45deg) scale(1.4)
	}
	to {
		transform: rotate(-45deg) scale(1)
	}
}

@keyframes Cb {
	0% {
		width: 0
	}
	to {
		width: 100%
	}
}

@keyframes Db {
	0% {
		transform: scale(0)
	}
	to {
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes Eb {
	0% {
		transform: scale(1)
	}
	to {
		opacity: 1;
		transform: scale(0)
	}
}

@keyframes Fb {
	0% {
		left: -110%
	}
	30% {
		left: 110%
	}
	to {
		left: 150%
	}
}

.fadeInUp {
	opacity: 0;
	animation: sb .5s ease forwards
}

.fadeOutUp {
	animation: tb .7s ease forwards
}

.fadeInDown {
	opacity: 0;
	animation: ub .7s ease forwards
}

.fadeOutDown {
	animation: vb .5s ease forwards
}

.fadeInRight {
	opacity: 0;
	animation: wb .5s ease forwards
}

.fadeOutLeft {
	animation: xb .5s ease forwards
}

.fadeIn {
	opacity: 0;
	animation: zb .5s ease forwards
}

.fadeOut {
	animation: Ab .5s ease forwards
}

.zoomIn {
	animation: Db .5s ease forwards;
	animation-delay: .5s
}

.toZoom,
.zoomIn {
	transform: scale(0)
}

.zoomOut {
	animation: Eb .5s ease forwards
}

.enlargeInputLine {
	width: 0;
	animation: Cb .7s ease forwards;
	animation-delay: .75s
}

.hideInputLine {
	width: 100%;
	animation: Cb .4s ease reverse forwards
}

.animate_left {
	animation: yb .8s ease forwards
}

.delay-1 {
	animation-delay: .06s
}

.delay-2 {
	animation-delay: .13s
}

.delay-3 {
	animation-delay: .32s
}

.delay-4 {
	animation-delay: .36s
}

.delay-5 {
	animation-delay: .41s
}

.delay-6 {
	animation-delay: .43s
}

.delay-7 {
	animation-delay: .5s
}

.delay-8 {
	animation-delay: .58s
}

.delay-9 {
	animation-delay: .7s
}

.delay-10 {
	animation-delay: .72s
}

.delay-11 {
	animation-delay: .74s
}

.cursor-follower {
	position: absolute;
	z-index: 20;
	top: 50%;
	left: 50%;
	width: 6em;
	height: 6em;
	padding-top: 2em;
	text-align: center;
	line-height: 1.2;
	border-radius: 50%;
	cursor: pointer;
	opacity: 1;
	color: #fff;
	background: teal;
	transition: background .3s ease, opacity .4s ease;
	box-shadow: 0 .4rem 1.3rem 0 rgba(0, 0, 0, .3)
}

.cursor-follower_hide {
	opacity: 0!important;
	z-index: 0
}

.cursor-follower_none {
	display: none
}

.cursor-follower:hover {
	background: teal
}

.main-container {
	position: relative;
	max-width: 1700px;
	width: 90%;
	height: auto;
	min-height: 100vh;
	margin: 0 auto;
	padding-bottom: 5rem
}

.main-container_device_ios {
	height: 100vh;
	overflow: scroll
}

@media (max-width:1024px) {
	.main-container {
		width: 100%;
		padding: 0 30px 50px
	}
}

@media (max-width:960px) {
	.main-container {
		width: 100%;
		padding-bottom: 0
	}
}

@media (max-width:767px) {
	.main-container {
		padding: 0 20px
	}
	.cursor-follower{
		display: none;
	}
}

.main-header {
	position: relative;
	z-index: 10;
	width: 100%;
	height: 4.2rem;
	padding: 1rem 0;
	margin-bottom: 3.8rem;
	box-sizing: content-box;
	transition: .3s ease
}

.main-header.is-hidden {
	display: none
}

@media (max-width:1050px) {
	.main-header {
		height: 2.3rem
	}
}

@media (max-width:960px) {
	.main-header {
		height: auto;
		min-height: 0;
		max-height: none;
		text-align: center;
		margin-bottom: 3rem;
	}
}

@media (max-width:400px) {
	.main-header {
		padding-bottom: .8rem
	}
}

.logo {
	float: left;
	display: inline-block;
	font-family: ProximaNova;
	height: 2rem;
	object-fit: contain;
	margin-right: 1.5rem;
	cursor: pointer;
	transition: .3s ease
}

.logo:hover {
	opacity: .5
}

@media (max-width:1050px) {
	.logo {
		height: 2.3rem
	}
}

@media (max-width:960px) {
	.logo {
		float: none;
		display: inline-block;
		text-align: center;
		margin-right: 0;
		margin-bottom: 5px
	}
}

.header-phone {
	float: right;
	position: relative;
	display: block;
	font-size: 1.2em;
	font-weight: 500;
	line-height: 4.2rem;
	cursor: pointer;
	transition: .3s ease;
	letter-spacing: 1px;
	padding-left: 1.8rem;
	padding-right: .8rem
}

.header-phone:before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	content: "\e670";
	font-family: Pe-icon;
	font-size: 1.2em
}

.header-phone:hover {
	color: teal
}

@media (max-width:1200px) {
	.header-phone {
		padding-left: 0
	}
	.header-phone:before {
		display: none
	}
}

@media (max-width:1050px) {
	.header-phone {
		line-height: 2.3rem;
		padding-right: 2rem
	}
}

@media (max-width:960px) {
	.header-phone {
		float: none;
		display: block;
		width: 100%;
		text-align: center;
		font-size: 1.5em;
		line-height: 2;
		margin-right: 0;
		padding: 0;
		margin-top: 10px;
	}
	.header-phone:before {
		display: none
	}
}

@media (min-width:1024px) {
	.header-phone_mobile {
		display: none
	}
}

@media (max-width:1023px) {
	.header-phone_desktop {
		display: none
	}
}

.progress-box {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;
	height: 1rem;
	width: 100%;
	margin: 0 auto;
	opacity: 1;
	background-color: teal;
	transition: .7s ease
}

.progress-box_state_hidden {
	opacity: 0
}

.progress-box__track {
	display: block;
	height: 100%;
	width: 0;
	background: teal;
	text-align: right;
	transition: .7s ease
}

.progress-box__header {
	display: inline-block;
	line-height: 1rem;
	transition: .5s ease;
	font-weight: 500;
	font-size: .7em;
	margin-right: 5px;
	color: #fff;
	vertical-align: middle
}

.button {
	position: relative;
	top: 0;
	z-index: 5;
	display: block;
	min-width: 220px;
	width: 100%;
	max-width: 17rem;
	height: 4.9rem;
	padding: 0 3.3rem;
	margin: 0 auto;
	border-radius: .5rem;
	border: none;
	background: teal;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #fff;
	font-family: ProximaNova;
	font-size: .9em;
	font-weight: 500;
	text-align: center;
	cursor: pointer;
	transition: .3s ease;
	box-shadow: 0 .6rem 1.5rem 0 rgba(0, 0, 0, .3);
	overflow: hidden
}

.button:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 1rem;
	height: .8em;
	margin-left: .5rem;
	background: url(../img/arrow-next.png) no-repeat top
}

.button:before {
	content: "";
	position: absolute;
	left: -110%;
	top: 0;
	z-index: 0;
	width: 25%;
	height: 100%;
	background: hsla(0, 0%, 100%, .7);
	box-shadow: 0 0 4rem 0 #fff;
	transform: skew(-30deg);
	animation: Fb 3.5s ease infinite
}

.button_type_start {
	width: auto;
	max-width: none;
	height: 5.4rem;
	margin: 0
}

@media (max-width:400px) {
	.button_type_start {
		letter-spacing: 1px
	}
}

.button_type_link {
	display: inline-block;
	width: auto;
	max-width: none;
	line-height: 4.9rem
}

.button_type_callme {
	display: block;
	margin: 0 auto;
	max-width: 21rem
}

.button_type_final {
	max-width: 19rem;
	padding: 0 2.5rem
}

.button:hover {
	background: teal
}

.button:active {
	background-color: #00e6e6;
	transition: .4s ease
}

@media (max-width:1280px) {
	.button:not(.button_type_link) {
		line-height: 1.5
	}
}

@media (max-width:960px) {
	.button_type_start {
		margin: 0 auto
	}
}

@media (max-width:900px) {
	.button {
		min-height: 75px;
		font-size: .8em;
		margin: 0 auto;
		padding: 0 2rem
	}
}

.button_device_mobile {
	margin-bottom: 3rem
}

@media (min-width:800px) {
	.button_device_mobile {
		display: none
	}
}

.screen {
	position: relative;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 7.5rem 0 0
}

.screen__header {
	width: 100%;
	max-width: 70vw;
	font-family: ProximaNova;
	font-size: 2.2em;
	font-weight: 700;
	margin: 0 auto 1.3rem;
	transition: .3s ease
}

.screen__header i {
	display: block
}

.screen__header-small {
	margin-bottom: .5rem
}

.screen__pre-header {
	font-size: 1.5rem;
	margin-bottom: 1rem
}

.screen__pre-header_state_hidden {
	display: none
}

.screen__description {
	max-width: 42rem;
	margin: 0 auto 2rem;
	line-height: 1.5
}

.screen__description_size_large {
	font-size: 1.3em;
	max-width: none
}

.screen__description_size_big {
	font-size: 1.5em;
	max-width: none
}

.screen__description_type_last {
	font-size: 1.3em
}

.screen__description.bonuses,
.screen__description p {
	margin-bottom: .8rem
}

.screen_show {
	display: block
}

.screen_type_phone .custom,
.screen_type_phone .default {
	display: none
}

.screen_type_phone .active {
	display: block
}

@media (max-width:1024px) {
	.screen__header {
		font-size: 2em
	}
}

@media (max-width:900px) {
	.screen {
		width: 100%;
		min-width: 0;
		text-align: center
	}
	.screen__header i {
		display: inline
	}
}

@media (max-width:800px) {
	.screen__header {
		font-size: 1.5em;
		max-width: none
	}
}

#home .screen-1 {
	width: 100%;
	padding: 0;
	text-align: left
}

#home .screen-1__header {
	font-size: 3em;
	font-weight: 700;
	margin-bottom: 1.5rem;
	line-height: 1.1;
	color: #111
}

@media (max-width:1200px) {
	#home .screen-1__header {
		font-size: 2.4em
	}
}

.screen-1__descr {
	display: inline-block;
	font-size: 1.4em;
	font-weight: 400;
	line-height: 1.4;
	margin-bottom: 2rem
}

.screen-1__button {
	margin-right: 2.3vw;
	padding: 0 2rem
}

@media (max-width:960px) {
	#home .screen-1 {
		padding-bottom: 0;
		text-align: center;
		padding-top: 0
	}
	.screen-1__header {
		font-size: 2em;
		text-align: center;
		width: 100%;
		min-width: 0
	}
	.screen-1__button {
		float: none;
		display: block;
		margin: 0 auto 25px
	}
	.screen-1__descr {
		font-size: 1.3em;
		margin: 0 auto 30px;
		max-width: 600px;
		min-width: 0;
		width: 400px;
		line-height: 1.2
	}
}

@media (max-width:600px) {
	.screen-1__header {
		font-size: 1.5em
	}
	.screen-1__descr {
		font-size: 1.3em;
		width: 280px
	}
	.screen-1 i {
		/*display: inline*/
	}

}

.text-input {
	display: block;
	width: 100%;
	font-family: ProximaNova;
	font-size: 1.2em;
	font-weight: 400;
	padding: .4rem 0;
	padding-left: 2.8rem;
	padding-right: 2.8rem;
	color: #111;
	transition: .3s ease;
	text-align: center;
	background-color: transparent;
	border: none
}

.text-input::-webkit-input-placeholder {
	font-weight: 500;
	font-family: ProximaNova;
	transition: .4s ease
}

.text-input:-moz-placeholder,
.text-input::-moz-placeholder {
	font-weight: 500;
	font-family: ProximaNova;
	transition: .4s ease
}

.text-input:-ms-input-placeholder {
	font-weight: 500;
	font-family: ProximaNova;
	transition: .4s ease
}

.text-input:focus::-webkit-input-placeholder {
	text-indent: 500px;
	font-family: ProximaNova
}

.text-input:focus:-moz-placeholder,
.text-input:focus::-moz-placeholder {
	text-indent: 500px;
	font-family: ProximaNova
}

.text-input:focus:-ms-input-placeholder {
	text-indent: 500px;
	font-family: ProximaNova
}

.input-check {
	display: none
}

.input-check:checked+.form-disclamer__label .label-round:before {
	border-color: #555;
	animation: Bb .3s ease forwards
}

.check-block {
	display: -ms-flexbox;
	display: flex;
	max-width: 65rem;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	transition: margin-bottom .3s ease
}

.check-block:after {
	content: "";
	display: block;
	clear: both
}

.check-block_type_comment {
	-ms-flex-pack: left;
	justify-content: left
}

.check-block_type_theme {
	display: block;
	max-width: 65rem;
}

@media (max-width:800px) {
	.check-block_type_theme {
		max-width: 30rem;
		width: 100%
	}
}

.check-block_size_3x {
	max-width: 39rem
}

@media (max-width:660px) {
	.check-block {
		display: block
	}
}

.close-pop-up {
	position: absolute;
	z-index: 26;
	right: 2rem;
	top: 2rem;
	width: 2rem;
	height: 2rem;
	cursor: pointer
}

.close-pop-up_status_hide {
	display: none
}

.close-pop-up:after,
.close-pop-up:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	background-color: #111;
	transition: .3s ease
}

.close-pop-up:before {
	width: 100%;
	height: 2px;
	transform: rotate(-45deg)
}

.close-pop-up:after {
	width: 100%;
	height: 2px;
	transform: rotate(45deg)
}

@media (max-width:1050px) {
	.close-pop-up {
		top: 1.5rem
	}
}

@media (max-width:500px) {
	.close-pop-up {
		right: 1rem
	}
}

.quiz-container {
	padding: 2.5rem 0;
	margin: 0 auto;
	position: relative;
	overflow: hidden
}

.quiz-container:after {
	content: "";
	display: block;
	clear: both
}

.input-container {
	position: relative;
	display: block;
	max-width: 23rem;
	width: 100%;
	margin: 0 auto 1.5rem
}

.input-container_size_short {
	width: 17rem
}

.input-container_type_date {
	margin-bottom: 1.8rem;
	margin-right: .5rem;
	display: inline-block
}

@media (max-width:700px) {
	.input-container_type_date {
		display: block;
		margin-right: auto
	}
}

.input-container_type_time {
	display: inline-block
}

.input-container__line {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	height: 1px;
	background-color: #111
}

.input-container__ico {
	position: absolute;
	top: .4rem;
	width: 2rem;
	bottom: 0;
	margin: auto 0;
	left: 1rem;
	text-align: center;
	font-family: Pe-icon;
	font-size: 1.5rem;
	transition: .3s ease
}

.input-container__ico:before {
	font-family: Pe-icon;
	display: block
}

.input-container__ico_focus {
	color: #111
}

@media (max-width:700px) {
	.input-container {
		min-width: 0;
		max-width: 280px
	}
}

.header-btn {
	float: right;
	position: relative;
	top: .6rem;
	height: 2.6em;
	font-family: ProximaNova;
	font-size: .9em;
	letter-spacing: 1px;
	color: #111;
	padding: 0 1.25rem;
	margin-right: 1.5rem;
	border: 1px solid #111;
	border-radius: 40px;
	cursor: pointer;
	transition: all .3s ease, box-shadow .5s ease, border-color .5s ease
}

.header-btn:hover {
	color: #fff;
	border-color: transparent
}

@media (max-width:1050px) {
	.header-btn {
		top: 0
	}
}

@media (max-width:960px) {
	.header-btn {
		display: none;
		width: 260px;
		margin: 0 auto;
		float: none
	}
	.header-btn_none {
		height: 0;
		overflow: hidden;
		opacity: 0
	}
}

.header-descriptor {
float: left;
    padding-top: 0.6rem;
    padding-left: 1.75rem;
    height: 2.5rem;
    font-size: 1rem;
    letter-spacing: 1px;
    line-height: 1.55;
    border-left: 1px solid #ccc;
}

@media (max-width:1050px) {
	.header-descriptor {
		margin-left: 0;
		padding-top: 0.6rem;
		padding-left: 1.5rem;
		height: 2.5rem;
		padding-top: 0;
		font-size: 1.5rem;
		line-height: 1.55;
	}
}

@media (max-width:960px) {
	.header-descriptor {
		float: none;
		padding-left: 0;
		border-left: none
	}
}

.phone-block {
	float: right
}

.phone-block:after {
	content: "";
	display: block;
	clear: both
}

@media (max-width:960px) {
	.phone-block {
		float: none;
		display: inline-block;
		margin: 5px 0 10px;
		width: 100%
	}
}

.bg-image {
	position: fixed;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #fafafa url(../img/main-bg.jpg) no-repeat;
	background-position: right -9rem top -8rem;
	background-size: 58rem;
	opacity: 1;
	transition: .3s ease
}

.bg-image_animate_hide {
	opacity: 0
}

@media (max-width:960px) {
	.bg-image {
		display: none;
		background-size: cover;
		background-position: 50%!important
	}
}

.visits {
	width: 100%;
	max-width: 25rem;
	padding-top: 1.2rem;
	clear: both
}

.visits span {
	display: block;
	font-weight: 400;
	line-height: 1.2
}

@media (max-width:960px) {
	.visits {
		margin: 0 auto 1rem
	}
}

.video-container {
	position: relative;
	width: 100%;
	margin: 0 auto 1rem;
	height: 0;
	padding-bottom: 56.25%;
	box-shadow: 0 0 3rem 0 rgba(0, 0, 0, .3)
}

.video {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.descr-block {
	font-family: ProximaNova;
	font-weight: 400;
	font-size: 1.1em;
	color: inherit;
	max-width: 39rem;
	margin-bottom: 2rem;
	text-align: left;
	line-height: 1.6
}

.descr-block:after {
	content: "";
	display: block;
	clear: both
}

@media (max-width:960px) {
	.descr-block {
		margin: 0 auto 2rem;
		text-align: center
	}
}

@media (max-width:800px) {
	.descr-block {
		display: inline-block;
		width: auto
	}
}

.descr-item {
	position: relative;
	float: left;
	padding-left: 2.7rem;
	margin-right: .8rem;
	font-weight: 200;
	font-size: .9em;
	line-height: 1.4
}

.descr-item:before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	font-family: Pe-icon;
	font-size: 1.9em;
	height: 2.6rem
}

.descr-item:first-of-type {
	width: calc(32% - .8rem)
}

.descr-item:first-of-type:before {
	content: "\e611"
}

.descr-item:nth-of-type(2) {
	width: calc(32% - .8rem)
}

.descr-item:nth-of-type(2):before {
	content: "\e6c0"
}

.descr-item:last-child {
	width: 36%;
	margin-right: 0
}

.descr-item:last-child:before {
	content: "\e66c"
}

@media (max-width:800px) {
	.descr-item {
		width: 100%!important;
		float: none;
		margin-right: 0;
		margin-bottom: 1rem
	}
}

.string {
	display: block
}

@media (max-width:900px) {
	.string {
		/*display: inline*/
	}
}

.annotation {
	width: 100%;
	max-width: 25rem;
	padding-top: 1.5rem;
	clear: both
}

.annotation span {
	display: block;
	font-weight: 100;
	line-height: 1.2
}

@media (max-width:960px) {
	.annotation {
		margin: 0 auto
	}
}

.form-disclamer {
	position: relative;
	z-index: 10;
	display: inline-block;
	font-size: .9em;
	margin-top: .8rem;
	padding-left: 1.5rem;
	color: #555;
	opacity: .9
}

.form-disclamer_additional-block {
	display: none;
	margin-bottom: 1rem;
	padding-left: 3rem;
	max-width: 26rem;
	font-size: 1rem
}

.form-disclamer_additional-block .form-disclamer__label {
	display: block;
	position: relative;
	padding-left: 1.8rem;
	margin-bottom: 1.3rem;
	text-align: left
}

@media (max-width:700px) {
	.form-disclamer_additional-block {
		padding-left: 0;
		max-width: 23rem
	}	.header-descriptor {
    padding-left: 0;
    border-left: none;
    display: block;
    float: inherit;
    height: auto;
}
}

.form-disclamer__btn {
	text-decoration: underline;
	cursor: pointer
}

.form-disclamer__btn:hover {
	color: teal
}

.form-disclamer__label {
	cursor: pointer
}

.form-disclamer__check {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 1rem;
	height: 1rem;
	border: 1px solid #555;
	border-radius: 50%;
	transition: .3s ease;
	cursor: pointer;
	margin: auto 0;
	margin-right: 15px
}

.form-disclamer__check:before {
	content: "";
	position: absolute;
	top: -3px;
	bottom: 0;
	right: 0;
	left: 2px;
	width: 55%;
	height: 20%;
	margin: auto;
	transform: rotate(-45deg) scale(0);
	border: 2px solid teal;
	border-top: 0;
	border-right: 0;
	transition: .3s ease
}

.input-wrong {
	color: teal
}

.input-wrong .form-disclamer__check {
	border-color: teal
}

.footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	padding: 1.3rem 0 1rem
}

.footer:after {
	content: "";
	display: block;
	clear: both
}

@media (max-width:960px) {
	.footer {
		position: static;
		font-size: .8em
	}
}

.footer-disclamer {
	padding-top: .5rem;
	float: left;
	color: #777;
	text-transform: uppercase;
	font-weight: 200;
	font-size: 1vw;
	line-height: 1.5;
	letter-spacing: 1px
}

.footer-disclamer__string {
	display: block
}

@media (min-width:1920px) {
	.footer-disclamer {
		font-size: 1em
	}
}

@media (max-width:960px) {
	.footer-disclamer {
		float: none;
		text-align: center;
		font-size: 1em
	}
}

.animation-shine {
	overflow: hidden
}

.animation-shine:before {
	content: "";
	position: absolute;
	left: -110%;
	top: 0;
	z-index: 0;
	width: 25%;
	height: 100%;
	background: hsla(0, 0%, 100%, .7);
	box-shadow: 0 0 4rem 0 #fff;
	transform: skew(-30deg);
	animation: Fb 2s ease forwards
}

.answer-block {
	position: relative;
	font-family: ProximaNova;
	width: calc(50% - .5rem);
	text-align: left;
	margin-bottom: 1rem;
	margin-right: 1rem;
	background-color: #fff;
	border: 1px solid transparent;
	box-shadow: 0 0 2rem 0 #eee;
	display: -ms-flexbox;
	display: flex
}

.answer-block:nth-child(2n) {
	margin-right: 0
}

.answer-block_status_hidden {
	display: none
}

.answer-block__content {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	cursor: pointer;
	padding: 1.2rem 2rem 1rem 4rem;
	border: 1px solid transparent;
	transition: .3s ease
}

@media (max-width:900px) {
	.answer-block__content {
		display: block;
		margin-right: 0
	}
}

.answer-block__checkbox {
	position: absolute;
	left: 1rem;
	top: 1rem;
	bottom: 0;
	width: 1.9rem;
	height: 1.9rem;
	border: 1px solid teal;
	border-radius: 50%;
	transition: .3s ease;
	cursor: pointer
}

.answer-block__checkbox:before {
	content: "";
	position: absolute;
	top: -3px;
	bottom: 0;
	right: 0;
	left: 2px;
	width: 48%;
	height: 18%;
	margin: auto;
	transform: rotate(-45deg) scale(0);
	border: 4px solid #fff;
	border-top: 0;
	border-right: 0;
	transition: .3s ease
}

.answer-block__header {
	font-weight: 700;
	font-size: 1rem
}

@media (max-width:1280px) {
	.answer-block__header {
		line-height: 1.2
	}
}

@media (max-width:500px) {
	.answer-block__header {
		font-size: 1rem
	}
}

.answer-block__description {
	font-size: .8rem;
	margin-top: .5rem
}

.answer-block__input-radio {
	display: none
}

.answer-block__input-radio:checked+label:not(.form-disclamer__label) {
	box-shadow: 0 0 2rem #ddd
}

.answer-block__input-radio:checked+label:not(.form-disclamer__label) .answer-block__checkbox {
	background-color: teal
}

.answer-block__input-radio:checked+label:not(.form-disclamer__label) .answer-block__checkbox:before {
	animation: Bb .3s ease forwards
}

.answer-block__img {
	width: 100%;
	height: 10rem;
	overflow: hidden
}

.answer-block__img img {
	display: block;
	min-width: 100%;
	max-height: 11rem
}

@supports (object-fit:cover) {
	.answer-block__img img {
		width: 100%;
		height: 100%;
		object-fit: cover
	}
}

.answer-block__notation {
	padding: 1.2rem 1.3rem;
	min-height: 9rem
}

@media (max-width:900px) {
	.answer-block_type_comment {
		width: 100%;
		margin-right: 0
	}
}

@media (max-width:500px) {
	.answer-block_type_comment .answer-block__content {
		padding-right: 1.5rem
	}
}

.answer-block_size_full {
	margin-right: 0;
	width: 100%
}

.answer-block_size_5x {
	margin-right: 1rem!important;
	width: calc(20% - .83rem);
	height: 4.6rem
}

.answer-block_size_5x:nth-child(5n) {
	margin-right: 0!important
}

.answer-block_size_5x_ex {
	margin-right: 1rem!important;
	width: calc(20% - .83rem);
	height: 4.6rem
}

.answer-block_size_5x_ex:nth-child(5n) {
	margin-right: 1rem
}

.answer-block_size_5x_ex:nth-child(5n+1) {
	margin-right: 0!important
}

.answer-block_size_5x_ex:nth-last-child(2) {
	width: calc(50% - .5rem);
	margin-right: 0
}

@media (max-width:800px) {
	.answer-block_size_5x_ex {
		margin-right: 0!important
	}
	.answer-block_size_5x_ex:nth-last-child(2) {
		width: 100%
	}
}

.answer-block_type_simple .answer-block__content {
	display: table;
	padding: 1.5rem 1rem 1.5rem 4.2rem
}

.answer-block_type_simple .answer-block__header {
	display: table-cell;
	vertical-align: middle
}

.answer-block_type_simple .answer-block__checkbox {
	top: 0;
	bottom: 0;
	left: 1.5rem;
	margin: auto 0
}

@media (max-width:800px) {
	.answer-block_type_simple {
		display: block;
		width: 100%;
		margin-right: 0
	}
}

.answer-block_type_img-card {
	display: -ms-flexbox;
	display: flex;
	vertical-align: top;
	float: none;
	width: calc(25% - 1rem);
	min-width: 12rem
}

.answer-block_type_img-card:nth-child(2n) {
	margin-right: 1rem
}

.answer-block_type_img-card:last-child {
	margin-right: 0
}

.answer-block_type_img-card .answer-block__header {
	font-size: .9rem
}

.answer-block_type_img-card .answer-block__content {
	padding: 0;
	border-color: #e6e6e6;
	text-align: center
}

.answer-block_type_img-card .answer-block__checkbox {
	left: auto;
	right: 1rem;
	top: 1rem
}

@media (max-width:660px) {
	.answer-block_type_img-card {
		display: block;
		width: 100%;
		max-width: 17rem;
		margin: 0 auto 2rem
	}
	.answer-block_type_img-card:last-child,
	.answer-block_type_img-card:nth-child(2n) {
		margin-right: auto
	}
}

.answer-block_type_img-card.answer-block_size_3x {
	width: calc(33% - .7rem)
}

.answer-block_type_img-card.answer-block_size_3x .answer-block__header {
	font-size: 1rem
}

.answer-block_type_img-card.answer-block_size_3x:nth-child(2n) {
	margin-right: 1rem
}

.answer-block_type_img-card.answer-block_size_3x:nth-child(3n) {
	margin-right: 0
}

@media (max-width:800px) {
	.answer-block_type_img-card.answer-block_size_3x {
		width: 100%;
		max-width: 18rem
	}
	.answer-block_type_img-card.answer-block_size_3x:nth-child(3n),
	.answer-block_type_img-card.answer-block_size_3x:nth-child(odd) {
		margin-right: 1rem
	}
}

@media (max-width:660px) {
	.answer-block_type_img-card.answer-block_size_3x {
		max-width: 17rem;
		margin: 0 auto 1.5rem
	}
	.answer-block_type_img-card.answer-block_size_3x:nth-child(2n),
	.answer-block_type_img-card.answer-block_size_3x:nth-child(3n),
	.answer-block_type_img-card.answer-block_size_3x:nth-child(odd) {
		margin-right: auto
	}
}

.author-block {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 8;
	width: 22rem;
	height: 4.3rem;
	margin: 0rem auto 0;
	text-align: left;
	padding-top: .4rem;
	padding-left: 5rem;
	border-radius: 5rem;
	background-color: #fff;
	box-shadow: 0 .25rem 1.7rem rgba(0, 0, 0, .1);
	opacity: 1;
	transition: .3s ease
}

@media (min-width:960px) {
	.author-block_type_main-page {
		display: none
	}
}

.author-block_animate_hide {
	opacity: 0;
	height: 0
}

.author-block_state_hidden {
	display: none
}

.author-block:after {
	position: absolute;
	z-index: 0;
	content: "";
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 1.3rem;
	height: 1.3rem;
	background-color: #fff;
	bottom: -.6rem;
	transform: rotate(45deg);
	box-shadow: .5rem .5rem 1rem -.4rem rgba(0, 0, 0, .1)
}

.author-block__img {
	position: absolute;
	left: 0;
	top: 0;
	width: 4.3rem;
	height: 4.3rem;
	border-radius: 50%
}

.author-block__header {
	font-size: .9em;
	font-weight: 700;
	margin-bottom: 0
}

.author-block__description {
	position: relative;
	z-index: 1;
	font-size: .75em;
	color: #999
}

@media (max-width:500px) {
	.author-block {
		height: 3.1rem;
		max-width: 15.5rem;
		padding-left: 3.7rem
	}
	.author-block__img {
		width: 3.1rem;
		height: 3.1rem
	}
	.author-block__desktop-string {
		display: none
	}
}

@media (min-width:501px) {
	.author-block__mobile-string {
		display: none
	}
}

.main-title {
	font-family: ProximaNova;
	font-size: 2.8em;
	font-weight: 400;
	margin-bottom: 1.5rem;
	line-height: 1.1;
	color: #111
}
@media (max-width:1920px) {
	.main-title {
		font-size: 2.4em;
		width: 1100px;
	}
}
@media (max-width:1700px) {
	.main-title {
		font-size: 2.4em;
		width: 900px;
	}
}
@media (max-width:1500px) {
	.main-title {
		font-size: 2.4em;
		width: 800px;
	}
}
@media (max-width:1200px) {
	.main-title {
		font-size: 2.4em;
		width: 750px;
	}
}

@media (max-width:960px) {
	.main-title {
		text-align: center;
		padding-top: 0;
		width: 100%;
	}
}

@media (max-width:500px) {
	.main-title {
		font-size: 2.3em
	}
}

.visual {
	display: block;
	width: 100%;
	max-width: 16rem;
	margin: 0 auto 2rem
}

@media (min-width:800px) {
	.visual {
		display: none
	}
}

.back-to-quiz {
	position: absolute;
	z-index: 5;
	left: 2rem;
	top: 2.1rem;
	width: 2rem;
	height: 2rem;
	cursor: pointer
}

@media (max-width:1050px) {
	.back-to-quiz {
		top: 1.6rem
	}
}

@media (max-width:500px) {
	.back-to-quiz {
		left: 1rem
	}
}

.back-to-quiz_state_hidden {
	display: none
}

.back-to-quiz:after,
.back-to-quiz:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto 0;
	transition: .3s ease
}

.back-to-quiz:before {
	width: 1.1rem;
	height: 1.1rem;
	left: 1px;
	border: 2px solid #111;
	border-right: none;
	border-bottom: none;
	transform: rotate(-45deg)
}

.back-to-quiz:after {
	width: 1.7rem;
	height: 2px;
	background: #111
}

.back-to-quiz:hover:before {
	border-color: teal
}

.back-to-quiz:hover:after {
	background: teal
}

.video-block {
	max-width: 40rem;
	margin: 0 auto 2rem
}

.cross {
	position: relative;
	display: inline-block;
	margin-right: 10px
}

.cross:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 102%;
	height: 3px;
	margin: auto 0;
	opacity: .9;
	background-color: #111;
	display: block;
	content: ""
}

.cross_clr:after {
	background-color: teal
}

.cross_style_thin:after {
	height: 1px
}

.bold {
	font-weight: 700
}

.animate-none {
	animation: none
}

.word {
	display: inline-block
}

.error-message {
	display: block;
	margin: 0 auto 1.1rem;
	padding: 0 .5rem;
	padding-top: 0;
	width: 100%;
	height: 0;
	background-color: rgba(0, 128, 128, .3);
	color: teal;
	border: 1px solid teal;
	overflow: hidden;
	opacity: 0;
	transition: .3s ease
}

.error-message_state_show {
	padding-top: 1rem;
	opacity: 1;
	height: 3.2rem;
	max-width: 65rem;
	margin: 0 auto 1.1rem
}

@media (max-width:400px) {
	.error-message_state_show {
		max-width: 280px;
		height: 4.7rem
	}
}

.error-message_type_empty-phone,
.error-message_type_incorrect-phone,
.error-message_type_policy {
	max-width: 23rem;
	margin-bottom: 0
}

.error-message_type_empty-phone.error-message_state_show,
.error-message_type_incorrect-phone.error-message_state_show,
.error-message_type_policy.error-message_state_show {
	height: 4.7rem;
	margin: 0 auto 1.4rem
}

@media (max-width:700px) {
	.error-message_type_empty-phone,
	.error-message_type_incorrect-phone,
	.error-message_type_policy {
		max-width: 280px
	}
}

.form-notice {
	font-size: .9rem;
	padding-top: 1rem;
	line-height: 1.2;
	color: #999
}

.form-notice_state_disable {
	display: none
}

.php-text-area {
	max-width: 53rem;
	margin: 0 auto;
	text-align: left
}

.php-text-area h1 {
	font-size: 3em;
	font-weight: 700;
	text-align: center;
	margin-bottom: 2.7rem
}

.php-text-area h2 {
	position: relative;
	width: 100%;
	font-size: 3em;
	font-weight: 700;
	margin: 0 0 1.8rem;
	line-height: 1.2;
	color: teal
}

.php-text-area h2:after {
	content: "";
	position: absolute;
	top: .4rem;
	left: -33rem;
	margin: auto 0;
	height: 10rem;
	width: 30rem;
	background-color: teal
}

@media (max-width:600px) {
	.php-text-area h2 {
		font-size: 2.2em
	}
	.php-text-area h2:after {
		display: none
	}
}

.php-text-area h3 {
	position: relative;
	font-size: 2.2em;
	font-weight: 700;
	margin-bottom: 3.5rem
}

.php-text-area h3:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: .4rem;
	bottom: -1.4rem;
	background-color: teal
}

@media (max-width:600px) {
	.php-text-area h3 {
		font-size: 1.7em
	}
}

.php-text-area p {
	font-size: 1.3rem;
	margin: 0 auto 1.2rem
}

.php-text-area b {
	font-weight: 700
}

.php-text-area span {
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 1rem
}

.php-text-area .text-block {
	margin-bottom: 3.5rem
}

.php-text-area .price-block {
	background-color: #fff;
	box-shadow: 0 0 2rem 0 #eee;
	padding: 1.2rem 2rem;
	text-align: left;
	margin: 0 auto 1rem
}

.php-text-area .price-block h3 {
	position: relative;
	font-size: 1.2rem;
	font-weight: 500;
	margin-bottom: .6rem
}

.php-text-area .price-block h3:after {
	display: none
}

.php-text-area .price-block p {
	margin-bottom: 0
}

.calculation-text-area {
	display: none;
	max-width: 53rem;
	margin: 0 auto;
	text-align: left
}

.calculation-text-area.is-active {
	display: block
}

.calculation-text-area .is-hidden {
	display: none
}

.calculation-text-area .var {
	font-weight: 700
}

.calculation-text-area .calculation-img {
	width: 100%;
	overflow: hidden;
	max-height: 26rem;
	margin-bottom: 1.5rem
}

.calculation-text-area .calculation-img img {
	width: 100%;
	height: auto
}

.calculation-text-area h1 {
	font-size: 3em;
	font-weight: 700;
	text-align: center;
	margin-bottom: 2.7rem
}

.calculation-text-area h2 {
	position: relative;
	width: 100%;
	font-size: 3em;
	font-weight: 700;
	margin: 0 0 1.8rem;
	line-height: 1.2;
	color: teal
}

.calculation-text-area h2:after {
	content: "";
	position: absolute;
	top: .4rem;
	left: -33rem;
	margin: auto 0;
	height: 10rem;
	width: 30rem;
	background-color: teal
}

@media (max-width:600px) {
	.calculation-text-area h2 {
		font-size: 2.2em
	}
	.calculation-text-area h2:after {
		display: none
	}
}

.calculation-text-area h3 {
	position: relative;
	font-size: 2.2em;
	font-weight: 700;
	margin-bottom: 3.5rem
}

.calculation-text-area h3:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: .4rem;
	bottom: -1.4rem;
	background-color: teal
}

@media (max-width:600px) {
	.calculation-text-area h3 {
		font-size: 1.7em
	}
}

.calculation-text-area p,
.calculation-text-area ul {
	font-size: 1.3rem;
	margin: 0 auto 1.2rem
}

.calculation-text-area ul {
	margin-left: 1.4rem
}

@media (max-width:600px) {
	.calculation-text-area ul {
		margin-left: 0
	}
}

.calculation-text-area span {
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 1rem
}

.calculation-text-area b {
	font-size: 1em;
	font-weight: 700
}

.calculation-text-area .text-block {
	margin-bottom: 3.5rem
}

.calculation-text-area .price-block {
	background-color: #fff;
	box-shadow: 0 0 2rem 0 #eee;
	padding: 1.2rem 2rem;
	text-align: left;
	margin: 0 auto 1rem
}

@media (max-width:400px) {
	.calculation-text-area .price-block {
		padding: 1.2rem
	}
}

.calculation-text-area .price-block.center {
	text-align: center
}

.calculation-text-area .price-block h3 {
	position: relative;
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: .6rem
}

.calculation-text-area .price-block h3:after {
	display: none
}

.calculation-text-area .price-block h3.fw_normal {
	font-weight: 400
}

.calculation-text-area .price-block p {
	margin-bottom: 0
}

.calculation-text-area .price-block .pros {
	color: #3c9;
	font-weight: 700
}

.calculation-text-area .price-block .cons {
	color: #fa2626;
	font-weight: 700
}

.calculation-text-area .price-block .list-point {
	position: relative;
	display: block;
	line-height: 1.3;
	margin-bottom: .7rem;
	padding-left: 2.3rem;
	vertical-align: middle
}

.calculation-text-area .price-block .list-point:before {
	position: absolute;
	left: 0;
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
	border: 2px solid;
	line-height: 1.1;
	font-family: sans-serif;
	font-size: 1.3rem;
	text-align: center;
	vertical-align: middle
}

.calculation-text-area .price-block .list-point_pros:before {
	content: "+";
	color: #3c9
}

.calculation-text-area .price-block .list-point_cons:before {
	content: "-";
	color: #fa2626
}

@media (max-width:400px) {
	.calculation-text-area .price-block .list-point {
		padding-left: 2rem
	}
	.calculation-text-area .price-block .list-point:before {
		width: 1rem;
		height: 1rem;
		line-height: .8;
		font-size: 1.2rem
	}
}

.calculation-text-area mark {
	color: teal;
	font-weight: 700;
	background-color: transparent
}

.date-selection-area {
	text-align: left;
	max-width: 50rem;
	width: 100%;
	margin: 0 auto 2rem;
	background-color: #fff;
	padding: 1.2rem 2rem;
	box-shadow: 0 0 2rem 0 #eee
}

.date-selection-area__text {
	font-size: 1.3em;
	margin-bottom: 1rem
}

.date-selection-area__header {
	font-size: 1.3rem;
	margin-bottom: 1rem;
	font-weight: 500
}

.date-pick-form__button {
	margin: 0 0 1rem
}

.trademark {
	position: relative;
	z-index: 10;
	float: left;
	padding-right: 1rem;
	margin-right: 1rem
}

.trademark:after {
	content: "";
	display: block;
	clear: both
}

.trademark__img {
	float: left;
	width: 2.8vw;
	margin-right: .5rem;
	opacity: .4
}

.trademark__name {
	padding-top: .4rem;
	line-height: 1.5;
	font-size: 1vw;
	color: #123;
	float: left;
	opacity: .4
}

.trademark:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto 0;
	height: 100%;
	width: 1px;
	background-color: #123;
	opacity: .2
}

.trademark:hover .trademark__img,
.trademark:hover .trademark__name {
	opacity: 1
}

@media (min-width:1920px) {
	.trademark__name {
		font-size: 1em
	}
	.trademark__img {
		width: 2.3rem
	}
}

@media (max-width:960px) {
	.trademark {
		float: none;
		text-align: center;
		padding-right: 0;
		margin-right: auto;
		margin-left: auto
	}
	.trademark__name {
		padding-top: 0;
		float: none;
		font-size: 1em;
		line-height: 1.1;
		margin-bottom: .8rem
	}
	.trademark__img {
		display: block;
		float: none;
		width: 2.3rem;
		margin: 0 auto .5rem
	}
	.trademark:before {
		display: none
	}
}

.tagline-container {
	display: inline-block;
	height: 4rem;
	width: 34rem;
	vertical-align: middle
}

@media (max-width:960px) {
	.tagline-container {
		display: block;
		max-width: 100%
	}
}

@media (max-width:420px) {
	.tagline-container {
		height: 5.2rem;
		width: 20rem
	}
}

.tagline {
	height: 3.8rem;
	line-height: 3.8rem
}

@media (max-width:420px) {
	.tagline {
		height: 5.5rem;
		line-height: 2.5rem
	}
	.tagline i {
		display: block
	}
}

.theme-box {
	position: relative;
	width: 25%;
	min-width: 11.5rem;
	float: left;
	height: auto;
	cursor: pointer;
	font-size: inherit;
	overflow: hidden
}

@media (max-width:800px) {
	.theme-box {
		width: 50%
	}
}

@media (max-width:400px) {
	.theme-box {
		width: 100%;
		max-width: 14rem;
		margin: 0 auto;
		float: none
	}
}

.theme-box:before {
	background-color: hsla(0, 0%, 100%, .7);
	transition: .3s ease
}

.theme-box:after,
.theme-box:before {
	position: absolute;
	z-index: 3;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	content: ""
}

.theme-box:after {
	width: 5rem;
	height: 5rem;
	margin: auto;
	background: url(../img/preview-ico.png) no-repeat;
	background-size: 40rem
}

.theme-box_theme_prosthetics:after {
	background-position: -5rem 0
}

.theme-box_theme_implantation:after {
	background-position: 0 0
}

.theme-box_theme_treatment:after {
	background-position: -10rem 0
}

.theme-box_theme_remove:after {
	background-position: -15rem 0
}

.theme-box_theme_braces:after {
	background-position: -30rem 0;
}

.theme-box_theme_whitening:after {
	background-position: -25rem 0
}

.theme-box_theme_pediatrics:after {
	background-position: -30rem 0
}

.theme-box_theme_veneers:after {
	background-position: -35rem 0
}

.theme-box__header {
	position: absolute;
	font-size: .9rem;
	font-weight: 700;
	z-index: 50;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 1.1rem;
	color: #000;
	text-transform: uppercase
}

.theme-box__img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: .3s ease
}

.theme-box:hover:before {
	background-color: rgba(250, 38, 38, .8)
}

.theme-box:hover:after {
	background-position-y: -5rem
}

.theme-box:hover .theme-box__img {
	transform: scale(1.1)
}

.theme-box:hover .theme-box__header {
	color: #fff
}

.callback-btn {
	position: relative;
	display: inline-block;
	height: 1.7rem;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 700;
	font-size: .9em;
	margin-top: 2em;
	cursor: pointer;
	transition: .3s ease;
	border: none
}

.callback-btn:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	transition: .3s ease
}

@media (max-width:960px) {
	.callback-btn {
		display: block;
		text-align: center;
		margin: 0 auto 2rem
	}
}

html {
	font-family: ProximaNova;
	font-size: 1.15vw;
	color: #111;
	overflow-y: scroll
}

@media (min-width:1920px) {
	html {
		font-size: 22px
	}
}

@media (max-width:1280px) {
	html {
		font-size: 15px
	}
}

@media (max-width:1024px) {
	html {
		background-size: cover;
		background-position: 50%
	}
}

body {
	background-color: #fafafa
}

h2,
h3,
p {
	line-height: 1.4
}

* {
	-moz-user-select: none;
	-html-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	unselectable: on
}