.intro-button,
a:hover {
	text-decoration: none
}

.button-product,
body.modal-open-mobile,
html.modal-open-mobile {
	overflow: hidden
}

.container-service,
.content-seo .content-seo-list h4,
.content-seo .content-seo-list p,
.desc-training-item,
.news-box h1,
.news-box p,
.thumbnail-painpoint.next-is-your,
.title-training-item h1 {
	-webkit-box-orient: vertical
}

body.modal_openoverflow,
html.modal_openoverflow {
	height: 100%
}

body.hidden-overflow,
html.hidden-overflow {
	height: 100%;
	overflow: hidden
}

body,
html {
	height: 100%!important
}

.modal-open-mobile .scrollToTop {
	display: none!important
}

iframe[name=google_conversion_frame] {
	display: none
}

.scrollToTop {
	right: 15px;
	bottom: 15px;
	background: #6772e5;
	box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
	border-radius: 4px
}

:focus {
	outline: 0
}

.header {
	padding-top: 15px
}

.header-top .social-links.header-top-contact li:hover {
	background-color: #f1f1f1
}

.header-top .social-links.header-top-contact li {
	float: none;
	border: 0
}

.header-top-contact {
	text-align: center
}

.fixed-header-on .header.fixed.have-scroll {
	padding-right: 17px
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
	width: 40px;
	height: 40px;
	right: -13px;
	text-align: center;
	border-radius: 100px;
	border: 2px solid transparent;
	line-height: 38px;
	padding: 0;
	top: -43px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	font-family: Arial, Baskerville, monospace!important
}

.mfp-iframe-holder .mfp-close:hover,
.mfp-image-holder .mfp-close {
	border: 2px solid #fff;
	transform: scale(.8);
	-webkit-transform: scale(.8) rotateZ(90deg)
}

.fixed-header-on .header .logo,
.image-service-esp .device-body.tablet .home-button {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1)
}

.page-title {
	margin-bottom: 20px
}

.col-no-padding {
	padding-left: 0;
	padding-right: 0
}

body {
	font-size: 100%
}

a:active,
a:focus {
	text-decoration: inherit
}

form {
	margin: 0
}

.site-slogan {
	float: left;
	margin: 17px 10px 0;
	font-size: 12px
}

.contact-header {
	font-weight: 900;
	font-family: Mitr, sans-serif;
	letter-spacing: 1px;
	line-height: normal;
	font-size: 36px!important
}

#btn-lead,
#btn-trial {
	float: right;
	padding: 7px;
	min-width: 100px;
	font-size: 15px;
	line-height: normal;
	color: #FFF;
	text-indent: inherit;
	text-transform: none;
	font-weight: 700
}

#logo-footer {
	width: 50px;
	height: 50px;
	border-radius: 50%
}

#btn-lead {
	margin: 0;
	margin-top: 8px!important;
	border-radius: 4px;
	background: -webkit-linear-gradient(top, #7a7a7a 0, #727272 26%, #5a5a5a 76%, #525252 100%)!important;
	border: 0
}

#btn-lead:hover {
	background: linear-gradient(to bottom, #a8a8a8 0, #a8a8a8 26%, #878787 76%, #7f7f7f 100%)!important
}

#btn-trial {
	margin: 0 0 0 10px;
	margin-top: 8px!important;
	border-radius: 4px;
	background: -webkit-linear-gradient(top, #96b432 0, #92b42a 3%, #8fb429 9%, #8eb12f 12%, #8db12b 15%, #88ad29 24%, #7fa629 41%, #759d23 56%, #679320 79%, #64911a 85%, #648e22 88%, #638d1d 91%, #5e8d1d 97%, #64891f 100%);
	border: 0
}

#btn-trial:hover {
	background: linear-gradient(to bottom, #acd045 0, #a1c63f 21%, #6f9a25 76%, #608d1e 100%)
}

.fixed-header-on .header .logo {
	transform: scale(1);
	width: 40px;
	height: 40px;
	margin-top: 5px
}

.footer {
	color: #666
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {
	color: #343434;
	text-align: center
}

.button-product {
	width: 50px!important;
	height: 50px!important;
	display: inline-block!important;
	vertical-align: middle!important;
	position: relative;
	line-height: 50px;
	background: #FFF;
	border-radius: 50%;
	text-align: center;
	margin: 0 10px
}

.gallery-item {
	text-align: center
}

.button-product .overlay {
	border-radius: 50%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.button-product:hover {
	border-color: #3d78d8
}

.logo a {
	float: left;
	display: inline-block
}

.banner {
	background: url(/public/images/banner.jpg) top no-repeat;
	background-size: cover;
	height: 100%;
	width: 100%
}

.fixed-header-on .header.fixed .contact-header {
	display: none
}

.left-nav {
	width: 210px;
	background-color: rgba(255, 255, 255, .9);
	padding: 20px 0 10px
}

.banner-inner h2 {
	text-transform: uppercase;
	font-size: 18px;
	margin: 0 0 10px 20px;
	color: #222;
	font-weight: 700
}

.banner-inner ul {
	margin: 0 0 15px;
	padding: 0
}

.banner-inner ul li {
	font-size: 16px;
	line-height: 140%;
	color: #666
}

.banner-inner .left-nav a {
	font-size: 17px;
	position: relative;
	display: block;
	color: #222;
	width: 100%;
	padding: 2px 0;
	z-index: 1
}

.banner-inner .left-nav a .inner {
	padding-left: 20px;
	display: table;
	position: relative;
	z-index: 3
}

.banner-inner span.icon {
	width: 33px;
	height: 33px;
	display: inline-block;
	margin: 5px 5px 5px 0;
	border-radius: 50%;
	color: #FFF;
	text-align: center;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 33px
}

.banner-inner a span.title,
.coming-p,
.tcat-ctas a {
	font-weight: 400;
	font-family: Mitr, sans-serif;
	letter-spacing: 1px;
	line-height: 1
}

.banner-inner li.pc-cloud span.icon {
	background: #38B1BB
}

.banner-inner li.pos-cloud span.icon {
	background: #18AC70
}

.banner-inner li.bi-cloud span.icon {
	background: #245474
}

.banner-inner li.email-cloud span.icon {
	background: #465a68
}

.banner-inner li.form-cloud span.icon {
	background: #896760
}

.banner-inner li.form-cloud span.icon:before {
	left: 2px;
	position: relative
}

.banner-inner li.iseo-cloud span.icon {
	background: #8092da
}

.banner-inner li.smb-cloud span.icon {
	background: #47B11D
}

.banner-inner li.smb-cloud span.icon:before {
	content: "\f015";
	font-size: 20px;
	position: relative;
	left: 2px
}

.banner-inner li.industry-cloud span.icon {
	background: #009CDB
}

.banner-inner li.industry-cloud span.icon:before {
	content: "\f19c";
	font-size: 15px;
	top: -2px;
	position: relative;
	left: 2px
}

.banner-inner a span.title {
	display: table-cell;
	vertical-align: middle;
	padding: 0 8px;
	width: 100%;
	font-size: 20px!important
}

.banner-inner .left-nav a:hover {
	color: #00a1e0
}

.coming-p {
	margin: 0;
	color: #3D78D8;
	font-size: 16px!important
}

.tcat-ctas {
	margin-top: 100px
}

.tcat-ctas a {
	font-size: 20px!important
}

.tcat-ctas h1 {
	font-size: 48px;
	font-weight: 100;
	line-height: 125%;
	margin: 0 0 10px
}

.banner-inner h2.sub {
	font-size: 18px;
	margin: 0 0 25px;
	font-weight: 400
}

.announce-banner-logo label,
.announce-banner-year label {
	font-weight: 400;
	font-size: 20px!important;
	color: #FFF;
	font-family: Mitr, sans-serif;
	letter-spacing: 1px;
	line-height: 1
}

.margin-left-20 {
	margin-left: 20px
}

.announce-banner {
	background: url(/public/images/pageinfo.jpg);
	padding: 15px 0;
	border-bottom: 0
}

.announce-banner-logo img {
	height: 44px;
	border-radius: 50%;
	display: inline-block
}

.announce-banner-logo label {
	margin: 0 0 0 5px
}

.announce-banner-year label {
	margin: 11px 0 0
}

.announce-banner-regis a {
	color: #FFF;
	margin: 8px 0 0;
	display: inline-block;
	font-weight: 900;
	font-family: Mitr, sans-serif;
	letter-spacing: 1px;
	line-height: 1;
	font-size: 22px!important
}

.search-mobile {
	padding: 10px 15px
}

.search-mobile .form-group {
	margin-bottom: 0
}

.search-mobile .form-control {
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
	border-color: #f1f1f1;
	background-color: #fff
}

.search-mobile .form-control-feedback {
	width: 40px;
	height: 40px;
	line-height: 42px!important;
	top: 0
}

.nav .icon,
.nav .title {
	display: table-cell;
	vertical-align: middle
}

.nav .icon span {
	width: 30px;
	height: 30px;
	display: block;
	line-height: 30px;
	text-align: center
}

.nav .title {
	padding-left: 1em;
	font-size: 1.2em;
	letter-spacing: .02em
}

.title span {
	display: block;
	font-size: .8em;
	color: #b7c8cf;
	padding-top: .3em
}

.container-index .row {
	padding: 40px 0
}

.container-index .row:nth-child(1) {
	padding: 0 0 20px
}

.box-style-1.box-style-app i {
	right: 0;
	margin: 0 auto;
	left: 0;
	top: -65px;
	position: absolute;
	font-size: 80px
}

.box-style-1.box-style-app i:before {
	color: #FFF;
	border-radius: 50%;
	padding: 20px;
	font-size: inherit;
	position: relative
}

.box-style-1.box-style-app h2 {
	margin-top: 60px;
	font-size: 30px;
	margin-bottom: 15px;
	font-weight: 200
}

.box-style-app a,
.box-style-app p {
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 1;
	font-family: Mitr, sans-serif
}

.box-style-app p {
	font-size: 20px!important;
	min-height: 60px
}

.box-style-app a {
	font-size: 18px!important
}

#pc-box-style.box-style-1.box-style-app i:before {
	background: #38B1BB
}

#pc-box-style.box-style-1.box-style-app {
	border-top: 4px solid #38B1BB!important
}

#pos-box-style.box-style-1.box-style-app i:before {
	background: #18AC70
}

#pos-box-style.box-style-1.box-style-app {
	border-top: 4px solid #18AC70!important
}

#bi-box-style.box-style-1.box-style-app i:before {
	background: #245474
}

#bi-box-style.box-style-1.box-style-app {
	border-top: 4px solid #245474!important
}

#email-box-style.box-style-1.box-style-app i:before {
	background: #465a68;
	padding: 25px;
	font-size: 70px
}

#email-box-style.box-style-1.box-style-app {
	border-top: 4px solid #465a68!important
}

#form-box-style.box-style-1.box-style-app i:before {
	background: #896760;
	padding: 25px;
	font-size: 70px
}

#iseo-box-style.box-style-1.box-style-app i:before,
#tele-box-style.box-style-1.box-style-app i:before {
	background: #8092da
}

#form-box-style.box-style-1.box-style-app {
	border-top: 4px solid #896760!important
}

#iseo-box-style.box-style-1.box-style-app,
#tele-box-style.box-style-1.box-style-app {
	border-top: 4px solid #8092da!important
}

.separator-box {
	display: block;
	width: 25%;
	height: 1px;
	margin: 15px auto;
	background-color: #ccc;
	position: relative;
	border: 1px solid #ccc
}

.box-style-1.box-style-app h1 {
	font-size: 65px
}

.percents-box {
	font-size: 30px;
	font-weight: 300
}

.serviceBtn-container {
	margin: 30px 0 10px;
	text-align: left
}

.social-signin {
	text-align: left;
	margin: 10px 0
}

.social-signin .serviceBtn {
	width: 280px;
	height: 60px;
	position: relative;
	display: inline-block;
	text-align: left
}

.social-signin .serviceBtn .serviceLogo {
	width: 60px;
	height: 60px;
	font-size: 24px;
	color: #fff;
	display: block;
	text-align: center;
	float: left;
	background-color: transparent;
	border-color: transparent
}

.social-signin .serviceBtn .serviceLogo i {
	line-height: 60px
}

.social-signin .serviceBtn .service {
	color: #FFF;
	position: relative;
	text-align: center;
	width: 220px;
	background: #DD4B39;
	float: left;
	height: 60px;
	line-height: 60px;
	border-left: 1px solid #F1F1F1
}

.social-signin .serviceBtn.google .serviceLogo {
	background-color: #dd4b39;
	border-color: #dd4b39
}

.social-signin .serviceBtn.google .service {
	background: #DD4B39
}

.social-signin .serviceBtn.linkedin .serviceLogo {
	background-color: #0976b4;
	border-color: #0976b4
}

.social-signin .serviceBtn.linkedin .service {
	background: #0976b4
}

.social-signin .serviceBtn.facebook .serviceLogo {
	background-color: #3b5998;
	border-color: #3b5998
}

.social-signin .serviceBtn.facebook .service {
	background: #3b5998
}

.grid-cell-form {
	background-color: #3D78D8
}

.section-form {
	padding: 25px
}

.section-form h2 {
	margin-top: 0
}

.section-form label,
.section-form p {
	font-size: 14px
}

.section-form .error {
	font-weight: 400
}

.section-form iframe {
	width: 100%
}

.section-form .rc-anchor-normal {
	width: 100%!important
}

.g-recaptcha {
	transform: scale(1.345);
	-webkit-transform: scale(1.345);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	margin-bottom: 30px;
	display: inline-block
}

.default-bg #lead-form .form-control {
	background-color: #FFF;
	color: #666
}

.default-bg #lead-form .form-control:focus {
	border-color: #3d78d8;
	background-color: rgba(0, 0, 0, .25);
	color: #FFF
}

#lead-form label~.form-control-feedback {
	color: #666
}

.default-bg #lead-form .form-control:focus+.form-control-feedback {
	color: #FFF
}

.default-bg #lead-form .has-error .form-control-feedback {
	color: #DD4B39
}

@media (max-width:1200px) {
	.g-recaptcha {
		transform: scale(1.073);
		-webkit-transform: scale(1.073);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		margin-bottom: 5px
	}
}

@media (max-width:992px) {
	.g-recaptcha {
		transform: scale(.973);
		-webkit-transform: scale(.973);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		margin-bottom: 5px
	}
}

@media (max-width:768px) {
	.g-recaptcha {
		transform: scale(.835);
		-webkit-transform: scale(.835);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		margin-bottom: 0
	}
}

.bt_top_register:hover,
.intro-button:hover {
	-moz-transform: translateY(-1px);
	-webkit-transform: translateY(-1px)
}

.default-bg .has-error .form-control-feedback {
	color: #a94442
}

h2.h-lead {
	color: #343434;
	font-size: 38px;
	margin-bottom: 5px;
	margin-top: 25px
}

.p-lead-tel {
	font-size: 20px
}

.social-signin-header-vert-p {
	font-size: 16px
}

.dark-bg select.form-control,
.default-bg select.form-control {
	color: #fff
}

.social-signin-header-vert {
	font-size: 30px;
	margin-bottom: 5px;
	color: #343434
}

.img-leader {
	margin-top: 25px;
	width: 100px;
	border-radius: 50%
}

.main-container-lead {
	padding: 0
}

.modal-body {
	max-height: -webkit-calc(100vh - 65px);
	max-height: -moz-calc(100vh - 65px);
	max-height: calc(100vh - 65px);
	overflow-y: auto;
	background: #fff
}

.modal-open .modal {
	padding-right: 0!important;
	padding-left: 0!important;
	overflow: hidden
}

.modal-content {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0
}

button.close {
	color: #FFF
}

.close:focus,
.close:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	outline: 0;
	color: #FFF
}

#YouTubeModalBody iframe {
	margin: 0!important;
	padding: 6px 6px 0!important
}

.header-top .social-links li .contact-header a {
	border: transparent;
	width: auto;
	height: 30px;
	background-color: transparent;
	font-size: 28px;
	float: left;
	display: inline-block;
	font-weight: 900;
	font-family: Mitr, sans-serif;
	letter-spacing: 0;
	color: #666
}

.header-top .social-links li .contact-header a:last-child {
	color: #666
}

@media (min-width:768px) {
	#video-on-mobile,
	.navbar-toggle.offcanvas-toggle-left {
		display: none
	}
	.logo-mobile {
		display: none!important
	}
}

@media (max-width:991px) {
	.grid-cell-center,
	.logo,
	.social-signin {
		text-align: center
	}
	.img-leader {
		margin-left: auto;
		margin-right: auto
	}
	.social-signin {
		float: none
	}
}

@media (max-width:767px) {
	.header.fixed {
		height: 1px;
		border-bottom: 0
	}
	.header.fixed>.container {
		display: none
	}
	.header-top .social-links.header-top-contact li {
		height: 40px;
		line-height: 40px;
		padding: 5px
	}
	.contact-header {
		font-size: 28px!important;
		letter-spacing: 0
	}
	.logo-mobile {
		display: block;
		padding: 0;
		margin: 0;
		position: fixed;
		right: 10px;
		z-index: 1031;
		text-align: center
	}
	.benefit-content h3 span,
	.resource-block img,
	.show-min-scr3 {
		display: none
	}
	.header-top {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 1006;
		border-bottom: 1px solid #eaeaea;
		background-color: #fff;
		background-image: linear-gradient(to bottom, #32ACDC 0, #2098CE 100%)
	}
	.header-top .social-links.header-top-contact li:hover {
		background-color: transparent
	}
	.banner {
		background: 0 0
	}
	.banner-bg {
		background: url(/public/images/banner-xs.jpg) top no-repeat;
		background-size: cover;
		height: 100%;
		width: 100%
	}
	.tcat-ctas {
		margin-top: 0
	}
	.tcat-ctas h1 {
		font-size: 30px
	}
	.banner-inner h2.sub {
		font-size: 16px
	}
	.container-index .row:nth-child(2) {
		padding-bottom: 0
	}
	.container-index .row:nth-child(3) {
		padding-top: 0;
		padding-bottom: 0
	}
	.box-style-1 {
		margin-bottom: 100px
	}
	#bi-box-style.box-style-1.box-style-app {
		margin-bottom: 40px
	}
	#tele-box-style.box-style-1.box-style-app {
		margin-bottom: 0
	}
	.cell-content-detail .benefit-cta-container {
		padding-left: 15px;
		padding-right: 15px
	}
	.benefit-content>div.col-sm-right {
		padding-right: 0
	}
	.cell-content-2 {
		padding: 20px 0
	}
	#pricing_editions .cell-content-2 {
		padding: 20px 15px
	}
	.download-pdf-row-mobile {
		margin-top: 0;
		font-size: 11px;
		padding-top: 8px
	}
	.margin-top-20-xs {
		margin-top: 20px!important
	}
	.feature-list {
		padding-left: 15px;
		padding-right: 15px
	}
	.feature-list>li {
		margin-bottom: 40px
	}
	#getting_start .feature-list {
		padding: 20px 15px
	}
	.cs-video-hero {
		height: 210px
	}
	.cs-hero-content {
		margin-bottom: 0
	}
	.cs-video-content {
		position: relative;
		bottom: auto;
		width: 100%
	}
	.cs-video-content h2 {
		padding: 15px;
		font-size: 32px
	}
	.cs-video-copy {
		padding: 20px 15px
	}
	.customer-story {
		width: 100%;
		background: #FFF
	}
	.cs-left .cs-inner {
		padding-right: 0
	}
	.cs-title {
		padding: 0 15px;
		height: auto;
		margin-bottom: 20px
	}
	.cs-right .cs-inner {
		padding-left: 0
	}
	.resource-block {
		width: 100%
	}
	#YouTubeModalBody iframe,
	.modal-dialog {
		width: 100%!important
	}
	.resources-container {
		padding: 20px 15px;
		border-bottom: 0
	}
	.resource-block-inner {
		margin: 0 0 30px
	}
	.grid-cell-form,
	.serviceBtn-container {
		margin-top: 20px
	}
	#item_demo_1 .resources-container {
		padding-bottom: 0
	}
	#item_demo_2 .resources-container {
		padding-top: 0
	}
	.banner-inner .cell-content {
		padding: 15px
	}
	.grid-cell-form {
		margin-left: -15px;
		margin-right: -15px
	}
	.logo {
		margin: 0
	}
	.logo a {
		float: none
	}
	.header {
		padding: 20px 0
	}
	.site-slogan {
		float: none;
		margin: 0
	}
	.container-index .row:nth-child(2) .col-sm-4:last-child .box-style-1 {
		margin-bottom: 80px
	}
	.modal-dialog {
		margin: 0
	}
	.modal-open .modal {
		padding-right: 0!important
	}
	.modal-content {
		border: 0
	}
	.modal-body {
		height: -webkit-calc(100vh - 65px);
		height: -moz-calc(100vh - 65px);
		height: calc(100vh - 65px)
	}
	#btn-trial {
		margin-left: 0;
		margin-top: 0!important;
		min-width: 80px
	}
	.subfooter {
		padding-bottom: 100px
	}
	.scrollToTop {
		bottom: 75px;
		right: 15px
	}
	.navbar-default .navbar-toggle {
		padding: 9px 7px;
		border: 2px solid #DDD;
		margin-right: 0
	}
	.navbar-fixed-bottom {
		min-height: 60px;
		background-color: #000;
		border: 0;
		opacity: .75;
		filter: alpha(opacity=75)
	}
	.contact-footer {
		display: table;
		height: 60px;
		line-height: 60px;
		width: 100%
	}
	.contact-footer>li {
		display: table-cell
	}
	.contact-footer>li:hover {
		background: rgba(0, 0, 0, .25)
	}
	.contact-footer .intro-button {
		font-size: 1.4em;
		padding: 0 5px;
		width: 100%;
		line-height: 60px;
		font-weight: 400;
		letter-spacing: normal
	}
	.contact-footer .intro-button>i {
		width: 35px;
		height: 35px;
		font-size: 1.5em;
		margin-right: 5px;
		margin-top: 12.5px;
		line-height: 35px
	}
	.contact-footer .intro-button>i.line {
		font-size: 1.25em
	}
	.header-top .social-links.header-top-contact li.contact {
		padding-right: 35px
	}
	.header-top .social-links.header-top-contact li.contact.visible-xs {
		display: inline-block!important
	}
	.header-top .social-links li .contact-header a:last-child {
		color: #FFF
	}
}

.font-title {
	font-family: Mitr, sans-serif
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
	outline: 0;
	outline-offset: none
}

input[type=number].form-control::-webkit-inner-spin-button,
input[type=number].form-control::-webkit-outer-spin-button {
	-webkit-appearance: none
}

input[type=number].form-control::-moz-inner-spin-button,
input[type=number].form-control::-moz-outer-spin-button {
	-moz-appearance: none
}

.common-button--default {
	color: #fff;
	background: #6772e5
}

.common-link {
	font-size: 17px;
	line-height: 26px;
	color: #6772e5;
	font-weight: 500;
	-webkit-transition: color .1s ease;
	transition: color .1s ease;
	cursor: pointer
}

.intro-button,
.intro-button>i {
	display: inline-block;
	line-height: 75px
}

.common-link:hover {
	color: #32325d!important
}

.intro-button {
	white-space: nowrap;
	font-size: 2.5em;
	font-weight: 600;
	letter-spacing: .025em;
	-moz-transition: all .15s ease;
	-webkit-transition: all .15s ease;
	transition: all .15s ease;
	color: #FFF;
	cursor: pointer;
	vertical-align: middle
}

.bt_top_register,
.intro-button>i {
	-webkit-transition: all .15s ease
}

.intro-button:hover {
	color: #FFF;
	transform: translateY(-1px)
}

.intro-button:active,
.intro-button:focus {
	color: #FFF
}

.intro-button>i {
	background: rgba(255, 255, 255, .25);
	border-radius: 50%;
	width: 75px;
	height: 75px;
	font-size: 1.1em;
	text-align: center;
	margin-right: 10px;
	float: left;
	color: #7795f8;
	font-weight: 400;
	-moz-transition: all .15s ease;
	transition: all .15s ease
}

.intro-button>i.line {
	color: #00b900
}

.intro-button:hover>i {
	-moz-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg);
	box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08)
}

.bt_table_trial_program,
.bt_top_register {
	box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
	background: #6772e5;
	color: #FFF;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .025em;
	white-space: nowrap
}

.bt_top_register {
	font-family: "Conv_DB Helvethaica X Li v3.2";
	font-size: 2.5em;
	margin: 50px 0 0;
	border-radius: 4px;
	font-weight: 600;
	transition: all .15s ease;
	width: 54%
}

.bt_top_register:hover {
	color: #FFF;
	transform: translateY(-1px)
}

.bt_top_register:focus {
	color: #FFF
}

.bt_table_trial_program {
	font-size: 1em;
	margin: 0;
	-webkit-transition: all .15s ease;
	transition: all .15s ease;
	width: 150px;
	min-width: auto;
	border-radius: 25px;
	background-image: linear-gradient(to bottom right, #f857a6, #ff5858)!important
}

.bt_table_trial_program:hover {
	color: #FFF;
	-moz-transform: translateY(-1px);
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px)
}

.bt_table_trial_program:focus {
	color: #FFF
}

.bt_sidebar_trial_program {
	display: inline-block;
	font-family: Mitr, sans-serif;
	font-size: 2em;
	font-weight: 700;
	background-image: linear-gradient(to bottom right, #f857a6, #ff5858);
	color: #fff;
	padding: 0 30px;
	border: 0;
	border-radius: 25px;
	line-height: 50px;
	height: 50px;
	transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	text-transform: uppercase;
	cursor: pointer;
	margin: 20px auto auto;
	width: auto;
	box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08)
}

.bt_sidebar_trial_program:hover {
	background: #fff;
	color: #7795f8;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.bt_sidebar_trial_program:active,
.bt_sidebar_trial_program:focus {
	box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
	background: #fff;
	color: #7795f8;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.table-pricing-pc .bt_table_trial_program {
	background: #3babb4
}

.table-pricing-pa .bt_table_trial_program {
	background: #19a26b
}

.table-pricing-iseo .bt_table_trial_program {
	background: #7b8bcd
}

.table-pricing-esp .bt_table_trial_program {
	background: #445b6a
}

@media only screen and (max-width:991px) {
	.bt_sidebar_trial_program {
		font-size: 1.5em;
		flex: 1;
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		padding: 0;
		margin: auto;
		max-width: 90%
	}
	.bt_top_register {
		margin-left: 25px;
		margin-top: 15px
	}
}

@media only screen and (max-width:767px) {
	.bt_top_register {
		margin-left: 10px;
		font-size: 1.5em;
		width: auto
	}
}

@media (max-width:1199px) and (min-width:992px) {
	.bt_sidebar_trial_program {
		font-size: 1.5em
	}
}

.btn-register,
.common-button {
	font-size: 2em;
	transition: transform .125s, border .125s;
	outline: 0;
	padding: 0;
	overflow: hidden
}

.common-button {
	white-space: nowrap;
	display: block;
	height: 40px;
	line-height: 40px;
	box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
	background: #6772e5;
	background-image: linear-gradient(to bottom right, #673AB7, #6772e5);
	border-radius: 25px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .025em;
	color: #FFF;
	text-decoration: none;
	position: relative;
	-webkit-transition: transform .125s, border .125s;
	-moz-transition: transform .125s, border .125s;
	margin: 30px 0 auto auto;
	max-width: 160px
}

.common-button:hover {
	color: #FFF;
	-moz-transform: translateY(-1px);
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px)
}

.common-button:focus {
	color: #FFF
}

.common-button:active {
	transform: scale(.9, .9);
	-webkit-transform: scale(.9, .9);
	-moz-transform: scale(.9, .9)
}

.common-button:after,
.common-button:before {
	position: absolute;
	opacity: 0;
	border-radius: 50%;
	background-color: #fff;
	top: 50%;
	left: 50%;
	margin-top: -18px;
	margin-left: -18px;
	width: 36px;
	height: 36px;
	content: '';
	z-index: 1
}

.common-button.loading {
	animation: common-button-loading .5s forwards;
	-webkit-animation: common-button-loading .5s forwards;
	-moz-animation: common-button-loading .5s forwards;
	min-width: auto;
	border-radius: 50%;
	margin-right: 60px
}

.common-button.loading:before {
	opacity: 1;
	background-color: rgba(255, 255, 255, .25);
	animation: common-button-dot-intro .5s forwards;
	-webkit-animation: common-button-dot-intro .5s forwards;
	-moz-animation: common-button-dot-intro .5s forwards
}

.common-button.loading:after {
	opacity: 0;
	background-color: rgba(255, 255, 255, .25);
	animation: common-button-dot-pulse 1.5s infinite .5s;
	-webkit-animation: common-button-dot-pulse 1.5s infinite .5s;
	-moz-animation: common-button-dot-pulse 1.5s infinite .5s
}

.common-button.ready {
	text-indent: 0;
	animation: common-button-ready .333s forwards;
	-webkit-animation: common-button-ready .333s forwards;
	-moz-animation: common-button-ready .333s forwards
}

@keyframes common-button-loading {
	20% {
		color: transparent;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	40% {
		border-color: #6772e5;
		background-color: transparent;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	60% {
		transform: scale(.7, 1);
		-webkit-transform: scale(.7, 1);
		-moz-transform: scale(.7, 1);
		width: 40px;
		text-indent: 0;
		color: transparent;
		border-color: #6772e5;
		background-color: #6772e5
	}
	80% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	100% {
		width: 40px;
		background-color: #6772e5;
		border-color: #6772e5;
		color: transparent
	}
}

@keyframes common-button-dot-intro {
	0% {
		opacity: 0
	}
	60% {
		opacity: 1;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	100% {
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
}

@keyframes common-button-dot-pulse {
	0%,
	100% {
		opacity: 1;
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
	15% {
		transform: scale(.85, .85);
		-webkit-transform: scale(.85, .85);
		-moz-transform: scale(.85, .85)
	}
	45%,
	85% {
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
	55% {
		transform: scale(.95, .95);
		-webkit-transform: scale(.95, .95);
		-moz-transform: scale(.95, .95)
	}
}

@keyframes common-button-ready {
	0% {
		width: 50%
	}
	10% {
		background-color: #6772e5;
		border-color: #6772e5
	}
	70% {
		width: 100%;
		transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1)
	}
	100% {
		width: 100%;
		border-color: #6772e5
	}
}

@keyframes common-button-dot-outro {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
}

@keyframes common-button-ready-label {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes common-button-loading {
	20% {
		color: transparent;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	40% {
		border-color: #6772e5;
		background-color: transparent;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	60% {
		transform: scale(.7, 1);
		-webkit-transform: scale(.7, 1);
		-moz-transform: scale(.7, 1);
		width: 40px;
		text-indent: 0;
		color: transparent;
		border-color: #6772e5;
		background-color: #6772e5
	}
	80% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	100% {
		width: 40px;
		background-color: #6772e5;
		border-color: #6772e5;
		color: transparent
	}
}

@-webkit-keyframes common-button-dot-intro {
	0% {
		opacity: 0
	}
	60% {
		opacity: 1;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	100% {
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
}

@-webkit-keyframes common-button-dot-pulse {
	0%,
	100% {
		opacity: 1;
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
	15% {
		transform: scale(.85, .85);
		-webkit-transform: scale(.85, .85);
		-moz-transform: scale(.85, .85)
	}
	45%,
	85% {
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
	55% {
		transform: scale(.95, .95);
		-webkit-transform: scale(.95, .95);
		-moz-transform: scale(.95, .95)
	}
}

@-webkit-keyframes common-button-ready {
	0% {
		width: 50%
	}
	10% {
		background-color: #6772e5;
		border-color: #6772e5
	}
	70% {
		width: 100%;
		transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1)
	}
	100% {
		width: 100%;
		border-color: #6772e5
	}
}

@-webkit-keyframes common-button-dot-outro {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
}

@-webkit-keyframes common-button-ready-label {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-moz-keyframes common-button-loading {
	20% {
		color: transparent;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	40% {
		border-color: #6772e5;
		background-color: transparent;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	60% {
		transform: scale(.7, 1);
		-webkit-transform: scale(.7, 1);
		-moz-transform: scale(.7, 1);
		width: 40px;
		text-indent: 0;
		color: transparent;
		border-color: #6772e5;
		background-color: #6772e5
	}
	80% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	100% {
		width: 40px;
		background-color: #6772e5;
		border-color: #6772e5;
		color: transparent
	}
}

@-moz-keyframes common-button-dot-intro {
	0% {
		opacity: 0
	}
	60% {
		opacity: 1;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	100% {
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
}

@-moz-keyframes common-button-dot-pulse {
	0%,
	100% {
		opacity: 1;
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
	15% {
		transform: scale(.85, .85);
		-webkit-transform: scale(.85, .85);
		-moz-transform: scale(.85, .85)
	}
	45%,
	85% {
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
	55% {
		transform: scale(.95, .95);
		-webkit-transform: scale(.95, .95);
		-moz-transform: scale(.95, .95)
	}
}

@-moz-keyframes common-button-ready {
	0% {
		width: 50%
	}
	10% {
		background-color: #6772e5;
		border-color: #6772e5
	}
	70% {
		width: 100%;
		transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1)
	}
	100% {
		width: 100%;
		border-color: #6772e5
	}
}

@-moz-keyframes common-button-dot-outro {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
}

@-moz-keyframes common-button-ready-label {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.btn-register {
	height: 70px;
	margin: 0;
	border-radius: 0 6px 6px 0;
	line-height: normal;
	color: #fff;
	width: 100%;
	background-color: #ff9500;
	border-color: #ff9500;
	font-weight: 900;
	position: relative;
	-webkit-transition: transform .125s, border .125s;
	-moz-transition: transform .125s, border .125s;
	min-width: 150px
}

.btn-register:hover {
	color: #fff;
	background-color: #ffa629;
	border-color: #ffa629
}

.btn-register:focus {
	color: #fff
}

.btn-register:active {
	transform: scale(.9, .9);
	-webkit-transform: scale(.9, .9);
	-moz-transform: scale(.9, .9)
}

.btn-register:after,
.btn-register:before {
	position: absolute;
	opacity: 0;
	border-radius: 50%;
	background-color: #fff;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	width: 60px;
	height: 60px;
	content: '';
	z-index: 1
}

.btn-register.loading {
	animation: register-button-loading .5s forwards;
	-webkit-animation: register-button-loading .5s forwards;
	-moz-animation: register-button-loading .5s forwards;
	border-radius: 50%
}

.btn-register.loading:before {
	opacity: 1;
	background-color: rgba(255, 255, 255, .25);
	animation: register-button-dot-intro .5s forwards;
	-webkit-animation: register-button-dot-intro .5s forwards;
	-moz-animation: register-button-dot-intro .5s forwards
}

.btn-register.loading:after {
	opacity: 0;
	background-color: rgba(255, 255, 255, .25);
	animation: register-button-dot-pulse 1.5s infinite .5s;
	-webkit-animation: register-button-dot-pulse 1.5s infinite .5s;
	-moz-animation: register-button-dot-pulse 1.5s infinite .5s
}

.btn-register.ready {
	text-indent: 0;
	animation: register-button-ready .333s forwards;
	-webkit-animation: register-button-ready .333s forwards;
	-moz-animation: register-button-ready .333s forwards
}

@keyframes register-button-loading {
	20% {
		color: transparent;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	40% {
		border-color: #ff9500;
		background-color: transparent;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	60% {
		transform: scale(.7, 1);
		-webkit-transform: scale(.7, 1);
		-moz-transform: scale(.7, 1);
		width: 70px;
		text-indent: 0;
		color: transparent;
		border-color: #ff9500;
		background-color: #ff9500
	}
	80% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	100% {
		width: 70px;
		background-color: #ff9500;
		border-color: #ff9500;
		color: transparent
	}
}

@keyframes register-button-dot-intro {
	0% {
		opacity: 0
	}
	60% {
		opacity: 1;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	100% {
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
}

@keyframes register-button-dot-pulse {
	0%,
	100% {
		opacity: 1;
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
	15% {
		transform: scale(.85, .85);
		-webkit-transform: scale(.85, .85);
		-moz-transform: scale(.85, .85)
	}
	45%,
	85% {
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
	55% {
		transform: scale(.95, .95);
		-webkit-transform: scale(.95, .95);
		-moz-transform: scale(.95, .95)
	}
}

@keyframes register-button-ready {
	0% {
		width: 50%
	}
	10% {
		background-color: #ff9500;
		border-color: #ff9500
	}
	70% {
		width: 100%;
		transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1)
	}
	100% {
		width: 100%;
		border-color: #ff9500
	}
}

@keyframes register-button-dot-outro {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
}

@keyframes register-button-ready-label {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes register-button-loading {
	20% {
		color: transparent;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	40% {
		border-color: #ff9500;
		background-color: transparent;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	60% {
		transform: scale(.7, 1);
		-webkit-transform: scale(.7, 1);
		-moz-transform: scale(.7, 1);
		width: 70px;
		text-indent: 0;
		color: transparent;
		border-color: #ff9500;
		background-color: #ff9500
	}
	80% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	100% {
		width: 70px;
		background-color: #ff9500;
		border-color: #ff9500;
		color: transparent
	}
}

@-webkit-keyframes register-button-dot-intro {
	0% {
		opacity: 0
	}
	60% {
		opacity: 1;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	100% {
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
}

@-webkit-keyframes register-button-dot-pulse {
	0%,
	100% {
		opacity: 1;
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
	15% {
		transform: scale(.85, .85);
		-webkit-transform: scale(.85, .85);
		-moz-transform: scale(.85, .85)
	}
	45%,
	85% {
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
	55% {
		transform: scale(.95, .95);
		-webkit-transform: scale(.95, .95);
		-moz-transform: scale(.95, .95)
	}
}

@-webkit-keyframes register-button-ready {
	0% {
		width: 50%
	}
	10% {
		background-color: #ff9500;
		border-color: #ff9500
	}
	70% {
		width: 100%;
		transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1)
	}
	100% {
		width: 100%;
		border-color: #ff9500
	}
}

@-webkit-keyframes register-button-dot-outro {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
}

@-webkit-keyframes register-button-ready-label {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-moz-keyframes register-button-loading {
	20% {
		color: transparent;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	40% {
		border-color: #ff9500;
		background-color: transparent;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	60% {
		transform: scale(.7, 1);
		-webkit-transform: scale(.7, 1);
		-moz-transform: scale(.7, 1);
		width: 70px;
		text-indent: 0;
		color: transparent;
		border-color: #ff9500;
		background-color: #ff9500
	}
	80% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	100% {
		width: 70px;
		background-color: #ff9500;
		border-color: #ff9500;
		color: transparent
	}
}

@-moz-keyframes register-button-dot-intro {
	0% {
		opacity: 0
	}
	60% {
		opacity: 1;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	100% {
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
}

@-moz-keyframes register-button-dot-pulse {
	0%,
	100% {
		opacity: 1;
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
	15% {
		transform: scale(.85, .85);
		-webkit-transform: scale(.85, .85);
		-moz-transform: scale(.85, .85)
	}
	45%,
	85% {
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
	55% {
		transform: scale(.95, .95);
		-webkit-transform: scale(.95, .95);
		-moz-transform: scale(.95, .95)
	}
}

@-moz-keyframes register-button-ready {
	0% {
		width: 50%
	}
	10% {
		background-color: #ff9500;
		border-color: #ff9500
	}
	70% {
		width: 100%;
		transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1)
	}
	100% {
		width: 100%;
		border-color: #ff9500
	}
}

@-moz-keyframes register-button-dot-outro {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
}

@-moz-keyframes register-button-ready-label {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.btn.btn-register-on-modal {
	background: linear-gradient(-45deg, #f857a6, #ff5858);
	padding: 0;
	height: 50px;
	border: none;
	border-radius: 21px;
	font-size: 1.25em;
	line-height: 50px;
	cursor: pointer;
	width: 100%;
	position: relative;
	overflow: hidden;
	outline: 0;
	transition: transform .125s, border .125s;
	-webkit-transition: transform .125s, border .125s;
	-moz-transition: transform .125s, border .125s;
	min-width: auto;
	color: #FFF;
	margin: auto;
	display: block
}

.btn.btn-register-on-modal:before {
	content: '';
	background: rgba(255, 255, 255, .3);
	height: 100%;
	width: 65px;
	position: absolute;
	top: 0;
	left: -50%;
	transform: skew(-45deg);
	-webkit-transform: skew(-45deg);
	-moz-transform: skew(-45deg);
	transition: 0s;
	-webkit-transition: 0s;
	-moz-transition: 0s
}

.btn.btn-register-on-modal.nexttext:before {
	left: -80%
}

.btn.btn-register-on-modal:hover:before {
	left: 110%;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s
}

.btn.btn-register-on-modal:focus,
.btn.btn-register-on-modal:hover {
	color: #fff
}

.btn.btn-register-on-modal.loading:before {
	position: absolute;
	opacity: 0;
	border-radius: 50%;
	background-color: #fff;
	top: 50%;
	left: 50%;
	margin-top: -23px;
	margin-left: -23px;
	width: 46px;
	height: 46px;
	content: '';
	z-index: 1
}

.btn.btn-register-on-modal.loading:after {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-animation: fa-spin 2s infinite linear;
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
	content: "\f1ce";
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -12px;
	right: 15px
}

.header-menu .nav-section.nav-mobile,
.nav-menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox
}

.header-menu,
.social-button.line i {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.bg-pc-cloud .cell-content p a:not(.cap),
.header-menu .nav-popup-product-list a,
.mypush-service .common-link,
.table-pricing {
	font-family: Mitr, sans-serif
}

.btn.btn-register-on-modal.ready {
	text-indent: 0
}

@keyframes btn-register-on-modal-button-loading {
	20% {
		color: transparent;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	40% {
		border-color: #ff9500;
		background-color: transparent;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	60% {
		transform: scale(.7, 1.1);
		-webkit-transform: scale(.7, 1.1);
		-moz-transform: scale(.7, 1.1);
		width: 50px;
		text-indent: 0;
		color: transparent;
		border-color: #ff9500;
		background-color: #ff9500
	}
	80% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	100% {
		width: 50px;
		background-color: #ff9500;
		border-color: #ff9500;
		color: transparent
	}
}

@keyframes btn-register-on-modal-button-dot-intro {
	0% {
		opacity: 0
	}
	60% {
		opacity: 1;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	100% {
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
}

@keyframes btn-register-on-modal-button-dot-pulse {
	0%,
	100% {
		opacity: 1;
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
	15% {
		transform: scale(.85, .85);
		-webkit-transform: scale(.85, .85);
		-moz-transform: scale(.85, .85)
	}
	45%,
	85% {
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
	55% {
		transform: scale(.95, .95);
		-webkit-transform: scale(.95, .95);
		-moz-transform: scale(.95, .95)
	}
}

@keyframes btn-register-on-modal-button-ready {
	0% {
		width: 25%
	}
	10% {
		background-color: #ff9500;
		border-color: #ff9500
	}
	70% {
		width: auto;
		transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1)
	}
	100% {
		width: auto;
		border-color: #ff9500
	}
}

@keyframes btn-register-on-modal-button-dot-outro {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
}

@keyframes btn-register-on-modal-button-ready-label {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes btn-register-on-modal-button-loading {
	20% {
		color: transparent;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	40% {
		border-color: #ff9500;
		background-color: transparent;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	60% {
		transform: scale(.7, 1.1);
		-webkit-transform: scale(.7, 1.1);
		-moz-transform: scale(.7, 1.1);
		width: 50px;
		text-indent: 0;
		color: transparent;
		border-color: #ff9500;
		background-color: #ff9500
	}
	80% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	100% {
		width: 50px;
		background-color: #ff9500;
		border-color: #ff9500;
		color: transparent
	}
}

@-webkit-keyframes btn-register-on-modal-button-dot-intro {
	0% {
		opacity: 0
	}
	60% {
		opacity: 1;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	100% {
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
}

@-webkit-keyframes btn-register-on-modal-button-dot-pulse {
	0%,
	100% {
		opacity: 1;
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
	15% {
		transform: scale(.85, .85);
		-webkit-transform: scale(.85, .85);
		-moz-transform: scale(.85, .85)
	}
	45%,
	85% {
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
	55% {
		transform: scale(.95, .95);
		-webkit-transform: scale(.95, .95);
		-moz-transform: scale(.95, .95)
	}
}

@-webkit-keyframes btn-register-on-modal-button-ready {
	0% {
		width: 50%
	}
	10% {
		background-color: #ff9500;
		border-color: #ff9500
	}
	70% {
		width: 100%;
		transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1)
	}
	100% {
		width: 100%;
		border-color: #ff9500
	}
}

@-webkit-keyframes btn-register-on-modal-button-dot-outro {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
}

@-webkit-keyframes btn-register-on-modal-button-ready-label {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-moz-keyframes btn-register-on-modal-button-loading {
	20% {
		color: transparent;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	40% {
		border-color: #ff9500;
		background-color: transparent;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	60% {
		transform: scale(.7, 1.1);
		-webkit-transform: scale(.7, 1.1);
		-moz-transform: scale(.7, 1.1);
		width: 50px;
		text-indent: 0;
		color: transparent;
		border-color: #ff9500;
		background-color: #ff9500
	}
	80% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	100% {
		width: 50px;
		background-color: #ff9500;
		border-color: #ff9500;
		color: transparent
	}
}

@-moz-keyframes btn-register-on-modal-button-dot-intro {
	0% {
		opacity: 0
	}
	60% {
		opacity: 1;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
	100% {
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
}

@-moz-keyframes btn-register-on-modal-button-dot-pulse {
	0%,
	100% {
		opacity: 1;
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
	15% {
		transform: scale(.85, .85);
		-webkit-transform: scale(.85, .85);
		-moz-transform: scale(.85, .85)
	}
	45%,
	85% {
		transform: scale(.75, .75);
		-webkit-transform: scale(.75, .75);
		-moz-transform: scale(.75, .75)
	}
	55% {
		transform: scale(.95, .95);
		-webkit-transform: scale(.95, .95);
		-moz-transform: scale(.95, .95)
	}
}

@-moz-keyframes btn-register-on-modal-button-ready {
	0% {
		width: 50%
	}
	10% {
		background-color: #ff9500;
		border-color: #ff9500
	}
	70% {
		width: 100%;
		transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1)
	}
	100% {
		width: 100%;
		border-color: #ff9500
	}
}

@-moz-keyframes btn-register-on-modal-button-dot-outro {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1)
	}
}

@-moz-keyframes btn-register-on-modal-button-ready-label {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.btn.loading[disabled],
.btn.ready[disabled],
.btn.success[disabled] {
	opacity: 1
}

.btn.loading[disabled] {
	background: #90949c
}

.header-menu {
	font-weight: 600;
	background: 0 0;
	padding: 0;
	position: relative;
	z-index: 100
}

.modal-open-mobile .contact-fixed,
.modal-open-mobile .footer-block,
.modal-open-mobile .header-menu,
.modal-open-mobile .scrollToTop {
	z-index: 0
}

.header-training .intro-banner,
.intro-banner,
.sale-point-promotion {
	z-index: 2
}

li,
ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.nav-menu {
	position: relative;
	text-align: right;
	display: -moz-box;
	display: flex;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.nav-menu>li {
	display: inline-block
}

.nav-section.nav-logo {
	float: left
}

.header-menu .page-link {
	display: inline-block;
	height: 70px;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 1.75em;
	line-height: 70px;
	margin: 0;
	padding: 0 12px;
	color: #fff;
	font-weight: 500
}

.header-menu .page-home {
	padding: 0
}

.header-menu .page-link-login i {
	display: none
}

.page-home img {
	height: 40px;
	margin-right: 10px
}

.header-menu .nav-menu>li>ul:hover .page-link {
	color: rgba(255, 255, 255, .4)
}

.header-menu .nav-menu>li>ul .active-popup .page-link,
.header-menu .nav-menu>li>ul .page-link:hover {
	color: #FFF
}

.header-menu .nav-primary>ul>li {
	display: inline-block
}

.header-menu .nav-primary>ul>li.has-popup {
	position: relative;
	text-align: left
}

.header-menu .nav-section.nav-mobile {
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.header-menu .nav-section.nav-mobile .page-link {
	cursor: pointer;
	width: 50px;
	height: 50px;
	position: relative
}

.header-menu .nav-section.nav-mobile .page-link h2,
.header-menu .nav-section.nav-mobile .page-link h2:after,
.header-menu .nav-section.nav-mobile .page-link h2:before {
	position: absolute;
	width: 24px;
	height: 3px;
	border-radius: 1px;
	background: currentColor;
	content: '';
	left: 0
}

.header-menu .nav-section.nav-mobile .page-link h2:before {
	top: -9px
}

.header-menu .nav-section.nav-mobile .page-link h2:after {
	top: 9px
}

.header-menu .nav-section.nav-mobile .page-link h2 {
	font-size: 0;
	left: 13px;
	top: 23px;
	margin: 0;
	color: #FFF
}

.header-menu .nav-popup {
	position: absolute;
	left: 10px;
	top: 5px;
	right: 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	pointer-events: none;
	-webkit-perspective: 2000px;
	perspective: 2000px
}

.header-menu .nav-popup-container {
	background: #fff;
	box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	font-size: 17px;
	line-height: 40px;
	white-space: nowrap;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-transform: rotate3d(1, 1, 0, -15deg);
	transform: rotate3d(1, 1, 0, -15deg);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	opacity: 0;
	will-change: transform, opacity;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-transition-duration: .25s;
	transition-duration: .25s;
	max-height: calc(100vh - 60px);
	max-height: -webkit-calc(100vh - 60px);
	max-height: -moz-calc(100vh - 60px);
	overflow-y: auto
}

.header-menu .nav-popup-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 51px;
	height: 51px;
	font-size: 0;
	cursor: pointer
}

.header-menu .nav-popup a {
	display: block;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	color: #4f6276;
	-webkit-transition: color .1s;
	transition: color .1s
}

.actions .alt-action a:hover,
.actions-form .alt-action a:hover,
.box-toggle-promocode>label:hover,
.toggle-condition:hover {
	text-decoration: underline
}

.header-menu .nav-popup a:hover {
	color: #32325d
}

.header-menu .nav-popup-close:after,
.header-menu .nav-popup-close:before {
	content: '';
	position: absolute;
	background: #6772e5;
	border-radius: 1px;
	left: 14px;
	right: 14px;
	top: 24px;
	height: 3px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: background .1s;
	transition: background .1s
}

.header-menu .nav-popup-close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.header-menu .nav-popup-product {
	padding: 20px 0 15px
}

.header-menu .nav-popup-product h4 {
	font-size: 120%;
	font-weight: 600;
	letter-spacing: .025em;
	text-transform: uppercase;
	margin: -5px 0 0 30px;
	line-height: 40px
}

.header-menu .nav-popup-product-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.nav-popup-product-type {
	margin: 0 30px;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.nav-popup-product-type h5 {
	font-size: 1em;
	font-weight: 600;
	letter-spacing: .025em;
	color: #6b7c93;
	margin: 0 0 15px;
	border-bottom: 1px solid #EEE;
	padding: 10px 0 10px 20px;
	text-transform: none;
	position: relative
}

.nav-popup-product-type h5:before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	background: #fd586d
}

.header-menu .nav-popup-product-list ul {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.header-menu .nav-popup-product-list a {
	padding: 0 15px;
	font-size: 20px;
	font-weight: 500;
	line-height: 50px
}

.header-menu .nav-popup-product-list a i {
	display: inline-block;
	width: 36px;
	height: 36px;
	margin: 0 15px 0 -3px;
	vertical-align: -3px;
	font-size: 1.1em;
	line-height: 36px;
	background: #4f6276;
	color: #FFF;
	border-radius: 50%;
	text-align: center
}

.header-menu .nav-popup-product-list li.product-list-pc a {
	color: #48b9c2
}

.header-menu .nav-popup-product-list li.product-list-pc a i {
	background: #48b9c2
}

.header-menu .nav-popup-product-list li.product-list-pa a {
	color: #16ab6f
}

.header-menu .nav-popup-product-list li.product-list-pa a i {
	background: #16ab6f
}

.header-menu .nav-popup-product-list li.product-list-bi a {
	color: #205680
}

.header-menu .nav-popup-product-list li.product-list-bi a i {
	background: #205680
}

.header-menu .nav-popup-product-list li.product-list-email a {
	color: #465a68
}

.header-menu .nav-popup-product-list li.product-list-email a i {
	background: #465a68
}

.header-menu .nav-popup-product-list li.product-list-iseo a {
	color: #8092da
}

.header-menu .nav-popup-product-list li.product-list-iseo a i {
	background: #8092da
}

.header-menu .nav-popup-product-list ul li:hover a {
	color: #4f6276!important
}

.header-menu .nav-popup-product-list ul li:hover a i {
	background: #4f6276!important
}

.header-menu .nav-popup-secondary {
	border-top: 2px solid #f6f9fc;
	padding: 15px 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.header-menu .nav-popup-secondary>ul {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.header-menu .nav-popup-secondary a {
	padding: 0 20px;
	min-width: 100px;
	color: #7795f8
}

.header-menu .nav-popup-secondary a:hover {
	color: #32325d
}

.header-menu .nav-section.nav-mobile.popup-active .nav-popup-container {
	-webkit-transform: none;
	transform: none;
	opacity: 1;
	pointer-events: auto
}

.header-menu a.mobile-signin {
	background: #f6f9fc;
	display: block;
	padding: 12px 30px;
	font-weight: 600;
	color: #7795f8
}

.header-menu a.mobile-signin:hover {
	color: #4f6276
}

.header-menu .nav-primary .nav-popup {
	left: 50%;
	top: 70px;
	width: 300px;
	margin-left: -150px
}

.header-menu .nav-primary .nav-popup .nav-popup-container {
	overflow: inherit
}

.header-menu .nav-primary .has-popup.active-popup .nav-popup .nav-popup-container {
	-webkit-transform: none;
	transform: none;
	opacity: 1;
	pointer-events: auto
}

.header-menu .nav-primary .has-popup .nav-popup .nav-popup-container:before {
	content: "";
	top: -6px;
	margin: 0 0 0 -6px;
	width: 12px;
	height: 12px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius: 4px 0 0;
	background: #fff;
	box-shadow: -3px -3px 5px rgba(82, 95, 127, .04);
	will-change: transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	position: absolute;
	left: 50%;
	-webkit-transition-duration: .25s;
	transition-duration: .25s
}

@media (max-width:1199px) {
	.header-menu .nav-section.nav-secondary {
		right: 50px
	}
	.header-menu .nav-section.nav-login {
		width: 50px
	}
	.header-menu .page-link {
		font-size: 1.45em
	}
}

.background {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.blue-purple {
	background-image: linear-gradient(to bottom right, #209cff, #68e0cf, #fddb92)
}

.green-blue {
	display: none
}

@-webkit-keyframes fadeInOut {
	0%,
	100% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
}

@-moz-keyframes fadeInOut {
	0%,
	100% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
}

@keyframes fadeInOut {
	0%,
	100% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
}

@-webkit-keyframes fadeOutIn {
	0%,
	100% {
		opacity: 1
	}
	50% {
		opacity: 0
	}
}

@-moz-keyframes fadeOutIn {
	0%,
	100% {
		opacity: 1
	}
	50% {
		opacity: 0
	}
}

@keyframes fadeOutIn {
	0%,
	100% {
		opacity: 1
	}
	50% {
		opacity: 0
	}
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-moz-keyframes fadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@-moz-keyframes fadeOut {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@keyframes fadeOut {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

.svg-wrapper-block svg {
	width: 200px;
	vertical-align: middle
}

.pattern-banner,
.pattern-banner span {
	position: absolute
}

.pattern-banner {
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-transform: skewY(-12deg);
	transform: skewY(-12deg);
	-webkit-transform-origin: 0;
	transform-origin: 0;
	background: -webkit-linear-gradient(300deg, #53f 15%, #05d5ff 70%, #a6ffcb 94%);
	background: linear-gradient(150deg, #3E474F 15%, #576e88 70%, #576e88 94%);
	opacity: .75;
	pointer-events: none;
	display: none
}

.pattern-banner span {
	height: 190px
}

.pattern-banner :nth-child(1) {
	width: 33.33333%;
	left: -16.66666%;
	background: #3E474F
}

.pattern-banner :nth-child(2) {
	width: 33.33333%;
	top: 0;
	left: 16.66666%;
	right: auto;
	background: #3e4d5a
}

.pattern-banner :nth-child(3) {
	width: 33.33333%;
	left: 49.99999%;
	bottom: auto;
	background: #3f4a54
}

.pattern-banner :nth-child(4) {
	width: 33.33333%;
	top: 380px;
	right: -16.66666%;
	background: #52677d
}

.pattern-banner :nth-child(5) {
	width: 33.33333%;
	bottom: 0;
	background: #4f6276
}

.banner-image {
	position: absolute;
	top: 60px;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	display: block;
	margin: auto;
	right: 0;
	padding: 0;
	width: 100%;
	height: 700px;
	pointer-events: none
}

.banner-image div img {
	max-height: 100%;
	max-width: none;
	margin: auto 50px auto auto
}

.intro-banner {
	position: relative;
	overflow: hidden;
	height: 100vh;
	transition: all .7s cubic-bezier(.175, .885, .32, 1.075)
}

.icon-contact {
	left: -50px
}

.title-brand {
	font-size: 3.5em;
	color: #FFF;
	margin: 0;
	line-height: normal;
	font-weight: 900
}

.intro-banner ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-flex;
	display: flex;
	margin-top: 40px
}

.intro-banner ul>li:first-child {
	margin-right: 50px
}

.svg-wrapper-block h1 {
	text-shadow: .03em .03em 0 #4f6277;
	font-size: 7em;
	color: #FFF;
	margin: 0;
	position: relative;
	z-index: 1;
	font-weight: 900;
	letter-spacing: .1em;
	display: none
}

.svg-wrapper-block h1:after {
	content: attr(data-shadow);
	position: absolute;
	top: .06em;
	left: .06em;
	z-index: -1;
	text-shadow: none;
	background-image: linear-gradient(45deg, transparent 45%, hsla(48, 20%, 90%, 1) 45%, hsla(48, 20%, 90%, 1) 55%, transparent 0);
	background-size: .05em .05em;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: shad-anim 15s linear infinite
}

@keyframes shad-anim {
	0% {
		background-position: 100% -100%
	}
}

@media only screen and (max-width:1420px) {
	.title-brand {
		font-size: 2.9em
	}
}

@media only screen and (max-width:1199px) {
	.title-brand {
		font-size: 2.5em
	}
	.intro-banner ul>li:first-child {
		margin-right: 25px
	}
	.intro-button {
		font-size: 2.2em;
		line-height: 55px
	}
	.intro-button>i {
		width: 55px;
		height: 55px;
		line-height: 55px;
		font-size: .9em
	}
}

@media only screen and (max-width:991px) {
	.intro-banner ul,
	.title-brand {
		padding-left: 25px
	}
	.intro-banner {
		height: 560px
	}
	.banner-image {
		top: 0;
		height: 560px
	}
	.intro-banner ul {
		display: block;
		margin-top: 25px
	}
	.intro-banner ul>li:first-child {
		margin-bottom: 15px;
		margin-right: 0
	}
}

@media only screen and (max-width:767px) {
	.svg-wrapper-block svg {
		width: 290px
	}
	.title-brand {
		padding-left: 10px;
		font-size: 2em
	}
	.intro-banner {
		height: 460px
	}
	.intro-banner ul {
		padding-left: 10px;
		margin-top: 25px
	}
	.intro-banner ul>li:first-child {
		margin-bottom: 15px
	}
	.intro-button {
		font-size: 2em;
		line-height: 35px
	}
	.intro-button>i {
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: .7em
	}
}

@media only screen and (max-width:1600px) {
	.banner-image div img.banner-image-contact {
		margin-right: 0;
		margin-top: 50px;
		height: 600px
	}
}

@media only screen and (max-width:1199px) {
	.banner-image div img.banner-image-contact {
		margin-right: -125px
	}
}

@media only screen and (max-width:767px) {
	.banner-image div img.banner-image-contact {
		margin-right: 50px;
		margin-top: 220px;
		height: 350px
	}
}

@media only screen and (max-width:1199px) {
	.banner-image div img.banner-image-workwithus {
		margin-right: 25px;
		margin-top: 25px;
		height: 650px
	}
}

@media only screen and (max-width:991px) {
	.banner-image div img.banner-image-workwithus {
		margin-right: 0;
		margin-top: 0;
		height: 550px
	}
}

@media only screen and (max-width:767px) {
	.banner-image div img.banner-image-workwithus {
		margin-top: 210px;
		height: 250px;
		margin-left: -25px
	}
}

.banner-image div img.banner-image-about {
	margin-right: 0
}

@media only screen and (max-width:1600px) {
	.banner-image div img.banner-image-about {
		margin-right: -50px;
		height: 650px;
		margin-top: 50px
	}
}

@media only screen and (max-width:1199px) {
	.banner-image div img.banner-image-about {
		margin-right: 0;
		margin-left: 200px;
		margin-top: 50px;
		height: 650px
	}
}

@media only screen and (max-width:991px) {
	.banner-image div img.banner-image-about {
		margin-right: 0;
		margin-top: 15px;
		height: 550px
	}
}

@media only screen and (max-width:767px) {
	.banner-image div img.banner-image-about {
		margin-top: 210px;
		height: 250px;
		margin-left: 100px;
		margin-right: 0
	}
}

.banner-image div img.banner-image-pc {
	margin-right: 25px
}

@media only screen and (max-width:1700px) {
	.banner-image div img.banner-image-pc {
		margin-right: 25px;
		height: 600px;
		margin-top: 50px
	}
}

@media only screen and (max-width:1470px) {
	.banner-image div img.banner-image-pc {
		margin-right: 25px;
		height: 600px;
		margin-top: 50px
	}
}

@media only screen and (max-width:1460px) {
	.banner-image div img.banner-image-pc {
		margin-right: -150px
	}
}

@media only screen and (max-width:1199px) {
	.banner-image div img.banner-image-pc {
		margin-right: -200px
	}
}

@media only screen and (max-width:991px) {
	.banner-image div img.banner-image-pc {
		margin-right: -70px;
		margin-top: 180px;
		height: 350px
	}
}

@media only screen and (max-width:767px) {
	.title-brand-pc {
		font-size: 1.45em;
		background: rgba(0, 0, 0, .25);
		border-radius: 5px
	}
	.banner-image div img.banner-image-pc {
		height: 250px;
		margin-left: auto;
		margin-right: -120px;
		opacity: .5
	}
}

.banner-image div img.banner-image-pos {
	margin-right: 25px
}

@media only screen and (max-width:1700px) {
	.banner-image div img.banner-image-pos {
		margin-right: 25px;
		height: 600px;
		margin-top: 50px
	}
}

@media only screen and (max-width:1470px) {
	.banner-image div img.banner-image-pos {
		margin-right: 25px;
		height: 600px;
		margin-top: 50px
	}
}

@media only screen and (max-width:1460px) {
	.banner-image div img.banner-image-pos {
		margin-right: -150px
	}
}

@media only screen and (max-width:1199px) {
	.banner-image div img.banner-image-pos {
		margin-right: -200px
	}
}

@media only screen and (max-width:991px) {
	.banner-image div img.banner-image-pos {
		margin-right: -70px;
		margin-top: 180px;
		height: 350px
	}
}

@media only screen and (max-width:767px) {
	.title-brand-pos {
		font-size: 1.45em;
		background: rgba(0, 0, 0, .25);
		border-radius: 5px
	}
	.banner-image div img.banner-image-pos {
		height: 250px;
		opacity: .5
	}
}

.title-brand-iseo {
	font-size: 2.75em
}

.banner-image div img.banner-image-iseo {
	margin-right: 0;
	height: 600px;
	margin-top: 50px
}

@media only screen and (max-width:1700px) {
	.banner-image div img.banner-image-iseo {
		margin-right: 0;
		height: 550px;
		margin-top: 50px
	}
}

@media only screen and (max-width:1470px) {
	.title-brand-iseo {
		font-size: 2.25em
	}
	.banner-image div img.banner-image-iseo {
		margin-right: -25px;
		height: 550px;
		margin-top: 80px;
		margin-left: auto
	}
}

@media only screen and (max-width:1360px) {
	.banner-image div img.banner-image-iseo {
		margin-right: 0;
		height: 550px;
		margin-top: 80px;
		margin-left: 375px
	}
}

@media only screen and (max-width:991px) {
	.banner-image div img.banner-image-iseo {
		margin-right: 0;
		margin-left: 250px;
		margin-top: 135px;
		height: 400px
	}
	.title-brand-iseo {
		font-size: 2em
	}
	.svg-wrapper-block-iseo {
		margin-bottom: 0;
		margin-top: 25px
	}
}

@media only screen and (max-width:767px) {
	.title-brand-iseo {
		font-size: 1.45em;
		background: rgba(0, 0, 0, .25);
		border-radius: 5px
	}
	.banner-image div img.banner-image-iseo {
		margin-top: 135px;
		height: 300px;
		margin-left: 0;
		margin-right: 0;
		opacity: .25
	}
}

.banner-image div img.banner-image-esp {
	margin-right: 25px
}

@media only screen and (max-width:1700px) {
	.banner-image div img.banner-image-esp {
		margin-right: 25px;
		height: 600px;
		margin-top: 50px
	}
}

@media only screen and (max-width:1470px) {
	.banner-image div img.banner-image-esp {
		margin-right: 25px;
		height: 600px;
		margin-top: 50px
	}
}

@media only screen and (max-width:1460px) {
	.banner-image div img.banner-image-esp {
		margin-right: -150px
	}
}

@media only screen and (max-width:1199px) {
	.banner-image div img.banner-image-esp {
		margin-right: -200px
	}
}

@media only screen and (max-width:991px) {
	.banner-image div img.banner-image-esp {
		margin-right: -70px;
		margin-top: 180px;
		height: 350px
	}
}

@media only screen and (max-width:767px) {
	.title-brand-esp {
		font-size: 1.45em;
		background: rgba(0, 0, 0, .25);
		border-radius: 5px
	}
	.banner-image div img.banner-image-esp {
		height: 210px;
		margin-top: 200px;
		margin-right: 0;
		opacity: .5
	}
}

.banner-image div img.banner-image-snap {
	height: 650px;
	margin-right: 25px
}

@media only screen and (max-width:1700px) {
	.banner-image div img.banner-image-snap {
		margin-right: 25px;
		height: 600px;
		margin-top: 50px
	}
}

@media only screen and (max-width:1470px) {
	.banner-image div img.banner-image-snap {
		margin-right: 25px;
		height: 600px;
		margin-top: 50px
	}
}

@media only screen and (max-width:1460px) {
	.banner-image div img.banner-image-snap {
		margin-right: -150px
	}
}

@media only screen and (max-width:1199px) {
	.banner-image div img.banner-image-snap {
		margin-right: -200px
	}
}

@media only screen and (max-width:991px) {
	.banner-image div img.banner-image-snap {
		margin-right: -70px;
		margin-top: 180px;
		height: 350px
	}
}

@media only screen and (max-width:767px) {
	.title-brand-snap {
		font-size: 1.45em;
		background: rgba(0, 0, 0, .25);
		border-radius: 5px
	}
	.banner-image div img.banner-image-snap {
		height: 210px;
		margin-top: 200px;
		margin-right: 0;
		opacity: .5
	}
}

@media only screen and (max-width:1600px) {
	.banner-image div img.banner-image-client {
		margin-right: 0;
		margin-top: 50px;
		height: 600px
	}
}

@media only screen and (max-width:1199px) {
	.banner-image div img.banner-image-client {
		margin-top: 100px;
		height: 550px
	}
}

@media only screen and (max-width:991px) {
	.banner-image div img.banner-image-client {
		margin-right: 25px;
		margin-top: 125px;
		height: 400px
	}
}

@media only screen and (max-width:767px) {
	.banner-image div img.banner-image-client {
		margin-right: 25px;
		margin-top: 125px;
		height: 400px
	}
}

#modal_quotation .modal-content,
#modal_refund .modal-content,
#modal_register .modal-content,
#modal_register_lead .modal-content,
#modal_trial_program .modal-content {
	background: 0 0
}

.modal-register {
	height: 100vh;
	max-height: calc(100vh - 60px);
	max-height: -webkit-calc(100vh - 60px);
	max-height: -moz-calc(100vh - 60px);
	margin: auto;
	box-shadow: 0 15px 35px rgba(0, 0, 0, .5);
	transition: .4s, box-shadow .3s .4s;
	-webkit-transition: .4s, box-shadow .3s .4s;
	-moz-transition: .4s, box-shadow .3s .4s;
	border-radius: 5px;
	position: relative;
	background: rgba(71, 71, 71, .8)
}

.modal-register.modal-safari {
	max-height: calc(100vh - 70px);
	max-height: -webkit-calc(100vh - 70px);
	max-height: -moz-calc(100vh - 70px)
}

.modal-register-small {
	height: 500px
}

.modal-register *,
.modal-register :after,
.modal-register :before {
	box-sizing: border-box;
	margin: 0;
	transition: .4s
}

.modal-register.modal-hidden {
	box-shadow: none;
	transition: .4s, box-shadow 0s;
	opacity: 0;
	visibility: hidden
}

.modal-register .form-input {
	padding: 0 10px
}

.modal-register.modal-hidden .form {
	top: 100%
}

.modal-register.modal-hidden .invite {
	top: -100%
}

.modal-register.modal-hidden .close {
	height: 0;
	width: 0;
	right: 0;
	top: -100%
}

.modal-register.modal-hidden .form-footer {
	opacity: 0;
	bottom: -100%
}

.modal-register .form,
.modal-register .invite {
	width: 100%;
	height: 100%;
	padding: 25px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden
}

.container-package-form,
.modal-register .form {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.modal-register .invite:before {
	content: "";
	background-image: url(../images/banner-register.png);
	background-size: 150%;
	background-repeat: no-repeat;
	background-position: 0 50%;
	position: absolute;
	top: 15%;
	left: 5%;
	width: 100%;
	bottom: 0;
	z-index: 1;
	height: 100%;
	display: block;
	pointer-events: none
}

.modal-register .form {
	padding: 0 50% 0 0;
	margin-top: 25px;
	border-radius: 5px 0 0 5px;
	max-height: calc(100% - 120px);
	max-height: -webkit-calc(100% - 120px);
	max-height: -moz-calc(100% - 120px)
}

.modal-register .form.has-scroll-modal {
	padding-right: calc(50% - 7px);
	padding-right: -webkit-calc(50% - 7px);
	padding-right: -moz-calc(50% - 7px)
}

.modal-register .form::-webkit-scrollbar {
	width: 7px;
	height: 9px
}

.modal-register .form::-webkit-scrollbar-button:end:increment,
.modal-register .form::-webkit-scrollbar-button:start:decrement {
	display: block;
	height: 0;
	background-color: transparent
}

.modal-register .form::-webkit-scrollbar-track-piece {
	background-color: rgba(71, 71, 71, .8);
	-webkit-border-radius: 0;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px
}

.modal-register .form::-webkit-scrollbar-thumb:vertical {
	height: 50px;
	background-color: rgba(255, 255, 255, .15);
	-webkit-border-radius: 4px
}

.modal-register .form::-webkit-scrollbar-thumb:horizontal {
	width: 50px;
	background-color: rgba(255, 255, 255, .15);
	-webkit-border-radius: 4px
}

.modal-register .form::-moz-scrollbar {
	width: 7px;
	height: 9px
}

.modal-register .form::-moz-scrollbar-button:end:increment,
.modal-register .form::-moz-scrollbar-button:start:decrement {
	display: block;
	height: 0;
	background-color: transparent
}

.modal-register .form::-moz-scrollbar-track-piece {
	background-color: rgba(71, 71, 71, .8);
	-moz-border-radius: 0 0 4px 4px
}

.modal-register .form::-moz-scrollbar-thumb:vertical {
	height: 50px;
	background-color: rgba(255, 255, 255, .15);
	-moz-border-radius: 4px
}

.modal-register .form::-moz-scrollbar-thumb:horizontal {
	width: 50px;
	background-color: rgba(255, 255, 255, .15);
	-moz-border-radius: 4px
}

.form-footer {
	height: 50px;
	display: block;
	width: 250px;
	margin-top: 30px;
	position: absolute;
	bottom: 25px;
	left: 25px;
	right: 25px
}

.modal-register input.form-control,
.modal-register select.form-control,
.modal-register textarea.form-control {
	background: rgba(255, 255, 255, .15);
	width: 100%;
	padding: 8px;
	margin: 8px 0;
	color: #FFF;
	font-size: 1em;
	outline: 0
}

.modal-register input.form-control {
	border: none;
	border: 1px solid transparent;
	border-radius: 3px;
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s
}

.modal-register input.form-control:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 500px #7a7a7a inset;
	-webkit-text-fill-color: #FFF
}

.modal-register select.form-control {
	border: none;
	border-radius: 3px
}

.modal-register textarea.form-control {
	border: none;
	border-radius: 3px;
	height: 100px;
	resize: none
}

.modal-register select.form-control option {
	color: #000
}

.modal-register select.form-control:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 500px #7a7a7a inset;
	-webkit-text-fill-color: #FFF
}

.modal-register .form-control::-webkit-input-placeholder {
	color: #898989
}

.modal-register .form-control::-moz-placeholder {
	color: #898989
}

.modal-register .form-control:-ms-input-placeholder {
	color: #898989
}

.modal-register .form-control:-moz-placeholder {
	color: #898989
}

.modal-register .has-feedback label~.form-control-feedback {
	top: 50%;
	margin-top: -4px;
	line-height: 40px!important;
	color: #FFF
}

.modal-register label {
	font-size: 1em;
	color: #FB5781
}

.modal-register .invite {
	background: linear-gradient(-45deg, #f857a6, #ff5858);
	left: 50%;
	border-radius: 0 5px 5px 0;
	width: 50%;
	pointer-events: none
}

.modal-register .invite.has-scroll-modal {
	max-width: calc(50% - 7px);
	max-width: -webkit-calc(50% - 7px);
	max-width: -moz-calc(50% - 7px)
}

.modal-register h3 {
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	font-weight: 900;
	margin: 50px 0
}

.modal-register .nope {
	background: rgba(71, 71, 71, .75);
	padding: 10px 15px;
	border-radius: 3px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
	position: absolute;
	bottom: 30px;
	left: 50%;
	font-size: 12px;
	white-space: nowrap;
	cursor: pointer;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	z-index: 1;
	color: #FFF
}

.modal-register .nope:hover {
	box-shadow: 0 5px 10px rgba(0, 0, 0, .25);
	transform: translateX(-50%)
}

.modal-register .close {
	background: #474747;
	height: 30px;
	width: 30px;
	border: 3px solid #FFF;
	border-radius: 50%;
	position: absolute;
	top: -15px;
	right: -15px;
	cursor: pointer
}

.modal-register .close:after,
.modal-register .close:before {
	content: '';
	background: #FFF;
	height: 80%;
	width: 3px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg)
}

.modal-register .close:after {
	transform: translate(-50%, -50%) rotate(45deg)
}

.modal-register .open {
	background: linear-gradient(-45deg, #f857a6, #ff5858);
	height: 45px;
	width: 150px;
	padding: 10px 20px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 20px;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	opacity: 0;
	visibility: hidden
}

.modal-register .open.active {
	opacity: 1;
	visibility: visible
}

.modal-register .open:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, .3)
}

.title-register-input {
	display: none
}

.modal-register h3 {
	margin-top: 35px;
	font-size: 2.2em;
	margin-bottom: 10px
}

.modal-register .checkbox,
.modal-register h4 {
	margin-bottom: 15px
}

.modal-register h4 {
	color: #FFF;
	text-align: center;
	font-weight: 400;
	font-size: 1.5em
}

.quotation-dialog-box {
	background: #FFF;
	padding: 10px;
	border-radius: 5px;
	margin-top: 15px
}

@media only screen and (max-width:767px) {
	.modal-register {
		max-height: none;
		height: 100vh
	}
	.modal-register .form,
	.modal-register .invite {
		width: 100%
	}
	.modal-register .form {
		padding-right: 0!important
	}
	#modal_quotation .modal-content,
	#modal_register .modal-content {
		overflow: hidden;
		margin-top: 0!important
	}
	.form-footer {
		padding: 0;
		width: auto
	}
	.btn-register-on-modal {
		width: 100%;
		position: relative;
		left: auto;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0)
	}
	.modal-register .form:before {
		content: "";
		background-image: url(../images/banner-register.png);
		background-size: 75%;
		background-repeat: no-repeat;
		background-position: 50% 125%;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		bottom: 0;
		height: 100%;
		display: block;
		pointer-events: none;
		opacity: .25
	}
	.title-register-input {
		display: block
	}
	.modal-register .invite {
		display: none
	}
	.modal-register .close {
		top: 15px;
		right: 15px
	}
	.modal-register .has-feedback label~.form-control-feedback {
		margin-top: -4px
	}
}

.modal-register .checkbox.first {
	margin-top: 8px
}

.modal-register .checkbox input[type=checkbox] {
	display: none
}

.modal-register .checkbox label {
	font-size: 1em;
	color: #898989;
	display: inline-block;
	padding: 0 0 0 2em;
	cursor: pointer
}

.modal-register .checkbox input:checked+label,
.sweet-alert.sweet-alert-subscribe h2,
.sweet-alert.sweet-alert-subscribe p,
.txt-error {
	color: #FFF
}

.modal-register .checkbox label:before {
	content: '';
	display: inline-block;
	background: #55D8C6;
	position: absolute;
	left: 0;
	top: 5px;
	height: 20px;
	width: 20px;
	margin-right: 10px;
	border-radius: 80%;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, .2);
	box-sizing: border-box;
	border: 10px solid #fff;
	transition: border .3s ease
}

.modal-register .checkbox label span {
	font-size: .75em;
	line-height: normal;
	display: block;
	transition: none;
	margin-top: 3px
}

.modal-register .checkbox input:checked+label:before {
	border-color: #fff;
	border-width: 3px
}

.modal-register .checkbox input+label {
	transition: color .2s ease;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease
}

.txt-error {
	display: none;
	background: #FB5781;
	padding: 10px 5px;
	border-radius: 5px;
	margin: 8px 0;
	text-align: center;
	line-height: normal
}

.has-error .txt-error {
	display: block
}

.modal-register .checkbox.readonly {
	opacity: .5;
	filter: alpha(opacity=50);
	pointer-events: none
}

.sweet-alert.sweet-alert-subscribe {
	background: rgba(71, 71, 71, .95);
	box-shadow: 0 15px 35px rgba(0, 0, 0, .5)
}

.sweet-alert.sweet-alert-subscribe .sa-icon.sa-success {
	border-color: #7795f8
}

.sweet-alert.sweet-alert-subscribe .sa-icon.sa-success::after,
.sweet-alert.sweet-alert-subscribe .sa-icon.sa-success::before {
	background: 0 0
}

.sweet-alert.sweet-alert-subscribe .sa-icon.sa-success .sa-line {
	background-color: #7795f8
}

.sweet-alert.sweet-alert-subscribe .sa-icon.sa-success .sa-placeholder {
	border: 4px solid rgba(119, 149, 248, .2)
}

.sweet-alert.sweet-alert-subscribe .sa-icon.sa-success .sa-fix {
	background: 0 0
}

.sweet-alert.sweet-alert-subscribe fieldset {
	display: none
}

.sweet-alert.sweet-alert-subscribe .sa-confirm-button-container {
	display: block;
	position: relative;
	height: 47px;
	margin: 26px 5px 0
}

.sweet-alert.sweet-alert-subscribe button {
	background: linear-gradient(-45deg, #f857a6, #ff5858);
	padding: 10px 20px;
	border: none;
	border-radius: 21px;
	outline: 0;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 50%;
	font-size: 18px;
	cursor: pointer;
	transform: translateX(-50%);
	width: 250px
}

.sweet-alert.sweet-alert-subscribe button:hover:before {
	left: 110%;
	transition: .3s
}

.sweet-alert.sweet-alert-subscribe button:before {
	content: '';
	background: rgba(255, 255, 255, .3);
	height: 100%;
	width: 65px;
	position: absolute;
	top: 0;
	left: -100%;
	transform: skew(-45deg);
	transition: 0s
}

.list-contact-box>i,
.list-work-box>i {
	left: 0;
	border-radius: 50%;
	display: block
}

.sweet-alert.sweet-alert-nobutton .sa-confirm-button-container {
	display: none
}

.highlight-txt {
	font-size: 1.5em;
	color: #7795f8
}

.keyword-block {
	background: #e9e9e9;
	position: relative;
	z-index: 1;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px
}

.keyword-header {
	margin-bottom: 30px
}

.keyword-header>h1 {
	margin: 0 0 10px;
	font-size: 3em;
	color: #424246;
	font-weight: 600
}

.keyword-body>h5,
.keyword-header>h5 {
	font-size: 1.5em;
	font-weight: 400;
	color: #666;
	text-transform: none
}

.keyword-header>h5 {
	margin: 0
}

.keyword-body {
	width: 50%;
	margin: auto auto 50px
}

.keyword-body>h5 {
	margin: 30px 0 0
}

.keyword-body.has-error .txt-error {
	display: block
}

.block-display-table {
	display: table;
	width: 100%
}

.block-display-table>div {
	display: table-cell;
	vertical-align: middle
}

.keyword-body .form-control {
	font-size: 2em;
	border-radius: 6px 0 0 6px;
	border: 2px solid #CCC;
	height: 70px;
	padding: 6px 25px
}

.keyword-body .form-control::-webkit-input-placeholder {
	color: #DDD
}

.keyword-body .form-control::-moz-placeholder {
	color: #DDD
}

.keyword-body .form-control:-ms-input-placeholder {
	color: #DDD
}

.keyword-body .form-control:-moz-placeholder {
	color: #DDD
}

.keyword-body .form-control:focus {
	border-color: #666;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075)
}

.keyword-body .form-control[readonly]:focus {
	border-color: #EEE
}

.keyword-customer {
	margin-bottom: 15px
}

.keyword-customer>ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.keyword-customer>ul>li {
	margin-right: 25px;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	text-align: center;
	vertical-align: middle;
	height: 40px
}

.keyword-customer>ul>li:last-child {
	margin-right: 0
}

.keyword-customer>ul>li>img {
	vertical-align: middle;
	max-height: 40px;
	width: auto;
	height: auto;
	margin: auto
}

.title-register-input.show-title {
	display: block
}

.modal-register .has-feedback label~.form-control-feedback {
	font-size: 1em;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none
}

.modal-register .has-feedback.has-success label~.form-control-feedback {
	color: #16ab6f;
	font-size: .85em
}

.modal-register .has-feedback.has-success label~.form-control-feedback:before {
	font-family: Flaticon;
	font-size: inherit;
	font-style: normal;
	text-align: center;
	content: "\f120";
	transition: none;
	-webkit-transition: none;
	-moz-transition: none
}

.modal-register .has-feedback.has-error label~.form-control-feedback {
	color: #E74C3C
}

.modal-register .has-feedback.has-success input.form-control {
	border-color: rgba(26, 188, 156, .5)
}

.modal-register .has-feedback.has-error input.form-control {
	border-color: #E74C3C
}

@media only screen and (max-width:991px) {
	.keyword-body {
		width: 75%
	}
	.keyword-customer>ul>li {
		margin-bottom: 25px
	}
}

@media only screen and (max-width:767px) {
	.keyword-body {
		width: 100%
	}
	.block-display-table,
	.block-display-table>div {
		display: block;
		width: 100%
	}
	.block-display-table>div:first-child {
		margin-bottom: 15px
	}
	.keyword-customer>ul>li {
		margin-right: 5%;
		width: 45%
	}
	.btn-register,
	.keyword-body .form-control {
		border-radius: 6px
	}
}

.subscribe-block {
	background: #f1f1f1;
	margin-bottom: 40px;
	position: relative;
	z-index: 1
}

.subscribe-box {
	border-radius: 10px;
	background: #fff;
	box-shadow: inset 0 4px 7px 1px #fff, inset 0 -5px 20px rgba(173, 186, 204, .25), 0 2px 6px rgba(0, 21, 64, .14), 0 10px 20px rgba(0, 21, 64, .05);
	margin-top: -40px;
	margin-bottom: -40px;
	max-width: 420px
}

.common-box h1,
.common-box p,
.common-box p:last-child,
.title-page-box h2 {
	margin-bottom: 0
}

.subscribe-header {
	background-color: #e9e9e9;
	padding: 15px 30px;
	text-align: center;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}

.subscribe-header>h1,
.subscribe-header>h5 {
	margin: 0;
	font-size: 3.5em;
	color: #424246
}

.subscribe-body {
	padding: 30px;
	line-height: 26px;
	text-align: center
}

.common-box,
.common-box h1,
.common-box p,
.title-page-box,
.title-page-box h1 {
	line-height: normal
}

.subscribe-body .form-control {
	font-size: 1.3em;
	border-radius: 6px 0 0 6px;
	border: 2px solid #CCC;
	height: 50px
}

.subscribe-body .form-control::-webkit-input-placeholder {
	color: #DDD
}

.subscribe-body .form-control::-moz-placeholder {
	color: #DDD
}

.subscribe-body .form-control:-ms-input-placeholder {
	color: #DDD
}

.subscribe-body .form-control:-moz-placeholder {
	color: #DDD
}

.subscribe-body .form-control:focus {
	border-color: #666;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075)
}

.subscribe-body .form-control[readonly]:focus {
	border-color: #EEE
}

.common-box {
	padding: 10px 20px
}

.common-box h1 {
	margin-top: 0;
	font-size: 3.5em
}

.common-box p {
	font-size: 2em;
	padding-left: 25px;
	position: relative
}

.common-box p:before {
	content: "";
	width: 10px;
	height: 10px;
	display: inline-block;
	background: #7795f8;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 20px;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%)
}

@media only screen and (max-width:991px) {
	.subscribe-header {
		padding: 30px 15px
	}
	.subscribe-header>h1 {
		font-size: 2.8em
	}
	.common-box h1 {
		font-size: 2.5em
	}
	.common-box p {
		font-size: 1.8em
	}
}

@media only screen and (max-width:767px) {
	.common-box,
	.subscribe-body,
	.subscribe-header {
		padding: 15px
	}
	.subscribe-box {
		margin-bottom: 0;
		max-width: none
	}
	.subscribe-header>h1 {
		font-size: 2.1em
	}
	.subscribe-body .form-control {
		font-size: 1.2em
	}
	.common-box h1 {
		font-size: 1.8em
	}
	.common-box p {
		font-size: 1.75em
	}
}

.title-page-block {
	background: #f1f1f1;
	position: relative;
	z-index: 1
}

.title-page-box {
	padding: 50px 20px;
	text-align: center
}

.title-page-box h1 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 3.5em
}

.title-page-box h2 {
	margin-top: 0;
	font-size: 2.5em
}

.content-page-block {
	padding-top: 50px;
	padding-bottom: 50px;
	z-index: 1;
	position: relative
}

.content-contact-box>h1 {
	font-size: 3em;
	margin: 0 0 50px
}

.list-contact-box {
	position: relative;
	padding: 0 25px 25px 95px;
	margin-bottom: 25px;
	border-bottom: 2px solid #EEE;
	border-bottom-style: dashed
}

.list-contact-box>i {
	width: 75px;
	height: 75px;
	position: absolute;
	top: 0;
	text-align: center;
	line-height: 68px;
	border: 2px solid #DDD;
	font-size: 3em
}

.list-contact-box>h2 {
	font-size: 2em;
	margin: 0 0 15px
}

.list-contact-box>p {
	margin-bottom: 0;
	font-size: 1.5em;
	word-break: break-word
}

.contact-form {
	margin-top: 46px;
	text-align: left;
	font-size: 1.5em
}

.form-contact-box>h1 {
	font-size: 3em;
	margin: 0
}

.form-contact-box>p {
	font-size: 1.5em
}

.map-contact-block {
	background: #f1f1f1;
	position: relative;
	z-index: 1
}

.map-contact-box {
	padding: 50px 0
}

.map-contact-box>h1 {
	font-size: 3em;
	margin: 0 0 25px
}

.map-contact-box>iframe {
	padding: 10px;
	border-radius: 25px;
	background: #FFF
}

.contact-form .form-control {
	font-size: 1em;
	font-weight: 600;
	background: #fff;
	border-radius: 6px;
	line-height: 50px;
	width: 100%;
	height: 50px
}

.contact-form textarea.form-control {
	height: 100px
}

.contact-form .has-feedback label~.form-control-feedback {
	font-size: 1em;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	top: 50%;
	margin-top: -6px;
	line-height: 40px!important
}

.contact-form .has-feedback textarea~.form-control-feedback {
	top: 25px;
	margin-top: 2px
}

.contact-form .has-success .form-control-feedback:before {
	font-family: Flaticon;
	font-size: inherit;
	font-style: normal;
	text-align: center;
	content: "\f120";
	transition: none;
	-webkit-transition: none;
	-moz-transition: none
}

.contact-form .has-success .form-control {
	border-color: rgba(26, 188, 156, .5)
}

.contact-form .has-success .form-control-feedback {
	color: #16ab6f;
	font-size: .85em
}

.contact-form .has-error .form-control {
	border-color: #E74C3C
}

.contact-form .has-error .form-control-feedback {
	color: #E74C3C
}

.contact-form .form-control::-webkit-input-placeholder {
	color: silver
}

.contact-form .form-control::-moz-placeholder {
	color: silver
}

.contact-form .form-control:-ms-input-placeholder {
	color: silver
}

.contact-form .form-control:-moz-placeholder {
	color: silver
}

.actions-form-group {
	max-width: 80%;
	margin: auto
}

.actions-form-group .btn-submit-form-onpage:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	margin-right: 10px
}

.list-work-box {
	position: relative;
	padding: 0 25px 25px 95px;
	margin-bottom: 25px;
	border-bottom: 2px solid #EEE;
	border-bottom-style: dashed
}

.list-work-box>i {
	width: 75px;
	height: 75px;
	position: absolute;
	top: 0;
	text-align: center;
	line-height: 68px;
	border: 2px solid #DDD;
	font-size: 3.5em
}

.list-work-box>h1 {
	font-size: 3em;
	margin: 0 0 15px
}

.list-work-box>h2 {
	font-size: 2.5em;
	margin: 0 0 15px
}

.list-work-box>p {
	font-size: 1.75em;
	margin-bottom: 15px
}

.list-work-box>ul {
	margin-bottom: 15px;
	padding-left: 50px
}

.list-work-box>ul>li {
	position: relative;
	font-size: 1.75em
}

.list-work-box>ul>li:before {
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	left: -30px;
	width: 10px;
	height: 10px;
	background: #7795f8;
	border-radius: 50%
}

.list-work-box>:last-child {
	margin-bottom: 0
}

@media only screen and (max-width:1199px) {
	.title-work-box h2 {
		font-size: 2em
	}
}

@media only screen and (max-width:991px) {
	.title-work-box h2 {
		font-size: 1.8em
	}
}

@media only screen and (max-width:767px) {
	.list-contact-box,
	.list-work-box>h1 {
		padding-left: 65px
	}
	.contact-form .common-button {
		margin: auto
	}
	.title-page-box h1 {
		font-size: 2.5em
	}
	.title-page-box h2 {
		font-size: 2em
	}
	.list-work-box>h1 {
		text-align: left;
		font-size: 2.75em
	}
	.title-work-box h2 {
		font-size: 1.5em
	}
	.content-contact-box>h1,
	.form-contact-box>h1,
	.map-contact-box>h1 {
		font-size: 2.5em;
		text-align: center
	}
	.list-contact-box>i,
	.list-work-box>i {
		width: 55px;
		height: 55px;
		line-height: 50px;
		font-size: 2em
	}
	.list-work-box {
		padding-left: 0;
		padding-right: 0
	}
}

.mypush-block,
.title-section {
	line-height: normal;
	color: #FFF
}

.title-about-box {
	margin-bottom: 50px
}

.title-about-box>h1 {
	text-align: center;
	margin: 0;
	font-size: 3.5em
}

.container-about-box {
	padding-left: 100px;
	padding-bottom: 0;
	position: relative;
	margin: 0 auto;
	-webkit-animation: reveal 2s 0s ease both 1;
	animation: reveal 2s 0s ease both 1
}

.container-about-box:after,
.container-about-box:before {
	position: absolute;
	content: ""
}

.container-about-box:before {
	left: 50px;
	bottom: 0;
	top: 8px;
	width: 5px;
	height: 100%;
	background: #EEE;
	border-radius: 3px;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-animation: scaleVertical 3s 1s ease both 1;
	animation: scaleVertical 6s 1s ease both 1
}

.container-about-box:after {
	clear: both;
	bottom: -9px;
	left: 42px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #DDD;
	border: 5px solid #DDD;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-webkit-animation: revealScaleUp .75s 2.82s ease both 1;
	animation: revealScaleUp .75s 5.82s ease both 1
}

.container-about-box>.list-about-box {
	margin: 0 0 50px;
	padding: 0;
	position: relative
}

.container-about-box>.list-about-box:before {
	content: "";
	position: absolute;
	top: 8px;
	left: -62.5px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #FFF;
	border: 5px solid #7795f8;
	-webkit-animation: revealScaleUp .75s 0s ease both 1;
	animation: revealScaleUp .75s 0s ease both 1
}

.container-about-box>.list-about-box:nth-child(1):before {
	-webkit-animation-delay: .85s;
	animation-delay: .85s
}

.container-about-box>.list-about-box:nth-child(1) .content-about-box {
	-webkit-animation-delay: 1.05s;
	animation-delay: 1.05s
}

.container-about-box>.list-about-box:nth-child(2):before {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s
}

.container-about-box>.list-about-box:nth-child(2) .content-about-box {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s
}

.container-about-box>.list-about-box:nth-child(3):before {
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s
}

.container-about-box>.list-about-box:nth-child(3) .content-about-box {
	-webkit-animation-delay: 2.1s;
	animation-delay: 2.1s
}

.container-about-box>.list-about-box:nth-child(4):before {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

.container-about-box>.list-about-box:nth-child(4) .content-about-box {
	-webkit-animation-delay: 2.3s;
	animation-delay: 2.3s
}

.container-about-box>.list-about-box:nth-child(5):before {
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s
}

.container-about-box>.list-about-box:nth-child(5) .content-about-box {
	-webkit-animation-delay: 2.8s;
	animation-delay: 2.8s
}

.container-about-box>.list-about-box:nth-child(6):before {
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}

.container-about-box>.list-about-box:nth-child(6) .content-about-box {
	-webkit-animation-delay: 3.3s;
	animation-delay: 3.3s
}

.container-about-box>.list-about-box:nth-child(7):before {
	-webkit-animation-delay: 3.5s;
	animation-delay: 3.5s
}

.container-about-box>.list-about-box:nth-child(7) .content-about-box {
	-webkit-animation-delay: 3.8s;
	animation-delay: 3.8s
}

.container-about-box>.list-about-box:nth-child(8):before {
	-webkit-animation-delay: 4s;
	animation-delay: 4s
}

.container-about-box>.list-about-box:nth-child(8) .content-about-box {
	-webkit-animation-delay: 4.3s;
	animation-delay: 4.3s
}

.container-about-box>.list-about-box:nth-child(9):before {
	-webkit-animation-delay: 4.5s;
	animation-delay: 4.5s
}

.container-about-box>.list-about-box:nth-child(9) .content-about-box {
	-webkit-animation-delay: 4.8s;
	animation-delay: 4.8s
}

.container-about-box>.list-about-box:nth-child(10):before {
	-webkit-animation-delay: 5s;
	animation-delay: 5s
}

.container-about-box>.list-about-box:nth-child(10) .content-about-box {
	-webkit-animation-delay: 5.3s;
	animation-delay: 5.3s
}

.container-about-box>.list-about-box .content-about-box {
	-webkit-animation: revealFromLeft .5s 0s ease both 1;
	animation: revealFromLeft .5s 0s ease both 1
}

.container-about-box>.list-about-box .content-about-box>h1 {
	margin: 0 0 15px;
	font-size: 2.5em
}

.container-about-box>.list-about-box .content-about-box>p {
	margin: 0 0 15px;
	font-size: 1.75em
}

.container-about-box>.list-about-box .content-about-box>ul li {
	font-size: 1.75em
}

@-webkit-keyframes revealFromLeft {
	0% {
		-webkit-transform: translateX(-1em);
		transform: translateX(-1em);
		opacity: 0
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes revealFromLeft {
	0% {
		-webkit-transform: translateX(-1em);
		transform: translateX(-1em);
		opacity: 0
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes reveal {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes reveal {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes scaleVertical {
	0% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0)
	}
	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
}

@keyframes scaleVertical {
	0% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0)
	}
	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
}

@-webkit-keyframes revealScaleUp {
	0% {
		opacity: 0;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes revealScaleUp {
	0% {
		opacity: 0;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.our-team-block {
	padding-bottom: 50px;
	position: relative;
	text-align: center
}

.our-team-block:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 0;
	-webkit-transform: skewY(-12deg);
	transform: skewY(-12deg);
	background: #f6f9fc;
	background-image: linear-gradient(to top left, #209cff, #68e0cf, #fddb92)
}

.title-our-team-box {
	margin-bottom: 50px
}

.title-our-team-box>h1 {
	text-align: center;
	margin: 0;
	font-size: 3.5em
}

.title-our-team-box>h2 {
	text-align: center;
	margin: 0;
	font-size: 2em
}

.our-team-block a:active,
.our-team-block a:link,
.our-team-block a:visited {
	color: rgba(255, 255, 255, 1)
}

.our-team-block a:hover {
	color: rgba(255, 255, 255, .6)
}

.our-team-block .gray {
	color: #a5a5a5
}

.our-team-block .team {
	margin: 40px
}

.our-team-block .team-member {
	margin: 15px 0;
	padding: 0 0 15px;
	background: #fff;
	box-shadow: 0 10px 50px rgba(0, 0, 0, .1);
	border-radius: 4px
}

.our-team-block .team-member figure {
	position: relative;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border-radius: 4px 4px 0 0
}

.team-member figcaption p {
	font-size: 16px
}

.our-team-block .team-member figcaption ul {
	list-style: none;
	margin: 0;
	padding: 0;
	visibility: visible;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out
}

.our-team-block .team-member figcaption ul li {
	display: inline-block;
	padding: 10px
}

.our-team-block .team-member h4 {
	margin: 10px 0 0;
	padding: 0;
	font-size: 2em
}

.our-team-block .team-member p {
	font-size: 2em;
	margin-bottom: 0
}

.our-team-block .team-member figcaption {
	padding: 50px;
	color: transparent;
	background-color: transparent;
	position: absolute;
	z-index: 996;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.our-team-block .team-member figure:hover figcaption {
	visibility: visible;
	color: #fff;
	background: rgba(119, 149, 248, .75);
	height: 100%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.our-team-block .team-member figure:hover figcaption ul li a:hover {
	color: rgba(49, 49, 49, .97)
}

.our-team-block .team-member figure img {
	min-width: 100%;
	-webkit-transform: scale(1) rotate(0) translateY(0);
	-moz-transform: scale(1) rotate(0) translateY(0);
	-o-transform: scale(1) rotate(0) translateY(0);
	-ms-transform: scale(1) rotate(0) translateY(0);
	transform: scale(1) rotate(0) translateY(0);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.our-team-block .team-member figure:hover img {
	-webkit-transform: scale(1.1) rotate(1deg) translateY(12px);
	-moz-transform: scale(1.1) rotate(1deg) translateY(12px);
	-o-transform: scale(1.1) rotate(1deg) translateY(12px);
	-ms-transform: scale(1.1) rotate(1deg) translateY(12px);
	transform: scale(1.1) rotate(1deg) translateY(12px);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

@media screen and (max-width:767px) {
	.container-about-box>.list-about-box .content-about-box>p {
		font-size: 1.5em
	}
	.title-about-box>h1 {
		font-size: 2.5em
	}
	.container-about-box {
		padding-left: 50px
	}
	.container-about-box:before {
		left: 25px;
		width: 3px
	}
	.container-about-box:after {
		left: 17px
	}
	.container-about-box>.list-about-box:before {
		left: -36.5px;
		width: 25px;
		height: 25px;
		border: 3px solid #7795f8
	}
	.container-about-box>.list-about-box .content-about-box>h1 {
		font-size: 2em
	}
	.our-team-block {
		margin-top: 0;
		margin-bottom: 0
	}
	.our-team-block .team-member p {
		font-size: 1.5em
	}
}

.container-mypush {
	width: 1170px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.cover-service {
	width: 100%;
	background-position: center;
	margin: 50px auto
}

.image-cover-service {
	margin-top: -650px;
	z-index: 0;
	pointer-events: none
}

.image-cover-service-mobile {
	display: none;
	margin: auto;
	width: 600px
}

.title-section {
	margin: 0;
	font-size: 2em
}

.cover-service-image {
	margin: auto;
	display: none
}

.title-service {
	margin-bottom: 50px
}

.thumbnail-service {
	height: 350px;
	width: 100%;
	position: relative
}

.image-product {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	text-align: center;
	vertical-align: middle;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: #FFF;
	position: absolute;
	padding: 10px
}

.secondary-product .image-product {
	width: 80px;
	height: 80px
}

.image-product img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: auto
}

.secondary-product .image-product:before {
	content: ""
}

.image-product.pc-product {
	left: 0;
	bottom: 0
}

.image-product.pa-product {
	left: 25%;
	top: 0
}

.image-product.iseo-product {
	left: 55%;
	top: 0
}

.image-product.esp-product {
	right: 0;
	bottom: 0
}

.image-product.pct-product {
	left: 11%;
	top: 70px
}

.image-product.pal-product {
	left: 43%;
	top: 100px
}

.image-product.pe-product {
	left: 78%;
	top: 70px
}

.mypush-block {
	margin-top: -40px;
	padding-top: 80px;
	padding-bottom: 80px;
	background: 0 0;
	text-align: center;
	font-size: 2.5em;
	position: relative
}

.mypush-block:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #4f6276
}

.mypush-product {
	text-align: left;
	margin: 25px auto
}

.mypush-product.primary-product {
	width: 450px
}

.mypush-product-image img {
	margin: auto
}

.mypush-product-title {
	position: relative
}

.mypush-product-title span {
	position: absolute;
	background: #7795f8;
	border-radius: 50%;
	line-height: 50px;
	width: 50px;
	height: 50px;
	left: -2px;
	top: -2px
}

.mypush-product-title h1 {
	color: #FFF;
	border-bottom: 4px solid #FFF;
	font-size: 1em;
	cursor: pointer;
	position: relative
}

.mypush-product-title h1 i {
	position: absolute;
	right: 0;
	font-size: .7em;
	text-align: center;
	line-height: normal;
	top: 50%;
	opacity: 0;
	transform: translateY(-50%) rotate(0);
	-webkit-transform: translateY(-50%) rotate(0);
	-moz-transform: translateY(-50%) rotate(0);
	-moz-transition: all .25s ease;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.mypush-product-title[move_to="#service-pc"] h1 i {
	color: #48b9c2
}

.mypush-product-title[move_to="#service-pa"] h1 i {
	color: #16ab6f
}

.mypush-product-title[move_to="#service-iseo"] h1 i {
	color: #8092da
}

.mypush-product-title[move_to="#service-esp"] h1 i {
	color: #465a68
}

.mypush-product-title[move_to="#service-snap"] h1 i {
	color: #3f9ccf
}

.mypush-product-title h1:hover i {
	opacity: 1;
	transform: translateY(-50%) rotate(90deg);
	-webkit-transform: translateY(-50%) rotate(90deg);
	-moz-transform: translateY(-50%) rotate(90deg)
}

.mypush-product-desc {
	font-size: .5em
}

@media screen and (max-width:1199px) {
	.container-mypush {
		width: 970px
	}
	.image-cover-service {
		margin-top: -575px
	}
	.title-section {
		font-size: 1.8em
	}
	.title-service {
		margin-bottom: 25px
	}
	.thumbnail-service {
		margin-top: -25px
	}
	.mypush-product,
	.mypush-product-title h1 {
		margin-top: 0
	}
	.image-product.pct-product,
	.image-product.pe-product {
		top: 40px
	}
}

@media screen and (max-width:991px) {
	.container-mypush {
		width: 750px
	}
	.image-cover-service {
		margin-top: -425px
	}
	.title-section {
		font-size: 1.4em
	}
	.title-service {
		margin-bottom: 50px;
		position: relative
	}
	.title-service:before {
		content: "";
		width: 1px;
		height: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 50%;
		display: block;
		border: 1px solid;
		border-color: rgba(0, 0, 0, .25)
	}
	.mypush-product-title h1 {
		border-bottom-width: 2px
	}
	.title-service>.row>div:nth-child(2n-1) .mypush-product {
		text-align: right;
		padding-right: 25px;
		position: relative
	}
	.title-service>.row>div:nth-child(2n) .mypush-product {
		text-align: left;
		padding-left: 25px;
		padding-top: 80px;
		position: relative
	}
	.title-service>.row>div:nth-child(2n) .mypush-product:before,
	.title-service>.row>div:nth-child(2n-1) .mypush-product:before {
		content: "";
		width: 20px;
		height: 20px;
		position: absolute;
		bottom: 0;
		display: block;
		border-radius: 50%;
		background: #48b9c2
	}
	.title-service>.row>div:nth-child(2n-1) .mypush-product-title h1 i {
		left: 0;
		right: auto
	}
	.title-service>.row>div:nth-child(2n-1) .mypush-product:before {
		top: 15px;
		right: -25px
	}
	.title-service>.row>div:nth-child(2n) .mypush-product:before {
		top: 95px;
		left: -25px
	}
	.title-service>.row>div:nth-child(2) .mypush-product:before {
		background: #16ab6f
	}
	.title-service>.row>div:nth-child(3) .mypush-product:before {
		background: #8092da
	}
	.title-service>.row>div:nth-child(4) .mypush-product:before {
		background: #465a68
	}
	.title-service>.row>div:nth-child(5) .mypush-product:before {
		background: #3f9ccf
	}
	.thumbnail-service {
		height: 250px
	}
	.image-product {
		width: 120px;
		height: 120px;
		padding: 8px
	}
	.secondary-product .image-product {
		width: 60px;
		height: 60px
	}
}

@media screen and (max-width:767px) {
	.container-mypush {
		width: auto
	}
	.cover-service {
		margin-bottom: 0
	}
	.image-cover-service {
		margin-top: -75px
	}
	.image-cover-service-desktop {
		display: none
	}
	.image-cover-service-mobile {
		display: block
	}
	.thumbnail-service {
		height: 180px
	}
	.image-product {
		width: 80px;
		height: 80px;
		padding: 6px
	}
	.secondary-product .image-product {
		width: 50px;
		height: 50px
	}
	.title-section {
		font-size: 1.25em
	}
	.highlight-txt {
		font-size: 1.4em
	}
	.title-service:before {
		left: 15px
	}
	.title-service>.row>div:nth-child(2n-1) .mypush-product {
		text-align: left;
		padding-right: 0;
		padding-left: 40px
	}
	.title-service>.row>div:nth-child(2n-1) .mypush-product:before {
		right: auto;
		left: 5px
	}
	.mypush-product-title h1 {
		font-size: .85em
	}
	.title-service>.row>div:nth-child(2n-1) .mypush-product-title h1 i {
		right: 0;
		left: auto
	}
	.title-service>.row>div:nth-child(2n) .mypush-product {
		padding-top: 0;
		padding-left: 40px
	}
	.title-service>.row>div:nth-child(2n) .mypush-product:before {
		top: 15px;
		left: 5px
	}
	.mypush-product-desc {
		font-size: .45em
	}
	.image-product.pc-product {
		left: -25px
	}
	.image-product.esp-product {
		right: -25px
	}
	.image-product.pa-product {
		top: -8%
	}
	.image-product.pct-product {
		left: 7%
	}
	.image-product.pe-product {
		right: 82%
	}
}

.cover-painpoint {
	height: 700px;
	position: relative
}

.container-thumb-painpoint {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.list-thumb-painpoint {
	display: block;
	position: absolute;
	text-align: center
}

.painpoint-block {
	padding-top: 8px;
	padding-bottom: 50px;
	z-index: 1;
	position: relative
}

.logo-painpoint {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	z-index: 1;
	padding: 40px;
	background: #fff;
	box-shadow: 0 10px 50px rgba(0, 0, 0, .1);
	border-radius: 50px
}

.logo-painpoint img {
	width: 70px;
	margin-right: 10px
}

.logo-painpoint svg {
	width: 350px
}

.text-logo-painpoint {
	border-left: 2px solid #92d7e7;
	padding-left: 10px
}

.title-logo-painpoint {
	text-align: left;
	padding-left: 5px
}

.title-logo-painpoint h1 {
	margin: 0;
	font-size: 2.25em
}

.title-logo-painpoint p {
	font-size: 1.5em;
	margin: 0
}

.title-painpoint {
	text-align: center;
	line-height: normal;
	margin-top: 10px;
	padding: 0 10px;
	background: #FFF;
	border-radius: 4px
}

.list-thumb-painpoint.next-is-your .title-painpoint {
	background: 0 0
}

.painpoint-product-title {
	position: relative
}

.painpoint-product-title h1 {
	font-size: 2em;
	cursor: pointer;
	position: relative;
	margin: 0
}

.painpoint-product-title.painpoint-product-title-coming h1 {
	cursor: default
}

.painpoint-product-title h1 small {
	display: block;
	line-height: normal;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%)
}

.painpoint-product-title h1 i {
	position: absolute;
	right: 0;
	font-size: .7em;
	text-align: center;
	line-height: normal;
	top: 50%;
	opacity: 0;
	transform: translateY(-50%) rotate(0);
	-webkit-transform: translateY(-50%) rotate(0);
	-moz-transform: translateY(-50%) rotate(0);
	-moz-transition: all .25s ease;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	display: none
}

.list-thumb-painpoint.next-is-your .painpoint-product-title h1 i {
	opacity: 1;
	color: #92d7e7;
	font-size: 1em;
	position: static;
	display: inline-block;
	vertical-align: middle;
	top: auto;
	transform: none;
	line-height: 1;
	margin-left: 5px;
	margin-top: -5px
}

.painpoint-product-title[move_to="#service-pc"] h1 i {
	color: #48b9c2
}

.painpoint-product-title[move_to="#service-pa"] h1 i {
	color: #16ab6f
}

.painpoint-product-title[move_to="#service-iseo"] h1 i {
	color: #8092da
}

.painpoint-product-title[move_to="#service-esp"] h1 i {
	color: #465a68
}

.painpoint-product-title[move_to="#service-snap"] h1 i {
	color: #3f9ccf
}

.painpoint-product-title h1:hover i {
	opacity: 1;
	transform: translateY(-50%) rotate(90deg);
	-webkit-transform: translateY(-50%) rotate(90deg);
	-moz-transform: translateY(-50%) rotate(90deg)
}

.painpoint-product-desc {
	background: #3E474F;
	color: #FFF;
	border-radius: 5px;
	padding: 15px;
	z-index: 1014;
	position: absolute;
	font-size: 1.5em;
	transition: opacity .4s ease, left .2s ease, right .2s ease;
	-webkit-transition: opacity .2s ease, left .2s ease, right .2s ease;
	opacity: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 300px;
	left: 180px;
	line-height: normal;
	pointer-events: none
}

.painpoint-product-desc:before {
	position: absolute;
	content: "";
	background: #3E474F;
	width: 10px;
	height: 10px;
	border-radius: 0 0 0 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 14px;
	left: -5px
}

.list-thumb-painpoint:hover .painpoint-product-desc {
	left: 200px;
	opacity: 1;
	pointer-events: all
}

.painpoint-product-desc.desc-right {
	left: auto;
	right: 180px
}

.painpoint-product-desc.desc-right:before {
	border-radius: 0 3px 0 0;
	left: auto;
	right: -5px
}

.list-thumb-painpoint:hover .painpoint-product-desc.desc-right {
	left: auto;
	right: 200px
}

.desc-empty {
	display: none
}

.thumbnail-painpoint {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	text-align: center;
	vertical-align: middle;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: #FFF;
	margin: auto;
	padding: 4px;
	box-shadow: 0 1px 50px rgba(0, 0, 0, .05)
}

.thumbnail-painpoint img {
	width: auto;
	height: auto;
	max-width: 80%;
	max-height: 80%;
	margin: auto
}

.list-thumb-painpoint:nth-child(1) {
	left: 0;
	top: 35%
}

.list-thumb-painpoint:nth-child(2) {
	left: 12.5%;
	top: 0
}

.list-thumb-painpoint:nth-child(3) {
	left: 12.5%;
	bottom: 0
}

.list-thumb-painpoint:nth-child(4) {
	right: 0;
	top: 35%
}

.list-thumb-painpoint:nth-child(5) {
	right: 12.5%;
	top: 0
}

.list-thumb-painpoint:nth-child(6) {
	right: 12.5%;
	bottom: 0
}

.thumbnail-painpoint.pc-product {
	background-image: linear-gradient(to bottom right, #2196F3, #37b1bb, #48b9c2)
}

.thumbnail-painpoint.pa-product {
	background-image: linear-gradient(to bottom right, #4CAF50, #1aad71, #16ab6f)
}

.thumbnail-painpoint.iseo-product {
	background-image: linear-gradient(to bottom right, #673AB7, #8092da, #8092da)
}

.thumbnail-painpoint.esp-product {
	background-image: linear-gradient(to bottom right, #2b5876, #455b68, #4e4376)
}

.thumbnail-painpoint.snap-product {
	background-image: linear-gradient(to bottom right, #005bea, #429dd0, #00c6fb)
}

.thumbnail-painpoint.bi-product {
	background-image: linear-gradient(to bottom right, #09203f, #205680, #537895)
}

.thumbnail-painpoint.next-is-your {
	border: 4px solid #92d7e7;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
	box-shadow: 0 5px 50px #92d7e7
}

.thumbnail-painpoint.next-is-your>span {
	font-size: 1.5em
}

.thumbnail-painpoint.next-is-your>h1 {
	margin: 0;
	line-height: 1;
	font-size: 4em
}

.container-line {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	pointer-events: none;
	z-index: -1
}

.list-line {
	position: absolute;
	background: 0 0;
	width: 4px;
	top: 10px;
	bottom: 10px;
	left: 50%;
	margin-left: -2px;
	border-radius: 4px;
	border-right: 4px solid #92d7e7;
	border-right-style: solid;
	height: 700px
}

.list-line.primary-list-line {
	top: 0;
	bottom: 0;
	border-right-style: dashed;
	border-radius: 0
}

.list-line:nth-child(2) {
	transform: rotate(90deg);
	top: 0;
	bottom: 0
}

.list-line:nth-child(3) {
	transform: rotate(55deg);
	top: 5%;
	height: calc(700px - 14.5%);
	height: -webkit-calc(700px - 14.5%);
	height: -moz-calc(700px - 14.5%)
}

.list-line:nth-child(4) {
	transform: rotate(-55deg);
	top: 5%;
	height: calc(700px - 14.5%);
	height: -webkit-calc(700px - 14.5%);
	height: -moz-calc(700px - 14.5%)
}

.five-child>.list-line:nth-child(4) {
	margin-left: -3%;
	transform: rotate(-55deg);
	-webkit-transform: rotate(-55deg);
	-moz-transform: rotate(-55deg);
	top: 5%;
	height: calc(700px - 25.5%);
	height: -webkit-calc(700px - 25.5%);
	height: -moz-calc(700px - 25.5%)
}

@media only screen and (max-width:1199px) {
	.list-line:nth-child(2) {
		height: 75%;
		transform: rotate(90deg);
		top: 12.5%;
		bottom: 12.5%
	}
	.list-line:nth-child(3) {
		transform: rotate(50deg);
		top: 12.5%;
		height: calc(700px - 14.5%);
		height: -webkit-calc(75% - 14.5%);
		height: -moz-calc(700px - 14.5%);
		height: 70%
	}
	.list-line:nth-child(4) {
		transform: rotate(-50deg);
		top: 12.5%;
		height: calc(700px - 14.5%);
		height: -webkit-calc(75% - 14.5%);
		height: -moz-calc(700px - 14.5%);
		height: 70%
	}
	.five-child>.list-line:nth-child(4) {
		margin-left: -7%;
		transform: rotate(-50deg);
		-webkit-transform: rotate(-50deg);
		transform: -moz-rotate(-55deg);
		top: 15.5%;
		height: calc(700px - 25.5%);
		height: -webkit-calc(75% - 24.5%);
		height: -moz-calc(700px - 25.5%)
	}
}

@media only screen and (max-width:991px) {
	.logo-painpoint {
		padding: 15px
	}
	.list-thumb-painpoint:nth-child(2),
	.list-thumb-painpoint:nth-child(5) {
		padding-bottom: 10px
	}
	.list-thumb-painpoint:nth-child(3),
	.list-thumb-painpoint:nth-child(6) {
		padding-top: 10px
	}
	.thumbnail-painpoint {
		width: 160px;
		height: 160px
	}
	.list-thumb-painpoint {
		background: #FFF
	}
	.list-thumb-painpoint:nth-child(1) {
		padding-right: 10px
	}
	.list-thumb-painpoint:nth-child(4) {
		padding-left: 10px
	}
	.list-line:nth-child(3) {
		transform: rotate(40deg)
	}
	.list-line:nth-child(4) {
		transform: rotate(-40deg)
	}
	.five-child>.list-line:nth-child(4) {
		margin-left: -6%;
		transform: rotate(-40deg);
		-webkit-transform: rotate(-40deg);
		transform: -moz-rotate(-40deg);
		top: 14.5%
	}
}

@media only screen and (max-width:767px) {
	.cover-painpoint {
		display: flex;
		height: auto;
		justify-content: flex-start;
		flex-direction: column;
		width: 100%
	}
	.logo-painpoint {
		position: relative;
		margin: auto -15px 25px;
		left: auto;
		top: auto;
		transform: none;
		border-radius: 0;
		width: auto;
		background: #FFF;
		padding: 15px;
		box-shadow: 0 0 50px rgba(0, 0, 0, .05), 0 2px 50px rgba(0, 0, 0, .05)
	}
	.list-thumb-painpoint,
	.painpoint-product-desc {
		position: relative;
		left: auto!important;
		right: auto!important
	}
	.list-thumb-painpoint:nth-child(2),
	.list-thumb-painpoint:nth-child(5) {
		padding-bottom: inherit
	}
	.list-thumb-painpoint:nth-child(3),
	.list-thumb-painpoint:nth-child(6) {
		padding-top: inherit
	}
	.container-thumb-painpoint {
		position: relative;
		width: 100%
	}
	.img-logo-painpoint {
		margin-right: 10px
	}
	.logo-painpoint img {
		margin-right: 0
	}
	.list-thumb-painpoint {
		top: auto!important;
		bottom: auto!important;
		text-align: left;
		margin-bottom: 25px
	}
	.thumbnail-painpoint {
		width: 100px;
		height: 100px
	}
	.list-thumb-painpoint:nth-child(1) {
		padding-right: inherit
	}
	.list-thumb-painpoint:nth-child(4) {
		padding-left: inherit
	}
	.list-line.primary-list-line {
		bottom: 25px;
		height: auto
	}
	.list-line:nth-child(2),
	.list-line:nth-child(3),
	.list-line:nth-child(4) {
		display: none
	}
	.painpoint-product-desc {
		pointer-events: all;
		opacity: 1;
		width: 100%;
		transform: none;
		top: auto;
		margin-top: 15px
	}
	.painpoint-product-desc:before {
		border-radius: 3px 3px 0 0!important;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		top: -4px!important;
		left: 50%!important;
		right: auto!important;
		margin-left: -2px
	}
	.list-thumb-painpoint.next-is-your {
		border: 4px solid #92d7e7;
		border-radius: 5px;
		padding: 10px;
		margin: 10px
	}
	.thumbnail-painpoint.next-is-your {
		width: auto;
		height: auto;
		border: 0;
		padding: 0
	}
	.list-thumb-painpoint.next-is-your .title-painpoint {
		padding: 0;
		margin: 10px 0 0
	}
}

.image-services,
.play-btn,
.select_plan:before,
.tour_start {
	pointer-events: none
}

.services-list,
.services-list:first-child {
	margin-bottom: 0
}

.services-block {
	text-align: center;
	padding: 0;
	line-height: normal;
	position: relative;
	z-index: 1
}

.services-list {
	position: relative;
	padding-top: 50px;
	padding-bottom: 0
}

.services-list.right:before,
.services-list:before {
	content: "";
	position: absolute;
	height: 180%;
	top: 0;
	width: 100%
}

.services-list .title-section {
	color: #343434;
	font-size: 3.5em
}

.services-list:last-child {
	padding-bottom: 50px
}

.services-list:before {
	left: 0;
	-webkit-transform: skewY(-12deg);
	transform: skewY(-12deg);
	background: #f6f9fc;
	display: none
}

.services-list.right:before {
	-moz-transform: scaleX(-1) skewY(-12deg);
	-o-transform: scaleX(-1) skewY(-12deg);
	-webkit-transform: scaleX(-1) skewY(-12deg);
	transform: scaleX(-1) skewY(-12deg);
	filter: FlipH;
	-ms-filter: "FlipH";
	background: #fff
}

.services-list:first-child:before {
	background: #FFF
}

.container-service {
	margin: 0 auto;
	width: 100%;
	max-width: 1170px;
	position: relative;
	bottom: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 15px;
	height: 591px
}

.container-service>div {
	margin: 0 50px 0 0;
	width: 50%;
	text-align: right
}

.services-list.right .container-service>div {
	align-self: flex-end;
	text-align: left;
	margin-left: 50px;
	margin-right: 0;
	padding-left: 40px
}

.mypush-service {
	text-align: center;
	margin: 25px auto
}

.mypush-service-name {
	color: #48b9c2;
	margin: 0;
	font-size: 3em
}

.service-pa .mypush-service-name {
	color: #16ab6f
}

.service-iseo .mypush-service-name {
	color: #8092da
}

.service-esp .mypush-service-name {
	color: #465a68
}

.service-snap .mypush-service-name {
	color: #3f9ccf
}

.service-bi .mypush-service-name {
	color: #205680
}

.mypush-service>div {
	margin-bottom: 15px;
	margin-top: 15px;
	width: 100%;
	text-align: right
}

.mypush-service>.mypush-service-button {
	border-top: 2px solid #f1f7fb;
	padding-top: 20px
}

.mypush-service .common-link {
	display: inline-block;
	font-size: 2em;
	font-weight: 500;
	background-image: linear-gradient(to bottom right, #f857a6, #ff5858);
	box-shadow: none;
	color: #fff!important;
	padding: 0 30px;
	border: 0;
	border-radius: 25px;
	line-height: 50px;
	height: 50px;
	transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	text-transform: uppercase;
	cursor: pointer
}

.image-service,
.image-services {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox
}

.mypush-service .common-link:hover {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	margin-right: 10px
}

.mypush-alt-action {
	font-size: 2em;
	font-weight: 400;
	margin-left: 10px
}

.mypush-alt-action a {
	color: inherit
}

.mypush-alt-action a:hover {
	color: inherit;
	text-decoration: underline
}

.mypush-service .common-link i {
	font-size: 1em;
	margin-left: 3px
}

.services-list.right .mypush-service .common-link i {
	margin-left: 0;
	margin-right: 3px
}

.service-pc .mypush-service .common-link {
	color: #48b9c2
}

.service-pa .mypush-service .common-link {
	color: #16ab6f
}

.service-iseo .mypush-service .common-link {
	color: #8092da
}

.service-esp .mypush-service .common-link {
	color: #465a68
}

.service-snap .mypush-service .common-link {
	color: #3f9ccf
}

.mypush-service-name h1 {
	color: #FFF;
	margin: 0
}

.mypush-service>p {
	font-weight: 400;
	line-height: 26px;
	color: #6b7c93;
	padding-top: 35px;
	margin: 0;
	width: 100%;
	font-size: .6em;
	text-align: right
}

.mypush-service-image img {
	margin: auto
}

.mypush-service-desc h1 {
	font-size: 2em;
	margin: 0 0 25px;
	color: #666
}

.mypush-service-desc p {
	font-size: .5em
}

.mypush-service-desc ul li {
	font-size: 1.5em;
	padding: 5px 0;
	color: #343434
}

.mypush-service-desc ul li i {
	margin-right: 10px
}

.service-pc .mypush-service-desc ul li i {
	color: #48b9c2
}

.service-pa .mypush-service-desc ul li i {
	color: #16ab6f
}

.service-iseo .mypush-service-desc ul li i {
	color: #8092da
}

.service-esp .mypush-service-desc ul li i {
	color: #465a68
}

.service-snap .mypush-service-desc ul li i {
	color: #3f9ccf
}

.service-bi .mypush-service-desc ul li i {
	color: #205680
}

.services-list.right .mypush-service>div,
.services-list.right .mypush-service>p {
	text-align: left
}

.image-services {
	position: absolute;
	display: flex;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 50%
}

.services-list.right .image-services {
	position: relative;
	height: 100%;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	margin-right: 0;
	text-align: left
}

.image-services .pattern-banner {
	opacity: .15
}

.services-list.right .pattern-banner {
	-moz-transform: scaleX(-1) skewY(-12deg);
	-o-transform: scaleX(-1) skewY(-12deg);
	-webkit-transform: scaleX(-1) skewY(-12deg);
	transform: scaleX(-1) skewY(-12deg);
	-moz-transform-origin: center;
	-webkit-transform-origin: center;
	transform-origin: center
}

.image-service-pc .pattern-banner {
	background: -moz-linear-gradient(150deg, #fff 15%, #48b9c2 70%, #48b9c2 94%);
	background: -webkit-linear-gradient(150deg, #fff 15%, #48b9c2 70%, #48b9c2 94%);
	background: linear-gradient(150deg, #fff 15%, #48b9c2 70%, #48b9c2 94%)
}

.image-service-pa .pattern-banner {
	background: -moz-linear-gradient(150deg, #fff 15%, #16ab6f 70%, #16ab6f 94%);
	background: -webkit-linear-gradient(150deg, #fff 15%, #16ab6f 70%, #16ab6f 94%);
	background: linear-gradient(150deg, #fff 15%, #16ab6f 70%, #16ab6f 94%)
}

.image-service-iseo .pattern-banner {
	background: -moz-linear-gradient(150deg, #fff 15%, #8092da 70%, #8092da 94%);
	background: -webkit-linear-gradient(150deg, #fff 15%, #8092da 70%, #8092da 94%);
	background: linear-gradient(150deg, #fff 15%, #8092da 70%, #8092da 94%)
}

.image-service-esp .pattern-banner {
	background: -moz-linear-gradient(150deg, #fff 15%, #465a68 70%, #465a68 94%);
	background: -webkit-linear-gradient(150deg, #fff 15%, #465a68 70%, #465a68 94%);
	background: linear-gradient(150deg, #fff 15%, #465a68 70%, #465a68 94%)
}

.image-service-snap .pattern-banner {
	background: -moz-linear-gradient(150deg, #fff 15%, #3f9ccf 70%, #3f9ccf 94%);
	background: -webkit-linear-gradient(150deg, #fff 15%, #3f9ccf 70%, #3f9ccf 94%);
	background: linear-gradient(150deg, #fff 15%, #3f9ccf 70%, #3f9ccf 94%)
}

.image-service-pc .pattern-banner :nth-child(1) {
	background: #48b9c2
}

.image-service-pc .pattern-banner :nth-child(2) {
	background: #9ac3f1
}

.image-service-pc .pattern-banner :nth-child(3),
.image-service-pc .pattern-banner :nth-child(4) {
	background: #8ebef3
}

.image-service-pc .pattern-banner :nth-child(5) {
	background: #9ac3f1
}

.image-service-pa .pattern-banner :nth-child(1) {
	background: #16ab6f
}

.image-service-pa .pattern-banner :nth-child(2) {
	background: #10c19e
}

.image-service-pa .pattern-banner :nth-child(3),
.image-service-pa .pattern-banner :nth-child(4) {
	background: #05b592
}

.image-service-pa .pattern-banner :nth-child(5) {
	background: #10c19e
}

.image-service-iseo .pattern-banner :nth-child(1) {
	background: #8092da
}

.image-service-iseo .pattern-banner :nth-child(2) {
	background: #1368d2
}

.image-service-iseo .pattern-banner :nth-child(3),
.image-service-iseo .pattern-banner :nth-child(4) {
	background: #0860ce
}

.image-service-iseo .pattern-banner :nth-child(5) {
	background: #1368d2
}

.image-service-esp .pattern-banner :nth-child(1) {
	background: #465a68
}

.image-service-esp .pattern-banner :nth-child(2) {
	background: #50c573
}

.image-service-esp .pattern-banner :nth-child(3),
.image-service-esp .pattern-banner :nth-child(4) {
	background: #3fb362
}

.image-service-esp .pattern-banner :nth-child(5) {
	background: #50c573
}

.image-service-snap .pattern-banner :nth-child(1) {
	background: #3f9ccf
}

.image-service-snap .pattern-banner :nth-child(2) {
	background: #4595db
}

.image-service-snap .pattern-banner :nth-child(3),
.image-service-snap .pattern-banner :nth-child(4) {
	background: #3887cc
}

.image-service-snap .pattern-banner :nth-child(5) {
	background: #3f9ccf
}

.image-service {
	position: absolute;
	display: flex;
	width: 1287px;
	left: 50%;
	margin-left: -644px;
	-webkit-transform: scale(.5) rotate(-12deg) translateX(50px);
	transform: scale(.5) rotate(-12deg) translateX(50px);
	-webkit-transform-origin: 50% 20%;
	transform-origin: 50% 20%;
	z-index: 1
}

.customer-logo-block ul,
.image-service>div {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox
}

.services-list.right .image-service {
	right: 50%;
	left: auto;
	transform: rotate(12deg);
	-webkit-transform: rotate(12deg);
	-moz-transform: rotate(12deg)
}

.image-service>div {
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 38px;
	background: #fff;
	box-shadow: inset 0 4px 7px 1px #fff, inset 0 -5px 20px rgba(173, 186, 204, .25), 0 2px 6px rgba(0, 21, 64, .14), 0 10px 20px rgba(0, 21, 64, .05)
}

.image-service .tablet-landscape {
	width: 512px;
	height: 352px;
	margin: 115px 50px 0
}

.image-service .phone-big {
	display: none
}

.image-service .phone-small {
	-webkit-box-ordinal-group: 0;
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1;
	width: 225px;
	height: 467px
}

.image-service .tablet-portrait {
	width: 450px;
	height: 675px;
	margin-top: 115px
}

.image-service-pc .szene :after,
.image-service-pc .szene :before {
	content: '';
	display: block;
	position: absolute;
	box-sizing: border-box
}

.image-service-pc .stage,
.image-service-pc .szene {
	position: relative;
	width: 100%;
	height: 480px;
	margin: 0 auto
}

.image-service-pc .device {
	position: absolute
}

.image-service-pc .notebook {
	top: 8%;
	right: 8%
}

.image-service-pc .ipad {
	top: 30%;
	left: 0
}

.image-service-pc .iphone {
	top: 40%;
	right: 0
}

.image-service-pc .screen {
	position: relative;
	margin: 13px auto 0;
	border-radius: 2px;
	background: #555;
	overflow: hidden
}

.image-service-pc .shadow {
	position: absolute;
	z-index: -1;
	bottom: -4px;
	left: -4%;
	width: 108%;
	height: 8px;
	border-radius: 100%;
	background: rgba(0, 0, 0, .2)
}

.image-service-pc .notebook {
	width: 480px;
	height: 296px;
	border-radius: 10px 10px 0 0;
	background: #fafafa;
	border: 2px solid #f3f3f3;
	border-bottom: 0
}

.image-service-pc .notebook:before {
	top: 5px;
	left: 50%;
	width: 4px;
	height: 4px;
	margin-left: -2px;
	border-radius: 50%;
	background: #aaa
}

.image-service-pc .notebook .screen {
	width: 440px;
	height: 256px
}

.image-service-pc .notebook .keyboard {
	position: absolute;
	top: 100%;
	margin-left: -40px;
	width: 560px;
	height: 8px;
	border-radius: 5px 5px 25px 25px;
	background: #eaeaea
}

.image-service-pc .notebook .keyboard:after {
	left: 50%;
	margin-left: -25px;
	width: 50px;
	height: 4px;
	border-radius: 0 0 8px 8px;
	background: #ccc
}

.image-service-pc .ipad {
	width: 176px;
	height: 240px;
	border-radius: 8px;
	background: #fafafa;
	border: 2px solid #f3f3f3;
	border-bottom: 0
}

.image-service-pc .ipad:before {
	top: 5px;
	left: 50%;
	width: 4px;
	height: 4px;
	margin-left: -2px;
	border-radius: 50%;
	background: #aaa
}

.image-service-pc .ipad:after {
	bottom: 5px;
	left: 50%;
	width: 4px;
	height: 4px;
	margin-left: -2px;
	border: 1px solid #aaa;
	border-radius: 50%
}

.image-service-pc .ipad .screen {
	width: 160px;
	height: 200px
}

.image-service-pc .iphone {
	width: 96px;
	height: 176px;
	border-radius: 8px;
	background: #fafafa;
	border: 2px solid #f3f3f3;
	border-bottom: 0
}

.image-service-pc .iphone:before {
	top: 6px;
	left: 50%;
	width: 10px;
	height: 2px;
	margin-left: -5px;
	border-radius: 4px;
	background: #aaa
}

.image-service-pc .iphone:after {
	bottom: 5px;
	left: 50%;
	width: 4px;
	height: 4px;
	margin-left: -2px;
	border: 1px solid #aaa;
	border-radius: 50%
}

.image-service-pc .iphone .screen {
	width: 83.2px;
	height: 136px
}

.image-service-pc .animation {
	width: 100%;
	height: 100%;
	border-radius: 2px;
	background: #bcd;
	-webkit-transform: scale(.4, .4) translateX(500%);
	transform: scale(.4, .4) translateX(500%);
	-webkit-animation: 7s fly-in infinite;
	animation: 7s fly-in infinite;
	overflow: hidden
}

.image-service-pc .ipad .animation,
.image-service-pc .iphone .animation,
.image-service-pc .notebook .animation {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position-y: 15px
}

.image-service-pc .notebook .animation {
	background-image: url(/public/images/pc-capture-1.png)
}

.image-service-pc .ipad .animation {
	background-image: url(/public/images/pc-capture-2.png)
}

.image-service-pc .iphone .animation {
	background-image: url(/public/images/pc-capture-3.png)
}

@-webkit-keyframes fly-in {
	0% {
		-webkit-transform: scale(.4, .4) translateX(500%);
		transform: scale(.4, .4) translateX(500%)
	}
	10%,
	90% {
		-webkit-transform: scale(.4, .4) translateX(0);
		transform: scale(.4, .4) translateX(0)
	}
	20%,
	80% {
		-webkit-transform: scale(1, 1) translateX(0);
		transform: scale(1, 1) translateX(0)
	}
	100% {
		-webkit-transform: scale(.4, .4) translateX(-500%);
		transform: scale(.4, .4) translateX(-500%)
	}
}

@keyframes fly-in {
	0% {
		-webkit-transform: scale(.4, .4) translateX(500%);
		transform: scale(.4, .4) translateX(500%)
	}
	10%,
	90% {
		-webkit-transform: scale(.4, .4) translateX(0);
		transform: scale(.4, .4) translateX(0)
	}
	20%,
	80% {
		-webkit-transform: scale(1, 1) translateX(0);
		transform: scale(1, 1) translateX(0)
	}
	100% {
		-webkit-transform: scale(.4, .4) translateX(-500%);
		transform: scale(.4, .4) translateX(-500%)
	}
}

.image-service-pc .browser {
	height: 15px;
	background: #88a6c4
}

.image-service-pc .browser:before {
	top: 5px;
	left: 5px;
	width: 5px;
	height: 5px;
	border-radius: 2px;
	background: #bcd
}

.image-service-pc .browser:after {
	top: 5px;
	right: 5px;
	height: 5px;
	width: calc(100% - 20px);
	border-radius: 2px;
	background: #bcd
}

.image-service-pc .content {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	background: #88a6c4;
	box-shadow: 0 8px 0 #88a6c4, 0 16px 0 #88a6c4, 0 24px 0 #88a6c4, 0 32px 0 #88a6c4, 0 40px 0 #88a6c4, 0 48px 0 #88a6c4;
	-webkit-animation: 7s pop-in infinite;
	animation: 7s pop-in infinite
}

.image-service-pc .content img {
	width: 100%;
	height: 100%;
	max-height: 100%;
	max-width: 100%;
	margin: auto
}

.image-service-pc .ipad .content:before {
	width: 24px;
	height: 20px;
	border-right: 4px solid #bcd;
	background: #88a6c4;
	display: none
}

@-webkit-keyframes pop-in {
	0%,
	18% {
		-webkit-transform: translateY(3000%);
		transform: translateY(3000%)
	}
	100%,
	28% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes pop-in {
	0%,
	18% {
		-webkit-transform: translateY(3000%);
		transform: translateY(3000%)
	}
	100%,
	28% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@media only screen and (height:300px) {
	.image-service-pc .szene {
		height: 200px
	}
	.image-service-pc .stage {
		width: 100%;
		-webkit-transform: scale(.8, .8);
		transform: scale(.8, .8)
	}
}

@media screen and (max-width:991px) {
	.image-service-pc .szene {
		margin-right: 0
	}
}

@media screen and (max-width:767px) {
	.image-service-pc .stage {
		width: 480px;
		height: 480px
	}
	.image-service-pc .iphone {
		top: 40%;
		left: -10%
	}
	.image-service-pc .ipad {
		top: 25%;
		left: 0
	}
	.image-service-pc .notebook {
		top: 8%;
		left: 10%
	}
}

.image-service-pa-device {
	width: 100%;
	position: relative;
	height: 480px
}

.image-service-pa .device {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	border-style: solid;
	background-size: 100%;
	background-repeat: no-repeat
}

.image-service-pa .device:after,
.image-service-pa .device:before {
	content: " ";
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	margin: auto
}

.image-service-pa .device,
.image-service-pa .device:after,
.image-service-pa .device:before {
	-moz-transition: all .4s cubic-bezier(.52, 1.82, .44, 1.14);
	-o-transition: all .4s cubic-bezier(.52, 1.82, .44, 1.14);
	-webkit-transition: all .4s cubic-bezier(.52, 1.82, .44, 1.14);
	transition: all .4s cubic-bezier(.52, 1.82, .44, 1.14)
}

.image-service-pa .device:before {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.image-service-pa .iphone,
.image-service-pa .mini {
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	transform: translateY(-50%) translateX(-50%) scale(2)
}

.image-service-pa .device:after {
	border-style: solid
}

.image-service-pa .iphone {
	border-radius: 13px;
	border-color: #484f5e;
	border-width: 18px 4px;
	width: 59px;
	height: 124px;
	background-image: url(/public/images/pa-capture-iphone.png);
	-webkit-transform: translateY(-50%) translateX(-50%) scale(2);
	-moz-transform: translateY(-50%) translateX(-50%) scale(2)
}

.image-service-pa .iphone:before {
	background: #fff;
	bottom: -13px;
	width: 8px;
	height: 8px
}

.image-service-pa .iphone:after {
	border-color: #a5adbe;
	border-width: 0 12px 0 2px;
	height: 2px;
	width: 2px;
	top: -10px
}

.image-service-pa .mini {
	border-radius: 13px;
	border-color: #484f5e;
	border-width: 14px 5px;
	width: 93px;
	height: 138px;
	background-image: url(/public/images/pa-capture-iphoneplus.png);
	-webkit-transform: translateY(-50%) translateX(-50%) scale(2);
	-moz-transform: translateY(-50%) translateX(-50%) scale(2)
}

.image-service-pa .mini:before {
	background: #fff;
	bottom: -11px;
	width: 8px;
	height: 8px
}

.image-service-pa .mini:after {
	border-color: #a5adbe;
	border-width: 0 12px 0 2px;
	height: 2px;
	width: 2px;
	top: -8px
}

.image-service-pa .ipad {
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	border-color: #484f5e;
	border-width: 18px 13px;
	width: 134px;
	height: 176px;
	background-image: url(/public/images/pa-capture-ipad.png);
	transform: translateY(-50%) translateX(-50%) scale(2);
	-webkit-transform: translateY(-50%) translateX(-50%) scale(2);
	-moz-transform: translateY(-50%) translateX(-50%) scale(2)
}

.image-service-pa .ipad:before {
	background: #fff;
	bottom: -13px;
	width: 8px;
	height: 8px
}

.image-service-pa .ipad:after {
	border-color: #a5adbe;
	border-width: 0 12px 0 2px;
	height: 2px;
	width: 2px;
	top: -10px
}

.image-service-pa .macbook {
	-moz-border-radius: 13px 13px 0 0;
	-webkit-border-radius: 13px 13px 0 0;
	border-radius: 13px 13px 0 0;
	border-color: #484f5e;
	border-width: 14px;
	width: 421.2px;
	height: 279px;
	background-image: url(/public/images/pa-capture-macbook.png);
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	margin-top: -26px
}

.image-service-pa .macbook:before {
	-moz-border-radius: 0 0 50px 50px;
	-webkit-border-radius: 0;
	border-radius: 0 0 50px 50px;
	background: #e8ebf0;
	height: 25.2px;
	width: 529.2px;
	top: 265px;
	left: -68px
}

.image-service-pa .macbook:after {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border-color: #a5adbe;
	border-width: 0 0 0 3px;
	height: 3px;
	width: 0;
	top: -6px
}

.image-service-pa .imac {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: inset 0 14px 0 0 #484f5e, inset 14px 0 0 #484f5e, inset -14px 0 0 #484f5e;
	-webkit-box-shadow: inset 0 14px 0 0 #484f5e, inset 14px 0 0 #484f5e, inset -14px 0 0 #484f5e;
	box-shadow: inset 0 14px 0 0 #484f5e, inset 14px 0 0 #484f5e, inset -14px 0 0 #484f5e;
	border: none;
	border-bottom: solid 35px #e8ebf1;
	width: 451.25px;
	height: 268.75px;
	margin-top: -26px;
	background-image: url(/public/images/pa-capture-desktop.png);
	background-size: calc(100% - 28px);
	background-size: -webkit-calc(100% - 28px);
	background-size: -moz-calc(100% - 28px);
	background-repeat: no-repeat;
	background-position: 14px 14px;
	transform: translateY(-50%) translateX(-50%) scale(1);
	-webkit-transform: translateY(-50%) translateX(-50%) scale(1);
	-moz-transform: translateY(-50%) translateX(-50%) scale(1)
}

.image-service-pa .imac:before {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	height: 0;
	width: 112.5px;
	border-style: solid;
	border-color: transparent transparent #e2e4e8;
	border-width: 0 10px 47px;
	top: 269px
}

.image-service-pa .imac:after {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: 0 245px 0 4px #464e5d;
	-webkit-box-shadow: 0 245px 0 4px #464e5d;
	box-shadow: 0 245px 0 4px #464e5d;
	border-color: #a5adbe;
	border-width: 0 0 0 4px;
	height: 5px;
	width: 0;
	top: 5px
}

.image-service-iseo .service-graphic {
	font-size: 17px;
	position: relative;
	margin-top: 0;
	width: 100%;
	height: 480px
}

.image-service-iseo .service-graphic .monitor {
	width: 28.75em;
	height: 17.5em;
	position: absolute;
	background: #f8f8f8;
	border-radius: .625em;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	margin-right: 0;
	bottom: 25%;
	border: 1.25em solid #1f1f1f
}

@media screen and (min-width:768px) {
	.image-service-iseo .service-graphic .monitor {
		border: 1.25em solid #1f1f1f
	}
}

.image-service-iseo .monitor>div {
	position: absolute
}

.image-service-iseo .laptop:before,
.image-service-iseo .monitor:after,
.image-service-iseo .monitor:before {
	content: "";
	position: absolute;
	left: 50%
}

.image-service-iseo .laptop:before,
.image-service-iseo .monitor:before {
	margin: -.188em 0 0 -.188em;
	width: .25em;
	height: .25em;
	border-radius: .25em;
	background: #d8dbe1;
	top: -.625em
}

.image-service-iseo .screen:after {
	width: .5em;
	height: .5em;
	border-radius: .5em;
	margin: 0 0 -.25em -.25em;
	background: #e8ebf0;
	bottom: -.625em
}

.image-service-iseo .monitor .content {
	width: 26.25em;
	height: 15em;
	left: 50%;
	margin-left: -13.125em;
	overflow: hidden
}

.image-service-iseo .ipad .screen:before,
.image-service-iseo .laptop .screen:before,
.image-service-iseo .monitor .content:before,
.image-service-iseo .phone .screen:before {
	content: "";
	position: absolute;
	right: -5.625em;
	width: 12.5em;
	height: 18.75em;
	transform: rotate(45deg);
	background: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	z-index: 5
}

.image-service-iseo .browser {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	background: #fff;
	border: 1px solid #e8ebf0;
	border-top: 1.25em solid #d8dbe1;
	border-radius: .313em
}

.image-service-iseo .browser-content {
	overflow: hidden;
	height: 100%
}

.image-service-iseo .btns {
	position: absolute;
	top: -1.25em;
	left: .438em
}

.image-service-iseo .btns:before {
	content: "";
	position: absolute;
	left: 2.188em;
	top: .313em;
	height: .625em;
	width: 11.563em;
	background: #fff;
	border-radius: 3px
}

.image-service-iseo .btns>li {
	display: inline-block;
	vertical-align: middle;
	list-style: none;
	width: .313em;
	height: .313em;
	border-radius: .313em;
	background: #f8f8f8;
	margin-right: .25em
}

.image-service-iseo .screen .txt {
	margin: .625rem auto;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 0;
	background-position: 100% 0;
	background-size: 100%;
	background-repeat: no-repeat
}

.image-service-iseo .monitor .txt {
	background-image: url(/public/images/iseo-capture-desktop.png)
}

.image-service-iseo .laptop .txt {
	background-image: url(/public/images/iseo-capture-laptop.png)
}

.image-service-iseo .phone .txt {
	background-image: url(/public/images/iseo-capture-phone.png)
}

.image-service-iseo .ipad .txt {
	background-image: url(/public/images/iseo-capture-ipad.png)
}

.image-service-iseo .screen .txt>li {
	background: #e8ebf0;
	width: 100%;
	height: .938em;
	margin-bottom: .363em;
	font-size: 1rem;
	display: none
}

.image-service-iseo .screen .txt>li.big {
	height: 3.75em
}

.image-service-iseo .phone .txt,
.image-service-iseo .screen .txt {
	animation: scroll 4s 1s cubic-bezier(.25, .1, .25, 1) infinite
}

@keyframes scroll {
	20%,
	60% {
		transform: translateY(-25%)
	}
	80% {
		margin-top: 12.5%
	}
}

.image-service-iseo .screen .txt>.third {
	height: 2.25em;
	width: 30%;
	margin-right: 5%;
	display: inline-block;
	display: none
}

.image-service-iseo .screen .txt>li:nth-child(10),
.image-service-iseo .screen .txt>li:nth-child(13),
.image-service-iseo .screen .txt>li:nth-child(18),
.image-service-iseo .screen .txt>li:nth-child(21),
.image-service-iseo .screen .txt>li:nth-child(5) {
	margin-right: 0
}

.image-service-iseo .base {
	width: 5.625em;
	height: 3.1em;
	left: 50%;
	margin-left: -2.8125em;
	background: #e8ebf0;
	bottom: -4.35em
}

.image-service-iseo .base:after,
.image-service-iseo .base:before,
.image-service-iseo .grey-shadow:after,
.image-service-iseo .grey-shadow:before {
	content: "";
	position: absolute;
	top: 0
}

.image-service-iseo .base:before {
	border-left: .813em solid transparent;
	border-right: 0 solid transparent;
	border-bottom: 3.125em solid #e8ebf0;
	left: -.77em
}

.image-service-iseo .base:after {
	border-right: .813em solid transparent;
	border-left: 0 solid transparent;
	border-bottom: 3.125em solid #e8ebf0;
	right: -.77em
}

.image-service-iseo .base>div {
	position: absolute
}

.image-service-iseo .grey-shadow {
	width: 5.625em;
	height: .75em;
	background: #d8dbe1;
	top: 0
}

.image-service-iseo .grey-shadow:before {
	border-left: 3px solid transparent;
	border-right: 0 solid transparent;
	border-bottom: .75em solid #d8dbe1;
	left: -3px
}

.image-service-iseo .grey-shadow:after {
	border-right: 3px solid transparent;
	border-left: 0 solid transparent;
	border-bottom: .75em solid #d8dbe1;
	right: -2px;
	z-index: 1
}

.image-service-iseo .foot {
	background: #e8ebf0
}

.image-service-iseo .foot.top {
	width: 7.25em;
	height: .313em;
	bottom: -.3em;
	left: 50%;
	margin-left: -3.625em
}

.image-service-iseo .foot.bottom:before,
.image-service-iseo .foot.top:after,
.image-service-iseo .foot.top:before {
	content: "";
	position: absolute;
	top: 0
}

.image-service-iseo .foot.top:before {
	border-left: 16px solid transparent;
	border-right: 0 solid transparent;
	border-bottom: 5px solid #e8ebf0;
	left: -16px
}

.image-service-iseo .foot.top:after {
	border-right: 1em solid transparent;
	border-left: 0 solid transparent;
	border-bottom: 5px solid #e8ebf0;
	right: -1em
}

.image-service-iseo .foot.bottom {
	width: 9.375em;
	height: .313em;
	bottom: -.625em;
	left: 50%;
	margin-left: -4.688em
}

.image-service-iseo .laptop {
	width: 14.688em;
	height: 9.688em;
	background: #f8f8f8;
	border: .75em solid #1f1f1f;
	border-radius: .625em .625em 0 0;
	position: absolute;
	right: 0;
	margin-right: 0;
	z-index: 10;
	bottom: 10%
}

.image-service-iseo .laptop:before {
	top: -.3em
}

.image-service-iseo .laptop>div {
	position: absolute
}

.image-service-iseo .laptop>.screen {
	width: 13.188em;
	height: 8.188em;
	left: 0;
	margin-left: 0;
	background: #fff;
	overflow: hidden
}

.image-service-iseo .btm {
	width: 18.5em;
	height: .625em;
	bottom: -1.188em;
	left: 50%;
	margin-left: -9.25em;
	border-radius: 0 0 20px 20px;
	background: #e8ebf0;
	z-index: 1
}

.image-service-iseo .btm:before {
	content: "";
	position: absolute;
	width: 2.625em;
	height: .25em;
	left: 50%;
	top: 0;
	margin-left: -1.313em;
	border-radius: 0 0 .313em .313em;
	background: #d8dbe1
}

.image-service-iseo .btm:after {
	display: none;
	content: "";
	position: absolute;
	width: 100%;
	height: .25rem;
	background: #bababa;
	top: .5rem;
	border-bottom-right-radius: 7.5rem 2.5rem;
	border-bottom-left-radius: 7.5rem 2.5rem
}

.image-service-iseo .phone {
	width: 4.125em;
	height: 8.75em;
	position: absolute;
	margin-left: 0;
	border-radius: .5em;
	background: #1f1f1f;
	border: 1.563em solid #1f1f1f;
	border-left: .313em solid #1f1f1f;
	border-right: .313em solid #1f1f1f;
	z-index: 1;
	bottom: 8%;
	left: 0
}

.image-service-iseo .phone:after,
.image-service-iseo .phone:before {
	content: "";
	position: absolute;
	left: 50%;
	background: #474e5d
}

.image-service-iseo .phone:before {
	background: #474e5d;
	width: 1.25em;
	height: .25em;
	margin-left: -.625em;
	top: -.75em;
	border-radius: 2px
}

.image-service-iseo .phone:after {
	width: .625em;
	height: .625em;
	border-radius: .625em;
	bottom: -1.125em;
	margin-left: -.313em
}

.image-service-iseo .phone .screen {
	width: 3.5em;
	height: 5.625em;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background: #fff
}

.image-service-iseo .phone .txt>li {
	height: 1.125em
}

.image-service-iseo .screen .txt>li.txt-half {
	width: 46%;
	margin-right: 8%;
	display: inline-block;
	display: none
}

.image-service-iseo .screen .txt>li.txt-half:nth-of-type(even) {
	margin-right: 0
}

.image-service-iseo .ipad {
	width: 8.75em;
	height: 12.75em;
	position: absolute;
	margin-left: 0;
	border-radius: .5em;
	background: #1f1f1f;
	border: 1.563em solid #1f1f1f;
	border-left: .313em solid #1f1f1f;
	border-right: .313em solid #1f1f1f;
	bottom: 10%;
	left: 10%
}

.image-service-iseo .ipad:after,
.image-service-iseo .ipad:before {
	content: "";
	position: absolute;
	left: 50%;
	background: #474e5d
}

.image-service-iseo .ipad:before {
	background: #474e5d;
	width: 1.25em;
	height: .25em;
	margin-left: -.625em;
	top: -.75em;
	border-radius: 2px
}

.image-service-iseo .ipad:after {
	width: .625em;
	height: .625em;
	border-radius: .625em;
	bottom: -1.125em;
	margin-left: -.313em
}

.image-service-iseo .ipad .screen {
	width: 8em;
	height: 9.8em;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background: #fff
}

.image-service-iseo .ipad .content {
	width: 100%;
	left: 0;
	margin-left: 0
}

.image-service-iseo .ipad li.txt-half {
	height: 35px
}

.image-service-esp .device-body {
	-webkit-transition: .5s cubic-bezier(.77, .14, .57, 1.46);
	-moz-transition: .5s cubic-bezier(.77, .14, .57, 1.46);
	-ms-transition: .5s cubic-bezier(.77, .14, .57, 1.46);
	-o-transition: .5s cubic-bezier(.77, .14, .57, 1.46);
	transition: .5s cubic-bezier(.77, .14, .57, 1.46);
	width: 380px;
	height: 273px;
	background: #000;
	border-radius: 15px 15px 0 0;
	border: 2px solid #cdced0;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	opacity: 1;
	margin-top: 25px
}

.image-service-esp .device-screen {
	position: absolute;
	top: 7%;
	left: 4%;
	width: 92%;
	height: 81%;
	background: #312f32;
	overflow: hidden;
	-webkit-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	-moz-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	-ms-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	-o-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	transition: .3s cubic-bezier(.77, .14, .57, 1.46)
}

.image-service-esp .device-screen:after {
	content: "";
	width: 100%;
	height: 170%;
	background: -webkit-linear-gradient(#fff, transparent);
	background: -moz-linear-gradient(#fff, transparent);
	background: -o-linear-gradient(#fff, transparent);
	background: -ms-linear-gradient(#fff, transparent);
	background: linear-gradient(#fff, transparent);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: -130%;
	right: 10%;
	opacity: .1
}

.image-service-esp .laptop-bottom {
	position: absolute;
	height: 23px;
	bottom: -2px;
	width: 130%;
	left: -15%;
	background: #cdced0;
	border-radius: 0 0 5px 5px;
	-webkit-transition: .5s cubic-bezier(.77, .14, .57, 1.46);
	-moz-transition: .5s cubic-bezier(.77, .14, .57, 1.46);
	-ms-transition: .5s cubic-bezier(.77, .14, .57, 1.46);
	-o-transition: .5s cubic-bezier(.77, .14, .57, 1.46);
	transition: .5s cubic-bezier(.77, .14, .57, 1.46)
}

.image-service-esp .laptop-bottom-detail-1 {
	position: absolute;
	width: 85px;
	background: #7b7c7f;
	height: 10px;
	left: 50%;
	margin-left: -42.5px;
	border-radius: 0 0 50px 50px
}

.image-service-esp .laptop-bottom-detail-2 {
	position: absolute;
	width: 18px;
	background: #7b7c7f;
	height: 4px;
	right: 18px;
	top: 50%;
	margin-top: -4px;
	border-radius: 5px
}

.image-service-esp .toggler {
	position: fixed;
	left: 700px;
	top: 50%
}

.image-service-esp .device-body.tablet {
	width: 238px;
	height: 350px;
	border-radius: 17px;
	margin-right: 146px
}

.image-service-esp .device-body.tablet .device-screen {
	top: 9.5%
}

.image-service-esp .device-body.tablet .laptop-bottom {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0)
}

.image-service-esp .device-body.tablet .home-button {
	transform: scale(1);
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-ms-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s
}

.image-service-esp .device-body.tablet .front-camera {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-ms-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s
}

.image-service-esp .device-body.mobile {
	width: 130px;
	height: 270px;
	margin-right: 200px
}

.image-service-esp .device-body.mobile .device-screen {
	top: 12%;
	height: 76.7%
}

.image-service-esp .device-body.mobile .front-camera {
	top: 5px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transition-delay: 0;
	-moz-transition-delay: 0;
	-ms-transition-delay: 0;
	-o-transition-delay: 0;
	transition-delay: 0
}

.image-service-esp .device-body.mobile .front-detail-2 {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-ms-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.image-service-esp .device-body.mobile .front-detail-3,
.image-service-esp .device-body.mobile .front-detail-4,
.image-service-esp .device-body.mobile .front-detail-5,
.image-service-esp .device-body.mobile .front-detail-6 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	-moz-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	-ms-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	-o-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	transition: .3s cubic-bezier(.77, .14, .57, 1.46)
}

.image-service-esp .device-body.mobile .front-detail-3 {
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}

.image-service-esp .device-body.mobile .front-detail-4 {
	-webkit-transition-delay: .6s;
	-moz-transition-delay: .6s;
	-ms-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s
}

.image-service-esp .device-body.mobile .front-detail-5 {
	-webkit-transition-delay: .8s;
	-moz-transition-delay: .8s;
	-ms-transition-delay: .8s;
	-o-transition-delay: .8s;
	transition-delay: .8s
}

.image-service-esp .home-button {
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 40px;
	bottom: 5px;
	left: 50%;
	margin-left: -10px;
	border: rgba(255, 255, 255, .3);
	background: rgba(255, 255, 255, .22);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	-moz-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	-ms-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	-o-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-ms-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}

.image-service-esp .front-camera,
.image-service-esp .front-detail-2 {
	left: 50%;
	background: rgba(255, 255, 255, .22);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	position: absolute
}

.image-service-esp .home-button:after {
	content: "";
	width: 8px;
	height: 8px;
	border: 1px solid #fff;
	border-radius: 2px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -5px;
	margin-left: -5px;
	opacity: .2
}

.image-service-esp .front-camera {
	width: 7px;
	height: 7px;
	top: 15px;
	border-radius: 50%;
	margin-left: -4px;
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	-moz-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	-ms-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	-o-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-ms-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}

.image-service-esp .front-detail-2 {
	height: 6px;
	width: 25px;
	top: 17px;
	margin-left: -12px;
	border-radius: 50px;
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: .1s;
	-moz-transition: .1s;
	-ms-transition: .1s;
	-o-transition: .1s;
	transition: .1s
}

.image-service-esp .front-detail-3,
.image-service-esp .front-detail-4 {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	-moz-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	-ms-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	-o-transition: .3s cubic-bezier(.77, .14, .57, 1.46)
}

.image-service-esp .front-detail-3 {
	width: 3px;
	left: -4px;
	position: absolute;
	height: 16px;
	top: 12%;
	border-radius: 2px 0 0 2px;
	background: #000;
	transform: scale(0);
	transition: .3s cubic-bezier(.77, .14, .57, 1.46)
}

.image-service-esp .front-detail-4,
.image-service-esp .front-detail-5 {
	width: 3px;
	left: -4px;
	height: 12px;
	border-radius: 2px 0 0 2px;
	background: #000;
	position: absolute
}

.image-service-esp .front-detail-4 {
	top: 22%;
	transform: scale(0);
	transition: .3s cubic-bezier(.77, .14, .57, 1.46)
}

.image-service-esp .front-detail-5 {
	top: 30%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	-moz-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	-ms-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	-o-transition: .3s cubic-bezier(.77, .14, .57, 1.46);
	transition: .3s cubic-bezier(.77, .14, .57, 1.46)
}

.image-service-esp .front-detail-6 {
	width: 20px;
	right: 16%;
	position: absolute;
	height: 4px;
	top: -4px;
	border-radius: 2px 2px 0 0;
	transform: scale(0);
	transition: .3s cubic-bezier(.77, .14, .57, 1.46)
}

.image-service-esp .ticker {
	width: 200px;
	height: 200px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -100px;
	margin-left: -100px;
	border-radius: 50%;
	background: #FFF;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	display: none
}

.image-service-esp .ticker.animating {
	-webkit-animation: mockup-pulse .7s
}

.image-service-esp .device-wrapper {
	margin: auto;
	position: absolute;
	top: 50%;
	right: 0;
	left: auto;
	width: 100%;
	height: 100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%)
}

.image-service-esp .device-screen {
	background-image: url(/public/images/esp-capture-desktop.png);
	background-size: 100%;
	background-repeat: no-repeat
}

.image-service-esp .tablet .device-screen {
	background-image: url(/public/images/esp-capture-ipad.png)
}

.image-service-esp .mobile .device-screen {
	background-image: url(/public/images/esp-capture-iphone.png)
}

@-webkit-keyframes mockup-pulse {
	0% {
		-webkit-transform: scale(0)
	}
	100% {
		-webkit-transform: scale(9);
		opacity: 0
	}
}

.mypush-service-name i {
	display: none
}

.image-service-snap .devices {
	white-space: nowrap;
	z-index: 1;
	width: 100%;
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	display: flex;
	align-items: center
}

.image-service-snap .notebook {
	animation-duration: 1s;
	animation-name: bounceInDown;
	position: relative;
	margin-left: -100px;
	margin-top: -50px;
	z-index: -1
}

.image-service-snap .notebook .screen:before {
	content: "";
	position: absolute;
	border-radius: 50%;
	background: #a5adbd;
	height: 4px;
	width: 4px;
	margin: 5px 0 0 138px;
	left: 0
}

.image-service-snap .notebook .screen {
	background: #fcfcfc;
	border-radius: 15px 15px 0 0;
	height: 185px;
	width: 284px;
	margin: 0 auto;
	position: relative;
	border: 2px solid #f3f3f3;
	border-bottom: 0
}

.image-service-snap .notebook .screen:after {
	content: "";
	position: absolute;
	height: 160px;
	width: 254px;
	border-radius: 2px;
	margin: 14px 0 0 13px;
	transition: background 1s ease-in-out;
	left: 0;
	background-image: url(/public/images/snap/capture-snap-desktop.PNG);
	background-size: 100%;
	background-repeat: no-repeat;
	border: 1px solid #efefef
}

.image-service-snap .notebook .keyboard {
	background: #f4f5f7;
	border-radius: 5px 5px 25px 25px;
	height: 8px;
	width: 350px;
	margin: 0 auto;
	position: relative
}

.image-service-snap .notebook .keyboard:after {
	content: "";
	position: absolute;
	background: #d8dbe1;
	height: 4px;
	width: 50px;
	margin: 0 0 0 150px;
	border-radius: 0 0 8px 8px;
	left: 0
}

.image-service-snap .keyboard:before {
	content: "";
	position: absolute;
	background: rgba(0, 0, 0, .2);
	height: 8px;
	width: 370px;
	margin: 7px 0 0 -10px;
	z-index: -1;
	border-radius: 100%;
	left: 0
}

.image-service-snap .ipad {
	background: #fcfcfc;
	border-radius: 10px;
	height: 154px;
	width: 124px;
	margin: 50px 0 0 70px;
	animation-duration: 1s;
	animation-name: bounceInLeft;
	position: relative;
	border: 2px solid #f3f3f3
}

.image-service-snap .ipad:before {
	content: "";
	position: absolute;
	background: rgba(0, 0, 0, .2);
	height: 8px;
	width: 140px;
	margin: 147px 0 0 -10px;
	z-index: -1;
	border-radius: 100%;
	left: 0;
	opacity: 1;
	animation-delay: 0s;
	animation-duration: 1.55s;
	animation-name: opacityShadow
}

.image-service-snap .ipad .screen {
	margin: 12px 0 0 10px;
	border-radius: 2px;
	height: 126px;
	width: 100px;
	position: relative;
	background-image: url(/public/images/snap/capture-snap-ipad.PNG);
	background-size: 100%;
	background-repeat: no-repeat;
	border: 1px solid #efefef
}

.image-service-snap .ipad .screen:after,
.image-service-snap .ipad .screen:before {
	position: absolute;
	height: 4px;
	width: 4px;
	z-index: 1;
	animation-duration: 1.55s;
	animation-name: opacityShadow;
	opacity: 1;
	content: "";
	left: 0;
	animation-delay: 0s
}

.image-service-snap .ipad .screen:before {
	background: rgba(0, 0, 0, .2);
	margin: -8px 0 0 48px;
	border-radius: 50%
}

.image-service-snap .ipad .screen:after {
	border: 1px solid rgba(0, 0, 0, .2);
	margin: 129px 0 0 47px;
	border-radius: 1px
}

.image-service-snap .iphone {
	margin: 70px 0 0 -50px;
	background: #fcfcfc;
	border-radius: 10px;
	height: 114px;
	width: 66px;
	animation-duration: 1s;
	animation-name: bounceInRight;
	position: relative;
	border: 2px solid #f3f3f3
}

.image-service-snap .iphone:before {
	content: "";
	position: absolute;
	background: rgba(0, 0, 0, .2);
	height: 8px;
	width: 70px;
	margin: 106px 0 0 -4px;
	z-index: -1;
	border-radius: 100%;
	left: 0;
	opacity: 1;
	animation-delay: 0s;
	animation-duration: 1.55s;
	animation-name: opacityShadow
}

.image-service-snap .iphone .screen {
	margin: 13px 0 0 4px;
	border-radius: 2px;
	height: 84px;
	width: 54px;
	position: relative;
	background-image: url(/public/images/snap/capture-snap-iphone.PNG);
	background-size: 100%;
	background-repeat: no-repeat;
	border: 1px solid #efefef
}

.image-service-bi .devices {
	white-space: nowrap;
	z-index: 1;
	width: 100%;
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	display: flex;
	align-items: center
}

.image-service-bi .notebook {
	animation-duration: 1s;
	animation-name: bounceInDown;
	position: relative;
	margin-left: -100px;
	margin-top: -50px;
	z-index: -1
}

.image-service-bi .notebook .screen:before {
	content: "";
	position: absolute;
	border-radius: 50%;
	background: #a5adbd;
	height: 4px;
	width: 4px;
	margin: 5px 0 0 138px;
	left: 0
}

.image-service-bi .notebook .screen {
	background: #fcfcfc;
	border-radius: 15px 15px 0 0;
	height: 185px;
	width: 284px;
	margin: 0 auto;
	position: relative;
	border: 2px solid #f3f3f3;
	border-bottom: 0
}

.image-service-bi .notebook .screen:after {
	content: "";
	position: absolute;
	height: 160px;
	width: 254px;
	border-radius: 2px;
	margin: 14px 0 0 13px;
	transition: background 1s ease-in-out;
	left: 0;
	background-image: url(/public/images/bi/capture-bi-desktop.png);
	background-size: 100%;
	background-repeat: no-repeat;
	border: 1px solid #efefef
}

.image-service-bi .notebook .keyboard {
	background: #f4f5f7;
	border-radius: 5px 5px 25px 25px;
	height: 8px;
	width: 350px;
	margin: 0 auto;
	position: relative
}

.image-service-bi .notebook .keyboard:after {
	content: "";
	position: absolute;
	background: #d8dbe1;
	height: 4px;
	width: 50px;
	margin: 0 0 0 150px;
	border-radius: 0 0 8px 8px;
	left: 0
}

.image-service-bi .keyboard:before {
	content: "";
	position: absolute;
	background: rgba(0, 0, 0, .2);
	height: 8px;
	width: 370px;
	margin: 7px 0 0 -10px;
	z-index: -1;
	border-radius: 100%;
	left: 0
}

.image-service-bi .ipad {
	background: #fcfcfc;
	border-radius: 10px;
	height: 154px;
	width: 124px;
	margin: 50px 0 0 70px;
	animation-duration: 1s;
	animation-name: bounceInLeft;
	position: relative;
	border: 2px solid #f3f3f3
}

.image-service-bi .ipad:before {
	content: "";
	position: absolute;
	background: rgba(0, 0, 0, .2);
	height: 8px;
	width: 140px;
	margin: 147px 0 0 -10px;
	z-index: -1;
	border-radius: 100%;
	left: 0;
	opacity: 1;
	animation-delay: 0s;
	animation-duration: 1.55s;
	animation-name: opacityShadow
}

.image-service-bi .ipad .screen {
	margin: 12px 0 0 10px;
	border-radius: 2px;
	height: 126px;
	width: 100px;
	position: relative;
	background-image: url(/public/images/bi/capture-bi-ipad.png);
	background-size: 100%;
	background-repeat: no-repeat;
	border: 1px solid #efefef
}

.image-service-bi .ipad .screen:after,
.image-service-bi .ipad .screen:before {
	position: absolute;
	height: 4px;
	width: 4px;
	z-index: 1;
	animation-duration: 1.55s;
	animation-name: opacityShadow;
	content: "";
	left: 0;
	opacity: 1;
	animation-delay: 0s
}

.image-service-bi .ipad .screen:before {
	background: rgba(0, 0, 0, .2);
	margin: -8px 0 0 48px;
	border-radius: 50%
}

.image-service-bi .ipad .screen:after {
	border: 1px solid rgba(0, 0, 0, .2);
	margin: 129px 0 0 47px;
	border-radius: 1px
}

.image-service-bi .iphone {
	margin: 70px 0 0 -50px;
	background: #fcfcfc;
	border-radius: 10px;
	height: 114px;
	width: 66px;
	animation-duration: 1s;
	animation-name: bounceInRight;
	position: relative;
	border: 2px solid #f3f3f3
}

.image-service-bi .iphone:before {
	content: "";
	position: absolute;
	background: rgba(0, 0, 0, .2);
	height: 8px;
	width: 70px;
	margin: 106px 0 0 -4px;
	z-index: -1;
	border-radius: 100%;
	left: 0;
	opacity: 1;
	animation-delay: 0s;
	animation-duration: 1.55s;
	animation-name: opacityShadow
}

.image-service-bi .iphone .screen {
	margin: 13px 0 0 4px;
	border-radius: 2px;
	height: 84px;
	width: 54px;
	position: relative;
	background-image: url(/public/images/bi/capture-bi-iphone.png);
	background-size: 100%;
	background-repeat: no-repeat;
	border: 1px solid #efefef
}

.iphone .screen:after,
.iphone .screen:before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	opacity: 1;
	animation-delay: 0s;
	animation-duration: 1.55s;
	animation-name: opacityShadow
}

.iphone .screen:hover {
	transition: background 1s ease-in-out;
	background: #222
}

.iphone .screen:before {
	background: rgba(0, 0, 0, .2);
	height: 3px;
	width: 10px;
	margin: -7px 0 0 23px;
	border-radius: 3px
}

.iphone .screen:after {
	height: 4px;
	width: 4px;
	border: 1px solid rgba(0, 0, 0, .2);
	margin: 87px 0 0 24px;
	border-radius: 1px
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-100px)
	}
	60% {
		opacity: 1;
		transform: translateY(30px)
	}
	80% {
		transform: translateY(-10px)
	}
	100% {
		transform: translateY(0)
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-100px)
	}
	60% {
		opacity: 1;
		transform: translateX(30px)
	}
	80% {
		transform: translateX(-10px)
	}
	100% {
		transform: translateX(0)
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(100px)
	}
	60% {
		opacity: 1;
		transform: translateX(-30px)
	}
	80% {
		transform: translateX(10px)
	}
	100% {
		transform: translateX(0)
	}
}

@keyframes opacityShadow {
	0%,
	60% {
		opacity: 0
	}
	80% {
		opacity: .5
	}
	100% {
		opacity: 1
	}
}

@media (max-width:1199px) {
	.image-service-snap .iphone {
		margin-left: -75px
	}
}

@media (max-width:1024px) {
	.image-service-snap .ipad {
		margin-top: 115px
	}
	.image-service-snap .notebook {
		margin-left: -135px;
		z-index: -1;
		margin-top: 25px
	}
	.image-service-snap .iphone {
		margin-left: -95px;
		margin-top: 135px
	}
}

@media (max-width:991px) {
	.image-services {
		left: 45%;
		margin-left: 25px
	}
	.mypush-service-name i {
		border-radius: 50%;
		background: #48b9c2;
		color: #FFF;
		font-weight: 400;
		text-align: center
	}
	.service-pa .mypush-service-name i {
		background: #16ab6f
	}
	.service-iseo .mypush-service-name i {
		background: #8092da
	}
	.service-esp .mypush-service-name i {
		background: #465a68
	}
	.mypush-service>p {
		padding-top: 15px
	}
	.image-service-pa-device {
		height: 400px
	}
	.image-service-esp .device-body {
		margin-top: 0;
		margin-right: 25px
	}
	.image-service-esp .device-wrapper {
		margin-right: 25px
	}
	.services-list {
		padding-top: 170px
	}
	.services-list:first-child {
		padding-bottom: 0;
		padding-top: 50px
	}
	.services-list.right .container-service>div {
		width: 100%;
		margin: 0;
		padding-left: 0;
		text-align: center
	}
	.mypush-service-name {
		font-size: 2.5em;
		margin-top: 0;
		text-align: center
	}
	.mypush-service-name i {
		display: block;
		width: 75px;
		height: 75px;
		font-size: 1em;
		line-height: 75px;
		margin-right: 0;
		position: absolute;
		top: -90px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%)
	}
	.mypush-service>div {
		width: 100%;
		text-align: center
	}
	.services-list.right .mypush-service>div {
		text-align: center
	}
	.mypush-service-desc ul {
		width: 60%;
		margin: auto
	}
	.mypush-service-desc ul li {
		text-align: left
	}
	.services-list.right .image-services {
		margin-left: 0;
		width: 100%;
		left: 0;
		top: auto;
		transform: none;
		bottom: 72px;
		position: absolute;
		height: 400px
	}
	.mypush-service>.mypush-service-button {
		margin-top: 420px;
		margin-bottom: 0
	}
	.container-service {
		height: auto!important;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.image-service-iseo .service-graphic {
		height: 400px;
		width: 600px;
		margin: auto
	}
	.image-service-bi .devices,
	.image-service-snap .devices {
		width: 450px;
		margin: auto;
		height: 225px;
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		-ms-justify-content: space-around;
		justify-content: space-around
	}
	.image-service-pc .szene {
		height: 400px
	}
	.image-service-pc .stage {
		width: 600px;
		height: 400px
	}
	.image-service-pc .iphone {
		top: 45%
	}
	.image-service-snap .notebook {
		margin-top: -25px
	}
	.image-service-snap .ipad {
		margin-top: 50px;
		margin-left: 0
	}
	.image-service-snap .iphone {
		margin-left: -125px;
		margin-top: 95px
	}
	.image-service-bi .notebook {
		margin-top: -25px
	}
	.image-service-bi .ipad {
		margin-top: 50px;
		margin-left: 0
	}
	.image-service-bi .iphone {
		margin-left: -125px;
		margin-top: 95px
	}
}

@media (max-width:767px) {
	.services-list .title-section {
		font-size: 2.5em
	}
	.services-list:first-child {
		padding-top: 0
	}
	.container-service {
		height: auto
	}
	.container-service>div {
		width: 100%;
		margin-right: 0
	}
	.services-list.right .container-service>div {
		width: 100%;
		padding-left: 0;
		text-align: center
	}
	.services-list.right .mypush-service>div,
	.services-list.right .mypush-service>p {
		text-align: center
	}
	.image-services {
		margin-left: 0;
		width: 100%;
		left: 0;
		top: auto;
		bottom: 0
	}
	.mypush-service-name i {
		display: block;
		width: 75px;
		height: 75px;
		font-size: 1em;
		line-height: 75px;
		margin-right: 0;
		position: absolute;
		top: -90px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%)
	}
	.mypush-service>div,
	.mypush-service>p {
		width: 100%;
		text-align: center
	}
	.mypush-service>.mypush-service-button {
		margin-top: 420px;
		margin-bottom: 0
	}
	.service-iseo .mypush-service>.mypush-service-button {
		margin-top: 480px
	}
	.image-service-pa-device {
		margin-right: 0;
		margin-top: 0
	}
	.image-service-pa .device {
		left: 50%!important;
		right: auto!important;
		margin-right: 0!important
	}
	.image-service-pa .macbook {
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		-moz-transform: translateY(-50%) translateX(-50%)
	}
	.image-service-pa .imac {
		transform: translateY(-50%) translateX(-50%) scale(1);
		-webkit-transform: translateY(-50%) translateX(-50%) scale(1);
		-moz-transform: translateY(-50%) translateX(-50%) scale(1)
	}
	.image-service-esp .device-wrapper {
		margin-right: 0
	}
	.image-service-esp .device-body {
		margin-right: 0!important;
		left: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		-moz-transform: translateY(-50%) translateX(-50%);
		-ms-transform: translateY(-50%) translateX(-50%);
		-o-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%)
	}
	.image-service-pc .stage {
		width: 480px;
		height: 400px
	}
	.image-service-bi .devices,
	.image-service-snap .devices {
		left: 50%;
		width: 450px;
		margin: auto;
		height: 400px;
		-ms-flex-pack: distribute;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between
	}
}

@media (max-width:480px) {
	.image-service-bi .iphone,
	.image-service-snap .iphone {
		margin-right: 50px
	}
	.mypush-service-desc ul {
		width: 100%;
		margin: auto
	}
}

.customer-logo-block {
	padding-bottom: 80px;
	padding-top: 80px;
	position: relative;
	margin-bottom: 80px
}

.customer-logo-block:after,
.customer-logo-block:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.customer-logo-block:before {
	background-image: url(/public/images/customer-bg.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #4e6376;
	-webkit-transform: skewY(-12deg);
	transform: skewY(-12deg);
	height: calc(100% + 40px);
	height: -webkit-calc(100% + 40px);
	height: -moz-calc(100% + 40px)
}

.customer-logo-block:after {
	background-color: #3d5163;
	opacity: .85;
	-webkit-transform: skewY(-12deg);
	transform: skewY(-12deg);
	height: calc(100% + 40px);
	height: -webkit-calc(100% + 40px);
	height: -moz-calc(100% + 40px)
}

.content-common,
.customer-logo-block a {
	position: relative;
	text-align: center;
	z-index: 1
}

.customer-logo-block a:hover .common-button {
	opacity: 1;
	-webkit-transform: translate(-50%, 10px);
	transform: translate(-50%, 10px)
}

.customer-logo-block ul {
	-webkit-transition: 1s cubic-bezier(.19, 1, .22, 1);
	transition: 1s cubic-bezier(.19, 1, .22, 1);
	will-change: transform;
	-webkit-filter: blur(0);
	filter: blur(0)
}

.content-common {
	opacity: 1;
	margin-bottom: 50px
}

.title-common {
	font-size: 5em;
	color: #FFF;
	margin: 0
}

.sub-title-common {
	font-size: 2.5em;
	color: #FFF;
	margin: 0
}

.desc-common {
	color: #FFF;
	font-size: 1.5em;
	margin: 20px 0
}

.customer-logo-block a {
	display: block;
	opacity: 1
}

.customer-logo-block .common-button {
	position: absolute;
	z-index: 1;
	left: 50%;
	-webkit-transform: translate(-50%, 5px) scale(.95);
	transform: translate(-50%, 5px) scale(.95);
	opacity: 0;
	-webkit-transition: .7s cubic-bezier(.19, 1, .22, 1);
	transition: .7s cubic-bezier(.19, 1, .22, 1);
	display: none
}

.customer-logo-block ul {
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.box-image-product-page,
.news-box-image {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	vertical-align: middle
}

.customer-logo-block li {
	margin: 10px
}

.customer-logo-block img {
	height: 40px;
	vertical-align: middle
}

@media screen and (max-width:1199px) {
	.title-common {
		font-size: 4.8em
	}
}

@media screen and (max-width:991px) {
	.title-common {
		font-size: 4.4em
	}
}

@media screen and (max-width:767px) {
	.title-common {
		font-size: 3.75em
	}
	.sub-title-common {
		font-size: 2em
	}
	.desc-common {
		font-size: 1em
	}
	.customer-logo-block:before {
		background-position: 50% 100%
	}
}

.news-block {
	text-align: center;
	padding: 50px 0 80px;
	color: #343434;
	position: relative
}

.title-higher {
	margin: 0 0 50px;
	font-size: 5em;
	border-bottom: 1px solid #f6f9fc;
	padding-bottom: 25px
}

.news-box {
	text-align: left;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	transition: .2s;
	cursor: pointer
}

.news-box-image {
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	height: 200px
}

.news-box img {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	margin: auto
}

.news-box h1 {
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .025em;
	font-size: 1.85em;
	max-width: 100%;
	word-break: normal;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis
}

.news-box p {
	font-weight: 400;
	font-size: 1em;
	color: #343434;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	overflow: hidden;
	text-overflow: ellipsis
}

.news-box:hover {
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px)
}

.sale-point-image:before,
.sale-point-table:before {
	content: "";
	left: 0;
	-webkit-transform: skewY(-12deg)
}

@media screen and (max-width:991px) {
	.news-box {
		margin-bottom: 50px
	}
	.news-box:nth-child(3),
	.news-box:nth-child(4) {
		margin-bottom: 0
	}
}

@media screen and (max-width:767px) {
	.title-higher {
		font-size: 3.25em
	}
	.news-block {
		padding-bottom: 50px
	}
	#show_news>div:last-child .news-box {
		margin-bottom: 0
	}
}

.sale-point-title {
	background: #f1f1f1;
	position: relative;
	z-index: 1
}

.title-product-page-box {
	padding: 50px 0;
	line-height: normal;
	text-align: center
}

.title-product-page-box h1 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 3.5em;
	line-height: normal
}

.title-product-page-box h2 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 2.5em
}

.sale-point-image {
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative
}

.sale-point-image:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	transform: skewY(-12deg);
	background: #48b9c2
}

.sale-point-container .services-list {
	display: none
}

.sale-point-container-pc .sale-point-image:before {
	background: rgba(165, 199, 236, .25)
}

.sale-point-container-pa .sale-point-image:before {
	background: rgba(26, 188, 156, .25)
}

.sale-point-container-iseo .sale-point-image:before {
	background: rgba(29, 107, 204, .25)
}

.sale-point-container-esp .sale-point-image:before {
	background: rgba(95, 207, 128, .25)
}

.block-image-product-page {
	margin: 50px 0;
	text-align: center
}

.box-image-product-page {
	width: 300px;
	height: 300px;
	margin: auto auto 30px;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	background: #FFF;
	border-radius: 50%
}

.box-pricing-tag,
.ipad-mockup {
	display: -webkit-box;
	display: -webkit-flex
}

.block-image-product-page h2 {
	font-size: 2em;
	margin: 0
}

.sale-point-video {
	padding-bottom: 0;
	position: relative;
	z-index: 1
}

.sale-point-image+.sale-point-video {
	padding-top: 50px
}

.ipad-mockup {
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 25px;
	background: #fff;
	box-shadow: inset 0 4px 7px 1px #fff, inset 0 -5px 20px rgba(173, 186, 204, .25), 0 2px 6px rgba(0, 21, 64, .14), 0 10px 20px rgba(0, 21, 64, .05);
	margin: auto;
	padding: 15px;
	width: 85%;
	height: auto
}

.sale-point-promotion,
.sale-point-table {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px
}

.ipad-mockup .play-btn {
	margin-left: 0;
	margin-top: 0;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%)
}

.ipad-mockup img.video-link {
	margin: auto;
	max-height: 100%
}

.title-product-promotion-box {
	text-align: center;
	padding: 50px;
	border: 5px dashed #7795f8;
	border-radius: 20px;
	background: #FFF;
	z-index: 2;
	position: relative;
	box-shadow: 0 -5px 20px rgba(50, 50, 93, .1), 0 3px 20px rgba(0, 0, 0, .25)
}

.title-product-promotion-box h1 {
	font-size: 4em;
	margin: 0
}

.title-product-promotion-box h3 {
	font-size: 2em;
	margin: 0;
	color: #AAA
}

.sale-point-table:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	transform: skewY(-12deg);
	background: #f6f9fc;
	background-image: linear-gradient(to bottom right, #209cff, #68e0cf, #fddb92)
}

.title-product-table-box {
	padding: 50px 0;
	line-height: normal;
	text-align: center
}

.title-product-table-box h1 {
	font-size: 3.5em;
	margin: 0
}

.title-product-table-box h2,
.title-product-table-box h3 {
	font-size: 2em;
	margin: 0
}

.contain_youtube h1 {
	position: absolute;
	top: 0;
	left: 29px;
	font-size: 2.5em;
	color: #fff;
	padding-right: 20px;
	z-index: 1
}

.contain_youtube {
	position: relative;
	border: 1px solid #fafafa
}

.shadow_hover {
	background: #000;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
	transition: opacity 1s
}

.shadow_hover:hover {
	opacity: .7
}

.play-btn {
	z-index: 1
}

.block-product-table-box {
	border-radius: 25px;
	padding: 25px;
	margin-top: 25px;
	background: #FFF
}

.table-pricing {
	width: 100%!important
}

.table-pricing,
td,
th {
	border: 0
}

.table-pricing thead h1 {
	font-size: 3.5em;
	margin: 0
}

.table-pricing thead th {
	padding: 10px
}

.table-pricing tbody td {
	padding: 10px;
	font-size: 1.5em;
	border-bottom: 2px solid #EEE;
	border-left: 2px solid #EEE
}

.table-pricing tbody td a {
	color: #343434
}

.table-pricing thead tr {
	border-bottom: 5px solid #5a70bb
}

.table-pricing tbody td:nth-child(2),
.table-pricing tbody td:nth-child(3),
.table-pricing tbody td:nth-child(4) {
	text-align: center;
	width: 170px
}

.table-pricing tbody td:last-child {
	border-right: 2px solid #EEE
}

.table-pricing tbody tr.sub-tr td:first-child {
	padding: 5px 10px 5px 50px
}

.table-pricing tbody tr.sub-tr td:first-child:before {
	font-family: FontAwesome;
	content: "\f105";
	font-size: 14px;
	font-weight: 700;
	margin-right: 15px;
	margin-left: -25px;
	color: #d1d1d1;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.table-pricing tbody tr.sub-tr.second-sub-tr td:first-child:before {
	content: "\f105" "\f105";
	margin-right: 11px
}

.doc-product-container:before,
.nav-pills.nav-stacked>li.no-icon>a:after,
.sidebar .nav-pills.nav-stacked>li.demo-li>a:after,
.sidebar .nav-pills.nav-stacked>li:first-child>a:after,
.table-pricing.table-fixed thead tr:before,
.table-pricing.table-fixed thead:before {
	content: ""
}

.table-pricing tbody td i.flaticon-ok2 {
	color: #ff9500
}

.table-pricing tbody td i.flaticon-delete30 {
	font-size: .5em;
	color: #d1d1d1
}

.table-pricing .th-pricing-tag {
	width: 150px;
	padding: 0
}

.container-pricing-tag {
	text-align: center;
	position: relative;
	height: 100px
}

.box-pricing-tag {
	background: #7795f8;
	position: absolute;
	width: auto;
	top: -45px;
	left: -1px;
	right: -1px;
	bottom: 0;
	vertical-align: middle;
	border-radius: 10px 0 0;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	justify-content: center;
	flex-direction: column
}

.table-pricing .th-pricing-tag:last-child .box-pricing-tag {
	border-radius: 0 10px 0 0
}

.table-pricing .th-pricing-tag:nth-child(3):not(:last-child) .box-pricing-tag {
	border-radius: 0
}

.table-pricing .th-pricing-tag:last-child .box-pricing-tag:before,
.table-pricing .th-pricing-tag:nth-child(3) .box-pricing-tag:before {
	content: "";
	position: absolute;
	left: 0;
	top: 20%;
	bottom: 20%;
	width: 2px;
	height: auto;
	border-left: 2px solid #EEE;
	border-left-style: dashed
}

.container-pricing-tag .box-pricing-tag h1 {
	font-size: 2em;
	color: #FFF;
	letter-spacing: .025em;
	font-weight: 400
}

.container-pricing-tag .box-pricing-tag h5 {
	margin: 0;
	font-size: 2em;
	display: none
}

.container-pricing-tag .box-pricing-tag h5 span {
	font-size: 1.5em
}

.container-pricing-tag .box-pricing-tag .label-pricing-tag {
	position: absolute;
	overflow: hidden;
	height: 80px;
	width: 80px;
	text-align: center;
	z-index: 1;
	right: -40px;
	top: -40px;
	bottom: 0;
	border-radius: 50%;
	background: #ff9500
}

.container-pricing-tag .box-pricing-tag .label-pricing-tag span {
	font-size: 2em;
	line-height: 80px;
	color: #FFF;
	text-align: center;
	display: block
}

.container-pricing-tag .box-pricing-tag h1 span {
	display: block
}

.table-pricing.table-pricing-pc thead tr {
	border-color: #3babb4
}

.table-pricing.table-pricing-pc .box-pricing-tag {
	background: #48b9c2
}

.table-pricing.table-pricing-pc tbody td a:hover {
	color: #48b9c2
}

.table-pricing.table-pricing-pa thead tr {
	border-color: #19a26b
}

.table-pricing.table-pricing-pa .box-pricing-tag {
	background: #16ab6f
}

.table-pricing.table-pricing-pa tbody td a:hover {
	color: #16ab6f
}

.sale-point-container-iseo .sale-point-image {
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative
}

.sale-point-container-iseo .sale-point-table {
	position: relative;
	padding-top: 100px;
	padding-bottom: 50px;
	z-index: 1
}

.table-pricing.table-pricing-iseo thead tr {
	border-color: #7b8bcd
}

.table-pricing.table-pricing-iseo .box-pricing-tag {
	background: #8092da
}

.table-pricing.table-pricing-iseo tbody td a:hover {
	color: #8092da
}

.table-pricing.table-pricing-esp thead tr {
	border-color: #445b6a
}

.table-pricing.table-pricing-esp .box-pricing-tag {
	background: #465a68
}

.table-pricing.table-pricing-esp tbody td a:hover {
	color: #465a68
}

.table-pricing.table-pricing-snap thead tr {
	border-color: #3b90bf
}

.table-pricing.table-pricing-snap .box-pricing-tag {
	background: #3f9ccf
}

.table-pricing.table-pricing-snap tbody td a:hover {
	color: #3f9ccf
}

.table-pricing.table-pricing-bi thead tr {
	border-color: #205680
}

.table-pricing.table-pricing-bi .box-pricing-tag {
	background: #205680
}

.table-pricing.table-pricing-bi tbody td a:hover {
	color: #205680
}

.table-pricing.table-fixed thead {
	position: fixed;
	top: 103px;
	height: 103px;
	background: #FFF;
	transition: position .4s ease-in-out;
	-webkit-transition: position .4s ease-in-out;
	-moz-transition: position .4s ease-in-out
}

.table-pricing.table-fixed thead:before {
	background: #FFF;
	position: absolute;
	top: -105px;
	bottom: 0;
	left: -1px;
	right: -1px
}

.table-pricing.table-fixed thead tr {
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	position: absolute;
	left: -1px;
	right: -1px
}

.table-pricing.table-fixed thead tr:before {
	position: absolute;
	left: 2px;
	right: 2px;
	box-shadow: 0 3px 6px 2px rgba(0, 0, 0, .5);
	bottom: -3px;
	height: 0;
	z-index: -1
}

.table-pricing .th-pricing-tag {
	flex-basis: 172px;
	-webkit-flex-basis: 172px;
	-moz-flex-basis: 172px;
	-ms-flex-basis: 172px
}

.table-pricing.table-fixed thead tr th:first-child {
	flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1
}

.table-pricing.table-fixed thead tr .box-pricing-tag {
	right: 0;
	left: -2px
}

.block-product-table-box-fixed {
	height: 185px;
	display: none
}

.table-pricing.table-fixed.table-fixed-bottom thead {
	position: absolute;
	top: auto;
	bottom: 29px
}

.table-pricing.table-fixed tbody tr:first-child td {
	padding-top: 112px
}

@media only screen and (max-width:767px) {
	.table-pricing.table-fixed tbody tr:first-child td {
		padding-top: 82px
	}
	.table-pricing.table-fixed thead {
		height: 82px;
		top: 62px
	}
	.table-pricing .th-pricing-tag {
		flex-basis: 80px;
		-webkit-flex-basis: 80px;
		-moz-flex-basis: 80px;
		-ms-flex-basis: 80px
	}
	.table-pricing.table-fixed.table-fixed-bottom thead {
		bottom: 0;
		height: 85px
	}
	.table-pricing.table-fixed thead:before {
		top: -62px
	}
}

@media only screen and (max-width:991px) {
	.sale-point-image {
		padding-top: 0;
		padding-bottom: 0
	}
	.sale-point-container-iseo .sale-point-image {
		padding-top: 50px;
		padding-bottom: 0
	}
	.sale-point-container-iseo .sale-point-table {
		padding-top: 50px;
		padding-bottom: 50px
	}
	.table-pricing thead h1 {
		font-size: 2.5em
	}
}

@media only screen and (max-width:767px) {
	.sale-point-table {
		padding-top: 50px
	}
	.title-product-page-box h1 {
		font-size: 2.5em
	}
	.title-product-page-box h2 {
		font-size: 1.5em
	}
	.box-image-product-page {
		width: 280px;
		height: 280px
	}
	.title-product-table-box h1 {
		font-size: 2.5em
	}
	.title-product-table-box h2 {
		font-size: 1.7em
	}
	.box-pricing-tag {
		top: -25px
	}
	.table-pricing .th-pricing-tag {
		width: 80px
	}
	.table-pricing tbody td:nth-child(2),
	.table-pricing tbody td:nth-child(3),
	.table-pricing tbody td:nth-child(4) {
		width: 80px;
		max-width: 80px;
		overflow: hidden
	}
	.table-pricing.table-pricing-three tbody td:nth-child(2),
	.table-pricing.table-pricing-three tbody td:nth-child(3),
	.table-pricing.table-pricing-three tbody td:nth-child(4) {
		width: 60px;
		max-width: 60px
	}
	.table-pricing.table-pricing-three .th-pricing-tag {
		width: 60px;
		min-width: 60px;
		flex-basis: 60px;
		-webkit-flex-basis: 60px;
		-moz-flex-basis: 60px;
		-ms-flex-basis: 60px
	}
	.container-pricing-tag {
		height: 80px
	}
	.block-product-table-box {
		padding: 0
	}
	.table-pricing thead h1 {
		font-size: 1.5em;
		text-align: center
	}
	.container-pricing-tag .box-pricing-tag h1 {
		font-size: 1em
	}
	.container-pricing-tag .box-pricing-tag h5 {
		margin: 0;
		font-size: 1em
	}
	.container-pricing-tag .box-pricing-tag h5 span {
		display: block;
		font-size: 1.75em
	}
	.container-pricing-tag .box-pricing-tag .label-pricing-tag {
		height: 40px;
		width: 40px;
		right: -5px;
		top: -25px
	}
	.container-pricing-tag .box-pricing-tag .label-pricing-tag span {
		font-size: 1.25em;
		line-height: 40px
	}
	.table-pricing tbody tr.sub-tr td:first-child {
		padding: 5px 10px 5px 30px
	}
	.table-pricing tbody tr.sub-tr td:first-child:before {
		margin-right: 10px;
		margin-left: -20px
	}
	.title-product-promotion-box {
		padding: 20px
	}
	.title-product-promotion-box h1 {
		font-size: 2.5em;
		margin: 0
	}
	.title-product-promotion-box h3 {
		font-size: 1.5em
	}
	.table-pricing tbody td {
		font-size: 1.25em;
		padding: 5px
	}
	.table-pricing tbody td .highlight-txt {
		font-size: inherit
	}
	.table-pricing tbody td .long-txt {
		font-size: .8em
	}
	.table-pricing tbody .button-tr td {
		padding: 0
	}
	.button-tr .bt_table_trial_program {
		border-radius: 0;
		width: 100%;
		max-width: 100%;
		min-width: auto;
		white-space: normal;
		padding: 3px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center
	}
	.ipad-mockup {
		width: 100%;
		border-radius: 3px;
		padding: 5px
	}
}

.doc-product-container {
	padding: 50px 0;
	position: relative;
	z-index: 1
}

.doc-product-container:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transform: skewY(-12deg);
	transform: skewY(-12deg);
	background: #f6f9fc;
	pointer-events: none;
	clear: both;
	display: none
}

.sidebar {
	text-align: center
}

.sidebar nav {
	border-radius: 5px;
	background: #fff;
	padding: 15px;
	box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
	text-align: left
}

.bestvalue_price p.pricing-btn a,
.bg-pc-cloud .cell-content p a:not(.cap),
.cell-content.product-header>a,
.desc-pne a {
	box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
	text-transform: uppercase;
	text-decoration: none
}

.main-page-app {
	background: #FFF;
	border-left: 3px solid #3d78d8
}

.main-container-app {
	padding-top: 0;
	padding-bottom: 0;
	overflow: hidden
}

.sidebar .nav-stacked-sec {
	margin-top: 20px
}

.sidebar .nav-pills.nav-stacked>li.questions>a {
	font-size: 20px;
	text-align: left;
	font-weight: 300
}

.best-value-banner,
.bestvalue_price,
.bundle-banner-pe,
.div-pricing-detail,
.download-pdf-main,
.height-pne {
	text-align: center
}

.sidebar .nav-pills>li>a>i {
	color: #BCBCBC;
	margin-right: 5px;
	width: 20px;
	text-align: center;
	font-size: 18px
}

.embed-responsive {
	margin-left: -15px;
	margin-right: -15px
}

.cover-video {
	position: relative;
	overflow: hidden
}

.hero-bgclr {
	background-color: rgba(61, 120, 216, .7);
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 1
}

.pc-cloud .hero-bgclr {
	background-color: #5eb4ff;
	background-color: rgba(94, 180, 255, .7)
}

.hero-bgclr-inner {
	padding: 0 0 10px 40px
}

.hero-bgclr h1,
.hero-bgclr p {
	color: #FFF;
	font-weight: 300
}

.hero-bgclr-inner .cta-container {
	margin-bottom: 0
}

.video-wrap .block {
	display: block;
	padding-bottom: 0
}

.cell-content-detail .benefit-cta-container.last {
	padding-bottom: 60px
}

.cell-content-detail .benefit-cta-container>a:hover {
	color: #FFF
}

.benefit-content>div.col-sm-right {
	padding-right: 20px
}

.benefit-content h3 span.flaticon-hexagonal6:before {
	font-size: 28px;
	position: relative
}

.benefit-content h3 span.icon-users:before {
	top: -3px;
	position: relative
}

.col-sm-right .cell-content-detail .benefit-list {
	margin-top: 60px
}

.product-container {
	padding: 120px 40px
}

.product-container .show-min-scr3 {
	font-size: 1.5em
}

.overview-cus-video {
	height: 540px;
	background-position: 100% 0;
	background-repeat: no-repeat;
	color: #FFF!important
}

.overview-cus-video h2 {
	color: #FFF;
	margin-bottom: 10px;
	font-size: 2em
}

.bg-pc-cloud {
	background-color: #3D78D8
}

.bg-pc-cloud .cell-content {
	padding: 25px;
	color: #FFF
}

.bg-pc-cloud .cell-content p {
	font-size: 1.5em
}

.bg-pc-cloud .cell-content p a:not(.cap) {
	font-size: 1em;
	border-radius: 4px;
	letter-spacing: .025em
}

#Pricing .cell-content>p,
.bg-pc-cloud .cell-content .equalize-group-promo>h2 {
	letter-spacing: 1px;
	line-height: 1;
	font-family: Mitr, sans-serif
}

.bg-pc-cloud .cell-content p a.cap {
	font-size: 1em
}

.bg-pc-cloud .cell-content .equalize-group-promo>h2 {
	color: #FFF;
	font-weight: 300;
	font-size: 24px;
	height: auto!important
}

.bg-pc-cloud>div.border-right {
	border-right: 1px solid #E5E5E5
}

.font-white {
	color: #FFF!important
}

.equalize-group-promo {
	height: 222px!important
}

.equalize-group-promo p {
	min-height: 96px!important;
	font-size: 1.5em
}

.equalize-group-promo p.flush {
	font-size: 1.5em
}

.cell-content-2 {
	padding: 40px 20px
}

.download-pdf-main {
	background-color: #fff;
	border: 2px solid #e5e5e5;
	border-radius: 5px;
	padding: 20px;
	width: 60%;
	margin: auto;
	position: relative;
	float: right;
	display: none!important
}

.download-pdf-main .click-span {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%
}

.download-pdf-main p {
	margin: 0
}

.download-pdf-main img {
	margin: auto auto 20px
}

.cell-content-price {
	margin-top: 60px
}

.desc-pne a,
.margin-top-20 {
	margin-top: 20px
}

.title-pne {
	font-size: 20px!important;
	font-weight: 900;
	color: #333;
	font-family: Mitr, sans-serif;
	letter-spacing: 1px;
	line-height: 1
}

.font-price-current,
.font-price-total {
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1
}

.height-pne {
	background: #FFF;
	color: #333
}

.hline-pne {
	height: 2px;
	background: #3D78D8
}

.font-price-current {
	font-size: 2em;
	font-family: Mitr, sans-serif
}

.font-price-total {
	font-size: 2.5em;
	font-family: Mitr, sans-serif
}

.cell-content.product-header>a,
.cell-content>a,
.desc-pne a,
.desc-pne p {
	font-size: 1.5em;
	font-family: Mitr, sans-serif
}

.desc-pne {
	padding: 20px 10px;
	margin-bottom: 0;
	border-top: 2px solid #F4F4F4
}

.desc-pne p {
	min-height: 74px;
	height: 74px;
	vertical-align: middle;
	display: table-cell;
	letter-spacing: 1px;
	line-height: 1
}

.desc-pne a {
	color: #3D78D8;
	margin-bottom: 10px;
	min-width: auto;
	line-height: 1;
	border-radius: 4px;
	letter-spacing: .025em;
	overflow: hidden
}

.hvr-bounce-to-bottom:before,
.hvr-bounce-to-left:before,
.hvr-bounce-to-right:before,
.hvr-bounce-to-top:before,
.hvr-radial-out:before,
.hvr-rectangle-out:before,
.hvr-shutter-out-horizontal:before,
.hvr-shutter-out-vertical:before,
.hvr-sweep-to-bottom:before,
.hvr-sweep-to-left:before,
.hvr-sweep-to-right:before,
.hvr-sweep-to-top:before {
	border-radius: 4px
}

.cell-content>a {
	letter-spacing: 1px;
	line-height: 1
}

.cell-content.product-header>a {
	border-radius: 4px;
	letter-spacing: .025em
}

.most-poppular {
	background-color: #000;
	color: #FFF;
	font-size: 1em;
	font-weight: 200;
	font-family: Mitr, sans-serif;
	letter-spacing: 1px
}

.margin-top-50 {
	margin-top: 50px
}

.margin-bottom-20 {
	margin-bottom: 20px
}

.view-detail-pricing {
	font-weight: 900
}

.cell-content h2 {
	color: #fff
}

.feature-header h2,
.product-header h2 {
	color: #212121;
	font-size: 2.5em;
	margin-top: 0
}

.product-header {
	padding-bottom: 21px;
	padding-top: 36px;
	background: #FFF
}

.product-header.fixed-top {
	position: fixed;
	width: 875px;
	top: 70px;
	z-index: 1006
}

.feature-header {
	padding-bottom: 11px;
	padding-top: 36px
}

.feature-header h2 {
	font-weight: 300
}

.feature-list>li {
	margin-bottom: 50px
}

.feature-list li h3 {
	font-weight: 700;
	font-size: 24px;
	letter-spacing: 1px
}

.feature-list a {
	font-family: Mitr, sans-serif;
	font-weight: 700!important;
	letter-spacing: 1px;
	font-size: 20px
}

.feature-content {
	margin-bottom: 0
}

.feature-list {
	padding-left: 40px
}

.play-btn {
	background: url(/public/images/play-btn.png) center center no-repeat;
	display: block;
	width: 86px;
	height: 84px;
	margin: -22px auto 40px -43px;
	position: absolute;
	left: 50%;
	top: 50%
}

#pricing_editions .cell-content-price,
div.pxe-title {
	margin-top: 20px
}

.feature-last-content {
	border-bottom: 1px solid #a7a7a7
}

#pricing_editions .product-header h2 {
	font-size: 48px
}

#pricing_editions .product-header p {
	font-size: 24px
}

.div-pricing-detail {
	padding: 20px;
	min-height: 116px
}

.div-pricing-detail>p {
	font-family: Mitr, sans-serif;
	letter-spacing: .015em;
	line-height: 1.5
}

.best-value-banner,
.bundle-banner-pe,
.pricebox-pne .center-div>span:nth-child(1),
.pricebox-pne .center-div>span:nth-child(2),
.pricebox-pne p,
div.pxe-title {
	line-height: 1;
	font-family: Mitr, sans-serif
}

.desc-pne-detail-center {
	background-color: #e5e5e5;
	padding: 10px;
	color: #3D78D8;
	font-size: 1.5em
}

#pricing_editions .desc-pne-detail {
	padding: 20px 10px 0
}

#pricing_editions .desc-pne {
	padding-top: 0;
	border-top: 0
}

#pricing_editions .height-pne {
	min-height: 355px!important
}

.margin-bottom-40 {
	margin-bottom: 40px
}

.best-value-banner {
	background-color: #000;
	color: #fff;
	padding: 2px 0;
	letter-spacing: 1px;
	font-size: 20px!important
}

.bundle-banner-pe {
	padding: 10px;
	background-color: #e5e5e5;
	color: #3D78D8;
	font-size: 2em
}

.bestvalue_detail,
.bestvalue_price {
	color: #333;
	background-color: #fff
}

div.pxe-title {
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 22px!important
}

.pricebox-pne .center-div {
	padding-top: 20px
}

.pricebox-pne .center-div>span {
	padding-top: 5px;
	vertical-align: top;
	display: inline-block
}

.pricebox-pne .center-div>span:nth-child(1) {
	font-size: 36px!important;
	font-weight: 600;
	letter-spacing: 1px
}

.pricebox-pne .center-div>span:nth-child(2) {
	padding-top: 0;
	font-size: 50px!important;
	font-weight: 600;
	letter-spacing: 1px
}

.pricebox-pne p {
	padding-bottom: 10px;
	letter-spacing: 1px;
	font-size: 18px!important
}

#pricing_editions .cell-content,
.padding-bottom-20 {
	padding-bottom: 20px
}

.bestvalue_price p.pricing-btn {
	margin-bottom: 20px
}

.bestvalue_price p.pricing-btn a {
	font-family: Mitr, sans-serif;
	font-size: 1.5em;
	border-radius: 4px;
	letter-spacing: .025em
}

.bestvalue_detail .div-1 {
	font-size: 15px;
	line-height: 150%;
	text-align: left;
	padding-top: 20px;
	font-weight: 600;
	padding-bottom: 20px
}

.bg-white {
	background-color: #fff
}

.pricing-footnote {
	font-weight: 600;
	font-size: 20px
}

.download-pdf-row-mobile {
	background-color: #fff;
	border: 2px solid #e5e5e5;
	border-radius: 5px;
	padding: 13px;
	text-align: center;
	position: relative;
	display: none!important
}

#pricing_editions .download-pdf-row-mobile .cell-content {
	padding-bottom: 0
}

.download-pdf-img-mobile {
	padding: 0 20px;
	width: auto;
	float: left
}

.download-pdf-content-mobile {
	font-size: 15px;
	padding-top: 10px
}

.click-span {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%
}

#getting_start .feature-list {
	padding: 40px 0 40px 40px
}

#getting_start .feature-list h3 {
	font-size: 34px;
	font-weight: 300
}

#getting_start .feature-list>li {
	margin-bottom: 0
}

#getting_start .cell-content-detail>img {
	margin-top: 0
}

.btn-blue {
	background-color: #3d78d8;
	border-color: #3d78d8;
	color: #FFF
}

.cs-video-hero {
	height: 420px;
	background-size: cover;
	position: relative
}

.cs-hero-content {
	margin-bottom: 168px;
	position: relative
}

.cs-video-content {
	position: absolute;
	bottom: -89px;
	width: 600px;
	background-color: #3D78D8
}

.cs-video-content h2 {
	position: relative;
	color: #FFF;
	margin: 0;
	font-size: 55px;
	font-weight: 300;
	padding: 20px 20px 20px 40px
}

.cs-video-copy {
	background: #FFF;
	padding: 20px 20px 20px 40px
}

.cs-video-content .quote {
	margin-bottom: 10px;
	display: block;
	color: #333;
	font-size: 24px
}

.quote-name {
	display: block;
	padding-bottom: 5px
}

.customer-story {
	width: 50%;
	float: left;
	margin-bottom: 0
}

.cs-left {
	float: left
}

.cs-right {
	float: right
}

.cs-left .cs-inner {
	padding-right: 40px
}

.cs-image {
	position: relative;
	height: 140px;
	background-size: cover
}

.customer-story .cs-image {
	height: 200px
}

.cs-image .play-btn {
	margin-left: -43px;
	margin-top: -42px
}

.cs-title {
	padding: 0 30px;
	height: 130px
}

.cs-right .cs-inner {
	padding-left: 40px
}

.cs-large .cs-image,
.cs-med .cs-image {
	height: 410px
}

.cs-title a {
	font-weight: 900
}

.hero-video-content {
	position: absolute;
	bottom: 65px;
	padding-left: 65px
}

.hero-video-content h2 {
	font-size: 34px;
	margin-bottom: 5px;
	font-weight: 100
}

.resources-container {
	padding: 0 30px 20px;
	border-bottom: 1px solid #a7a7a7;
	margin-bottom: 0
}

.resource-block {
	float: left;
	width: 33%
}

.resource-block-inner {
	margin: 0 12px 40px;
	position: relative
}

.resource-block img {
	margin-bottom: 30px;
	border: 1px solid #999
}

.equalize-group-promo a.hvr-bounce-to-bottom,
.show-min-scr3 .btn.btn-lg {
	border-radius: 4px;
	text-transform: uppercase;
	box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
	text-decoration: none
}

.resource-block h3 {
	font-size: 20px;
	margin-bottom: 8px;
	line-height: 110%
}

.resource-block p {
	margin-bottom: 20px
}

.resource-block h5 {
	font-size: 16px;
	line-height: 150%
}

.equalize-group-promo a,
.product-container .flush a,
.show-min-scr3 .btn.btn-lg {
	letter-spacing: .025em;
	line-height: normal;
	font-family: Mitr, sans-serif
}

.resource-block a {
	color: #3d78d8
}

.btn-resources {
	display: inline-block;
	text-align: center;
	width: 100%
}

.btn-resources a,
.resource-block-inner a {
	font-size: 16px;
	font-weight: 700
}

.row-block {
	margin: 0
}

.benefit-content:last-child .resources-container {
	border-bottom: 0
}

.show-min-scr3 .btn.btn-lg {
	font-size: 1.5em
}

.product-container .flush a {
	font-size: 1.25em
}

.equalize-group-promo a {
	font-size: 1.5em
}

.equalize-group-promo a.hvr-bounce-to-bottom {
	overflow: hidden
}

.desc-pne-detail {
	display: table;
	text-align: center;
	width: 100%
}

.banner-inner .cell-content h2 {
	color: #222;
	font-weight: 900;
	font-family: Mitr, sans-serif;
	letter-spacing: 1px;
	line-height: 1;
	font-size: 20px!important
}

.sidebar .dropdown>a:before {
	display: none
}

.sidebar .nav-pills>li>a {
	font-weight: 400;
	font-family: Mitr, sans-serif;
	letter-spacing: normal;
	line-height: normal;
	font-size: 1.5em;
	color: #343434;
	text-transform: none;
	cursor: pointer
}

.sidebar .nav-pills>li:first-child>a {
	font-weight: 700;
	letter-spacing: .025em;
	font-size: 2.5em;
	text-transform: none;
	padding: 0 0 10px;
	color: #343434;
	line-height: 1.2;
	font-family: Mitr, sans-serif;
	background: 0 0!important;
	margin-bottom: 10px;
	border: 0;
	border-bottom: 2px dashed #48b9c2;
	text-align: center
}

.sidebar .nav-pills .dropdown-menu>li>a,
.sidebar .nav-pills>li.demo-li>a {
	font-family: Mitr, sans-serif;
	line-height: normal;
	text-transform: none
}

.sidebar .nav-pills>li:first-child>a:focus,
.sidebar .nav-pills>li:first-child>a:hover {
	border: 0;
	border-bottom: 2px dashed #48b9c2
}

.sidebar .nav-pills>li.demo-li>a {
	font-weight: 700;
	letter-spacing: .05em;
	font-size: 1.25em;
	border-radius: 5px;
	background: #48b9c2;
	color: #FFF;
	border: 0;
	overflow: hidden;
	min-width: auto
}

.sidebar .nav-pills>li.demo-li>a:before {
	border-radius: 5px
}

.sidebar .nav-pills>li.demo-li>a.btn-light-gray.active,
.sidebar .nav-pills>li.demo-li>a.btn-light-gray:active,
.sidebar .nav-pills>li.demo-li>a.btn-light-gray:focus,
.sidebar .nav-pills>li.demo-li>a.btn-light-gray:hover {
	border: 0;
	color: #FFF
}

.sidebar .nav-pills.nav-stacked>li>a:after {
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	margin-top: -1px
}

.sidebar .nav-pills .dropdown-menu {
	float: none;
	min-width: auto;
	position: relative;
	box-shadow: none;
	border-top: 0;
	background: #FFF
}

.sidebar .nav-pills>li.active>a,
.sidebar .nav-pills>li.active>a:focus,
.sidebar .nav-pills>li.active>a:hover,
.sidebar .nav-pills>li>a:focus,
.sidebar .nav-pills>li>a:hover {
	background: #f6f9fc;
	border: 1px solid #f1f1f1
}

.sidebar .nav-pills .dropdown-menu>li>a {
	letter-spacing: normal;
	font-size: 1em;
	color: #343434;
	white-space: normal;
	padding: 10px 35px 10px 15px;
	cursor: pointer
}

.sidebar .nav-pills .dropdown-menu>li>a:hover {
	background: #f6f9fc
}

.sidebar .nav-pills>li.active>ul>li>a:focus:after,
.sidebar .nav-pills>li.active>ul>li>a:hover:after,
.sidebar .nav-pills>li>ul>li>a:focus:after,
.sidebar .nav-pills>li>ul>li>a:hover:after {
	right: 10px
}

.sidebar .nav-pills .dropdown-menu>li.dropdown-submenu>.dropdown-menu>li>a {
	padding-right: 15px;
	padding-left: 35px;
	position: relative
}

.sidebar .nav-pills .dropdown-menu>li.dropdown-submenu>.dropdown-menu>li>a:before {
	font-family: FontAwesome;
	content: "\f105";
	font-size: 14px;
	font-weight: 700;
	position: absolute;
	left: 15px;
	top: 15px;
	color: #d1d1d1;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.list-content-title {
	color: inherit;
	font-size: 1em
}

@media (min-width:992px) {
	.header-menu .nav-popup-product h4 {
		margin-bottom: 0
	}
	.header-menu .nav-primary .nav-popup {
		width: 600px;
		margin-left: -300px
	}
	.header-menu .nav-popup-product-list ul {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}
	.header-menu .nav-popup-product-list ul>li {
		-webkit-flex: 1 0 50%;
		-moz-flex: 1 0 50%;
		-ms-flex: 1 0 50%;
		flex: 1 0 50%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin-bottom: 15px;
		max-width: 50%
	}
	.header-menu .nav-popup-product-list a {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-ms-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		white-space: normal
	}
	.header-menu .nav-popup-product-list a i {
		width: 36px;
		height: 36px;
		vertical-align: middle;
		font-size: 1.1em;
		line-height: 36px;
		background: #4f6276;
		color: #FFF;
		border-radius: 50%;
		text-align: center;
		-ms-flex-basis: 36px;
		-moz-flex-basis: 36px;
		-webkit-flex-basis: 36px;
		flex-basis: 36px;
		margin: 6px 0 0;
		white-space: nowrap;
		display: block;
		min-width: 36px
	}
	.product-list-content {
		-ms-flex: auto;
		-moz-flex: auto;
		-webkit-flex: auto;
		flex: auto;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-ms-flex-direction: column;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
		line-height: normal;
		margin-left: 15px
	}
	.list-content-title {
		margin: 0
	}
	.list-content-sub {
		font-size: 15px;
		line-height: 22px;
		color: #6b7c93;
		margin: 0;
		display: block;
		font-weight: 400
	}
}

@media (min-width:768px) {
	.sidebar .nav-pills .dropdown-menu .dropdown-submenu .dropdown-menu {
		left: 0!important;
		margin-top: 0;
		border: 0
	}
	.sidebar .dropdown-submenu>a:after {
		float: none;
		margin-right: 0;
		border-left: 0;
		border-top: 0;
		border-bottom: 0;
		font-family: FontAwesome;
		content: "\f105";
		font-size: 14px;
		font-weight: 700;
		position: absolute;
		right: 15px;
		color: #d1d1d1;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		top: 15px;
		transform: translateY(-50%);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(-50%);
		margin-top: -1px
	}
}

#mobile-nav .title,
.cell-content-detail .benefit-cta-container>a,
.cell-content-detail .benefit-list li h3 a {
	font-family: Mitr, sans-serif
}

#Pricing,
#pricing_editions .cell-content-2 {
	background: #f6f9fc
}

.cell-content-detail>h2 {
	padding-left: 40px;
	font-weight: 300;
	margin-top: 60px;
	margin-bottom: 40px;
	font-size: 1.5em
}

.cell-content-detail .benefit-list {
	padding-left: 100px
}

.benefit-list>li {
	margin-bottom: 40px
}

.benefit-content h3 a {
	position: relative
}

.cell-content-detail .benefit-list li h3 a {
	font-size: 1em;
	font-weight: 700;
	letter-spacing: .05em
}

.benefit-content h3 span {
	position: absolute;
	left: -60px;
	top: 0;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	padding: 2px;
	line-height: 46px;
	text-align: center;
	background: #3D78D8;
	color: #FFF;
	font-size: 1.2em;
	font-weight: 400
}

.btn.btn-hvr.hvr-sweep-to-bottom,
.hvr-bounce-to-bottom:active:before,
.hvr-bounce-to-bottom:focus:before,
.hvr-bounce-to-bottom:hover:before {
	border-radius: 4px
}

.cell-content-detail>img {
	margin-top: 20px
}

.benefit-content>div {
	padding-left: 0;
	padding-right: 0
}

.cell-content-detail .benefit-cta-container {
	padding-left: 40px
}

.benefit-content p {
	margin-bottom: 10px;
	font-size: 1.5em
}

.benefit-content a.animate_scroll {
	font-size: 1.5em
}

.cell-content-detail .benefit-cta-container>a {
	font-size: 1.5em;
	font-weight: 400;
	min-width: 120px;
	box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
	border-radius: 4px;
	text-transform: uppercase;
	letter-spacing: .025em;
	text-decoration: none;
	overflow: hidden
}

.box-price-training p.price-training,
.old-price-training-item {
	text-decoration: line-through
}

#mobile-nav {
	height: auto;
	background: #f0f1f2;
	left: 0;
	top: 48px;
	border-bottom: 1px solid #dfe3e7;
	padding: 15px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: row;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-justify-content: space-around;
	-moz-justify-content: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around
}

#mobile-nav .title {
	color: #FFF;
	line-height: 1.2;
	font-size: 2em
}

#mobile-nav .mainCategories {
	max-width: 100%;
	width: 100%;
	margin: auto 10px
}

.rel,
.relative {
	position: relative
}

.play-button-round {
	background: url(http://www2.sfdcstatic.com/system/shared/common/assets/img/play-button-sprite.png) no-repeat;
	display: block;
	height: 56px;
	left: 50%;
	margin-left: -28px;
	margin-top: -28px;
	position: absolute;
	top: 50%;
	width: 57px
}

.abs,
.absolute {
	position: absolute
}

.abs-top-0 {
	top: 0
}

.abs-left-0 {
	left: 0
}

.gutter-tb {
	padding-top: 10px;
	padding-bottom: 10px
}

.top-20 {
	padding-top: 20px
}

.center {
	text-align: center
}

.right-20-only-scr2 {
	padding-right: 20px
}

.left-20-only-scr2 {
	padding-left: 20px
}

#video-on-mobile h1 {
	font-weight: 300;
	font-size: 32px
}

@media only screen and (min-width:992px) {
	#mobile-nav {
		display: none
	}
}

.doc-product-container-pc .main-page-app {
	border-color: #48b9c2
}

.doc-product-container-pc a:focus,
.doc-product-container-pc a:hover {
	color: #3babb4
}

.doc-product-container-pc .btn-light-gray>a,
.doc-product-container-pc a {
	color: #48b9c2
}

.doc-product-container-pc .btn-light-gray.active,
.doc-product-container-pc .btn-light-gray:active,
.doc-product-container-pc .btn-light-gray:focus,
.doc-product-container-pc .btn-light-gray:hover,
.doc-product-container-pc .open .dropdown-toggle.btn-light-gray {
	color: #fff;
	background-color: #48b9c2;
	border-color: #48b9c2
}

.doc-product-container-pc .benefit-list>li>div>a,
.doc-product-container-pc .bundle-banner-pe,
.doc-product-container-pc .desc-pne a,
.doc-product-container-pc .desc-pne-detail-center,
.doc-product-container-pc .nav-pills>li.active>a,
.doc-product-container-pc .nav-pills>li.active>a:after,
.doc-product-container-pc .nav-pills>li.active>a:focus,
.doc-product-container-pc .nav-pills>li.active>a:focus:after,
.doc-product-container-pc .nav-pills>li.active>a:hover,
.doc-product-container-pc .nav-pills>li.active>a:hover:after,
.doc-product-container-pc .nav-pills>li:first-child>a:hover,
.doc-product-container-pc .nav-pills>li>a:focus,
.doc-product-container-pc .nav-pills>li>a:focus:after,
.doc-product-container-pc .nav-pills>li>a:hover,
.doc-product-container-pc .nav-pills>li>a:hover:after {
	color: #48b9c2
}

.doc-product-container-pc .hvr-bounce-to-bottom:before,
.doc-product-container-pc .hvr-bounce-to-left:before,
.doc-product-container-pc .hvr-bounce-to-right:before,
.doc-product-container-pc .hvr-bounce-to-top:before,
.doc-product-container-pc .hvr-radial-out:before,
.doc-product-container-pc .hvr-rectangle-out:before,
.doc-product-container-pc .hvr-shutter-out-horizontal:before,
.doc-product-container-pc .hvr-shutter-out-vertical:before,
.doc-product-container-pc .hvr-sweep-to-bottom:before,
.doc-product-container-pc .hvr-sweep-to-left:before,
.doc-product-container-pc .hvr-sweep-to-right:before,
.doc-product-container-pc .hvr-sweep-to-top:before {
	background: #3babb4
}

.doc-product-container-pc #mobile-nav,
.doc-product-container-pc .benefit-content h3 span,
.doc-product-container-pc .hline-pne,
.doc-product-container-pc .sidebar .nav-pills>li.demo-li>a {
	background: #48b9c2
}

.doc-product-container-pc .bg-pc-cloud {
	background-color: #48b9c2
}

.doc-product-container-pc .sidebar .nav-pills>li:first-child>a {
	border-bottom: 2px dashed #48b9c2
}

.doc-product-container-pa .main-page-app {
	border-color: #16ab6f
}

.doc-product-container-pa a:focus,
.doc-product-container-pa a:hover {
	color: #19a26b
}

.doc-product-container-pa .btn-light-gray>a,
.doc-product-container-pa a {
	color: #16ab6f
}

.doc-product-container-pa .btn-light-gray.active,
.doc-product-container-pa .btn-light-gray:active,
.doc-product-container-pa .btn-light-gray:focus,
.doc-product-container-pa .btn-light-gray:hover,
.doc-product-container-pa .open .dropdown-toggle.btn-light-gray {
	color: #fff;
	background-color: #16ab6f;
	border-color: #16ab6f
}

.doc-product-container-pa .benefit-list>li>div>a,
.doc-product-container-pa .bundle-banner-pe,
.doc-product-container-pa .desc-pne a,
.doc-product-container-pa .desc-pne-detail-center,
.doc-product-container-pa .nav-pills>li.active>a,
.doc-product-container-pa .nav-pills>li.active>a:after,
.doc-product-container-pa .nav-pills>li.active>a:focus,
.doc-product-container-pa .nav-pills>li.active>a:focus:after,
.doc-product-container-pa .nav-pills>li.active>a:hover,
.doc-product-container-pa .nav-pills>li.active>a:hover:after,
.doc-product-container-pa .nav-pills>li:first-child>a:hover,
.doc-product-container-pa .nav-pills>li>a:focus,
.doc-product-container-pa .nav-pills>li>a:focus:after,
.doc-product-container-pa .nav-pills>li>a:hover,
.doc-product-container-pa .nav-pills>li>a:hover:after {
	color: #16ab6f
}

.doc-product-container-pa .hvr-bounce-to-bottom:before,
.doc-product-container-pa .hvr-bounce-to-left:before,
.doc-product-container-pa .hvr-bounce-to-right:before,
.doc-product-container-pa .hvr-bounce-to-top:before,
.doc-product-container-pa .hvr-radial-out:before,
.doc-product-container-pa .hvr-rectangle-out:before,
.doc-product-container-pa .hvr-shutter-out-horizontal:before,
.doc-product-container-pa .hvr-shutter-out-vertical:before,
.doc-product-container-pa .hvr-sweep-to-bottom:before,
.doc-product-container-pa .hvr-sweep-to-left:before,
.doc-product-container-pa .hvr-sweep-to-right:before,
.doc-product-container-pa .hvr-sweep-to-top:before {
	background: #19a26b
}

.doc-product-container-pa #mobile-nav,
.doc-product-container-pa .benefit-content h3 span,
.doc-product-container-pa .hline-pne,
.doc-product-container-pa .sidebar .nav-pills>li.demo-li>a {
	background: #16ab6f
}

.doc-product-container-pa .bg-pc-cloud {
	background-color: #16ab6f
}

.doc-product-container-pa .sidebar .nav-pills>li:first-child>a {
	border-bottom: 2px dashed #16ab6f
}

.doc-product-container-iseo .main-page-app {
	border-color: #8092da
}

.doc-product-container-iseo a:focus,
.doc-product-container-iseo a:hover {
	color: #7b8bcd
}

.doc-product-container-iseo .btn-light-gray>a,
.doc-product-container-iseo a {
	color: #8092da
}

.doc-product-container-iseo .btn-light-gray.active,
.doc-product-container-iseo .btn-light-gray:active,
.doc-product-container-iseo .btn-light-gray:focus,
.doc-product-container-iseo .btn-light-gray:hover,
.doc-product-container-iseo .open .dropdown-toggle.btn-light-gray {
	color: #fff;
	background-color: #8092da;
	border-color: #8092da
}

.doc-product-container-iseo .benefit-list>li>div>a,
.doc-product-container-iseo .bundle-banner-pe,
.doc-product-container-iseo .desc-pne a,
.doc-product-container-iseo .desc-pne-detail-center,
.doc-product-container-iseo .nav-pills>li.active>a,
.doc-product-container-iseo .nav-pills>li.active>a:after,
.doc-product-container-iseo .nav-pills>li.active>a:focus,
.doc-product-container-iseo .nav-pills>li.active>a:focus:after,
.doc-product-container-iseo .nav-pills>li.active>a:hover,
.doc-product-container-iseo .nav-pills>li.active>a:hover:after,
.doc-product-container-iseo .nav-pills>li:first-child>a:hover,
.doc-product-container-iseo .nav-pills>li>a:focus,
.doc-product-container-iseo .nav-pills>li>a:focus:after,
.doc-product-container-iseo .nav-pills>li>a:hover,
.doc-product-container-iseo .nav-pills>li>a:hover:after {
	color: #8092da
}

.doc-product-container-iseo .hvr-bounce-to-bottom:before,
.doc-product-container-iseo .hvr-bounce-to-left:before,
.doc-product-container-iseo .hvr-bounce-to-right:before,
.doc-product-container-iseo .hvr-bounce-to-top:before,
.doc-product-container-iseo .hvr-radial-out:before,
.doc-product-container-iseo .hvr-rectangle-out:before,
.doc-product-container-iseo .hvr-shutter-out-horizontal:before,
.doc-product-container-iseo .hvr-shutter-out-vertical:before,
.doc-product-container-iseo .hvr-sweep-to-bottom:before,
.doc-product-container-iseo .hvr-sweep-to-left:before,
.doc-product-container-iseo .hvr-sweep-to-right:before,
.doc-product-container-iseo .hvr-sweep-to-top:before {
	background: #7b8bcd
}

.doc-product-container-iseo #mobile-nav,
.doc-product-container-iseo .benefit-content h3 span,
.doc-product-container-iseo .hline-pne,
.doc-product-container-iseo .sidebar .nav-pills>li.demo-li>a {
	background: #8092da
}

.doc-product-container-iseo .bg-pc-cloud {
	background-color: #8092da
}

.section-table-compare-iseo .box-style-1,
.section-table-compare-iseo .box-style-1 i {
	background: #fff;
	box-shadow: 0 1px 7px 1px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
	text-align: center
}

.doc-product-container-iseo .sidebar .nav-pills>li:first-child>a {
	border-bottom: 2px dashed #8092da
}

.section-table-compare-iseo .box-style-1 {
	margin: 25px 0;
	border-radius: 5px;
	padding: 80px 15px 15px;
	min-height: 250px;
	position: relative
}

.section-table-compare-iseo .box-style-1 i {
	color: #8092da;
	font-size: 2.5em;
	margin: -40px 0 5px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	line-height: 80px;
	left: 50%;
	transform: translatex(-50%)
}

.section-table-compare-iseo .box-style-1:not(.team-member):hover i {
	color: #7b8bcd;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.sweet-alert.sweet-alert-compare-iseo {
	font-family: inherit;
	background: rgba(71, 71, 71, .95);
	box-shadow: 0 15px 35px rgba(0, 0, 0, .5)
}

.btn.start_tour,
.table-payment {
	font-family: Mitr, sans-serif
}

.sweet-alert.sweet-alert-compare-iseo .sa-icon.sa-success {
	border-color: #7795f8
}

.sweet-alert.sweet-alert-compare-iseo .sa-icon.sa-success::before,
.sweet-alert.sweet-alert-subscribe .sa-icon.sa-success::after {
	background: 0 0
}

.sweet-alert.sweet-alert-compare-iseo .sa-icon.sa-success .sa-line {
	background-color: #7795f8
}

.sweet-alert.sweet-alert-compare-iseo .sa-icon.sa-success .sa-placeholder {
	border: 4px solid rgba(119, 149, 248, .2)
}

.sweet-alert.sweet-alert-compare-iseo .sa-icon.sa-success .sa-fix {
	background: 0 0
}

.sweet-alert.sweet-alert-compare-iseo h2,
.sweet-alert.sweet-alert-compare-iseo p {
	color: #FFF
}

.sweet-alert.sweet-alert-compare-iseo fieldset {
	display: none
}

.sweet-alert.sweet-alert-compare-iseo .sa-confirm-button-container {
	display: block;
	position: relative;
	height: 47px;
	margin: 26px 5px 0
}

.sweet-alert.sweet-alert-compare-iseo button {
	background: linear-gradient(-45deg, #f857a6, #ff5858);
	padding: 10px 20px;
	border: none;
	border-radius: 21px;
	outline: 0;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 50%;
	font-size: 18px;
	cursor: pointer;
	transform: translateX(-50%);
	width: 250px
}

.sweet-alert.sweet-alert-compare-iseo button:hover:before {
	left: 110%;
	transition: .3s
}

.sweet-alert.sweet-alert-compare-iseo button:before {
	content: '';
	background: rgba(255, 255, 255, .3);
	height: 100%;
	width: 65px;
	position: absolute;
	top: 0;
	left: -100%;
	transform: skew(-45deg);
	transition: 0s
}

.sweet-alert.sweet-alert-compare-iseo h2 i {
	width: 80px;
	height: 80px;
	display: block;
	margin: auto;
	color: #7795f8;
	line-height: 74px;
	font-size: 1.5em;
	border: 4px solid #7795f8;
	border-radius: 50%;
	font-weight: 400;
	text-align: center
}

.sweet-alert.sweet-alert-compare-iseo h2 p {
	font-size: 1.5em;
	text-align: center;
	font-weight: 600;
	text-transform: none;
	position: relative;
	margin: 25px 0 0;
	padding: 0;
	line-height: 40px;
	display: block
}

.sweet-alert.sweet-alert-compare-iseo h2 span {
	font-size: 1em;
	font-weight: 400
}

.table-compare-iseo {
	margin: 25px auto
}

.table-compare-iseo thead th {
	background: rgba(0, 0, 0, .25);
	padding: 10px;
	text-align: center;
	border-right: 1px solid rgba(0, 0, 0, .25);
	word-break: break-word
}

.table-compare-iseo thead th:first-child {
	border-radius: 5px 0 0
}

.table-compare-iseo thead th:last-child {
	border-radius: 0 5px 0 0;
	border-right: 0
}

.table-compare-iseo tbody {
	background: 0 0
}

.table-compare-iseo tbody td {
	padding: 10px;
	text-align: left;
	border-right: 1px solid rgba(0, 0, 0, .25);
	border-bottom: 1px solid rgba(0, 0, 0, .25);
	background: #FFF;
	color: #000
}

.table-compare-iseo tbody tr:last-child td:first-child:not(:last-child) {
	border-radius: 0 0 0 5px
}

.table-compare-iseo tbody tr:last-child td:last-child:not(:first-child) {
	border-radius: 0 0 5px;
	border-right: 0
}

.table-compare-iseo tbody tr:last-child td {
	border-bottom: 0
}

.table-compare-iseo.table-compare-iseo-quality tbody tr:last-child td:first-child {
	border-radius: 0 0 0 5px
}

.table-compare-iseo.table-compare-iseo-quality tbody tr:first-child td:last-child {
	border-radius: 0 0 5px
}

.doc-product-container-esp .main-page-app {
	border-color: #465a68
}

.doc-product-container-esp a:focus,
.doc-product-container-esp a:hover {
	color: #445b6a
}

.doc-product-container-esp .btn-light-gray>a,
.doc-product-container-esp a {
	color: #465a68
}

.doc-product-container-esp .btn-light-gray.active,
.doc-product-container-esp .btn-light-gray:active,
.doc-product-container-esp .btn-light-gray:focus,
.doc-product-container-esp .btn-light-gray:hover,
.doc-product-container-esp .open .dropdown-toggle.btn-light-gray {
	color: #fff;
	background-color: #465a68;
	border-color: #465a68
}

.doc-product-container-esp .benefit-list>li>div>a,
.doc-product-container-esp .bundle-banner-pe,
.doc-product-container-esp .desc-pne a,
.doc-product-container-esp .desc-pne-detail-center,
.doc-product-container-esp .nav-pills>li.active>a,
.doc-product-container-esp .nav-pills>li.active>a:after,
.doc-product-container-esp .nav-pills>li.active>a:focus,
.doc-product-container-esp .nav-pills>li.active>a:focus:after,
.doc-product-container-esp .nav-pills>li.active>a:hover,
.doc-product-container-esp .nav-pills>li.active>a:hover:after,
.doc-product-container-esp .nav-pills>li:first-child>a:hover,
.doc-product-container-esp .nav-pills>li>a:focus,
.doc-product-container-esp .nav-pills>li>a:focus:after,
.doc-product-container-esp .nav-pills>li>a:hover,
.doc-product-container-esp .nav-pills>li>a:hover:after {
	color: #465a68
}

.doc-product-container-esp .hvr-bounce-to-bottom:before,
.doc-product-container-esp .hvr-bounce-to-left:before,
.doc-product-container-esp .hvr-bounce-to-right:before,
.doc-product-container-esp .hvr-bounce-to-top:before,
.doc-product-container-esp .hvr-radial-out:before,
.doc-product-container-esp .hvr-rectangle-out:before,
.doc-product-container-esp .hvr-shutter-out-horizontal:before,
.doc-product-container-esp .hvr-shutter-out-vertical:before,
.doc-product-container-esp .hvr-sweep-to-bottom:before,
.doc-product-container-esp .hvr-sweep-to-left:before,
.doc-product-container-esp .hvr-sweep-to-right:before,
.doc-product-container-esp .hvr-sweep-to-top:before {
	background: #445b6a
}

.doc-product-container-esp #mobile-nav,
.doc-product-container-esp .benefit-content h3 span,
.doc-product-container-esp .hline-pne,
.doc-product-container-esp .sidebar .nav-pills>li.demo-li>a {
	background: #465a68
}

.doc-product-container-esp .bg-pc-cloud {
	background-color: #465a68
}

.doc-product-container-esp .sidebar .nav-pills>li:first-child>a {
	border-bottom: 2px dashed #465a68
}

.doc-product-container-snap .main-page-app {
	border-color: #3f9ccf
}

.doc-product-container-snap a:focus,
.doc-product-container-snap a:hover {
	color: #3b90bf
}

.doc-product-container-snap .btn-light-gray>a,
.doc-product-container-snap a {
	color: #3f9ccf
}

.doc-product-container-snap .btn-light-gray.active,
.doc-product-container-snap .btn-light-gray:active,
.doc-product-container-snap .btn-light-gray:focus,
.doc-product-container-snap .btn-light-gray:hover,
.doc-product-container-snap .open .dropdown-toggle.btn-light-gray {
	color: #fff;
	background-color: #3f9ccf;
	border-color: #3f9ccf
}

.doc-product-container-snap .benefit-list>li>div>a,
.doc-product-container-snap .bundle-banner-pe,
.doc-product-container-snap .desc-pne a,
.doc-product-container-snap .desc-pne-detail-center,
.doc-product-container-snap .nav-pills>li.active>a,
.doc-product-container-snap .nav-pills>li.active>a:after,
.doc-product-container-snap .nav-pills>li.active>a:focus,
.doc-product-container-snap .nav-pills>li.active>a:focus:after,
.doc-product-container-snap .nav-pills>li.active>a:hover,
.doc-product-container-snap .nav-pills>li.active>a:hover:after,
.doc-product-container-snap .nav-pills>li:first-child>a:hover,
.doc-product-container-snap .nav-pills>li>a:focus,
.doc-product-container-snap .nav-pills>li>a:focus:after,
.doc-product-container-snap .nav-pills>li>a:hover,
.doc-product-container-snap .nav-pills>li>a:hover:after {
	color: #3f9ccf
}

.doc-product-container-snap .hvr-bounce-to-bottom:before,
.doc-product-container-snap .hvr-bounce-to-left:before,
.doc-product-container-snap .hvr-bounce-to-right:before,
.doc-product-container-snap .hvr-bounce-to-top:before,
.doc-product-container-snap .hvr-radial-out:before,
.doc-product-container-snap .hvr-rectangle-out:before,
.doc-product-container-snap .hvr-shutter-out-horizontal:before,
.doc-product-container-snap .hvr-shutter-out-vertical:before,
.doc-product-container-snap .hvr-sweep-to-bottom:before,
.doc-product-container-snap .hvr-sweep-to-left:before,
.doc-product-container-snap .hvr-sweep-to-right:before,
.doc-product-container-snap .hvr-sweep-to-top:before {
	background: #3b90bf
}

.doc-product-container-snap #mobile-nav,
.doc-product-container-snap .benefit-content h3 span,
.doc-product-container-snap .hline-pne,
.doc-product-container-snap .sidebar .nav-pills>li.demo-li>a {
	background: #3f9ccf
}

.doc-product-container-snap .bg-pc-cloud {
	background-color: #3f9ccf
}

.doc-product-container-snap .sidebar .nav-pills>li:first-child>a {
	border-bottom: 2px dashed #3f9ccf
}

.doc-product-container-bi .main-page-app {
	border-color: #205680
}

.doc-product-container-bi a:focus,
.doc-product-container-bi a:hover {
	color: #113f63
}

.doc-product-container-bi .btn-light-gray>a,
.doc-product-container-bi a {
	color: #205680
}

.doc-product-container-bi .btn-light-gray.active,
.doc-product-container-bi .btn-light-gray:active,
.doc-product-container-bi .btn-light-gray:focus,
.doc-product-container-bi .btn-light-gray:hover,
.doc-product-container-bi .open .dropdown-toggle.btn-light-gray {
	color: #fff;
	background-color: #205680;
	border-color: #205680
}

.doc-product-container-bi .benefit-list>li>div>a,
.doc-product-container-bi .bundle-banner-pe,
.doc-product-container-bi .desc-pne a,
.doc-product-container-bi .desc-pne-detail-center,
.doc-product-container-bi .nav-pills>li.active>a,
.doc-product-container-bi .nav-pills>li.active>a:after,
.doc-product-container-bi .nav-pills>li.active>a:focus,
.doc-product-container-bi .nav-pills>li.active>a:focus:after,
.doc-product-container-bi .nav-pills>li.active>a:hover,
.doc-product-container-bi .nav-pills>li.active>a:hover:after,
.doc-product-container-bi .nav-pills>li:first-child>a:hover,
.doc-product-container-bi .nav-pills>li>a:focus,
.doc-product-container-bi .nav-pills>li>a:focus:after,
.doc-product-container-bi .nav-pills>li>a:hover,
.doc-product-container-bi .nav-pills>li>a:hover:after {
	color: #205680
}

.doc-product-container-bi .hvr-bounce-to-bottom:before,
.doc-product-container-bi .hvr-bounce-to-left:before,
.doc-product-container-bi .hvr-bounce-to-right:before,
.doc-product-container-bi .hvr-bounce-to-top:before,
.doc-product-container-bi .hvr-radial-out:before,
.doc-product-container-bi .hvr-rectangle-out:before,
.doc-product-container-bi .hvr-shutter-out-horizontal:before,
.doc-product-container-bi .hvr-shutter-out-vertical:before,
.doc-product-container-bi .hvr-sweep-to-bottom:before,
.doc-product-container-bi .hvr-sweep-to-left:before,
.doc-product-container-bi .hvr-sweep-to-right:before,
.doc-product-container-bi .hvr-sweep-to-top:before {
	background: #113f63
}

.doc-product-container-bi #mobile-nav,
.doc-product-container-bi .benefit-content h3 span,
.doc-product-container-bi .hline-pne,
.doc-product-container-bi .sidebar .nav-pills>li.demo-li>a {
	background: #205680
}

.doc-product-container-bi .bg-pc-cloud {
	background-color: #205680
}

.doc-product-container-bi .sidebar .nav-pills>li:first-child>a {
	border-bottom: 2px dashed #205680
}

@media only screen and (max-width:991px) {
	.main-page-app {
		border-left: 0
	}
}

@media only screen and (max-width:767px) {
	.product-container .row .con-sm-4:first-child .section-table-compare-iseo .box-style-1 {
		margin: 100px 0
	}
	.section-table-compare-iseo .box-style-1 {
		margin: 50px 0
	}
	.sweet-alert.sweet-alert-compare-iseo h2 {
		margin: 0 0 15px
	}
	.sweet-alert.sweet-alert-compare-iseo h2 i {
		transform: scale(.75);
		-webkit-transform: scale(.75);
		-moz-transform: scale(.75)
	}
	.sweet-alert.sweet-alert-compare-iseo h2 p {
		font-size: 1em;
		margin: 0
	}
	.sweet-alert.sweet-alert-compare-iseo p {
		max-height: calc(100vh - 405px);
		max-height: -webkit-calc(100vh - 405px);
		max-height: -moz-calc(100vh - 405px);
		overflow-y: auto;
		overflow-x: hidden
	}
	.sweet-alert.sweet-alert-compare-iseo h2 span {
		font-size: .75em
	}
	.table-compare-iseo {
		margin: 0 auto;
		font-size: .75em
	}
	.table-compare-iseo thead th {
		padding: 5px
	}
	.cell-content,
	.doc-product-container {
		padding: 0
	}
	.cell-content-detail .benefit-list,
	.cell-content-detail>h2 {
		padding-left: 15px;
		padding-right: 15px
	}
	.cell-content-detail>h2 {
		margin-top: 15px;
		font-size: 1.5em;
		margin-bottom: 5px;
		line-height: 95%
	}
	.doc-product-container-pc .overview-cus-video {
		height: 350px;
		background-image: url(/public/images/pc-overview-3-mobile.jpg)!important;
		background-position: 100% 0;
		background-repeat: no-repeat
	}
	.product-container {
		padding: 20px 15px
	}
	.product-container .flush {
		margin: 0
	}
	.product-container .btn {
		margin: 0;
		min-width: auto
	}
	.bg-pc-cloud .cell-content {
		padding: 0 0 25px
	}
	.cell-content-price {
		margin-top: 20px
	}
	.feature-list h3,
	.feature-list li h3 {
		margin-top: 0
	}
	#pricing_editions .product-header h2,
	.feature-header h2,
	.product-header h2 {
		font-size: 1.75em
	}
	#pricing_editions .product-header p {
		font-size: 1em
	}
	.pricing-footnote {
		text-align: center
	}
}

@media only screen and (max-width:480px) {
	#mobile-nav {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap
	}
	.doc-product-container-iseo a {
		flex: 1;
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1
	}
	#mobile-nav span.title {
		margin-bottom: 10px;
		display: block
	}
	#mobile-nav .mainCategories {
		width: 100%;
		margin: 0 0 10px
	}
}

.content-payment-box {
	text-align: center;
	padding-top: 0;
	margin-bottom: 0;
	border-bottom: 2px solid #EEE;
	border-bottom-style: dashed
}

.content-payment-box>h1 {
	font-size: 3.5em;
	margin: 0 0 25px
}

.content-payment-box>h2 {
	font-size: 2em;
	margin: 0 0 50px
}

.table-payment-block {
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative
}

.table-payment-block:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 180%;
	top: 40%;
	left: 0;
	-webkit-transform: skewY(-12deg);
	transform: skewY(-12deg);
	background: #f6f9fc;
	display: none
}

.title-payment-table-box {
	text-align: center;
	margin-bottom: 50px;
	margin-top: 0
}

.title-payment-table-box h1 {
	font-size: 3.5em;
	margin: 0
}

.title-payment-table-box h2,
.title-payment-table-box h3 {
	font-size: 2em;
	margin: 0
}

.table-payment-box {
	text-align: center;
	border-radius: 25px;
	padding: 25px;
	background: #FFF;
	box-shadow: inset 0 4px 7px 1px #fff, inset 0 -5px 20px rgba(173, 186, 204, .25), 0 2px 6px rgba(0, 21, 64, .14), 0 10px 20px rgba(0, 21, 64, .05)
}

.table-payment-box>h1 {
	font-size: 3em;
	margin: 25px 0 50px
}

.table-payment {
	width: 100%;
	max-width: 100%;
	line-height: 1.2;
	border: 0;
	overflow: hidden
}

.table-payment thead th {
	padding: 15px;
	font-size: 2em
}

.table-payment thead tr {
	border-bottom: 5px solid #5a70bb
}

.table-payment tbody td {
	padding: 10px 15px;
	font-size: 1.5em;
	border-bottom: 2px solid #EEE;
	border-left: 2px solid #EEE
}

.table-payment tbody td:first-child {
	background: #EEE
}

.table-payment tbody td:last-child {
	border-right: 2px solid #EEE
}

.remark-payment-box {
	display: table;
	margin: 50px auto auto
}

.remark-payment-box>div {
	display: table-cell;
	vertical-align: top
}

.remark-payment-box>div>img {
	margin-right: 25px;
	width: 150px
}

.remark-payment-box>div:last-child {
	padding-left: 35px;
	border-left: 2px solid #EEE;
	margin-left: 50px
}

.remark-payment-box>div>h5 {
	font-size: 2em;
	margin: 0
}

.remark-payment-box>div>ul>li {
	font-size: 1.5em
}

.bill-payment-block {
	background: #f1f1f1;
	position: relative;
	z-index: 1;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px
}

.bill-payment-box h1 {
	font-size: 2.5em;
	margin: 0 0 15px
}

.bill-payment-box p {
	font-size: 1.5em;
	margin: 0
}

.table-responsive {
	border: 0;
	margin: 0
}

@media only screen and (max-width:767px) {
	.table-payment thead th {
		font-size: 1.5em
	}
	.remark-payment-box {
		display: block;
		text-align: center
	}
	.remark-payment-box>div {
		display: block
	}
	.remark-payment-box>div>img {
		margin: auto
	}
	.remark-payment-box>div:last-child {
		padding-left: 0;
		border-left: 0;
		margin-left: 0;
		text-align: left
	}
	.remark-payment-box>div>h5 {
		margin-top: 25px;
		margin-bottom: 15px
	}
	.remark-payment-box>div>ul>li {
		margin-bottom: 5px;
		padding-left: 30px;
		position: relative
	}
	.remark-payment-box>div>ul>li:before {
		content: "";
		position: absolute;
		left: 10px;
		top: 8px;
		width: 8px;
		height: 8px;
		display: block;
		background: #7795f8;
		border-radius: 50%
	}
}

@media only screen and (max-width:760px),
(min-device-width:768px) and (max-device-width:1024px) {
	.table-payment-box {
		border-radius: 5px;
		padding: 10px
	}
	.table-payment tbody,
	.table-payment td,
	.table-payment th,
	.table-payment thead,
	.table-payment tr,
	table.table-payment {
		display: block
	}
	.table-payment thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px
	}
	.table-payment tbody tr {
		border: 1px solid #eaeaea
	}
	.table-payment tbody td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 45%;
		text-align: left
	}
	.table-payment tbody td:first-child {
		text-align: center;
		padding: 5px
	}
	.table-payment tbody td:first-child img {
		margin: auto
	}
	.table-payment tbody td:last-child {
		border-right: 0;
		border-bottom: 0
	}
	.table-payment tbody td:before {
		position: absolute;
		top: 50%;
		left: 6px;
		width: 40%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: right;
		color: #666;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%)
	}
	.table-payment tbody td:nth-of-type(1):before {
		display: none
	}
	.table-payment tbody td:nth-of-type(2):before {
		content: "เลขที่บัญชี"
	}
	.table-payment tbody td:nth-of-type(3):before {
		content: "ประเภทบัญชี"
	}
	.table-payment tbody td:nth-of-type(4):before {
		content: "สาขา"
	}
}

.package-page-block:before,
.select_plan:before,
.video-page-block:before {
	content: ""
}

.video-page-block {
	padding-top: 0;
	padding-bottom: 50px;
	position: relative
}

.video-page-block:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 0;
	-webkit-transform: skewY(-12deg);
	transform: skewY(-12deg);
	background: #f6f9fc;
	background-image: linear-gradient(to bottom right, #209cff, #68e0cf, #fddb92)
}

.content-client-box {
	text-align: center;
	padding-top: 0
}

.content-client-box>h1 {
	font-size: 3.5em;
	margin: 0 0 25px
}

.content-review-box {
	text-align: center;
	padding-top: 0
}

.content-review-box>h1 {
	font-size: 3.5em;
	margin: 0
}

.content-review-box>h2 {
	margin-top: 0;
	margin-bottom: 25px;
	font-size: 2.5em;
	font-weight: 400
}

.video-client-box {
	flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1
}

.video-client-box .embed-responsive {
	margin: 0
}

.carousel-page-block {
	padding-top: 50px;
	padding-bottom: 50px;
	background: #f1f1f1;
	position: relative;
	z-index: 1
}

.block-carousel-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 224px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	border-right: 4px solid #FFF;
	padding-right: 50px
}

.title-carousel-box>h1 {
	font-size: 3em;
	margin: 0
}

.title-carousel-box>h2 {
	font-size: 2em;
	margin: 0
}

.carousel-page-block .testimonial h2 {
	margin-top: 0
}

@media only screen and (max-width:991px) {
	.block-carousel-box {
		padding-right: 30px
	}
	.title-carousel-box>h1 {
		font-size: 2.5em
	}
	.title-carousel-box>h2 {
		font-size: 2em
	}
}

@media only screen and (max-width:767px) {
	.block-carousel-box {
		border-right: 0;
		border-bottom: 4px solid #FFF;
		padding-right: 0;
		padding-bottom: 30px;
		min-height: auto;
		margin-bottom: 30px
	}
}

@media (min-width:992px) {
	.package-page-block .container {
		width: 970px
	}
}

@media (min-width:1200px) {
	.package-page-block .container {
		width: 1170px
	}
	.col-md-4 .sidebar.affix,
	.col-md-4 .sidebar.affix-bottom {
		width: 262.5px
	}
}

@media (min-width:1300px) {
	.package-page-block .container {
		width: 1270px
	}
	.package-page-block .container .col-md-4 .sidebar.affix,
	.package-page-block .container .col-md-4 .sidebar.affix-bottom {
		width: 287.5px
	}
}

@media (min-width:1400px) {
	.package-page-block .container {
		width: 1370px
	}
	.package-page-block .container .col-md-4 .sidebar.affix,
	.package-page-block .container .col-md-4 .sidebar.affix-bottom {
		width: 312.5px
	}
}

@media (min-width:1500px) {
	.package-page-block .container {
		width: 1470px
	}
	.package-page-block .container .col-md-4 .sidebar.affix,
	.package-page-block .container .col-md-4 .sidebar.affix-bottom {
		width: 337.5px
	}
}

#Tour {
	pointer-events: auto
}

#foot_pricing .common-button {
	height: 50px;
	line-height: 50px;
	margin-top: 20px;
	max-width: none
}

.title-page-block-package {
	padding: 0;
	background: 0 0
}

.package-tour-block {
	padding-bottom: 50px;
	position: relative;
	z-index: 1
}

.package-page-block {
	position: relative
}

.package-page-block:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 25%;
	left: 0;
	-webkit-transform: skewY(-12deg);
	transform: skewY(-12deg);
	background: #f6f9fc;
	background-image: linear-gradient(to bottom right, #209cff, #68e0cf, #fddb92)
}

.block-package-table-box {
	border-radius: 25px;
	padding: 25px;
	background: #FFF
}

.btn.start_tour {
	display: block;
	font-size: 3em;
	font-weight: 500;
	background-image: linear-gradient(to bottom right, #f857a6, #ff5858);
	box-shadow: none;
	color: #fff;
	padding: 0 30px;
	border: 0;
	border-radius: 25px;
	margin: auto;
	line-height: 50px;
	height: 50px;
	transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	text-transform: uppercase;
	cursor: pointer;
	width: 250px
}

.btn.start_tour:after,
.form-training-box {
	box-shadow: 0 -5px 20px rgba(50, 50, 93, .1), 0 3px 20px rgba(0, 0, 0, .25)
}

.btn.start_tour:hover {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.btn.start_tour:after {
	position: absolute;
	border: 2px dotted #7795f8;
	left: -10px;
	right: -10px;
	top: -10px;
	bottom: -10px;
	border-radius: 50%;
	-webkit-animation-name: spin;
	-webkit-animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 10s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 10s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	animation-name: spin;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-timing-function: linear
}

.header-package-table-box {
	border-bottom: 5px solid #5a70bb
}

.header-package-table-box h1 {
	font-size: 3.5em;
	margin: 0;
	line-height: 100px;
	padding: 10px
}

.header-package-table-box>div>.col-md-2 {
	text-align: center;
	position: relative;
	height: 120px
}

.header-package-table-box>div>.col-md-2>div {
	position: absolute;
	width: auto;
	top: -45px;
	left: 0;
	right: 0;
	bottom: 0;
	vertical-align: middle;
	border-radius: 10px 0 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	text-align: center;
	justify-content: center;
	flex-direction: column;
	background: #7795f8;
	color: #FFF
}

.header-package-table-box .radio input[type=radio],
.header-package-table-box>div>.col-md-2:nth-child(2)>div:before {
	display: none
}

.header-package-table-box>div>.col-md-2:nth-child(3)>div {
	border-radius: 0
}

.header-package-table-box>div>.col-md-2:last-child>div {
	border-radius: 0 10px 0 0
}

.header-package-table-box>div>.col-md-2>div:before {
	content: "";
	position: absolute;
	left: 0;
	top: 20%;
	bottom: 20%;
	width: 2px;
	height: auto;
	border-left: 2px solid #EEE;
	border-left-style: dashed
}

.block-package-table-box .row {
	margin: 0
}

.block-package-table-box .row>div {
	padding-right: 0;
	padding-left: 0
}

.header-package-table-box>div>.col-md-2>div h2 {
	font-size: 1.5em;
	color: #FFF;
	letter-spacing: .025em;
	font-weight: 400;
	margin: 0;
	line-height: 40px
}

.block-package-table-box .checkbox label,
.contain_options .radio label {
	line-height: 1.2;
	font-family: Mitr, sans-serif;
	cursor: pointer
}

.header-package-table-box>div>.col-md-2>div small {
	font-size: 70%;
	color: #2c3e50
}

.select_plan {
	position: relative
}

.select_plan:before {
	position: absolute;
	top: 120px;
	bottom: 0;
	width: 16.66666667%;
	border: 5px solid #5a70bb;
	transition: .4s ease-in-out;
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	z-index: 1
}

.select_plan[select_plan=starter]:before {
	left: 50%
}

.select_plan[select_plan=enterprise]:before {
	left: 66.66666667%
}

.select_plan[select_plan=custom]:before {
	left: 83.33333333%
}

.header-package-table-box .radio {
	margin: 0
}

.header-package-table-box .radio label {
	font-size: 1.3em;
	color: #bfbfbf;
	display: inline-block;
	padding: 0 0 25px;
	cursor: pointer
}

.header-package-table-box .radio label:before {
	content: '';
	display: inline-block;
	background: #55D8C6;
	position: absolute;
	left: 50%;
	bottom: -5px;
	height: 20px;
	width: 20px;
	margin-right: 0;
	margin-left: -10px;
	border-radius: 80%;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, .2);
	box-sizing: border-box;
	border: 10px solid #fff;
	transition: border .3s ease
}

.header-package-table-box .radio input:checked+label:before {
	border-color: #fff;
	border-width: 3px
}

.header-package-table-box .radio input+label {
	transition: color .7s ease
}

.header-package-table-box .radio input:checked+label {
	color: #FFF
}

.block-package-table-box .checkbox input[type=checkbox] {
	display: none
}

.block-package-table-box .checkbox {
	margin: 0
}

.block-package-table-box .checkbox label {
	font-size: 2em;
	display: inline-block;
	padding: 0;
	font-weight: 700;
	color: #343434
}

.block-package-table-box .checkbox label:before {
	content: '';
	display: inline-block;
	background: #FFF;
	height: 30px;
	width: 30px;
	margin-right: 8px;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .2);
	box-sizing: border-box;
	border: 5px solid #fff;
	transition: border .3s ease;
	vertical-align: top;
	margin-top: 3px
}

.block-package-table-box .checkbox input:checked+label:before {
	border-color: #fff;
	border-width: 3px;
	background: #55D8C6
}

.block-package-table-box .checkbox input+label {
	transition: color .7s ease
}

.contain_options .radio input[type=radio] {
	display: none
}

.contain_options .radio {
	margin: 0;
	display: inline-block;
	width: 25%;
	float: left;
	text-align: center
}

.contain_options .radio label {
	display: inline-block;
	padding: 0;
	font-size: 1.25em;
	color: #343434;
	vertical-align: middle
}

.contain_options .radio label:before {
	content: '';
	display: inline-block;
	background: #FFF;
	height: 20px;
	width: 20px;
	margin-right: 5px;
	border-radius: 80%;
	box-sizing: border-box;
	border: 2px solid #ddd;
	transition: border .3s ease;
	vertical-align: middle;
	margin-top: -2px
}

.contain_options .radio input:checked+label:before {
	border-color: #3bbfad;
	background: #55D8C6
}

.contain_options .radio input+label {
	transition: color .7s ease
}

.head_app {
	height: 135px;
	padding: 0
}

.head_app fieldset {
	padding: 10px;
	margin: 15px 0;
	border: 1px solid #ddd;
	background: 0 0
}

.head_app fieldset legend {
	border: 0;
	background-color: #fff
}

.head_app>.contain_icon_select_package,
.head_app>h1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 135px;
	margin: 0;
	font-size: 2em
}

.box_package_select {
	border-left: 1px solid #e5e5e5;
	padding-left: 0;
	padding-right: 0
}

.contain_options {
	border-top: 1px solid #e5e5e5;
	padding: 0
}

.contain_options:first-child {
	border-top: 0
}

.content_app {
	height: 50px;
	padding: 10px 0;
	vertical-align: middle
}

#content_pricing .col-md-12 {
	padding-left: 15px;
	padding-right: 15px;
	border-top: 1px solid #e5e5e5;
	-webkit-transition: opacity .7s ease-in-out;
	-moz-transition: opacity .7s ease-in-out;
	-ms-transition: opacity .7s ease-in-out;
	-o-transition: opacity .7s ease-in-out;
	transition: opacity .7s ease-in-out
}

#content_pricing .col-md-12:first-child,
.footer {
	border-top: 0
}

#content_pricing .col-md-12.not-select-package {
	opacity: .3
}

.storage_app {
	font-size: 1em;
	line-height: 50px;
	color: #343434
}

.t_storage {
	height: 50px
}

.t_storage .contain_icon_select_package,
.t_storage .storage_app {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 50px;
	line-height: normal;
	margin: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.box_left .t_storage .storage_app {
	align-items: flex-start;
	-webkit-box-align: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start
}

.t_storage .storage_app small {
	font-size: .7em
}

.month-select {
	height: 40px;
	line-height: 40px
}

.contain_icon_select_package {
	text-align: center;
	font-size: 1.25em;
	line-height: 30px
}

.contain_icon_select_package .flaticon-ok2 {
	color: #4cae4c
}

.contain_icon_select_package .flaticon-cross41 {
	color: #d9534f
}

#content_pricing {
	border: 1px solid #e5e5e5;
	border-top: 0
}

.for_desktop {
	display: block
}

.head_app>h1 .highlight-txt,
.header_select_package {
	display: none
}

.contain_options p {
	font-size: 1.25em;
	display: inline-block;
	white-space: nowrap;
	margin-bottom: 0;
	width: 35%;
	text-transform: uppercase;
	float: left;
	line-height: 30px
}

.contain_options .for_mobile {
	display: none
}

.contain_options .range-slider {
	margin-top: 0;
	display: inline-block;
	position: relative;
	width: 65%;
	vertical-align: middle;
	float: left
}

.range-slider {
	margin: 60px 0 0;
	width: 100%
}

.contain_options .range-slider__range {
	-webkit-appearance: none;
	width: calc(100% - (73px));
	height: 10px;
	border-radius: 5px;
	background: #d7dcdf;
	outline: 0;
	padding: 0;
	margin: 0;
	display: inline-block
}

.range-slider__range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #2c3e50;
	cursor: pointer;
	-webkit-transition: background .15s ease-in-out;
	transition: background .15s ease-in-out
}

.range-slider__range::-webkit-slider-thumb:hover {
	background: #16ab6f
}

.range-slider__range:active::-webkit-slider-thumb {
	background: #16ab6f
}

.range-slider__range::-moz-range-thumb {
	width: 20px;
	height: 20px;
	border: 0;
	border-radius: 50%;
	background: #2c3e50;
	cursor: pointer;
	-webkit-transition: background .15s ease-in-out;
	transition: background .15s ease-in-out
}

.range-slider__range::-moz-range-thumb:hover {
	background: #16ab6f
}

.range-slider__range:active::-moz-range-thumb {
	background: #16ab6f
}

.range-slider__value {
	display: inline-block;
	position: relative;
	width: 60px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	border-radius: 3px;
	background: #2c3e50;
	padding: 5px 10px;
	margin-left: 8px;
	font-size: 1.25em
}

.range-slider__value:after {
	position: absolute;
	top: 8px;
	left: -7px;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-right: 7px solid #2c3e50;
	border-bottom: 7px solid transparent;
	content: ''
}

.program-box,
.quotation-block,
.storage-block {
	border-bottom: 1px solid #EEE;
	padding-bottom: 10px
}

.quotation-block {
	margin-bottom: 10px
}

.quotation-block>div {
	margin-bottom: 5px
}

.quotation-block .small,
.quotation-block small {
	font-size: .7em
}

.quotation-block>h2 {
	margin: 0 0 10px;
	font-size: 2em
}

.quotation-block>div.program-box {
	margin-bottom: 10px;
	font-size: 1.5em
}

.month-box {
	display: table;
	width: 100%
}

.month-box>div {
	display: table-cell;
	vertical-align: top
}

.month-box>div:last-child {
	text-align: right
}

.storage-box {
	display: table;
	width: 100%;
	font-size: .7em
}

.storage-box>div {
	display: table-cell;
	width: 50%;
	vertical-align: top
}

.storage-box>div:last-child {
	text-align: right
}

.block-box {
	display: block;
	width: 100%;
	text-align: right;
	color: #7795f8;
	margin-bottom: 10px
}

.price-box {
	display: table;
	width: 100%;
	font-size: 1.5em
}

.price-box>div {
	display: table-cell;
	width: 30%;
	vertical-align: top
}

.price-box>div:last-child {
	width: 70%;
	text-align: right
}

.discount-box {
	display: table;
	width: 100%;
	font-size: 1.5em
}

.discount-box>div {
	display: table-cell;
	width: 30%;
	vertical-align: top
}

.discount-box>div:last-child {
	width: 70%;
	text-align: right
}

.your-pay-box {
	display: table;
	width: 100%
}

.your-pay-box>div {
	display: table-cell;
	width: 30%;
	vertical-align: top
}

.your-pay-box>div:last-child {
	width: 70%;
	text-align: right
}

.your-pay-box>div>h2 {
	margin: 0;
	font-size: 2em;
	padding-left: 0;
	padding-right: 0
}

.your-pay-box+.block-box {
	margin-top: -10px
}

.sum-vat-box {
	display: table;
	width: 100%
}

.sum-vat-box>div {
	display: table-cell;
	width: 30%;
	vertical-align: top
}

.sum-vat-box>div:last-child {
	width: 70%;
	text-align: right
}

.storage-block {
	display: table;
	width: 100%;
	margin-bottom: 10px
}

.storage-block h2 {
	margin: 0;
	font-size: 2em
}

.storage-block>div {
	display: table-cell;
	width: 30%;
	vertical-align: top
}

.storage-block>div:last-child {
	width: 70%;
	text-align: right
}

.container-package-form {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 30px;
	max-height: calc(100vh - 320px);
	max-height: -webkit-calc(100vh - 320px);
	max-height: -moz-calc(100vh - 320px)
}

.container-package-form .form-input {
	-webkit-order: 2;
	-moz-order: 2;
	-ms-order: 2;
	order: 2;
	flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	max-width: none
}

.container-package-form .quotation-dialog-box {
	border-radius: 0;
	margin-top: 0;
	flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	background: 0 0;
	padding: 0 20px;
	border-right: 1px solid #EEE
}

.container-package-form h4 {
	font-size: 3em;
	font-weight: 800;
	color: #fff;
	margin-top: 0;
	line-height: normal
}

.container-package-form .program-box {
	font-size: 1.25em;
	line-height: normal
}

.container-package-form .your-pay-box+.block-box {
	margin-top: -5px
}

.discount-box>div:nth-child(1),
.month-box>div:nth-child(1),
.price-box>div:nth-child(1),
.storage-box>div:nth-child(1),
.your-pay-box>div:nth-child(1) {
	text-align: left
}

@media screen and (max-width:639px) {
	.container-package-form {
		flex-direction: column;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column
	}
	.container-package-form .form-input {
		width: 100%;
		margin-bottom: 0
	}
	.container-package-form .quotation-dialog-box {
		border-right: 0;
		width: 100%
	}
}

@media (max-width:1199px) and (min-width:992px) {
	.block-package-table-box {
		padding: 15px
	}
	.header-package-table-box h1 {
		line-height: 80px
	}
	.header-package-table-box>div>.col-md-2 {
		height: 100px
	}
	.header-package-table-box>div>.col-md-2>div h2 {
		font-size: 1em;
		line-height: 1.2
	}
	.header-package-table-box>div>.col-md-2>div small {
		font-size: .5em
	}
	.select_plan:before {
		top: 100px
	}
	.head_app {
		height: 141px
	}
	.content_app {
		height: 65px
	}
	.contain_options p {
		width: 100%;
		line-height: normal
	}
	.contain_options .range-slider {
		width: 100%
	}
	.contain_icon_select_package {
		line-height: 45px
	}
}

@media screen and (max-width:991px) {
	.contain_options p,
	.package-page-block>.container>.row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal
	}
	.header-package-table-box>.row,
	.header-package-table-box>.row>div:first-child {
		display: block;
		width: 100%
	}
	.header-package-table-box>.row>div:nth-child(2),
	.header-package-table-box>.row>div:nth-child(3),
	.header-package-table-box>.row>div:nth-child(4) {
		display: inline-block;
		width: 33.33%;
		float: left
	}
	.package-page-block>.container>.row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		line-height: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.package-page-block>.container>.row>aside {
		order: 2;
		width: 100%
	}
	.package-page-block>.container>.row>div {
		width: 100%
	}
	.select_plan:before {
		display: none
	}
	.block-package-table-box {
		padding: 0;
		background: 0 0
	}
	.header-package-table-box h1 {
		font-size: 3em;
		margin: 0 0 45px;
		text-align: center;
		line-height: normal
	}
	.header-package-table-box>div>.col-md-2 {
		height: 60px
	}
	.header-package-table-box>div>.col-md-2>div h2 {
		line-height: normal
	}
	.header-package-table-box .radio label {
		font-size: .7em
	}
	#content_pricing {
		border: 0
	}
	.box_package_select {
		background: #FFF;
		margin-bottom: 25px;
		border: 1px solid #e5e5e5;
		border-radius: 10px 10px 0 0
	}
	.contain_options .for_mobile {
		display: inline-block
	}
	.contain_options .for_desktop {
		display: none
	}
	.box_package_select .contain_options p {
		width: 65%
	}
	.box_package_select .contain_options p+div {
		margin-top: 0;
		display: inline-block;
		position: relative;
		width: 35%;
		vertical-align: middle;
		float: left;
		line-height: 30px;
		text-align: center
	}
	.header_select_package {
		display: block;
		height: 60px;
		text-align: center;
		line-height: 60px;
		text-transform: uppercase;
		background: #2c3e50;
		color: #FFF;
		border-radius: 10px 10px 0 0;
		font-size: 1.5em;
		letter-spacing: .05em
	}
	#content_pricing .col-md-6 {
		background: #FFF;
		margin-bottom: 25px;
		border: 1px solid #e5e5e5
	}
	.mobile_select_hide,
	.mobile_select_show .not-select-package {
		display: none
	}
	.box_left .head_app {
		height: 141px
	}
	.mobile_select_show .head_app {
		height: 53px
	}
	.head_app>.contain_icon_select_package,
	.head_app>h1 {
		margin: 0;
		font-size: 2em;
		display: inline-block;
		min-height: auto;
		text-align: center;
		width: 100%;
		line-height: normal;
		vertical-align: middle
	}
	.contain_options p {
		word-break: break-all;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: flex-start;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		min-height: 30px;
		line-height: normal;
		margin: 0;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		white-space: normal
	}
	.contain_options p+.range-slider {
		padding-left: 10px
	}
}

.banner-image-background-training {
	height: 580px
}

.banner-image-training {
	top: 0;
	height: 580px
}

.block-text-training {
	text-align: center;
	z-index: 4
}

.banner-image-training .dark-translucent-bg:after {
	background-color: rgba(0, 0, 0, .35)
}

.container-slideshow .owl-carousel .owl-item>div {
	display: block;
	position: relative;
	margin: 0
}

.container-slideshow .owl-controls {
	margin-bottom: 0
}

.slideshow-body {
	width: 35%;
	position: absolute;
	right: 10%;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	color: #FFF
}

.training-block:before,
.training-detail-block:before {
	-webkit-transform: skewY(-12deg);
	content: ""
}

.slideshow-body h2 {
	font-size: 3.5em;
	color: #FFF
}

.slideshow-body p {
	font-size: 1.25em;
	color: #FFF
}

.training-block {
	padding-bottom: 50px;
	background: 0 0;
	line-height: normal;
	position: relative
}

.training-block:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: skewY(-12deg);
	background: #FFF
}

.training-block .pattern-banner {
	opacity: .15;
	opacity: 0
}

.training-block .container-training:nth-child(2) .pattern-banner {
	background: -moz-linear-gradient(150deg, #fff 15%, #48b9c2 70%, #48b9c2 94%);
	background: -webkit-linear-gradient(150deg, #fff 15%, #48b9c2 70%, #48b9c2 94%);
	background: linear-gradient(150deg, #fff 15%, #7795f8 70%, #7795f8 94%)
}

.training-block .container-training:nth-child(2) .pattern-banner :nth-child(1) {
	background: #7795f8
}

.training-block .container-training:nth-child(2) .pattern-banner :nth-child(2) {
	background: #87a1f7
}

.training-block .container-training:nth-child(2) .pattern-banner :nth-child(3) {
	background: #94abf5
}

.training-block .container-training:nth-child(2) .pattern-banner :nth-child(4) {
	background: #87a1f7
}

.training-block .container-training:nth-child(2) .pattern-banner :nth-child(5) {
	background: #94abf5
}

.title-training-page-box {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 3.5em;
	line-height: normal;
	text-align: center
}

.image-training-box img {
	margin: auto
}

.image-training-box h2 {
	font-size: 2em;
	margin: 0 0 15px;
	text-align: center
}

.content-training-box {
	margin-top: 25px
}

.image-training-box {
	position: ralative;
	z-index: 1
}

.list-training-box {
	position: relative;
	padding: 0 25px 25px 50px
}

.list-training-box>i {
	width: 75px;
	height: 75px;
	position: absolute;
	left: -37.5px;
	top: -37.5px;
	text-align: center;
	line-height: 68px;
	display: block;
	border-radius: 50%;
	border: 2px solid rgba(119, 149, 248, .25);
	font-size: 2.5em;
	color: #48b9c2;
	background: #FFF
}

.list-training-box>h1,
h1.title-training-block {
	font-size: 3.25em;
	margin: 0 0 30px;
	text-align: center;
	color: #7795f8
}

.list-training-box>p {
	margin-bottom: 15px
}

.list-training-box>ul {
	margin-bottom: 15px;
	padding-left: 50px
}

.list-training-box>ul>li {
	position: relative
}

.list-training-box>ul>li:before {
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	left: -30px;
	width: 10px;
	height: 10px;
	background: #7795f8;
	border-radius: 50%
}

.training-detail-block {
	margin-top: -240px;
	padding-bottom: 80px;
	padding-top: 240px;
	position: relative
}

.training-detail-block:before {
	background: linear-gradient(150deg, #3E474F 15%, #576e88 70%, #576e88 94%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-moz-transform: skewY(-12deg);
	transform: skewY(-12deg);
	height: 100%
}

.content-training {
	text-align: center;
	z-index: 1;
	opacity: 1;
	position: relative
}

.title-training {
	font-size: 5em;
	color: #FFF;
	margin: 0
}

.sub-title-training {
	font-size: 2.5em;
	color: #FFF;
	margin: 0
}

.desc-training {
	color: #FFF;
	font-size: 1.5em;
	margin: 20px 0
}

.content-training ul {
	display: block;
	margin: 20px auto auto;
	text-align: center
}

.content-training ul li {
	display: inline-block
}

.content-training ul li:last-child {
	margin-left: 50px
}

.box-price-training {
	display: block;
	width: 100%
}

.box-price-training p {
	display: inline-block;
	margin-bottom: 0
}

.box-price-training p:last-child {
	margin-left: 10px
}

.box-price-training p.price-discount-training {
	font-size: 1.5em;
	color: #7795f8;
	font-weight: 700
}

.list-training-detail-box {
	margin-bottom: 100px
}

.list-training-detail-box:last-child {
	margin-bottom: 0
}

.list-training-detail-box>h2 {
	font-size: 4em;
	margin: 0 0 50px;
	color: #7795f8;
	text-align: center
}

.block-title-training {
	margin-top: 25px;
	text-align: center
}

.block-title-training img {
	margin: auto
}

.block-title-training h2 {
	font-size: 2em;
	margin: 25px 0;
	line-height: 1;
	color: #343434
}

.block-title-training p {
	font-size: 1.5em;
	margin: 0
}

.block-get-training {
	margin-top: 25px;
	text-align: center
}

.block-get-training i {
	width: 100px;
	height: 100px;
	display: block;
	text-align: center;
	line-height: 100px;
	border-radius: 50%;
	background: #16ab6f;
	color: #FFF;
	margin: auto;
	font-size: 3.5em
}

.block-image-lecturer {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	text-align: center;
	vertical-align: middle;
	height: 300px;
	width: 300px;
	margin: auto
}

.block-image-lecturer img {
	max-height: 300px;
	max-width: 300px;
	border-radius: 50%;
	width: auto;
	height: auto;
	margin: auto
}

.block-title-lecturer h2 {
	font-size: 2em;
	line-height: 1;
	margin: 25px 0 0;
	color: #7795f8;
	text-align: center
}

.block-title-lecturer h3 {
	text-align: center;
	font-size: 1.75em;
	margin: 0
}

.block-title-lecturer h4 {
	text-align: center;
	font-size: 1.5em;
	margin: 0;
	font-weight: 400;
	color: #666
}

.block-title-lecturer .common-button {
	margin: 30px auto auto
}

.list-training-seating-box hr {
	border-color: #eee;
	width: 50%
}

.block-title-seating {
	display: table;
	width: 100%;
	margin: 50px auto
}

.block-icon-seating {
	width: 80px;
	display: table-cell;
	vertical-align: middle
}

.block-icon-seating i {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: block;
	text-align: center;
	line-height: 80px;
	font-size: 2.5em;
	background: #4f6276;
	color: #FFF
}

.block-text-seating {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.content-agenda-box,
.icon-agenda-box,
.time-agenda-box {
	vertical-align: top;
	float: left
}

.block-text-seating h5 {
	font-size: 2em;
	margin: 0;
	font-weight: 400;
	color: #666;
	display: inline-block
}

.block-text-seating h1 {
	font-size: 3em;
	margin: 0 0 0 10px;
	font-weight: 400;
	color: #ff9500;
	display: inline-block
}

.block-title-datetime {
	text-align: center
}

.block-title-datetime h2 {
	font-size: 3em;
	margin: 0 0 10px;
	line-height: 1;
	color: #343434
}

.block-title-datetime h5 {
	font-size: 2.5em;
	margin: 0;
	font-weight: 400;
	color: #666
}

.block-title-map {
	text-align: center
}

.block-title-map h2 {
	font-size: 2em;
	margin: 0 0 10px;
	line-height: 1;
	color: #343434
}

.block-title-map iframe {
	border: 2px solid #7795f8;
	margin-top: 25px
}

.container-agenda-box {
	padding-bottom: 0;
	position: relative;
	margin: 0 auto;
	clear: both;
	display: table;
	width: 75%
}

.container-agenda-box:before {
	content: "";
	left: 163px;
	position: absolute;
	bottom: 0;
	top: 400px;
	width: 5px;
	background: #EEE;
	border-radius: 3px;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

.container-agenda-box>.list-agenda-box {
	margin: 0 0 50px;
	padding: 0;
	position: relative;
	display: inline-block;
	float: left;
	width: 100%;
	clear: both;
	z-index: 1
}

.time-agenda-box {
	display: inline-block;
	width: 120px;
	text-align: center
}

.time-agenda-box h1 {
	margin: 0;
	font-weight: 400;
	line-height: 1;
	font-size: 1.5em;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	background-color: #f3f3f3;
	padding: 10px
}

.form-upload-training-block,
.training-upload-detail-block {
	padding-bottom: 50px;
	padding-top: 50px;
	position: relative
}

.icon-agenda-box {
	width: 40px;
	height: 40px;
	display: inline-block;
	margin-left: 25px;
	margin-right: 25px
}

.icon-agenda-box i {
	width: 40px;
	height: 40px;
	display: block;
	line-height: 40px;
	font-size: 1em;
	text-align: center;
	background: #4f6276;
	border-radius: 50%;
	color: #FFF
}

.content-agenda-box {
	display: inline-block;
	border-bottom: 1px solid #eee;
	width: calc(100% - 210px);
	width: -webkit-calc(100% - 210px);
	width: -moz-calc(100% - 210px)
}

.content-agenda-box h1 {
	margin: 0 0 15px;
	font-size: 2.5em;
	font-weight: 400;
	line-height: 1
}

.content-agenda-box h5 {
	margin: 0 0 30px;
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1
}

.content-agenda-box>p {
	font-size: 1.5em;
	margin: 0 0 15px
}

.form-training-block {
	position: relative;
	padding-bottom: 50px
}

.title-training-box h2 {
	font-size: 4em;
	margin: 0 0 50px;
	color: #7795f8;
	text-align: center
}

.form-training-box {
	width: 650px;
	margin: auto;
	padding: 50px;
	border-radius: 20px;
	background: #FFF;
	z-index: 2;
	position: relative
}

.form-detail-upload-training h1 {
	font-size: 3em;
	margin: 0 0 50px;
	text-align: center;
	font-weight: 400
}

.form-detail-upload-training-block {
	text-align: left;
	margin: auto
}

.form-list-detail-upload-training {
	margin-bottom: 25px
}

.form-list-detail-title {
	margin-bottom: 10px
}

.form-list-detail-title h2 {
	font-size: 2em;
	margin: 0
}

.form-list-detail-detail p {
	margin: 0
}

.form-training-box .common-button {
	max-width: none;
	width: 100%;
	border-bottom: 3px solid rgba(0, 0, 0, .1);
	margin-left: auto;
	margin-right: auto
}

.form-training-box .common-button.loading {
	border-bottom: 0 solid rgba(0, 0, 0, .1);
	margin-right: auto
}

.block-title-agenda {
	margin-bottom: 50px
}

.block-title-agenda h2 {
	color: #7795f8;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 15px;
	font-size: 2.5em;
	font-weight: 400;
	line-height: 1
}

.training-upload-detail-block {
	text-align: center;
	background: #f1f1f1
}

.detail-upload-training h1 {
	font-size: 3em;
	margin: 0 0 50px;
	text-align: center;
	font-weight: 400
}

.detail-upload-training-block {
	text-align: left;
	width: 650px;
	margin: auto
}

.list-detail-upload-training {
	margin-bottom: 25px
}

.list-detail-title {
	margin-bottom: 10px
}

.list-detail-title h2 {
	font-size: 2em;
	margin: 0
}

.list-detail-detail p {
	margin: 0
}

.list-detail-detail iframe {
	border: 2px solid #7795f8;
	margin-top: 10px
}

.list-detail-detail h2 {
	font-size: 1.5em;
	margin: 0
}

.list-detail-detail>ul {
	padding-left: 50px
}

.list-detail-detail>ul>li {
	position: relative
}

.list-detail-detail>ul>li:before {
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	left: -30px;
	width: 10px;
	height: 10px;
	background: #7795f8;
	border-radius: 50%
}

.list-detail-upload-training-contact .list-detail-detail>ul>li {
	margin-bottom: 5px
}

.list-detail-upload-training-contact .list-detail-detail>ul>li:before {
	display: none
}

.list-detail-upload-training-contact .list-detail-detail>ul>li>a {
	color: #343434
}

.list-detail-upload-training-contact .list-detail-detail>ul>li>a>i {
	display: block;
	position: absolute;
	top: 0;
	left: -30px;
	width: 30px;
	height: 30px;
	font-size: 1em;
	text-align: left
}

label.file {
	position: relative;
	display: block;
	width: 100%;
	font-size: 80%;
	text-align: center;
	text-transform: uppercase;
	border: 2px dashed #ccc;
	margin-bottom: 30px;
	padding: 25px;
	cursor: pointer
}

label.file:hover {
	background-color: #f1f1f1
}

label.file.focus,
label.file:active {
	border-color: #6772e5
}

input[type=file] {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	outline: 0;
	border: 0;
	cursor: pointer
}

.detail-upload-image {
	display: none
}

.has-file .detail-upload-image {
	display: block
}

.img-file-detail {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	text-align: center;
	vertical-align: middle;
	height: 200px;
	width: 200px;
	margin: 10px auto
}

.img-file-detail img {
	max-height: 200px;
	max-width: 200px;
	width: auto;
	height: auto;
	margin: auto
}

.txt-file-detail {
	border-top: 1px solid #ccc;
	padding: 10px;
	text-align: center;
	font-size: .5em;
	font-weight: 400
}

.training-item {
	margin-bottom: 50px
}

.image-training-item {
	height: 257px;
	background: #FFF;
	position: relative;
	z-index: 2
}

.block-training-list {
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative
}

.block-training-list:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 25%;
	left: 0;
	-webkit-transform: skewY(-12deg);
	transform: skewY(-12deg);
	background: #f6f9fc;
	background-image: linear-gradient(to bottom right, #209cff, #68e0cf, #fddb92)
}

.box-training-item {
	box-shadow: 0 2px 2px rgba(0, 0, 0, .15);
	border-radius: 20px;
	background: #FFF;
	font-family: Mitr, sans-serif;
	-webkit-transition: .125s;
	-moz-transition: .125s;
	transition: .125s;
	position: relative
}

.btn-book-training,
.btn-register-training {
	transition: transform .125s, border .125s;
	outline: 0
}

.box-training-item:hover {
	box-shadow: 0 2px 2px rgba(0, 0, 0, .25)
}

.image-training-item>img {
	border-radius: 20px 20px 0 0
}

.avatar-training-item {
	height: 100px;
	width: 100px;
	border-radius: 3px;
	border: 2px solid #FFF;
	right: 0;
	bottom: 0;
	float: right;
	z-index: 2;
	position: relative;
	margin: -50px 20px 20px
}

.detail-training-item {
	padding: 20px
}

.text-training-item {
	font-size: 2.5em;
	line-height: normal;
	margin-bottom: 30px
}

.title-training-item {
	margin-bottom: 10px
}

.title-training-item h1 {
	margin: 0;
	font-size: .75em;
	line-height: 1;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 60px
}

.location-training-item,
.time-training-item {
	font-size: .5em
}

.location-training-item>i,
.time-training-item>i {
	color: #7795f8;
	width: 25px;
	text-align: center
}

.label-countdown-training-item {
	font-size: 1.6em;
	color: #343434;
	margin-top: -15px;
	padding: 0 10px;
	background: #f4f4f4;
	display: inline-block;
	position: absolute;
	border-radius: 3px;
	line-height: normal
}

.box-countdown-training-item {
	padding: 25px 0;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	border-bottom: 2px dashed #ececec;
	border-top: 2px dashed #ececec;
	font-size: 1.5em;
	justify-content: flex-end;
	margin-bottom: 10px
}

.box-countdown-training-item>li {
	padding: 0;
	display: inline-block;
	width: 25%;
	text-align: center
}

.number-countdown-training-item {
	font-size: 1em;
	line-height: normal
}

.text-countdown-training-item {
	font-size: .85em;
	line-height: normal
}

.desc-training-item {
	font-size: .6em;
	margin-top: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	overflow: hidden;
	height: 87px
}

.btn-book-training,
.discount-training-item {
	height: 80px;
	line-height: 80px;
	overflow: hidden
}

.btn-book-training {
	background-color: #ff9500;
	border-color: #ff9500;
	color: #fff!important;
	padding: 0;
	border-radius: 3px;
	font-size: 3em;
	font-weight: 700;
	letter-spacing: .025em;
	margin: 0;
	width: 100%;
	position: relative;
	-webkit-transition: transform .125s, border .125s;
	-moz-transition: transform .125s, border .125s;
	min-width: auto;
	font-family: Mitr, sans-serif;
	border-bottom: 3px solid rgba(0, 0, 0, .1)
}

.btn-book-training:hover {
	color: #FFF;
	-moz-transform: translateY(-1px);
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px)
}

.btn-book-training:active {
	transform: scale(.9, .9);
	-webkit-transform: scale(.9, .9);
	-moz-transform: scale(.9, .9)
}

.discount-training-item {
	position: absolute;
	width: 80px;
	right: 15px;
	top: -10px;
	bottom: 0;
	border-radius: 0 3px 10px 10px;
	border-bottom: 2px solid rgba(0, 0, 0, .15);
	background: #ff9500;
	font-size: 2.25em;
	color: #FFF;
	text-align: center;
	display: block;
	z-index: 3
}

.discount-training-item-arrow {
	content: "";
	display: block;
	position: absolute;
	right: 87px;
	top: -7px;
	width: 15px;
	height: 15px;
	background: #343434;
	transform: rotate(45deg);
	z-index: 1
}

.container-countdown-training-item {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	position: relative
}

.container-countdown-training-item>div:nth-child(1) {
	width: 60%
}

.container-countdown-training-item>div:nth-child(2) {
	width: 40%
}

.container-countdown-training-item>div:nth-child(2) .label-countdown-training-item {
	right: 0;
	left: auto
}

.container-countdown-training-item>div:nth-child(2) .box-countdown-training-item>li {
	width: 100%;
	padding-left: 50%
}

.label-price-training-item {
	font-size: 1.6em;
	color: #343434;
	padding: 0 10px;
	background: #f4f4f4;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
	border-radius: 3px;
	line-height: normal
}

.price-training-item {
	position: relative;
	margin-bottom: 10px
}

.block-price-training-item {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: flex-end
}

.new-price-training-item {
	font-size: 2.5em;
	color: #7795f8;
	font-weight: 700
}

.old-price-training-item {
	font-size: 1.5em;
	font-weight: 400;
	margin-right: 10px;
	line-height: normal;
	padding-top: 7px
}

.box-countdown-training-item-full {
	padding: 31px 0 27px
}

.box-countdown-training-item-full>li {
	display: block;
	width: 100%
}

.box-countdown-training-item-full .number-countdown-training-item {
	color: #16ab6f;
	font-size: 1.5em
}

.msg-status-training-item {
	background: #16ab6f;
	padding: 3px 10px;
	color: #FFF;
	border-radius: 3px;
	text-align: center;
	min-height: 80px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.msg-status-training-item h2 {
	margin: 0;
	font-size: 2em;
	color: #FFF
}

.msg-status-training-item p {
	font-size: 1.5em;
	margin-bottom: 0
}

.block-header-list,
.form-training-box .radio label {
	font-size: 1.25em;
	line-height: 1.2;
	vertical-align: middle;
	font-family: Mitr, sans-serif
}

.form-training-box .radio input[type=radio] {
	display: none
}

.form-training-box .radio {
	margin: 0;
	display: block;
	width: 100%
}

.form-training-box .radio label {
	display: block;
	padding: 0;
	cursor: pointer;
	color: #343434;
	border: 1px solid #f1f1f1
}

.form-training-box .radio label:hover {
	background-color: #f1f1f1
}

.form-training-box .radio label:before {
	display: inline-block;
	background: #FFF;
	height: 20px;
	width: 20px;
	margin-right: 5px;
	border-radius: 80%;
	box-sizing: border-box;
	border: 2px solid #ddd;
	transition: border .3s ease;
	vertical-align: middle;
	margin-top: -2px
}

.form-training-box .radio input:checked+label:before {
	border-color: #3bbfad;
	background: #55D8C6
}

.form-training-box .radio input+label {
	transition: color .7s ease
}

.block-bank-list {
	vertical-align: middle;
	display: table;
	width: 100%
}

.block-bank-list>div {
	vertical-align: middle;
	display: table-cell;
	text-align: center
}

.block-bank-list>div:nth-child(1) {
	border: 1px solid #ddd;
	transition: border .3s ease;
	width: 60px;
	height: 60px
}

.social-button,
.social-button:before {
	-webkit-transition: all .35s cubic-bezier(.31, -.105, .43, 1.59)
}

.banner-image-background-training-detail,
.banner-image-training-detail,
.header-training-detail .intro-banner {
	height: 940px
}

.block-bank-list>div:nth-child(2),
.block-bank-list>div:nth-child(3) {
	width: 25%
}

.form-training-box .radio input:checked+label .bank-logo {
	border-color: #3bbfad
}

.form-training-box .radio input:checked+label {
	background-color: #f1f1f1
}

.block-header-list {
	display: table;
	width: 100%;
	background: #4f6276;
	color: #FFF;
	border-radius: 3px 3px 0 0
}

.block-header-list>div {
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	padding: 5px;
	letter-spacing: .025em
}

.block-header-list>div:nth-child(1) {
	width: 60px
}

.block-header-list>div:nth-child(2),
.block-header-list>div:nth-child(3) {
	width: 25%
}

.block-text-training-detail .svg-wrapper-block svg {
	width: 200px
}

.block-text-training-detail .title-brand-training {
	font-size: 1.5em;
	max-width: 100%;
	margin-bottom: 50px
}

.block-text-training-detail .logo b,
.detail-title-training,
.detail-title-training h1 {
	font-size: 2em
}

.block-text-training-detail .logo h1 {
	margin-left: 50px;
	color: #FFF;
	letter-spacing: .025em;
	display: inline-block;
	font-size: 2em;
	text-shadow: 0 1px 1px #000;
	border-bottom: 2px solid #ff9500
}

.detail-title-training h1,
.detail-title-training h3,
.detail-title-training h5 {
	margin: 0 0 15px;
	color: #FFF;
	text-shadow: 0 1px 1px #000
}

.detail-title-training {
	font-family: Mitr, sans-serif;
	color: #FFF;
	text-align: center
}

.detail-title-training h5 {
	font-size: 1.25em;
	font-weight: 400
}

.detail-title-training h3 {
	font-size: 1.75em;
	font-weight: 700
}

.block-title-detail-course {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5;
	background: rgba(0, 0, 0, .75);
	pointer-events: all
}

.list-title-detail {
	display: table;
	width: 100%;
	margin: 25px auto
}

.icon-list-title-detail {
	width: 50px;
	display: table-cell;
	vertical-align: top
}

.icon-list-title-detail i {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: block;
	text-align: center;
	line-height: 50px;
	font-size: 1.5em;
	background: rgba(255, 255, 255, .15);
	color: #FFF
}

.text-list-title-detail {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding-left: 15px
}

.text-list-title-detail h5 {
	font-size: 1.75em;
	margin: 0;
	font-weight: 400;
	color: #FFF;
	display: block
}

.text-list-title-detail h1 {
	font-size: 1.5em;
	margin: 0;
	font-weight: 400;
	color: #ff9500;
	display: block
}

.block-preface-training-box {
	font-weight: 400;
	line-height: normal;
	font-size: 1.5em;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	background-color: #f3f3f3;
	padding: 25px;
	margin: 50px auto 100px;
	font-family: Mitr, sans-serif;
	max-width: 75%
}

.block-preface-training-box h3 {
	text-align: center;
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 1.5em
}

.block-preface-training-box h1 {
	text-align: center;
	margin-top: 0;
	margin-bottom: 25px;
	color: #7795f8;
	font-size: 2em;
	font-weight: 400
}

.block-preface-training-box p {
	font-size: 1.125em
}

.title-product-promotion-box .container-countdown-training-item {
	font-family: Mitr, sans-serif;
	margin: 50px auto
}

.title-product-promotion-box .label-countdown-training-item {
	left: 0
}

.title-product-promotion-box .number-countdown-training-item {
	font-size: 2.5em;
	min-height: 60px
}

.title-product-promotion-box .text-countdown-training-item {
	font-size: 1em
}

.title-product-promotion-box-detail h3 {
	margin-top: 50px
}

.title-product-promotion-box-detail .box-countdown-training-item-full {
	padding: 39px 0 35px
}

.status-training-item {
	font-family: Mitr, sans-serif
}

.container-training-background-lecturer-detail {
	margin: 50px auto
}

.list-training-lecturer-detail-box {
	position: relative
}

.list-training-lecturer-detail-box .title-page-block {
	position: relative;
	z-index: 2
}

.box-bg-lecturer-detail {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.content-work-box {
	z-index: 2;
	position: relative
}

.list-training-lecturer-detail-box .list-work-box {
	position: relative;
	padding: 50px 50px 50px 95px;
	border-bottom: 0;
	font-size: 1.25em;
	max-width: 75%;
	margin: auto
}

.trainer_image {
	border-radius: 50%
}

.banner-image-background-training-lecturer-detail {
	height: 100%!important
}

.list-training-lecturer-detail-box .list-work-box * {
	color: #FFF
}

.list-training-lecturer-detail-box .list-work-box .highlight-txt {
	color: #7795f8
}

.box_name_trainer>h2 {
	font-size: 2em;
	margin: 0 0 15px
}

.box_name_trainer>h3 {
	font-size: 1.5em;
	margin: 0 0 15px
}

.container-countdown-training {
	max-width: 650px;
	margin: auto
}

.training-testimonial-block {
	margin-top: -125px;
	padding-bottom: 0;
	padding-top: 0;
	position: relative
}

.box-bg-testimonial-detail {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.banner-image-background-training-testimonial {
	height: 100%
}

.container-testimonial {
	z-index: 1;
	position: relative
}

.container-testimonial * {
	color: #FFF
}

.container-testimonial .highlight-txt {
	color: #7795f8
}

.training-testimonial-block .carousel-page-block {
	padding-top: 125px;
	padding-bottom: 50px;
	background: #f1f1f1;
	position: relative;
	z-index: 1
}

.promotion-training .title-training {
	color: #343434;
	text-align: center;
	font-size: 3em
}

.promotion-training .container-countdown-training-item {
	font-family: Mitr, sans-serif;
	margin: 50px auto
}

.promotion-training .label-countdown-training-item {
	left: 0
}

.promotion-training .number-countdown-training-item {
	font-size: 2em;
	min-height: 60px
}

.promotion-training .text-countdown-training-item {
	font-size: 1em
}

.form-training-block:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 25%;
	left: 0;
	-webkit-transform: skewY(-12deg);
	transform: skewY(-12deg);
	background: #f6f9fc;
	background-image: linear-gradient(to bottom right, #209cff, #68e0cf, #fddb92)
}

.title-brand-training {
	font-size: 2.5em;
	max-width: 100%
}

.intro-banner .block-text-training ul {
	justify-content: center
}

.banner-image div img.banner-image-training {
	margin-right: 25px
}

@media only screen and (max-width:1700px) {
	.banner-image div img.banner-image-training {
		margin-right: 25px;
		height: 600px;
		margin-top: 50px
	}
}

@media only screen and (max-width:1470px) {
	.banner-image div img.banner-image-training {
		margin-right: 25px;
		height: 600px;
		margin-top: 50px
	}
}

@media only screen and (max-width:1460px) {
	.banner-image div img.banner-image-training {
		margin-right: -150px
	}
}

@media only screen and (max-width:1199px) {
	.banner-image div img.banner-image-training {
		margin-right: -200px
	}
	.image-training-item {
		height: 312px
	}
}

@media only screen and (max-width:991px) {
	.banner-image-background-training,
	.banner-image-training {
		height: 640px
	}
	.block-text-training .svg-wrapper-block svg {
		width: 350px
	}
	.training-block {
		padding-bottom: 0
	}
	.title-training-page-box {
		margin-bottom: 50px
	}
	.content-training-box {
		margin-top: 50px
	}
	.banner-image div img.banner-image-training {
		margin-right: -70px;
		margin-top: 180px;
		height: 350px
	}
	.banner-image-background-training-detail,
	.banner-image-training-detail,
	.header-training-detail .intro-banner {
		height: 840px
	}
	.training-item {
		max-width: 555px;
		margin-left: auto;
		margin-right: auto
	}
	.detail-title-training {
		font-size: 1.75em
	}
	.block-text-training-detail .svg-wrapper-block svg {
		width: 200px
	}
	.block-text-training-detail .title-brand-training {
		font-size: 1.5em;
		margin-bottom: 25px;
		padding-left: 0
	}
	.banner-image-background-training-lecturer-detail,
	.banner-image-background-training-testimonial {
		height: 100%
	}
	.block-title-detail-course .row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap
	}
	.block-title-detail-course .row>div:nth-child(1),
	.block-title-detail-course .row>div:nth-child(3),
	.block-title-detail-course .row>div:nth-child(4) {
		flex: 3;
		-webkit-flex: 3;
		-moz-flex: 3;
		-ms-flex: 3
	}
	.block-title-detail-course .row>div:nth-child(2) {
		flex: 0 0 100%;
		-webkit-flex: 0 0 100%;
		-moz-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		order: 4
	}
	.list-training-lecturer-detail-box .list-work-box {
		padding: 50px 0
	}
}

@media only screen and (max-width:767px) {
	.box-price-training p:last-child,
	.content-training ul li:last-child {
		margin-left: 0
	}
	.block-text-training {
		background: 0 0;
		padding: 0;
		border-radius: 0
	}
	.training-block .pattern-banner {
		width: 150%;
		left: -25%
	}
	.title-training-page-box {
		font-size: 2.5em
	}
	.block-text-training .svg-wrapper-block svg {
		width: 290px
	}
	.list-training-box>h1 {
		font-size: 2.25em
	}
	.title-training {
		font-size: 2.5em
	}
	.sub-title-training {
		font-size: 1.5em
	}
	.desc-training {
		font-size: 1em
	}
	.title-brand-training {
		font-size: 1.45em;
		max-width: none;
		padding-left: 0;
		margin-left: -8px
	}
	.intro-banner .block-text-training ul {
		justify-content: flex-start;
		text-align: left
	}
	.banner-image div img.banner-image-training {
		height: 250px;
		margin-left: auto;
		margin-right: -120px;
		opacity: .5
	}
	.image-training-item {
		height: auto
	}
	.avatar-training-item {
		height: 60px;
		width: 60px;
		margin: -70px 10px 10px
	}
	.discount-training-item {
		height: 50px;
		width: 50px;
		font-size: 1.25em;
		line-height: 50px
	}
	.discount-training-item-arrow {
		right: 57px
	}
	.title-training-item h1 {
		height: auto;
		display: block
	}
	.desc-training-item {
		height: auto
	}
	.banner-image-background-training-detail,
	.banner-image-training-detail,
	.header-training-detail .intro-banner {
		height: 1000px
	}
	.container-countdown-training-item {
		flex-direction: column
	}
	.container-countdown-training-item>div {
		position: relative
	}
	.container-countdown-training-item>div:nth-child(1) {
		width: 100%
	}
	.container-countdown-training-item>div:nth-child(2) {
		width: 100%;
		margin-top: 25px;
		margin-bottom: 15px
	}
	.label-countdown-training-item,
	.label-price-training-item {
		font-size: 1.3em;
		top: 0;
		margin-top: -12.5px
	}
	.container-countdown-training-item>div:nth-child(2) .label-countdown-training-item {
		right: auto;
		left: 0
	}
	.box-countdown-training-item {
		padding: 26px 0 22px
	}
	.box-countdown-training-item-full {
		padding: 21px 0 17px
	}
	.container-countdown-training-item>div:nth-child(2) .box-countdown-training-item>li {
		padding-left: 0
	}
	.block-price-training-item {
		flex-direction: column;
		line-height: 1;
		text-align: right;
		padding-top: 21px
	}
	.old-price-training-item {
		padding-top: 0;
		margin-right: 0
	}
	.block-text-training-detail .svg-wrapper-block {
		padding-left: 0;
		margin-left: 0
	}
	.block-text-training-detail .svg-wrapper-block svg {
		width: 200px
	}
	.block-text-training-detail .title-brand-training {
		font-size: 1em;
		margin-bottom: 25px;
		padding-left: 0;
		margin-left: 0
	}
	.block-text-training-detail .logo h1 {
		display: block;
		margin-left: 0
	}
	.detail-title-training {
		font-size: 1em
	}
	.detail-title-training h5 {
		font-size: 1.5em
	}
	.block-title-detail-course .row>div:nth-child(1),
	.block-title-detail-course .row>div:nth-child(3),
	.block-title-detail-course .row>div:nth-child(4) {
		flex: 0 0 100%;
		-webkit-flex: 0 0 100%;
		-moz-flex: 0 0 100%;
		-ms-flex: 0 0 100%
	}
	.banner-image-background-training-lecturer-detail,
	.banner-image-background-training-testimonial {
		height: 100%
	}
	.block-text-training-detail .logo b {
		font-size: 4em
	}
	.list-title-detail {
		margin: 15px auto
	}
	.title-product-promotion-box .container-countdown-training-item {
		margin: 25px auto 0
	}
	.title-product-promotion-box-detail h3 {
		margin-top: 25px
	}
	.block-preface-training-box {
		max-width: none;
		margin-top: 0;
		margin-bottom: 0
	}
	.block-image-lecturer {
		height: 100%;
		width: 100%
	}
	.block-image-lecturer img {
		max-height: 100%;
		max-width: 100%
	}
	.content-training-box {
		margin-top: 25px
	}
	.list-training-box {
		border-left: 0;
		padding: 0 0 25px
	}
	.list-training-detail-box>h2 {
		margin-bottom: 25px
	}
	.container-training-background-lecturer-detail {
		margin: 25px auto
	}
	.list-training-lecturer-detail-box .list-work-box {
		max-width: none;
		margin-left: 15px;
		margin-right: 15px;
		font-size: 1em
	}
	.list-training-detail-box {
		margin-bottom: 50px
	}
	.block-title-map iframe {
		max-width: 100%
	}
	.container-agenda-box {
		max-width: none
	}
	.container-agenda-box>.list-agenda-box {
		margin: 0 0 25px
	}
	.container-agenda-box:before {
		left: 18px
	}
	.time-agenda-box {
		display: block;
		width: 100%;
		margin-bottom: 15px
	}
	.icon-agenda-box {
		margin-left: 0;
		margin-right: 15px
	}
	.content-agenda-box {
		width: calc(100% - 55px);
		width: -webkit-calc(100% - 55px);
		width: -moz-calc(100% - 55px)
	}
	.list-training-detail-box>h2 {
		font-size: 2.5em
	}
	.form-training-block {
		padding-top: 50px
	}
	.form-training-box {
		width: 100%;
		padding: 15px
	}
	.promotion-training .container-countdown-training-item {
		margin: 25px auto 0
	}
	.title-product-promotion-box .number-countdown-training-item {
		font-size: 1.5em;
		min-height: 36px
	}
	.title-product-promotion-box .text-countdown-training-item {
		font-size: .75em
	}
	.title-product-promotion-box-detail .box-countdown-training-item-full {
		padding: 35px 0 31px
	}
}

.slogan-block {
	position: relative;
	padding-top: 80px;
	overflow: hidden
}

.title-slogan {
	font-size: 5em;
	color: #FFF;
	margin: 0
}

.slogan-block .pattern-banner {
	height: 150%;
	top: 0
}

.slogan-box {
	text-align: center
}

.slogan-box ul {
	display: block;
	margin: 20px auto auto;
	text-align: center
}

.slogan-box ul li {
	display: inline-block
}

.slogan-box ul li:last-child {
	margin-left: 50px
}

.bg-ceo {
	box-shadow: 0 59px 12px -55px rgba(0, 0, 0, .25) inset;
	height: 450px;
	position: relative;
	z-index: 1;
	margin-top: 150px;
	background-color: rgba(0, 0, 0, .25)
}

.bg-ceo .ceo-textbox {
	margin-top: 46.5px
}

.bg-ceo .ceo-textbox * {
	color: #FFF
}

.bg-ceo h1 {
	margin: 0;
	font-size: 3.5em
}

.bg-ceo h2 {
	margin: 0 0 15px;
	font-size: 2.5em
}

.bg-ceo .register_crmlead {
	border-radius: 50%;
	height: 160px;
	width: 160px;
	padding: 0;
	text-align: center;
	font-size: 2.5em;
	display: block;
	margin: auto;
	background-color: #ff9500;
	border: 0;
	font-weight: 900;
	color: #FFF;
	line-height: normal;
	position: relative
}

.bg-ceo .register_crmlead:after {
	position: absolute;
	content: "";
	border: 2px dotted #7795f8;
	left: -10px;
	right: -10px;
	top: -10px;
	bottom: -10px;
	border-radius: 50%;
	box-shadow: 0 -5px 20px rgba(50, 50, 93, .1), 0 3px 20px rgba(0, 0, 0, .25);
	-webkit-animation-name: spin;
	-webkit-animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 10s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 10s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	animation-name: spin;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-timing-function: linear
}

@-ms-keyframes spin {
	from {
		-ms-transform: rotate(0)
	}
	to {
		-ms-transform: rotate(360deg)
	}
}

@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0)
	}
	to {
		-moz-transform: rotate(360deg)
	}
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes spin {
	from {
		transform: rotate(0)
	}
	to {
		transform: rotate(360deg)
	}
}

.bg-ceo .register_crmlead:hover {
	color: #FFF;
	-moz-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}

.bg-ceo .register_crmlead span {
	display: block;
	margin-top: -10px
}

.bg-image-ceo {
	position: absolute;
	bottom: 0;
	right: 50px;
	z-index: -1;
	pointer-events: none;
	-webkit-filter: contrast(60%);
	filter: contrast(60%)
}

.form-subscribe .table-cell:nth-child(2) {
	padding-left: 10px
}

.form-subscribe .table-cell:nth-child(3) {
	padding-left: 10px;
	width: 163px;
	text-align: center
}

.social-buttons {
	height: 50px;
	margin: auto
}

.social-button {
	display: inline-block;
	background-color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin: 0 10px;
	text-align: center;
	position: relative;
	overflow: hidden;
	opacity: .99;
	border-radius: 28%;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05);
	transition: all .35s cubic-bezier(.31, -.105, .43, 1.59)
}

.social-button:before {
	content: '';
	background-color: #000;
	width: 125%;
	height: 125%;
	position: absolute;
	top: 90%;
	left: -110%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .35s cubic-bezier(.31, -.105, .43, 1.59)
}

.social-button i {
	font-size: 2em;
	vertical-align: middle;
	-webkit-transform: scale(.8);
	transform: scale(.8);
	-webkit-transition: all .35s cubic-bezier(.31, -.105, .43, 1.59);
	transition: all .35s cubic-bezier(.31, -.105, .43, 1.59)
}

.social-button.facebook:before {
	background-color: #3B5998
}

.social-button.facebook i {
	color: #3B5998
}

.social-button.line:before {
	background-color: #00b900
}

.social-button.line i {
	color: #00b900;
	display: inline-block;
	text-rendering: auto
}

.social-button.instagram:before {
	background-color: #517fa4
}

.social-button.instagram i {
	color: #517fa4
}

.social-button.twitter:before {
	background-color: #3CF
}

.social-button.twitter i {
	color: #3CF
}

.social-button.google:before {
	background-color: #DC4A38
}

.social-button.google i {
	color: #DC4A38
}

.social-button.dribbble:before {
	background-color: #F26798
}

.social-button.dribbble i {
	color: #F26798
}

.social-button.skype:before {
	background-color: #00AFF0
}

.social-button.skype i {
	color: #00AFF0
}

.social-button:focus:before,
.social-button:hover:before {
	top: -12.5%;
	left: -12.5%
}

.social-button:focus .i,
.social-button:hover i {
	color: #fff;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.prefooter {
	padding: 20px 0;
	color: #ccc;
	color: rgba(255, 255, 255, .4);
	position: relative;
	z-index: 1
}

.table-content {
	display: table;
	width: 100%;
	margin: 0
}

.table-row {
	display: table-row
}

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

.socialIcons,
.socialIcons>li i {
	display: block
}

.prefooter .row>div:first-child .table-row>div:first-child {
	width: 113px
}

.widget-title {
	font-size: 1.3em;
	line-height: 16px;
	color: #999;
	text-transform: uppercase;
	margin: 0 0 20px;
	font-weight: 400
}

.widget-socials .widget-title {
	font-size: 1.3em;
	letter-spacing: 0
}

.prefooter .widget-title {
	color: #fff;
	margin-bottom: 0
}

.socialIcons {
	padding: 0;
	margin: 0 0 0 -10px;
	list-style: none
}

.socialIcons.bigIcons {
	margin-left: -7px
}

.socialIcons>li {
	float: left;
	margin: 0 6px
}

.socialIcons.bigIcons>li {
	margin: 0 7px
}

.socialIcons>li>a {
	display: block;
	font-size: 18px;
	color: #666
}

.socialIcons.bigIcons>li>a {
	-webkit-transition: background .2s ease;
	transition: background .2s ease;
	text-align: center;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding-top: 16px;
	padding-right: 1px;
	background: #bbb;
	color: #fff
}

.postfooter .socialIcons.bigIcons>li>a,
.prefooter .socialIcons.bigIcons>li>a,
footer .socialIcons.bigIcons>li>a {
	background: rgba(255, 255, 255, .2);
	color: #fff
}

.widget-subscribe {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	align-items: flex-end;
	color: #FFF;
	flex-wrap: wrap;
	justify-content: center
}

.widget-subscribe .widget-title {
	margin: 0 0 40px;
	flex: 100%;
	-webkit-flex: 100%;
	-moz-flex: 100%;
	-ms-flex: 100%;
	text-align: center
}

.widget-subscribe .widget-title h1 {
	color: #FFF;
	margin: 0;
	font-size: 3em
}

.widget-subscribe div:nth-child(2),
.widget-subscribe div:nth-child(3),
.widget-subscribe div:nth-child(4) {
	flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	margin-right: 20px;
	margin-bottom: 0
}

.widget-subscribe .widget-submit {
	flex-basis: 200px
}

.widget-subscribe label {
	font-size: 1.5em
}

.widget-subscribe .form-control {
	font-size: 1.5em;
	background: #fff;
	box-shadow: 0 1px 20px rgba(0, 0, 0, .2);
	border: 0;
	border-radius: 6px;
	line-height: 50px;
	width: 100%;
	height: 50px
}

.widget-subscribe .form-control::-webkit-input-placeholder {
	color: #bdbdbd
}

.widget-subscribe .form-control::-moz-placeholder {
	color: #bdbdbd
}

.widget-subscribe .form-control:-ms-input-placeholder {
	color: #bdbdbd
}

.widget-subscribe .form-control:-moz-placeholder {
	color: #bdbdbd
}

.widget-subscribe .has-feedback label~.form-control-feedback {
	color: #666;
	top: auto;
	font-size: 2em;
	bottom: 5px
}

.widget-subscribe .form-control:focus {
	border-color: #7795f8;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(119, 149, 248, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(119, 149, 248, .6)
}

.widget-subscribe .has-success .form-control {
	border-color: #16ab6f
}

.widget-subscribe .has-success .form-control:focus {
	border-color: #16ab6f;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(26, 188, 156, .5);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(26, 188, 156, .5)
}

.widget-subscribe .has-success .form-control-feedback {
	color: #16ab6f!important;
	line-height: 40px!important;
	font-size: 1.5em!important
}

.widget-subscribe .has-error .form-control {
	border-color: #E74C3C
}

.widget-subscribe .has-error .form-control:focus {
	border-color: #E74C3C;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(231, 76, 60, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(231, 76, 60, .6)
}

.widget-subscribe .has-error .form-control-feedback {
	color: #E74C3C!important
}

.widget-subscribe .has-success .form-control-feedback:before {
	font-family: Flaticon;
	font-size: inherit;
	font-style: normal;
	text-align: center;
	content: "\f120";
	transition: none;
	-webkit-transition: none;
	-moz-transition: none
}

.btn-subscribe,
.footer .nav-pills>li>a,
.menu-fixed span {
	font-family: Mitr, sans-serif
}

.btn-subscribe {
	display: inline-block;
	font-size: 2em;
	font-weight: 700;
	background-image: linear-gradient(to bottom right, #f857a6, #ff5858);
	box-shadow: 0 1px 20px rgba(0, 0, 0, .2);
	color: #fff;
	padding: 0 30px;
	border: 0;
	border-radius: 25px;
	line-height: 50px;
	height: 50px;
	-moz-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	text-transform: uppercase;
	cursor: pointer;
	margin: auto;
	width: 100%;
	min-width: auto;
	position: relative;
	overflow: hidden
}

.btn-subscribe:focus {
	outline: 0
}

.btn-subscribe:before {
	content: '';
	background: rgba(255, 255, 255, .3);
	height: 100%;
	width: 65px;
	position: absolute;
	top: 0;
	left: -40%;
	transform: skew(-45deg);
	-webkit-transform: skew(-45deg);
	-moz-transform: skew(-45deg);
	transition: 0s;
	-webkit-transition: 0s;
	-moz-transition: 0s
}

.btn-subscribe:hover:before {
	left: 110%;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s
}

.btn-subscribe.loading {
	padding-right: 52px
}

.btn-subscribe.loading:before {
	position: absolute;
	opacity: 0;
	border-radius: 50%;
	background-color: #fff;
	top: 50%;
	left: 50%;
	margin-top: -23px;
	margin-left: -23px;
	width: 46px;
	height: 46px;
	content: '';
	z-index: 1
}

.btn-subscribe.loading:after {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-animation: fa-spin 2s infinite linear;
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
	content: "\f1ce";
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -12px;
	right: 15px
}

@media screen and (max-width:991px) {
	.widget-subscribe div:nth-child(2),
	.widget-subscribe div:nth-child(3) {
		flex: calc(50% - 20px);
		flex: -webkit-calc(50% - 20px);
		flex: -moz-calc(50% - 20px);
		flex: -ms-calc(50% - 20px);
		margin-bottom: 15px;
		margin-right: 20px
	}
	.widget-subscribe div:nth-child(3) {
		margin-right: 0
	}
	.widget-subscribe div:nth-child(4) {
		flex: calc(100% - 220px);
		flex: -webkit-calc(100% - 220px);
		flex: -moz-calc(100% - 220px);
		flex: -ms-calc(100% - 220px);
		margin-right: 20px
	}
}

@media screen and (max-width:767px) {
	.widget-subscribe .widget-title h1 {
		font-size: 2em
	}
	.widget-subscribe div:nth-child(2),
	.widget-subscribe div:nth-child(3),
	.widget-subscribe div:nth-child(4) {
		flex: 100%;
		margin-right: 0;
		margin-bottom: 15px
	}
	.widget-subscribe .widget-submit {
		flex-basis: 100%;
		margin-top: 15px
	}
}

@media screen and (max-width:1199px) {
	.slogan-box .intro-button {
		font-size: 2.5em;
		line-height: 75px
	}
	.slogan-box .intro-button>i {
		width: 75px;
		height: 75px;
		line-height: 75px;
		font-size: 1.1em
	}
	.bg-ceo h2 {
		font-size: 2em
	}
	.bg-image-ceo {
		right: -150px
	}
	.social-button {
		margin: 0 5px
	}
	.form-subscribe .table-cell:nth-child(3) {
		width: 123px
	}
}

@media screen and (max-width:991px) {
	.title-slogan {
		font-size: 3.8em
	}
	.bg-image-ceo {
		right: -300px
	}
	.social-button {
		width: 40px;
		height: 40px;
		line-height: 40px;
		margin-top: 5px
	}
	.social-button i {
		font-size: 1.75em
	}
	.prefooter .row>div:first-child .table-row>div:first-child {
		width: 80px
	}
	.widget-socials .widget-title {
		font-size: 1em
	}
	.prefooter .table-cell input[type=email] {
		font-size: 1.15em
	}
	.prefooter .widget-title {
		font-size: 1em
	}
}

@media screen and (max-width:767px) {
	.title-slogan {
		font-size: 2.8em
	}
	.slogan-block {
		padding-top: 50px
	}
	.slogan-box ul {
		text-align: left
	}
	.prefooter .social-buttons,
	.slogan-box ul li {
		text-align: center
	}
	.slogan-box ul li {
		display: block;
		width: 100%;
		margin-bottom: 15px
	}
	.slogan-box ul li:last-child {
		margin-left: 0;
		margin-bottom: 0
	}
	.slogan-box .intro-button {
		font-size: 2.2em;
		line-height: 50px
	}
	.slogan-box .intro-button>i {
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: .8em
	}
	.bg-ceo {
		height: 720px;
		margin-top: 50px
	}
	.bg-image-ceo {
		right: 0
	}
	.prefooter .widget-socials {
		margin-bottom: 15px
	}
	.prefooter .table-content {
		display: inline-block;
		width: 100%
	}
	.prefooter .table-cell,
	.prefooter .table-row {
		display: block;
		width: 100%
	}
	.prefooter .table-cell {
		margin-bottom: 5px
	}
	.prefooter .table-cell:last-child {
		margin-bottom: 0;
		width: 100%;
		padding-left: 0
	}
	.prefooter .row>div:first-child .table-row>div:first-child {
		width: 100%
	}
	.prefooter .widget-title {
		font-size: 1.25em;
		line-height: normal
	}
	.form-subscribe .table-cell:nth-child(2) {
		padding-left: 0;
		margin-bottom: 15px
	}
	.prefooter .table-cell input[type=email] {
		max-width: none;
		font-size: 1.3em
	}
	.prefooter input[type=submit] {
		margin-left: 0;
		min-width: 100%
	}
}

.footer,
.footer-content .list-icons li:first-child {
	padding-top: 0
}

.footer .nav-pills>li>a:before,
.footer-content .owl-controls .owl-buttons {
	display: none
}

.footer-block:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 460px;
	height: 2000px;
	background: #f6f9fc;
	-webkit-transform: skew(0, -12deg);
	transform: skew(0, -12deg);
	display: none
}

.footer,
.subfooter {
	background-color: transparent
}

.footer {
	border-bottom: 0;
	padding-bottom: 0
}

.footer .logo-footer {
	margin-top: 0
}

.footer-title {
	font-size: 30px;
	margin: 0
}

.footer-text {
	font-size: 20px;
	margin: 20px auto
}

.footer-text>p {
	margin-bottom: 0
}

.footer-content h1 {
	margin: 10px 0;
	font-size: 18px;
	font-weight: 400;
	color: #333
}

.footer-content p {
	font-size: 1.5em;
	color: #666;
	line-height: 160%;
	margin-bottom: 10px
}

.footer-content .cell-content ul {
	padding: 0
}

.footer-content .cell-content ul li {
	font-size: 14px;
	color: #666;
	line-height: 160%;
	margin-bottom: 10px
}

.footer-content .list-icons li {
	font-size: 1.5em
}

.footer-content .list-icons li a {
	color: #666
}

.footer h2 {
	min-height: 50px;
	line-height: 50px
}

.subfooter .navbar-default .nav>li>a {
	font-size: 20px
}

.mainfooter .row>div:nth-child(1) {
	width: calc(100% - 320px);
	width: -webkit-calc(100% - 320px);
	width: -moz-calc(100% - 320px)
}

.mainfooter .row>div:nth-child(1)>div {
	width: 25%
}

.mainfooter .row>div:nth-child(2) {
	width: 320px
}

.colored.social-links li.line a,
.social-links li.line a:hover {
	background-color: #00b900;
	border-color: #00b900;
	color: #fff
}

.footer .title-link {
	margin-top: 0;
	margin-bottom: 14px;
	min-height: 30px;
	line-height: 30px
}

.footer .nav-pills>li>a {
	font-size: 1.43em;
	letter-spacing: .025em;
	line-height: 1
}

.footer .nav-pills.nav-stacked>li>a:after {
	top: 7px
}

.footer .nav-pills.nav-stacked>li>a.dropdown-toggle:after {
	content: "\f067";
	font-weight: 100;
	right: 12px;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	transition: .2s
}

.footer .nav-pills.nav-stacked>li.active>a.dropdown-toggle:focus:after,
.footer .nav-pills.nav-stacked>li.active>a.dropdown-toggle:hover:after,
.footer .nav-pills.nav-stacked>li>a.dropdown-toggle:focus:after,
.footer .nav-pills.nav-stacked>li>a.dropdown-toggle:hover:after {
	right: 10px
}

.footer .nav-pills.nav-stacked>li.open>a.dropdown-toggle:after {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.footer-content .nav-pills>li.active>a:hover,
.footer-content .nav-pills>li>a:hover {
	color: #343434;
	background-color: transparent;
	border-color: transparent
}

.footer-content .social-links {
	margin-bottom: 0
}

.footer .nav-pills>li>.dropdown-menu {
	min-width: auto;
	right: 0
}

.footer .nav-pills>li>.dropdown-menu>li>a {
	padding: 8px 10px;
	color: #666;
	font-size: 1.25em;
	letter-spacing: .025em;
	line-height: 1;
	line-height: 25px
}

.footer .nav-pills>li>.dropdown-menu>li>a i {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 8px 0 0;
	font-size: .75em;
	line-height: 25px;
	background: #4f6276;
	color: #FFF;
	border-radius: 50%;
	text-align: center;
	padding: 0
}

.footer .nav-pills>li>.dropdown-menu>li>a:hover i {
	margin-right: 10px
}

.footer .nav-pills>li>.dropdown-menu>li:nth-child(1):hover a {
	color: #48b9c2
}

.footer .nav-pills>li>.dropdown-menu>li:nth-child(1):hover a i {
	background: #48b9c2
}

.footer .nav-pills>li>.dropdown-menu>li:nth-child(2):hover a {
	color: #16ab6f
}

.footer .nav-pills>li>.dropdown-menu>li:nth-child(2):hover a i {
	background: #16ab6f
}

.footer .nav-pills>li>.dropdown-menu>li:nth-child(3):hover a {
	color: #8092da
}

.footer .nav-pills>li>.dropdown-menu>li:nth-child(3):hover a i {
	background: #8092da
}

.footer .nav-pills>li>.dropdown-menu>li:nth-child(4):hover a {
	color: #465a68
}

.footer .nav-pills>li>.dropdown-menu>li:nth-child(4):hover a i {
	background: #465a68
}

.footer .nav-pills>li>.dropdown-menu>li:nth-child(5):hover a {
	color: #3f9ccf
}

.footer .nav-pills>li>.dropdown-menu>li:nth-child(5):hover a i {
	background: #3f9ccf
}

.footer-block .tel-mobile {
	display: inline-block;
	vertical-align: middle
}

.footer-block .tel-mobile>span {
	display: inline-block;
	line-height: 1
}

.footer-block .tel-mobile>span:last-child {
	margin-left: 5px
}

@media only screen and (max-width:480px) {
	.footer-block .tel-mobile>span {
		display: block;
		margin-left: 0!important
	}
}

.block-footer-fanpage {
	display: table;
	width: 100%
}

.block-footer-fanpage>div {
	display: table-cell;
	vertical-align: top
}

.block-footer-fanpage>div:nth-child(2) {
	width: 270px;
	padding-left: 30px
}

@media only screen and (max-width:1199px) {
	.footer-content .social-links {
		font-size: inherit
	}
	.footer-content .social-links li a {
		width: 35px;
		height: 35px;
		font-size: 1.25em
	}
	.footer-content .social-links li a i {
		line-height: 35px
	}
}

@media only screen and (max-width:767px) {
	.subfooter .navbar-default .navbar-collapse {
		border: 0
	}
	.subfooter .navbar-default .navbar-collapse .nav {
		background: #FFF
	}
	.subfooter .navbar-default .navbar-toggle {
		cursor: pointer;
		width: 50px;
		height: 50px;
		position: relative;
		padding: 0;
		border: 0
	}
	.subfooter .navbar-default .navbar-toggle h2,
	.subfooter .navbar-default .navbar-toggle h2:after,
	.subfooter .navbar-default .navbar-toggle h2:before {
		position: absolute;
		width: 24px;
		height: 3px;
		border-radius: 1px;
		background: currentColor;
		content: '';
		left: 0
	}
	.subfooter .navbar-default .navbar-toggle h2 {
		font-size: 0;
		left: 13px;
		top: 23px;
		margin: 0;
		color: #888
	}
	.subfooter .navbar-default .navbar-toggle h2:before {
		top: -9px;
		-webkit-transition: .2s;
		transition: .2s
	}
	.subfooter .navbar-default .navbar-toggle h2:after {
		top: 9px;
		-webkit-transition: .2s;
		transition: .2s
	}
	.subfooter .navbar-default .navbar-toggle[aria-expanded=true] h2 {
		color: transparent
	}
	.subfooter .navbar-default .navbar-toggle[aria-expanded=true] h2:after,
	.subfooter .navbar-default .navbar-toggle[aria-expanded=true] h2:before {
		content: '';
		position: absolute;
		background: #6772e5;
		border-radius: 1px;
		top: 0;
		height: 3px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: .2s;
		transition: .2s
	}
	.subfooter .navbar-default .navbar-toggle[aria-expanded=true] h2:after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	.subfooter .navbar-default .nav>li>a {
		font-size: 1.15em;
		color: #7795f8;
		border-bottom-color: #f6f9fc
	}
	.subfooter .navbar-default .nav>li>a:hover {
		color: #32325d;
		text-decoration: none
	}
	.subfooter .navbar-default .nav>li>a:before {
		right: 10px;
		top: 10px
	}
	.subfooter .navbar-default .navbar-nav .open .dropdown-menu>li>a {
		font-size: 1.5em;
		padding: 12px 15px 12px 30px;
		color: #4f6276
	}
	.subfooter .navbar-default .navbar-nav .open .dropdown-menu>li>a i {
		display: inline-block;
		width: 30px;
		height: 30px;
		margin: 0 10px 0 -3px;
		vertical-align: -3px;
		font-size: .9em;
		line-height: 30px;
		background: #4f6276;
		color: #FFF;
		border-radius: 50%;
		text-align: center;
		padding: 0
	}
	.subfooter .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover i {
		margin-right: 15px
	}
	.subfooter .navbar-default .navbar-nav .open .dropdown-menu>li:nth-child(1):hover a {
		color: #48b9c2
	}
	.subfooter .navbar-default .navbar-nav .open .dropdown-menu>li:nth-child(1):hover a i {
		background: #48b9c2
	}
	.subfooter .navbar-default .navbar-nav .open .dropdown-menu>li:nth-child(2):hover a {
		color: #16ab6f
	}
	.subfooter .navbar-default .navbar-nav .open .dropdown-menu>li:nth-child(2):hover a i {
		background: #16ab6f
	}
	.subfooter .navbar-default .navbar-nav .open .dropdown-menu>li:nth-child(3):hover a {
		color: #8092da
	}
	.subfooter .navbar-default .navbar-nav .open .dropdown-menu>li:nth-child(3):hover a i {
		background: #8092da
	}
	.subfooter .navbar-default .navbar-nav .open .dropdown-menu>li:nth-child(4):hover a {
		color: #465a68
	}
	.subfooter .navbar-default .navbar-nav .open .dropdown-menu>li:nth-child(4):hover a i {
		background: #465a68
	}
	.subfooter .main-navigation .navbar-nav>.open>a,
	.subfooter .main-navigation .navbar-nav>.open>a:focus,
	.subfooter .main-navigation .navbar-nav>.open>a:hover {
		background: #f6f9fc
	}
	.navbar-default .navbar-toggle:focus .icon-bar,
	.navbar-default .navbar-toggle:hover .icon-bar {
		background: #6772e5
	}
	.mainfooter {
		padding-top: 0;
		padding-bottom: 0
	}
	.block-footer-fanpage,
	.block-footer-fanpage>div {
		display: block
	}
	.block-footer-fanpage>div:first-child {
		display: none
	}
	.block-footer-fanpage>div:nth-child(2) {
		text-align: center;
		padding-left: 0;
		width: 100%
	}
}

@media (min-width:992px) {
	.header-menu .nav-section.nav-mobile {
		display: none
	}
}

@media (max-width:991px) {
	.header-menu .nav-section.nav-login,
	.header-menu .nav-section.nav-primary,
	.header-menu .nav-section.nav-secondary {
		display: none
	}
}

.sale-point-container>section {
	z-index: 1
}

.menu-fixed {
	display: none;
	background-color: #ff9500;
	color: #262626;
	position: fixed;
	top: 800px;
	z-index: 1002;
	right: 0;
	width: 100px;
	border-radius: 3px 0 0 3px;
	text-align: center;
	padding: 5px;
	box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08)
}

.menu-fixed h5 {
	font-size: 2em;
	color: #FFF;
	letter-spacing: .05em;
	margin: 0;
	line-height: 1
}

.menu-fixed span {
	font-size: 1em;
	display: block;
	color: #FFF;
	letter-spacing: .05em;
	margin: 0;
	line-height: 1.2
}

.trial-program-fixed {
	display: none
}

@media only screen and (max-width:767px) {
	.trial-program-fixed {
		background-color: #FFF;
		position: fixed;
		left: 0;
		z-index: 1002;
		right: 0;
		width: auto;
		border-radius: 0;
		text-align: center;
		padding: 5px;
		box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
		border: 0;
		opacity: 0;
		top: -60px;
		color: #FFF;
		pointer-events: none;
		transition: .4s;
		-webkit-transition: .4s;
		-moz-transition: .4s;
		font-family: "Conv_DB Helvethaica X Li v3.2";
		font-size: 1.5em;
		letter-spacing: .05em;
		display: block
	}
	.trial-program-fixed.fixed-now {
		opacity: 1;
		pointer-events: all;
		top: 0
	}
	.modal-open-mobile .trial-program-fixed.fixed-now {
		opacity: 0;
		pointer-events: none;
		top: -60px
	}
	.trial-program-fixed>a {
		cursor: pointer;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-weight: 500;
		background-image: linear-gradient(to bottom right, #f857a6, #ff5858);
		box-shadow: none;
		color: #fff;
		padding: 0 30px;
		border: 0;
		border-radius: 25px;
		line-height: 1;
		height: 50px;
		transition: all .1s ease-in-out;
		-webkit-transition: all .1s ease-in-out;
		-moz-transition: all .1s ease-in-out;
		text-transform: uppercase;
		cursor: pointer;
		box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
		border-radius: 4px;
	}
	.trial-program-fixed>a>span {
		font-size: 1.25em;
		display: block;
		color: #FFF
	}
	.trial-program-fixed>a>h5 {
		font-size: 1.5em;
		color: #FFF;
		margin: 0;
		display: block;
		line-height: 1;
	}
}

.body-template-no-header {
	-webkit-background-size: cover;
	background-attachment: fixed;
	background-repeat: repeat repeat
}

.container-register-training-box {
	margin: 50px auto
}

.register-form-training-box {
	border-radius: 20px;
	background: #FFF;
	font-family: Mitr, sans-serif;
	-webkit-transition: .125s;
	-moz-transition: .125s;
	transition: .125s;
	position: relative;
	border: 6px solid #eee
}

.register-discount-training-item {
	position: absolute;
	overflow: hidden;
	height: 80px;
	width: 80px;
	right: 15px;
	top: -10px;
	bottom: 0;
	border-radius: 0 3px 10px 10px;
	border-bottom: 2px solid rgba(0, 0, 0, .15);
	background: #ff9500;
	font-size: 2.25em;
	line-height: 80px;
	color: #FFF;
	text-align: center;
	display: block;
	z-index: 3
}

.register-discount-training-item-arrow {
	content: "";
	display: block;
	position: absolute;
	right: 87px;
	top: -7px;
	width: 15px;
	height: 15px;
	background: #343434;
	transform: rotate(45deg);
	z-index: 1
}

.register-image-training-item {
	position: relative;
	z-index: 2
}

.register-image-training-item>img {
	border-radius: 20px 20px 0 0
}

.register-avatar-training-item {
	height: 100px;
	width: 100px;
	border-radius: 3px;
	border: 2px solid #FFF;
	right: 0;
	bottom: 0;
	float: right;
	z-index: 2;
	position: absolute;
	margin: 0 20px 20px
}

.register-name-training-item {
	padding: 20px;
	background: rgba(0, 0, 0, .75);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

.register-name-training-item>h1 {
	margin: 0;
	padding-bottom: 0;
	letter-spacing: .025em;
	font-size: 2.5em;
	border-bottom: 2px solid #ff9500;
	text-align: center;
	color: #FFF;
	display: inline-block
}

.register-title-training-item {
	padding: 20px 20px 0;
	text-align: center
}

.register-title-training-item>h1 {
	margin: 0;
	padding-bottom: 0;
	letter-spacing: .025em;
	font-size: 2.5em
}

.register-title-training-item>h3 {
	margin: 0;
	padding-bottom: 0;
	letter-spacing: .025em;
	font-size: 1.5em
}

.register-detail-training-item {
	padding: 0 20px 20px
}

.register-training-form fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
	background: 0 0
}

.register-training-form h3.title-fieldset {
	margin: 0 0 10px;
	padding-bottom: 0;
	font-size: 2em;
	font-weight: 400;
	letter-spacing: .025em
}

.register-training-form .form-control {
	font-size: 1.5em;
	padding: 6px 12px;
	height: auto;
	border-radius: 6px;
	box-shadow: none;
	border-color: #7795f8
}

.register-training-form .form-control::-webkit-input-placeholder {
	color: #bdbdbd
}

.register-training-form .form-control::-moz-placeholder {
	color: #bdbdbd
}

.register-training-form .form-control:-ms-input-placeholder {
	color: #bdbdbd
}

.register-training-form .form-control:-moz-placeholder {
	color: #bdbdbd
}

.register-training-form .has-feedback .form-control,
.register-training-form .has-refresh .form-control {
	padding-right: 40px
}

.register-training-form .form-control:focus {
	border-color: #7795f8;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(119, 149, 248, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(119, 149, 248, .6)
}

.register-training-form .has-success .form-control {
	border-color: #16ab6f
}

.register-training-form .has-success .form-control:focus {
	border-color: #16ab6f;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(26, 188, 156, .5);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(26, 188, 156, .5)
}

.register-training-form .has-success .form-control-feedback {
	color: #16ab6f
}

.register-training-form .has-error .form-control {
	border-color: #E74C3C
}

.register-training-form .has-error .form-control:focus {
	border-color: #E74C3C;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(231, 76, 60, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(231, 76, 60, .6)
}

.register-training-form .has-error .form-control-feedback {
	color: #E74C3C
}

.register-training-form .has-success .form-control-feedback:before {
	font-family: Flaticon;
	font-size: inherit;
	font-style: normal;
	text-align: center;
	content: "\f120";
	transition: none;
	-webkit-transition: none;
	-moz-transition: none
}

.register-training-form .form-control-feedback {
	width: 40px;
	height: 40px;
	line-height: 40px!important;
	top: 4px;
	margin-top: 0
}

.box-toggle-promocode {
	margin: 0;
	padding-bottom: 0;
	font-size: 1.5em;
	color: #7795f8
}

.box-toggle-promocode>i {
	font-size: .75em
}

.box-toggle-promocode>label {
	font-weight: 400;
	margin-bottom: 0;
	cursor: pointer
}

.register-training-form .input-group-addon {
	background-color: #eee;
	border-color: #7795f8;
	-webkit-border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
	cursor: pointer
}

.register-training-form .input-group-addon i {
	-webkit-transition: all .5s cubic-bezier(.85, -.48, .26, .67);
	-ms-transition: all .5s cubic-bezier(.85, -.48, .26, .67);
	-o-transition: all .5s cubic-bezier(.85, -.48, .26, .67);
	-moz-transition: all .5s cubic-bezier(.85, -.48, .26, .67);
	transition: all .5s cubic-bezier(.85, -.48, .26, .67);
	zoom: 1
}

.register-training-form .help-block {
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 1.25em;
	color: #E74C3C
}

.register-training-form .help-block-coupon {
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 5px;
	font-size: 1.5em;
	color: #7795f8;
	display: block
}

.register-training-form .title-sub-fieldset {
	margin: 0 0 10px;
	padding-bottom: 0;
	font-size: 1.5em
}

.btn.btn-number {
	background: 0 0;
	border-color: #7795f8;
	border-radius: 6px;
	padding: 14px;
	font-size: 14px;
	height: 54px;
	margin: 0;
	min-width: 0
}

.btn.btn-number:active {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.btn-number[data-type=minus]:active {
	color: #E74C3C
}

.btn.btn-number[data-type=plus]:active {
	color: #16ab6f
}

.register-training-form .form-control.input-number {
	font-size: 2.5em;
	padding: 2px 12px;
	line-height: 1;
	text-align: center;
	letter-spacing: .025em
}

.register-training-form .checkbox {
	padding-left: 20px
}

.register-training-form .checkbox input[type=checkbox] {
	opacity: 0
}

.register-training-form .checkbox label {
	display: inline-block;
	position: relative;
	padding-left: 10px;
	line-height: normal
}

.register-training-form .checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	margin-top: 2px;
	margin-left: -20px;
	border: 1px solid #7795f8;
	border-radius: 3px;
	background-color: #fff;
	text-align: left;
	-webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
	-o-transition: border .15s ease-in-out, color .15s ease-in-out;
	transition: border .15s ease-in-out, color .15s ease-in-out
}

.register-training-form .checkbox input[type=checkbox]:checked+label::before {
	background-color: #cedaff;
	border-color: #7795f8
}

.register-training-form .checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	top: 2px;
	margin-left: -20px;
	padding-left: 0;
	padding-top: 0;
	font-size: 14px;
	color: #555;
	text-align: center;
	line-height: 20px
}

.register-training-form .checkbox input[type=checkbox]:checked+label::after {
	font-family: FontAwesome;
	content: "\f00c";
	color: #7795f8
}

.actions .primary-action,
.btn-register-training,
.btn-upload-training,
.footer-block,
.package-link-contact,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Mitr, sans-serif
}

.packages-block:before,
.show-preview-program:before,
body .backdrop-banner:before {
	content: ""
}

.register-training-form .checkbox {
	margin: 0 0 15px;
	padding-bottom: 0;
	font-size: 1.5em
}

.register-training-form .checkbox.checkbox-top {
	margin-bottom: 0
}

.register-training-form .form-control[disabled],
.register-training-form .form-control[readonly],
.register-training-form fieldset[disabled] .form-control {
	opacity: 1;
	filter: alpha(opacity=100);
	cursor: not-allowed;
	pointer-events: none
}

.box-detail-vat {
	margin-bottom: 20px
}

.box-detail-vat .panel {
	border-color: #EEE;
	border-radius: 6px;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 0
}

.box-detail-vat .panel>.panel-heading {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-color: #EEE;
	border-radius: 6px;
	border-bottom: 0
}

.box-detail-vat .panel.open>.panel-heading {
	border-radius: 6px 0 0;
	border-bottom: 0
}

.box-detail-vat .panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: inherit;
	color: #7795f8
}

.box-detail-vat .panel-body>.row>div:last-child .form-group {
	margin-bottom: 0
}

.box-total-ticket>h3 {
	margin: 0;
	padding-bottom: 0;
	font-size: 1.5em
}

.box-total-amount {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.box-total-amount>h1 {
	margin: 0;
	padding-bottom: 0;
	font-size: 2em;
	font-weight: 400;
	flex: 2
}

.box-total-amount>h1.title-amount {
	text-align: right
}

.box-total-amount>h1.title-grandtotal {
	font-size: 2.5em
}

.box-total-amount>h1.title-amount-grandtotal {
	font-size: 2.5em;
	color: #16ab6f
}

.btn-register-training {
	background-color: #ff9500;
	border-color: #ff9500;
	color: #fff!important;
	padding: 0;
	border-radius: 3px;
	font-size: 3em;
	font-weight: 700;
	letter-spacing: .025em;
	margin: 0;
	width: 100%;
	position: relative;
	overflow: hidden;
	-webkit-transition: transform .125s, border .125s;
	-moz-transition: transform .125s, border .125s;
	min-width: auto;
	border-bottom: 3px solid rgba(0, 0, 0, .1)
}

.btn-register-training:hover {
	color: #FFF;
	-moz-transform: translateY(-1px);
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px)
}

.btn-register-training:active {
	transform: scale(.9, .9);
	-webkit-transform: scale(.9, .9);
	-moz-transform: scale(.9, .9)
}

.btn-register-training>svg {
	margin-top: 19px;
	margin-bottom: 19px;
	margin-left: 19px;
	display: inline-block;
	vertical-align: middle
}

.nav-tabs-default>li>a {
	font-size: 1.5em;
	border-radius: 6px 6px 0 0
}

.nav-tabs-default>li>a>i {
	font-size: .75em
}

.nav-tabs-default>li>a:hover {
	background-color: #eee
}

.nav-tabs-default>li.active>a,
.nav-tabs-default>li.active>a:focus,
.nav-tabs-default>li.active>a:hover {
	color: #7795f8;
	background-color: #FFF
}

.nav-tabs-default>li.active>a:after,
.tab-content-default:after {
	display: none
}

.tab-content.tab-content-default {
	box-shadow: none;
	border: 0;
	padding: 20px 0;
	margin-bottom: 0;
	background: #FFF
}

.box-detail-bank {
	font-size: 1.5em;
	color: #343434
}

.box-detail-bank .well {
	border-radius: 6px;
	border-color: #eee;
	background: #FFF
}

.box-detail-bank img {
	width: 50%;
	margin: auto auto 15px
}

.detail-bank-text {
	text-align: center;
	font-size: 1.5em;
	line-height: normal
}

.detail-bank-text>p {
	margin-bottom: 0
}

.detail-bank-text>h1 {
	margin: 0;
	padding-bottom: 0;
	font-size: 1.5em
}

.box-detail-bank .panel {
	border-color: #EEE;
	border-radius: 6px;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 0
}

.box-detail-bank .panel>.panel-heading {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-color: #EEE;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px
}

.box-detail-bank .panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: inherit;
	color: #7795f8
}

.upload-box {
	position: relative
}

.box-detail-bank label.file {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	border: 2px dashed #ccc;
	margin-bottom: 0;
	padding: 15px;
	cursor: pointer;
	border-radius: 6px;
	font-weight: 400;
	color: #ccc;
	font-size: 100%;
	line-height: 1
}

.box-detail-bank label .icon-file {
	font-size: 4em;
	line-height: 1;
	width: auto;
	height: auto;
	display: block
}

.box-detail-bank label.file:hover {
	background-color: transparent;
	color: #7795f8;
	border-color: #7795f8
}

.box-detail-bank label.file.hasfile .icon-file {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.25em
}

.box-detail-bank label.file.hasfile span {
	display: inline-block;
	vertical-align: middle
}

.preview-file-box {
	margin-top: 15px;
	display: none
}

.preview-file-box>img {
	width: auto;
	margin: auto auto 0;
	border-radius: 6px;
	max-width: 100%;
	max-height: 100%
}

.preview-file-box>span {
	margin-top: 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 100%
}

.box-detail-bank .help-block {
	font-size: .85em
}

.btn-upload-training {
	background-color: #16ab6f;
	border-color: #16ab6f;
	color: #fff!important;
	padding: 0;
	border-radius: 3px;
	font-size: 3em;
	font-weight: 700;
	letter-spacing: .025em;
	margin: 0;
	width: 100%;
	position: relative;
	overflow: hidden;
	outline: 0;
	transition: transform .125s, border .125s;
	-webkit-transition: transform .125s, border .125s;
	-moz-transition: transform .125s, border .125s;
	min-width: auto;
	border-bottom: 3px solid rgba(0, 0, 0, .1)
}

.btn-upload-training:hover {
	color: #FFF;
	-moz-transform: translateY(-1px);
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px)
}

span.success-txt {
	color: #16ab6f;
	font-size: 1.25em
}

span.warning-color-txt {
	color: #ff9500
}

span.success-color-txt {
	color: #16ab6f
}

.thankyou-title-training-item>h1 {
	margin-bottom: 10px
}

.thankyou-title-training-item>h2 {
	margin: 0;
	padding-bottom: 0;
	letter-spacing: .025em;
	font-size: 2em
}

.box-detail-thankyou {
	font-size: 1.5em;
	color: #343434
}

.box-detail-thankyou .panel {
	border-color: #EEE;
	border-radius: 6px;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 0
}

.box-detail-thankyou .panel>.panel-heading {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-color: #EEE;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px
}

.box-detail-thankyou .panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: inherit;
	color: #7795f8
}

.detail-thankyou-item {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between
}

.detail-thankyou-item>h1 {
	margin: 0;
	padding-bottom: 0;
	font-size: 1em;
	font-weight: 400;
	line-height: normal;
	align-self: center
}

.detail-thankyou-item>h1:nth-child(2) {
	font-size: 1.25em
}

a:hover {
	color: #7795f8
}

@media only screen and (min-width:992px) and (max-width:1200px) {
	.register-name-training-item>h1 {
		font-size: 1.75em
	}
}

@media only screen and (max-width:767px) {
	.container-register-training-box {
		margin-top: 0
	}
	.register-form-training-box {
		border-radius: 0;
		margin-left: -15px;
		margin-right: -15px
	}
	.register-image-training-item>img {
		border-radius: 0
	}
	.register-name-training-item {
		position: static;
		padding: 15px 15px 40px
	}
	.register-name-training-item>h1 {
		font-size: 2em;
		display: block
	}
	.register-avatar-training-item {
		float: none;
		position: static;
		margin: -20px auto 0
	}
	.box-total-amount {
		flex-direction: column
	}
	.box-total-amount>h1 {
		font-size: 2em
	}
	.box-total-amount>h1.title-amount {
		font-size: 3em
	}
	.btn-register-training {
		font-size: 2.5em;
		height: 72px
	}
}

.search-bar,
main {
	position: relative
}

@media only screen and (max-width:480px) {
	.nav-tabs.nav-tabs-default {
		box-shadow: none;
		border: 0;
		background: 0 0
	}
	.nav-tabs.nav-tabs-default>li {
		margin: 0
	}
	.nav-tabs.nav-tabs-default>li>a {
		border: 1px solid #EEE;
		border-radius: 0;
		box-shadow: none;
		color: inherit
	}
	.nav-tabs.nav-tabs-default>li.active>a,
	.nav-tabs.nav-tabs-default>li.active>a:focus,
	.nav-tabs.nav-tabs-default>li.active>a:hover {
		color: #7795f8;
		border-color: #7795f8
	}
	.nav-tabs.nav-tabs-default>li>a:hover:after {
		display: none
	}
	.box-detail-bank img {
		width: 100%
	}
	.detail-bank-text {
		font-size: 1em
	}
	.detail-thankyou-item {
		flex-direction: column;
		margin-bottom: 10px
	}
	.detail-thankyou-item>h1 {
		align-self: flex-start;
		line-height: 1
	}
	.detail-thankyou-item>h1:nth-child(2) {
		font-size: 1.5em;
		align-self: flex-end;
		text-align: center;
		margin-top: 5px
	}
}

body {
	overflow-x: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.5
}

main {
	margin-top: -70px;
	z-index: 2;
	clear: both;
	width: 100%
}

img {
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
	display: inline-block;
	vertical-align: middle
}

.container-flex {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100vh
}

.row-flex {
	margin-left: auto;
	margin-right: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap
}

.align-center {
	-ms-flex-pack: center;
	justify-content: center
}

.align-items-center {
	-ms-box-align: center;
	-webkit-box-align: center;
	align-items: center
}

.container-question-banner {
	margin-left: auto;
	margin-right: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100vh;
	min-height: 800px
}

.question-banner {
	-ms-flex: 0 0 41.66667%;
	flex: 0 0 41.66667%;
	max-width: 41.66667%;
	animation: fade-in-homepage 1s 1 ease-in-out;
	-webkit-animation: fade-in-homepage 1s 1 ease-in-out;
	-moz-animation: fade-in-homepage 1s 1 ease-in-out
}

.question-banner h1 {
	font-size: 3em;
	font-weight: 800;
	color: #fff;
	margin: 0 0 60px;
	letter-spacing: .025em;
	line-height: normal
}

.mockup-banner,
.question-banner {
	transition: all 1s cubic-bezier(.19, 1, .22, 1);
	-webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all 1s cubic-bezier(.19, 1, .22, 1)
}

.btn-action-question,
.btn-action-question-form {
	cursor: pointer
}

.seo-only,
.seo-website {
	display: none
}

.mockup-banner {
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	transform: translateX(-50px);
	-ms-flex: 0 0 58.33333%;
	flex: 0 0 58.33333%;
	max-width: 58.33333%
}

.search-bar {
	margin-bottom: 60px;
	height: 50px;
	text-align: left;
	font-size: 2em;
	vertical-align: middle;
	line-height: 1
}

.search-bar .search-box {
	font-size: 1em;
	font-weight: 600;
	background: #fff;
	box-shadow: 0 1px 20px rgba(0, 0, 0, .2);
	color: #7795f8;
	padding-left: 44px;
	border: 0;
	border-radius: 6px;
	line-height: 50px;
	width: 100%;
	height: 50px
}

.search-bar .string {
	margin: 0;
	height: 0;
	visibility: hidden
}

.search-bar .search-icon {
	position: absolute;
	z-index: 2;
	margin: 0 14px;
	width: 18px;
	text-align: center;
	line-height: 50px;
	vertical-align: middle;
	height: 50px
}

.search-bar.clicked {
	animation: clicked .5s 1 cubic-bezier(.175, .885, .32, 1.075);
	-webkit-animation: clicked .5s 1 cubic-bezier(.175, .885, .32, 1.075);
	-moz-animation: clicked .5s 1 cubic-bezier(.175, .885, .32, 1.075)
}

.search-bar.clicked .search-box {
	animation: clicked-shadow .5s 1 cubic-bezier(.175, .885, .32, 1.075);
	-webkit-animation: clicked-shadow .5s 1 cubic-bezier(.175, .885, .32, 1.075);
	-moz-animation: clicked-shadow .5s 1 cubic-bezier(.175, .885, .32, 1.075)
}

.typed-cursor {
	position: absolute;
	font-weight: 500;
	opacity: 1;
	-moz-transform: scaleY(1.6);
	-webkit-transform: scaleY(1.6);
	-ms-transform: scaleY(1.6);
	transform: scaleY(1.6);
	-moz-animation: blink-cursor .7s infinite;
	-webkit-animation: blink-cursor .7s infinite;
	-ms-animation: blink-cursor .7s infinite;
	animation: blink-cursor .7s infinite
}

.item-actions,
.item-question-bar {
	width: 50%;
	height: 100%;
	display: inline-block;
	position: relative;
	overflow: hidden;
	vertical-align: top;
	float: left
}

.actions {
	display: none
}

.actions-1 {
	display: block
}

.question-sec .actions,
.question-sec .title-question-bar {
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%)
}

.item-actions {
	padding: 10px
}

@keyframes blink-cursor {
	0%,
	100% {
		opacity: 1
	}
	50% {
		opacity: 0
	}
}

.get-typed {
	display: inline
}

.actions .primary-action {
	display: inline-block;
	font-size: 2em;
	font-weight: 500;
	background-image: linear-gradient(to bottom right, #f857a6, #ff5858);
	box-shadow: none;
	color: #fff;
	padding: 0 30px;
	border: 0;
	border-radius: 25px;
	line-height: 50px;
	height: 50px;
	transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	text-transform: uppercase;
	cursor: pointer
}

.actions .primary-action:hover {
	background: #fff;
	color: #7795f8;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	margin-right: 10px
}

.actions .alt-action {
	font-size: 2em;
	font-weight: 400;
	color: #fff;
	margin-left: 10px
}

.actions .alt-action a {
	color: #fff
}

.trial-testimonial {
	display: none;
	border: 0
}

.side-image {
	display: block;
	animation: enter-computer 1s 1 ease-in-out;
	-webkit-animation: enter-computer 1s 1 ease-in-out;
	-moz-animation: enter-computer 1s 1 ease-in-out;
	position: static;
	float: left;
	width: 1000px;
	max-width: 300%;
	perspective: 3600px;
	perspective-origin: bottom
}

.backdrop-banner,
.section-trial-program,
.testimonials {
	width: 100%;
	position: absolute
}

.backdrop-banner {
	background: rgba(13, 40, 63, .7);
	opacity: 0;
	height: 100vh;
	-moz-transition: opacity .5s linear;
	-webkit-transition: opacity .5s linear;
	transition: opacity .5s linear;
	z-index: -1
}

.section-trial-program {
	z-index: 1;
	top: 0;
	opacity: 0;
	height: 100vh;
	-moz-transform: scale(.3);
	-webkit-transform: scale(.3);
	-ms-transform: scale(.3);
	transform: scale(.3);
	transition: all .7s cubic-bezier(.175, .885, .32, 1.075);
	-ms-transition: all .7s cubic-bezier(.175, .885, .32, 1.075);
	-webkit-transition: all .7s cubic-bezier(.175, .885, .32, 1.075);
	-moz-transition: all .7s cubic-bezier(.175, .885, .32, 1.075)
}

.form-open .backdrop-banner {
	opacity: 1;
	z-index: 1
}

.form-open .intro-banner {
	z-index: 1
}

.form-open .question-banner {
	-webkit-transform: translateX(-1500px);
	-moz-transform: translateX(-1500px);
	-ms-transform: translateX(-1500px);
	transform: translateX(-1500px)
}

.form-open .mockup-banner {
	-webkit-transform: translateX(1500px);
	-moz-transform: translateX(1500px);
	-ms-transform: translateX(1500px);
	transform: translateX(1500px)
}

.form-open .section-trial-program {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	z-index: 2
}

.testimonials {
	display: -moz-flexbox;
	display: -webkit-flexbox;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

.side-image .computer-lid {
	position: absolute;
	bottom: 4.5%;
	width: 85.4%;
	margin: 0 7.3%;
	-moz-transform: rotateX(0) translate3d(0, 0, 0);
	-webkit-transform: rotateX(0) translate3d(0, 0, 0);
	-ms-transform: rotateX(0) translate3d(0, 0, 0);
	transform: rotateX(0) translate3d(0, 0, 0);
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	z-index: 998;
	transform-style: preserve-3d;
	-moz-transform-origin: center 99.65%;
	-webkit-transform-origin: center 99.65%;
	-ms-transform-origin: center 99.65%;
	transform-origin: center 99.65%;
	backface-visibility: hidden
}

.side-image .computer-lid .lid-border {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1000
}

.side-image .computer-lid .lid-edge {
	position: absolute;
	top: 20px;
	left: 0;
	line-height: 0;
	height: 10px;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	transform-style: preserve-3d;
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom
}

.side-image .video-wrapper {
	background: #000;
	overflow: hidden;
	transform: translate3d(0, 0, 0);
	transform-style: preserve-3d;
	margin: 4.35% 3.6% 4.2%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: stretch
}

body .backdrop-banner,
body main header {
	background-image: linear-gradient(to bottom right, #209cff, #68e0cf, #fddb92)
}

.side-image .video-wrapper video {
	width: 100%;
	height: 100%;
	display: block;
	min-height: 402px;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out
}

.side-image .computer-body {
	position: relative;
	-moz-transform: translate3d(0, 42px, 531px) scale(.852);
	-ms-transform: translate3d(0, 42px, 531px) scale(.852);
	-webkit-transform: translate3d(0, 42px, 531px) scale(.852);
	transform: translate3d(0, 42px, 531px) scale(.852);
	z-index: 1000;
	transform-style: preserve-3d
}

.side-image.computer-closed .computer-lid {
	-moz-transform: rotateX(-90deg) translate3d(0, 0, 0);
	-ms-transform: rotateX(-90deg) translate3d(0, 0, 0);
	-webkit-transform: rotateX(-90deg) translate3d(0, 0, 0);
	transform: rotateX(-90deg) translate3d(0, 0, 0)
}

body main {
	overflow: hidden
}

body .backdrop-banner {
	position: fixed
}

body .backdrop-banner:before {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(13, 40, 63, .5)
}

body .form-open .backdrop-banner {
	z-index: 1000
}

body .section-trial-program {
	position: fixed
}

body .form-open .section-trial-program {
	z-index: 2000
}

body .footer-block {
	z-index: 2
}

body .form-open .footer-block {
	z-index: 0;
	pointer-events: none
}

body.page-wrapper-home .backdrop-banner,
body.page-wrapper-home main header {
	background-image: linear-gradient(to bottom right, #209cff, #68e0cf, #fddb92)
}

body.page-wrapper-pc .backdrop-banner,
body.page-wrapper-pc main header {
	background-image: linear-gradient(to bottom right, #2196F3, #37b1bb, #48b9c2)
}

body.page-wrapper-pc .sale-point-table:before {
	background-image: linear-gradient(to top left, #2196F3, #37b1bb, #48b9c2)
}

body.page-wrapper-pos .backdrop-banner,
body.page-wrapper-pos main header {
	background-image: linear-gradient(to bottom right, #4CAF50, #1aad71, #16ab6f)
}

body.page-wrapper-pos .sale-point-table:before {
	background-image: linear-gradient(to top left, #4CAF50, #1aad71, #16ab6f)
}

body.page-wrapper-iseo .backdrop-banner,
body.page-wrapper-iseo main header {
	background-image: linear-gradient(to bottom right, #673AB7, #8092da, #8092da)
}

body.page-wrapper-iseo .sale-point-table:before {
	background-image: linear-gradient(to top left, #673AB7, #8092da, #8092da)
}

body.page-wrapper-email .backdrop-banner,
body.page-wrapper-email main header {
	background-image: linear-gradient(to bottom right, #2b5876, #455b68, #4e4376)
}

body.page-wrapper-email .sale-point-table:before {
	background-image: linear-gradient(to top left, #2b5876, #455b68, #4e4376)
}

body.page-wrapper-social .backdrop-banner,
body.page-wrapper-social main header {
	background-image: linear-gradient(to bottom right, #005bea, #429dd0, #00c6fb)
}

body.page-wrapper-social .sale-point-table:before {
	background-image: linear-gradient(to top left, #005bea, #429dd0, #00c6fb)
}

body.page-wrapper-bi .backdrop-banner,
body.page-wrapper-bi main header {
	background-image: linear-gradient(to bottom right, #09203f, #205680, #537895)
}

body.page-wrapper-bi .sale-point-table:before {
	background-image: linear-gradient(to top left, #09203f, #205680, #537895)
}

body.page-wrapper-training {
	background-image: linear-gradient(to top left, #005bea, #429dd0, #00c6fb)
}

@keyframes enter-computer {
	0% {
		transform: translateX(1500px);
		-webkit-transform: translateX(1500px);
		-ms-transform: translateX(1500px);
		-moz-transform: translateX(1500px)
	}
	100% {
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0)
	}
}

@keyframes fade-in-homepage {
	0% {
		opacity: 0;
		\ transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-moz-transform: translateY(-10px)
	}
	100% {
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0)
	}
}

@keyframes clicked {
	0%,
	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1)
	}
	30% {
		transform: scale(.95);
		-webkit-transform: scale(.95);
		-ms-transform: scale(.95);
		-moz-transform: scale(.95)
	}
}

@keyframes clicked-shadow {
	0%,
	100% {
		box-shadow: 0 1px 20px rgba(0, 0, 0, .2)
	}
	30% {
		box-shadow: 0 1px 5px rgba(0, 0, 0, .4)
	}
}

.trial-testimonial {
	margin: 20px auto 20px 140px;
	font-size: 2em;
	position: relative;
	padding: 10px 10px 10px 0;
	max-width: 50%
}

{
	opacity: 0
}

.cursor {
	display: block;
	position: absolute;
	height: 100%;
	top: 0;
	right: -5px;
	width: 2px;
	background-color: #fff;
	z-index: 1;
	-moz-animation: flash .5s none infinite alternate;
	-webkit-animation: flash .5s none infinite alternate;
	animation: flash .5s none infinite alternate
}

@-webkit-keyframes flash {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes flash {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

.headline {
	margin: 20px;
	color: #fff;
	font-size: 32px;
	text-align: center
}

.headline h1 {
	letter-spacing: 1.6px;
	font-weight: 300
}

.twitterLink {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 10px 15px;
	z-index: 3
}

.twitterLink svg {
	width: 25px
}

.trial-form-wrapper {
	position: relative;
	width: 870px;
	height: 500px;
	color: #fff;
	text-align: center
}

.trial-form-wrapper h2 {
	font-size: 4em;
	font-weight: 800;
	color: #fff;
	margin-top: 0;
	line-height: normal
}

.trial-form-wrapper h3 {
	font-size: 1.25rem;
	margin: 30px 0;
	line-height: 1.75rem;
	color: #fff
}

.nevermind {
	font-size: 1.5em;
	color: #a1c6f0;
	margin-top: 50px;
	display: inline-block;
	cursor: pointer
}

ul.items {
	position: absolute;
	width: 30px;
	height: auto;
	top: 50%;
	left: -60px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%)
}

.items li {
	width: 12px;
	height: 12px;
	margin: 10px 0;
	background: #fff;
	border-radius: 50%;
	opacity: .4;
	cursor: pointer
}

ul.items li.active {
	opacity: 1
}

.trial-form-wrapper fieldset {
	opacity: 0;
	top: 50%;
	left: 50%;
	position: absolute;
	width: 100%;
	height: auto;
	-moz-transform: translateX(-50%) translateY(-50%) scale(.2);
	-webkit-transform: translateX(-50%) translateY(-50%) scale(.2);
	transform: translateX(-50%) translateY(-50%) scale(.2);
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	padding: 0;
	margin: 0;
	border: 0;
	background: 0 0;
	pointer-events: none
}

.trial-form-wrapper fieldset.disable {
	z-index: 0;
	pointer-events: none;
	opacity: 0;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	-moz-transform: translateX(-50%) translateY(-50%) scale(.9);
	-webkit-transform: translateX(-50%) translateY(-50%) scale(.9);
	transform: translateX(-50%) translateY(-50%) scale(.9)
}

.trial-form-wrapper fieldset.enable {
	z-index: 1;
	opacity: 1;
	-moz-transition: all .5s ease-out .2s;
	-webkit-transition: all .5s ease-out .2s;
	transition: all .5s ease-out .2s;
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
	-moz-animation: enable .5s ease-out .2s;
	-webkit-animation: enable .5s ease-out .2s;
	animation: enable .5s ease-out .2s;
	pointer-events: auto
}

.trial-form-wrapper fieldset.loading {
	pointer-events: none
}

.actions-form .primary-action-form,
.actions-form .primary-action-form-submit {
	display: inline-block;
	font-family: Mitr, sans-serif;
	font-size: 2.5em;
	font-weight: 700;
	background-image: linear-gradient(to bottom right, #f857a6, #ff5858);
	box-shadow: none;
	color: #fff;
	padding: 0 30px;
	border: 0;
	border-radius: 25px;
	line-height: 50px;
	height: 50px;
	-moz-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	text-transform: uppercase;
	cursor: pointer;
	margin: auto;
	width: auto;
	min-width: auto
}

.actions-form .primary-action-form-submit.success {
	background-image: linear-gradient(to bottom right, #8BC34A, #4CAF50)
}

.actions-form-next .primary-action-form:hover {
	margin-right: 0
}

.actions-form .alt-action {
	font-size: 2em;
	font-weight: 400;
	color: #fff;
	margin-left: 10px
}

.actions-form .alt-action a {
	color: #fff
}

@-moz-keyframes enable {
	0% {
		opacity: 0;
		transform: translateX(-50%) translateY(-50%) scale(.2);
		-webkit-transform: translateX(-50%) translateY(-50%) scale(.2);
		-moz-transform: translateX(-50%) translateY(-50%) scale(.2)
	}
	60% {
		transform: translateX(-50%) translateY(-50%) scale(1.1);
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1.1);
		-moz-transform: translateX(-50%) translateY(-50%) scale(1.1)
	}
	100% {
		opacity: 1;
		transform: translateX(-50%) translateY(-50%) scale(1);
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
		-moz-transform: translateX(-50%) translateY(-50%) scale(1)
	}
}

@-webkit-keyframes enable {
	0% {
		opacity: 0;
		transform: translateX(-50%) translateY(-50%) scale(.2);
		-webkit-transform: translateX(-50%) translateY(-50%) scale(.2);
		-moz-transform: translateX(-50%) translateY(-50%) scale(.2)
	}
	60% {
		transform: translateX(-50%) translateY(-50%) scale(1.1);
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1.1);
		-moz-transform: translateX(-50%) translateY(-50%) scale(1.1)
	}
	100% {
		opacity: 1;
		transform: translateX(-50%) translateY(-50%) scale(1);
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
		-moz-transform: translateX(-50%) translateY(-50%) scale(1)
	}
}

@keyframes enable {
	0% {
		opacity: 0;
		transform: translateX(-50%) translateY(-50%) scale(.2);
		-webkit-transform: translateX(-50%) translateY(-50%) scale(.2);
		-moz-transform: translateX(-50%) translateY(-50%) scale(.2)
	}
	60% {
		transform: translateX(-50%) translateY(-50%) scale(1.1);
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1.1);
		-moz-transform: translateX(-50%) translateY(-50%) scale(1.1)
	}
	100% {
		opacity: 1;
		transform: translateX(-50%) translateY(-50%) scale(1);
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
		-moz-transform: translateX(-50%) translateY(-50%) scale(1)
	}
}

.trial-form-wrapper .form-input {
	text-align: left;
	font-size: 1.5em;
	max-width: 50%;
	margin: auto;
	padding: 20px;
	max-height: calc(100vh - 173px);
	max-height: -webkit-calc(100vh - 173px);
	max-height: -moz-calc(100vh - 173px);
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.trial-form-wrapper input.form-control {
	font-size: 1em;
	font-weight: 600;
	background: #fff;
	box-shadow: 0 1px 20px rgba(0, 0, 0, .2);
	border: 0;
	border-radius: 6px;
	line-height: 50px;
	width: 100%;
	height: 50px
}

.trial-form-wrapper input.form-control[readonly] {
	opacity: .8;
	filter: alpha(opacity=80)
}

.trial-form-wrapper input.form-control:focus {
	box-shadow: 0 0 5px #cacaca;
	transition: box-shadow .5s, border-color;
	-webkit-transition: box-shadow .5s, border-color;
	-moz-transition: box-shadow .5s, border-color
}

.trial-form-wrapper .has-feedback.has-success input.form-control {
	box-shadow: 0 0 5px #16ab6f
}

.trial-form-wrapper .has-feedback.has-error input.form-control {
	box-shadow: 0 0 5px #E74C3C
}

.trial-form-wrapper .form-control-feedback {
	color: #666
}

.trial-form-wrapper .has-success .form-control-feedback {
	color: #16ab6f
}

.trial-form-wrapper .has-error .form-control-feedback {
	color: #E74C3C
}

.trial-form-wrapper .form-control::-webkit-input-placeholder {
	color: #bdbdbd
}

.trial-form-wrapper .form-control::-moz-placeholder {
	color: #bdbdbd
}

.trial-form-wrapper .form-control:-ms-input-placeholder {
	color: #bdbdbd
}

.trial-form-wrapper .form-control:-moz-placeholder {
	color: #bdbdbd
}

.trial-form-wrapper .has-feedback label~.form-control-feedback {
	top: 50%;
	margin-top: -7px
}

.btn.primary-action-form-submit.loading {
	padding-right: 52px
}

.btn.primary-action-form-submit.loading:hover,
.btn.primary-action-form-submit.ready:hover {
	margin-right: 0
}

.form-input .radio input[type=radio] {
	display: none
}

.form-input .radio {
	margin: 0
}

.form-input .radio label {
	font-size: 2em;
	color: #bfbfbf;
	display: block;
	padding: 0 0 0 50px;
	cursor: pointer;
	position: relative
}

.form-input .radio label:before {
	content: '';
	display: inline-block;
	background: #55D8C6;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 30px;
	width: 30px;
	margin-right: 0;
	border-radius: 50%;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, .2);
	box-sizing: border-box;
	border: 15px solid #fff;
	transition: border .3s ease
}

.form-input .radio input:checked+label:before {
	border-color: #fff;
	border-width: 5px
}

.form-input .radio input+label {
	transition: color .7s ease
}

.form-input .radio input:checked+label {
	color: #FFF
}

@media only screen and (max-width:767px) {
	.form-input .radio {
		margin-bottom: 10px
	}
	.form-input .radio label {
		font-size: 1.5em;
		padding-left: 40px
	}
}

.page-intro {
	position: relative;
	padding: 130px 0 120px;
	overflow: hidden;
	text-align: center;
	background: 0 0;
	box-shadow: none;
	border: 0
}

.page-intro h1 {
	color: #fff;
	margin: 0;
	font-size: 5em
}

.page-intro h2 {
	color: #fff;
	margin: 0;
	font-size: 3.5em
}

.page-intro .block-text-training h1 {
	margin-bottom: 0;
	font-size: 4em
}

.page-intro .block-text-training h1.title-brand-training {
	font-size: 4em;
	margin-bottom: 50px
}

.page-wrapper-training .block-page-block-package {
	position: relative;
	z-index: 1
}

.page-wrapper-training .page-intro {
	z-index: 2
}

.banner-page-block-package {
	background: #fff;
	box-shadow: 0 10px 50px rgba(0, 0, 0, .1);
	border-radius: 4px;
	padding: 0;
	overflow: hidden;
	margin: -53px auto 40px
}

.page-intro .block-text-training-detail h1.title-brand-training {
	font-size: 4em;
	margin-bottom: 30px
}

.page-intro .block-text-training-detail h1 {
	font-size: 2em;
	margin-bottom: 15px
}

.page-intro .block-text-training-detail .course-name {
	color: #FFF;
	letter-spacing: .025em;
	display: inline-block;
	font-size: 2em;
	text-shadow: 0 1px 1px #000;
	border-bottom: 2px solid #ff9500
}

.footer-block {
	position: relative;
	background: #343434;
	line-height: normal
}

.footer {
	font-size: 100%
}

.footer-block,
.logos-customer {
	padding: 30px 0
}

.logo-wrapper {
	position: relative;
	margin: 10px 0;
	height: 125px;
	padding: 0;
	vertical-align: middle;
	overflow: hidden
}

.logo-wrapper>img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	position: absolute;
	opacity: 0;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	width: auto;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	display: block;
	vertical-align: middle
}

.logo-wrapper>img.active {
	opacity: 1
}

footer ul li a {
	font-size: 1.5em;
	color: #fff;
	padding: 2px
}

footer ul li a:active,
footer ul li a:focus,
footer ul li a:hover {
	color: #7795f8
}

.footer-menu-title {
	text-transform: uppercase;
	color: #666;
	font-weight: 600;
	font-size: 1.5em
}

.footer-menu-title a {
	font-size: 1em;
	color: #666
}

.footer-menu-title a:hover {
	color: #666
}

.icon-line {
	color: #00b900
}

.subfooter {
	padding-top: 60px;
	padding-bottom: 0;
	font-size: 1.5em;
	text-align: center
}

.master-slider {
	box-shadow: 0 10px 50px rgba(0, 0, 0, .1);
	border-bottom: 6px solid #FFF
}

.master-slider+.page-intro {
	padding-top: 70px
}

.actions-block-mobile,
.slick {
	display: none
}

@media only screen and (max-width:1199px) {
	.svg-wrapper-block svg {
		width: 180px
	}
	.header-menu>.container,
	.intro-banner>.container {
		width: 100%
	}
}

@media (max-width:1199px) and (min-width:1024px) {
	.get-typed {
		font-size: .9em
	}
	.actions .primary-action {
		font-size: 2em
	}
	.actions .alt-action {
		font-size: 1.75em
	}
}

@media only screen and (max-width:1023px) {
	.container-question-banner,
	.intro-banner {
		height: 1140px
	}
	.question-banner {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
		text-align: center;
		padding-top: 40px
	}
	.mockup-banner {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-top: -140px;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none
	}
	.side-image {
		max-width: 100%;
		width: 100%
	}
	.page-wrapper-home .form-open .footer-block {
		height: auto
	}
	footer ul li a {
		font-size: 1.15em
	}
	.trial-testimonial {
		margin-left: auto
	}
	.computer-body {
		transform: translate3d(0, 29px, 401px) scale(.85);
		-webkit-transform: translate3d(0, 29px, 401px) scale(.85);
		-moz-transform: translate3d(0, 29px, 401px) scale(.85)
	}
	.side-image .video-wrapper video {
		min-height: 440px
	}
}

@media only screen and (max-width:991px) {
	.nav-menu {
		text-align: left
	}
	.header-menu .nav-section.nav-mobile .page-link {
		margin-top: 10px
	}
	.mainfooter .row>div:nth-child(1)>div {
		width: 50%;
		margin-bottom: 15px
	}
	.trial-form-wrapper {
		width: 600px;
		height: 500px
	}
	.backdrop-banner {
		height: 1140px
	}
	.trial-form-wrapper h2 {
		font-size: 2.5em
	}
	.form-open .intro-banner,
	.page-wrapper-home .form-open .intro-banner {
		margin-bottom: 0!important
	}
	.trial-form-wrapper .form-input {
		max-width: 70%
	}
}

@media (max-width:991px) and (min-width:640px) {
	.side-image .video-wrapper video {
		min-height: auto
	}
}

@media only screen and (max-width:768px) {
	.side-image .computer-lid .lid-edge {
		height: auto
	}
	.side-image .computer-lid {
		bottom: 2.5%
	}
}

@media (max-width:767px) and (min-width:640px) {
	.side-image .computer-lid {
		bottom: 0
	}
}

@media only screen and (max-width:767px) {
	.question-banner {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.mainfooter .row>div:nth-child(1) {
		width: 100%;
		float: left
	}
	.mainfooter .row>div:nth-child(2) {
		width: 100%;
		float: left;
		text-align: center;
		margin-top: 15px
	}
	.mainfooter .row>div:nth-child(1)>div {
		float: left
	}
	.logo-wrapper {
		height: 80px
	}
	.subfooter {
		padding-top: 30px;
		margin-bottom: 60px
	}
	footer ul li a {
		font-size: 1.5em
	}
}

@media only screen and (max-width:639px) {
	.mobile-feature,
	.mobile-feature video {
		box-shadow: 0 1px 20px rgba(0, 0, 0, .05)
	}
	.question-banner {
		padding-top: 40px;
		height: 50vh;
		margin-bottom: 60px;
		-moz-transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-ms-flex-align: center;
		-ms-grid-row-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		flex-direction: column
	}
	.question-banner h1 {
		padding-left: 15px;
		padding-right: 15px;
		font-size: 1.75em;
		margin-bottom: 15px
	}
	.actions-block,
	.search-bar {
		display: none!important
	}
	.actions-block-mobile {
		display: block
	}
	.actions-block-mobile .actions {
		display: block!important
	}
	.form-open .header-menu,
	.page-wrapper-home .form-open .footer-block,
	.side-image {
		display: none
	}
	.actions-block-mobile .actions .primary-action {
		font-size: 2em
	}
	.intro-banner {
		height: 100vh;
		margin-bottom: 0!important
	}
	.intro-banner>.container {
		padding-right: 0;
		padding-left: 0
	}
	.container-question-banner {
		height: 100vh;
		min-height: inherit
	}
	.mockup-banner {
		-moz-transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		height: 50vh;
		margin-top: 0
	}
	.page-wrapper-home .footer-block {
		height: auto;
		padding: 20px 0
	}
	.logos-customer {
		padding: 20px 0
	}
	.logos-customer .container .row>div {
		width: 33.33333%
	}
	.form-open .question-banner {
		-webkit-transform: translateX(0) translateY(-500px);
		-moz-transform: translateX(0) translateY(-500px);
		-ms-transform: translateX(0) translateY(-500px);
		transform: translateX(0) translateY(-500px)
	}
	.form-open .mockup-banner {
		-webkit-transform: translateX(0) translateY(500px);
		-moz-transform: translateX(0) translateY(500px);
		-ms-transform: translateX(0) translateY(500px);
		transform: translateX(0) translateY(500px)
	}
	.trial-form-wrapper {
		width: calc(100vw - 30px);
		width: -webkit-calc(100vw - 30px);
		width: -moz-calc(100vw - 30px);
		height: 100vh
	}
	.trial-form-wrapper h2 {
		font-size: 2em;
		padding-top: 0;
		padding-left: 15px;
		padding-right: 15px
	}
	.trial-form-wrapper h2.title-form {
		font-size: 2em;
		padding-top: 0;
		padding-left: 0;
		padding-right: 0
	}
	.trial-form-wrapper .form-input {
		max-width: none;
		margin-bottom: 0;
		padding: 8px 20px
	}
	.trial-form-wrapper-one .form-input {
		margin-bottom: 0
	}
	ul.items {
		left: 10px
	}
	.actions-form .primary-action-form-submit {
		width: 90%;
		padding: 0 15px
	}
	.btn.btn-register-on-modal.loading:after {
		margin-top: -9px
	}
	.actions-form {
		padding: 0 20px
	}
	.backdrop-banner {
		height: 100vh
	}
	.nevermind {
		margin-top: 15px
	}
	.trial-form-wrapper fieldset.enable {
		-moz-animation: none;
		-webkit-animation: none;
		animation: none
	}
	.form-open main {
		margin-top: 0
	}
	.actions-form .primary-action-form,
	.actions-form .primary-action-form-submit {
		font-size: 1.7em
	}
	.trial-form-wrapper fieldset {
		padding-left: 20px
	}
	.trial-form-wrapper-one fieldset {
		padding-left: 0
	}
	.trial-form-wrapper-one h2 {
		padding-top: 0
	}
	.page-intro {
		padding: 100px 0 80px
	}
	.page-intro .small-11 {
		margin: auto
	}
	.page-intro h1 {
		font-size: 2.5em
	}
	.page-intro h2 {
		font-size: 2em
	}
	.title-page-box {
		padding: 20px
	}
	.btn.start_tour {
		width: 220px
	}
	.page-intro .block-text-training h1.title-brand-training {
		font-size: 2.5em;
		margin-bottom: 30px
	}
	.page-intro .block-text-training h1 {
		font-size: 2.5em
	}
	.banner-image-background-training,
	.banner-image-training {
		height: 384px
	}
	.slick-slider {
		position: relative;
		display: block;
		box-sizing: border-box;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-ms-touch-action: pan-y;
		touch-action: pan-y;
		-webkit-tap-highlight-color: transparent;
		height: 100%;
		min-height: inherit
	}
	.slick-track:after,
	.slick-track:before {
		content: "";
		display: table
	}
	.slick-list,
	.slick-track {
		position: relative;
		display: block
	}
	.slick-track:after {
		clear: both
	}
	.small-11 {
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%
	}
	.slick {
		margin-top: -30px
	}
	.slick-list {
		overflow: hidden;
		margin: 0;
		padding: 0
	}
	.slick .slick-list {
		overflow: visible!important
	}
	.slick-track {
		left: 0;
		top: 0
	}
	.slick-slider .slick-list,
	.slick-slider .slick-track {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	.slick-slide {
		float: left;
		height: 100%;
		min-height: 1px;
		display: none
	}
	.mobile-feature {
		background: #fff;
		border-radius: 6px;
		padding: 20px;
		margin: -53px 10px 30px
	}
	.slick-initialized .slick-slide {
		display: block
	}
	.mobile-feature h2 {
		color: #666;
		font-weight: 600;
		font-size: 1.5em;
		line-height: normal;
		margin: 0
	}
	.mobile-feature h2 i {
		color: #7795f8
	}
	.mobile-feature video {
		width: 100%;
		margin: 20px 0 0;
		object-fit: inherit;
		height: 277px
	}
	.page-wrapper-home .banner-page-block-package {
		margin-top: -23px
	}
	.page-wrapper-home .banner-page-block-package .title-page-box {
		padding: 20px
	}
}

@media only screen and (max-width:480px) {
	.mobile-feature {
		padding: 10px
	}
	.mobile-feature h2 {
		font-size: 1.2em;
		min-height: 38px
	}
	.mobile-feature video {
		margin-top: 10px;
		height: 200px
	}
}

@media only screen and (max-width:374px) {
	.mobile-feature video {
		height: 147px
	}
}

.contact-fixed {
	display: none
}
.padding-left-0 {
    padding-left: 0px!important;
    margin-left: 0px!important;
}
@media only screen and (min-width:768px) {
	
	.contact-fixed {
		/*
		display: block;
		background-image: linear-gradient(to bottom right, #673AB7, #6772e5);
		color: #FFF;
		position: fixed;
		z-index: 1002;
		bottom: 15px;
		left: 15px;
		border-radius: 50px;
		text-align: center;
		box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
		transition: all .1s ease-in-out;
		-webkit-transition: all .1s ease-in-out;
		-moz-transition: all .1s ease-in-out;
		height: 50px
		*/
		    display: flex;
			background-image: linear-gradient(to bottom right, #673AB7, #6772e5);
			color: #FFF;
			position: fixed;
			z-index: 1002;
			bottom: 15px;
			left: 15px;
			border-radius: 50px;
			text-align: center;
			box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
			transition: all 100ms ease-in-out;
			-webkit-transition: all 100ms ease-in-out;
			-moz-transition: all 100ms ease-in-out;
			height: 50px;
			font-size: 10px;
	}
	
	.contact-fixed:hover a span:first-child {
		text-decoration: underline
	}
	.contact-fixed a {
		color: #FFF;
		display: flex;
		align-items: center;
		line-height: normal;
		padding: 10px 15px
	}
	.contact-fixed a i {
		font-size: 2em
	}
	.tel-fixed {
		font-size: 1.5em;
		margin-left: 10px
	}
}

.container-package,
.list-package {
	display: -webkit-box;
	display: -ms-flexbox;
	width: 100%
}

.packages-block {
	padding-top: 0;
	padding-bottom: 50px;
	line-height: normal;
	position: relative;
	z-index: 1
}

.packages-block:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 0;
	-ms-transform: skewY(-12deg);
	-o-transform: skewY(-12deg);
	-webkit-transform: skewY(-12deg);
	-moz-transform: skewY(-12deg);
	transform: skewY(-12deg);
	background: #f6f9fc;
	background-image: linear-gradient(to bottom right, #209cff, #68e0cf, #fddb92)
}

.packages-block .title-section {
	color: #343434;
	font-size: 3.5em;
	text-align: center;
	padding-bottom: 50px
}

.container-package {
	display: -moz-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	height: 100%
}

.list-package {
	display: -moz-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	-ms-align-items: stretch;
	align-items: stretch;
	height: auto;
	text-align: center;
	background: #fff;
	box-shadow: 0 10px 50px rgba(0, 0, 0, .1);
	border-radius: 4px;
	margin-right: 30px
}

.body-package ul li,
.body-package ul li.package-price {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex
}

.list-package:last-child {
	margin-right: 0
}

.list-package>div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 100%
}

.header-package {
	padding: 15px;
	border-radius: 4px 4px 0 0;
	background: #666;
	color: #FFF
}

.header-package h2 {
	margin: 0 0 5px;
	color: #FFF;
	font-size: 2.75em
}

.header-package span {
	font-size: 1.5em
}

.list-package.list-package-highlight {
	font-size: 1.25em
}

.list-package-highlight .header-package {
	background-image: linear-gradient(to bottom right, #f857a6, #ff5858)
}

.list-package-highlight .header-package h2,
.list-package-highlight .header-package span {
	color: #FFF
}

.body-package ul li {
	font-size: 1.5em;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	color: #343434;
	position: relative;
	padding-left: 18%;
	display: flex;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center
}

.list-package-highlight .body-package ul li {
	padding-left: 8%
}

.list-package:last-child .body-package ul li {
	padding-left: 15%
}

.body-package ul li i {
	font-size: 1.75em;
	margin-right: 10px;
	line-height: 1;
	display: block;
	text-align: center
}

.body-package ul li span {
	text-align: left
}

.close-content-seo,
.close-popover,
.content-seo,
.investor-img,
.out-customer,
.title-content-faq>h1 {
	text-align: center
}

.body-package ul li:last-child {
	padding-bottom: 15px
}

.body-package ul li.package-price {
	padding: 10px 15px!important;
	font-size: 2em;
	background: #e1e1e1;
	border: 0;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between
}

.body-package ul li.package-price>div:nth-child(1) {
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.body-package ul li.package-price>div:nth-child(2) {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center
}

.toggle-condition {
	min-width: auto;
	background: 0 0;
	font-size: .5em;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer
}

.body-package ul li.package-condition {
	padding: 10px!important;
	font-size: 1.5em;
	border-bottom: 2px solid #eee;
	color: #ff5858;
	display: none
}

.show-preview-program {
	background: #3E474F;
	color: #FFF;
	border-radius: 5px;
	padding: 5px;
	z-index: 1014;
	position: absolute;
	font-size: 1.5em;
	-webkit-transition: left .2s ease, right .2s ease;
	-moz-transition: left .2s ease, right .2s ease;
	transition: left .2s ease, right .2s ease;
	opacity: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 350px;
	height: 250px;
	left: 100%;
	line-height: normal;
	pointer-events: none;
	margin-left: 20px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center
}

.footer-package,
.panel .panel-body {
	padding: 15px
}

.show-preview-program:before {
	position: absolute;
	background: #3E474F;
	width: 10px;
	height: 10px;
	border-radius: 0 0 0 3px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: -5px;
	margin-top: -7px
}

.show-preview-program.active {
	opacity: 1;
	pointer-events: all
}

.show-preview-program img {
	border-radius: 5px;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%
}

.list-package:last-child .show-preview-program {
	left: auto;
	right: 100%;
	margin-left: 0;
	margin-right: 20px
}

.list-package:last-child .show-preview-program:before {
	border-radius: 0 3px 0 0;
	left: auto;
	right: -5px
}

.package-link-contact {
	display: inline-block;
	font-size: 2em;
	font-weight: 500;
	background-image: linear-gradient(to bottom right, #f857a6, #ff5858);
	box-shadow: none;
	color: #fff!important;
	padding: 0 30px;
	border: 0;
	border-radius: 25px;
	line-height: 50px;
	height: 50px;
	transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	text-transform: uppercase;
	cursor: pointer
}

.package-link-contact:hover {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.close-popover {
	width: 30px;
	height: 30px;
	position: absolute;
	right: -5px;
	top: -10px;
	background: #ff5858;
	border-radius: 50%;
	box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
	color: #FFF;
	z-index: 2
}

.body-package ul li .close-popover i {
	font-size: 12px;
	margin: 0;
	line-height: 30px
}

@media only screen and (max-width:1199px) {
	.list-package {
		margin-right: 20px
	}
	.list-package.list-package-highlight {
		font-size: 1.15em
	}
	.list-package:first-child .body-package ul li {
		padding-left: 12%
	}
	.list-package-highlight .body-package ul li {
		padding-left: 8%;
		padding-right: 8%
	}
	.list-package:last-child .body-package ul li {
		padding-left: 7%
	}
	.list-package.list-package-highlight .show-preview-program {
		top: auto;
		bottom: 100%;
		left: 50%;
		margin-left: 0;
		margin-bottom: 20px;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}
	.list-package.list-package-highlight .show-preview-program:before {
		top: auto;
		bottom: -5px;
		left: 50%;
		margin-top: 0;
		margin-left: -7px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg)
	}
}

@media only screen and (max-width:991px) {
	.packages-block .title-section {
		padding-bottom: 50px
	}
	.list-package {
		margin-right: 15px
	}
	.list-package.list-package-highlight {
		font-size: 1em
	}
	.body-package ul li {
		padding: 10px
	}
	.body-package ul li.package-price {
		font-size: 1.75em
	}
	.body-package ul li i {
		font-size: 1.5em
	}
	.list-package-highlight .body-package ul li,
	.list-package:first-child .body-package ul li {
		padding-left: 8%;
		padding-right: 8%
	}
	.list-package:last-child .body-package ul li {
		padding-left: 7%;
		padding-right: 7%
	}
}

@media only screen and (max-width:767px) {
	.packages-block .title-section {
		font-size: 2.5em
	}
	.container-package {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.list-package {
		margin-right: 0;
		margin-bottom: 50px
	}
	.list-package:first-child {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
	.list-package:last-child {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
	.list-package.list-package-highlight {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
		margin-bottom: 0
	}
	.container-package .list-package .body-package ul li {
		padding-left: 20%;
		padding-right: 20%
	}
	.container-package .list-package .show-preview-program {
		top: auto;
		bottom: 100%;
		left: 50%;
		margin-left: 0;
		margin-bottom: 20px;
		margin-right: 0;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%)
	}
	.container-package .list-package .show-preview-program:before {
		top: auto;
		bottom: -5px;
		left: 50%;
		margin-top: 0;
		margin-left: -7px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		border-radius: 0 0 0 3px
	}
}

@media only screen and (max-width:480px) {
	.container-package .list-package .body-package ul li {
		padding-left: 15px;
		padding-right: 15px
	}
	.container-package .list-package .show-preview-program {
		left: -5px;
		right: -5px;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		width: auto;
		height: 200px
	}
}

.content-seo {
	background: #FFF;
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
	z-index: 2
}

.content-seo.open-content {
	z-index: 3
}

.title-content-seo {
	margin-bottom: 50px
}

.title-content-seo>h1 {
	text-align: center;
	margin: 0;
	font-size: 3.5em
}

.content-seo .content-seo-list {
	margin: 15px 0;
	padding: 0;
	background: #fff;
	box-shadow: 0 10px 50px rgba(0, 0, 0, .1);
	border-radius: 4px;
	cursor: pointer
}

.content-seo .content-seo-list figure {
	position: relative;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border-radius: 4px 4px 0 0
}

.content-seo .content-seo-list figure image {
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: 100%
}

.content-seo .content-seo-list:hover h4 {
	color: #6772e5
}

.detail-content-seo {
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 0 15px;
	word-break: break-all
}

.title-detail-content-seo {
	display: flex;
	height: 70px;
	justify-content: center;
	align-items: center;
	padding: 10px 0
}

.content-seo .content-seo-list h4 {
	margin: 0;
	padding: 0;
	font-size: 2em;
	display: block;
	display: -webkit-box;
	max-height: 60px;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-moz-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all
}

.desc-detail-content-seo {
	display: flex;
	height: 86px;
	justify-content: center;
	align-items: center;
	border-top: 1px solid #EEE;
	padding-top: 10px;
	padding-bottom: 10px
}

.content-seo .content-seo-list p {
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	display: block;
	display: -webkit-box;
	max-height: 66px;
	-webkit-line-clamp: 3;
	-moz-line-clamp: 3;
	-moz-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	font-weight: 400
}

.box-content-seo {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	background-color: rgba(0, 0, 0, .6);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.box-content-seo.content-seo-open {
	z-index: 2001;
	display: block;
	-moz-animation-name: fadeIn;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

.close-content-seo {
	width: 30px;
	height: 30px;
	position: absolute;
	top: -15px;
	right: -15px;
	cursor: pointer;
	z-index: 1001;
	border-radius: 50%;
	line-height: 28px;
	font-size: 3em;
	background: #f5f5f5;
	color: #bdc3c7
}

.body-content-seo {
	padding: 20px;
	position: absolute;
	left: 50%;
	top: 0;
	width: 50vw;
	height: auto;
	transform: translateX(-50%) translateY(0);
	-webkit-transform: translateX(-50%) translateY(0);
	-moz-transform: translateX(-50%) translateY(0);
	box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
	border-radius: 3px;
	background-color: #fff;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}

body.no-scroll {
	overflow: hidden
}

@media only screen and (max-width:991px) {
	.body-content-seo {
		width: 75vw
	}
}

@media only screen and (max-width:767px) {
	.body-content-seo {
		width: auto;
		left: 15px;
		right: 15px;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none
	}
	.close-content-seo {
		top: -10px;
		right: -10px
	}
}

.out-customer {
	background: #FFF;
	position: relative;
	padding-bottom: 50px;
	z-index: 2
}

.block-out-customer-table-box {
	border-radius: 4px;
	padding: 25px;
	background: #FFF;
	box-shadow: 0 10px 50px rgba(0, 0, 0, .1)
}

.table-our-customer {
	width: 100%;
	font-size: 1.5em
}

.table-our-customer thead th {
	padding: 10px;
	border: 2px solid #EEE
}

.table-our-customer tbody td {
	padding: 10px;
	border-top: 2px solid #EEE;
	border-left: 2px solid #EEE
}

.table-our-customer tbody td:last-child {
	border-right: 2px solid #EEE
}

.table-our-customer tbody tr:first-child td {
	border-top: 0
}

.table-our-customer tbody tr:last-child td {
	border-bottom: 2px solid #EEE
}

.table-our-customer tbody td:nth-child(2),
.table-our-customer tbody td:nth-child(3) {
	width: 100px
}

.table-our-customer tbody td:nth-child(4) {
	width: 150px
}

.table-our-customer tbody td:nth-child(5) {
	width: 100px
}

.title-table-our-customer {
	padding-top: 15px;
	padding-bottom: 30px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	position: relative
}

.title-table-our-customer>h1 {
	font-size: 2.5em;
	margin: 0;
	text-align: left
}

.text-success {
	color: #16ab6f
}

.text-error {
	color: #E74C3C
}

.load-refresh-table {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 4px;
	background: linear-gradient(to top left, #209cff, #68e0cf)
}

.icon-refresh-table {
	font-size: 1.5em;
	color: #DDD;
	position: relative;
	margin-right: 25px;
	opacity: 0
}

.loader-circle,
.loader-line-mask {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -25px;
	height: 50px
}

.loader-circle {
	width: 50px;
	border-radius: 50%
}

.loader-line-mask {
	width: 25px;
	overflow: hidden;
	-webkit-transform-origin: 25px 25px;
	-moz-transform-origin: 25px 25px;
	-ms-transform-origin: 25px 25px;
	-o-transform-origin: 25px 25px;
	transform-origin: 25px 25px;
	-webkit-mask-image: -webkit-linear-gradient(top, #000, rgba(0, 0, 0, 0))
}

.loader-line-mask .loader-line {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px #209cff
}

.loading .load-refresh-table {
	-webkit-animation: loader-line 14s infinite linear;
	-moz-animation: loader-line 14s infinite linear;
	-o-animation: loader-line 14s infinite linear;
	animation: loader-line 14s infinite linear
}

.out-customer[limit="20"] .loading .load-refresh-table {
	-webkit-animation: loader-line 29s infinite linear;
	-moz-animation: loader-line 29s infinite linear;
	-o-animation: loader-line 29s infinite linear;
	animation: loader-line 29s infinite linear
}

.wait-loading.icon-refresh-table {
	opacity: 1
}

.wait-loading .loader-line-mask {
	-webkit-animation: rotate 1s infinite linear;
	-moz-animation: rotate 1s infinite linear;
	-o-animation: rotate 1s infinite linear;
	animation: rotate 1s infinite linear
}

@-webkit-keyframes loader-line {
	0% {
		right: 100%
	}
	100% {
		right: 0
	}
}

@-moz-keyframes loader-line {
	0% {
		right: 100%
	}
	100% {
		right: 0
	}
}

@-o-keyframes loader-line {
	0% {
		right: 100%
	}
	100% {
		right: 0
	}
}

@keyframes loader-line {
	0% {
		right: 100%
	}
	100% {
		right: 0
	}
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@-moz-keyframes rotate {
	0% {
		-moz-transform: rotate(0)
	}
	100% {
		-moz-transform: rotate(360deg)
	}
}

@-o-keyframes rotate {
	0% {
		-o-transform: rotate(0)
	}
	100% {
		-o-transform: rotate(360deg)
	}
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@media only screen and (max-width:767px) {
	.loader-circle,
	.loader-line-mask {
		margin-left: -12.5px;
		margin-top: -12.5px;
		height: 25px
	}
	.block-out-customer-table-box {
		padding: 15px
	}
	.title-table-our-customer {
		padding-top: 0;
		padding-bottom: 15px
	}
	.title-table-our-customer>h1 {
		font-size: 3em;
		text-align: center;
		-webkit-box-flex: 100%;
		flex: 100%
	}
	.icon-refresh-table {
		margin-right: 15px
	}
	.loader-circle {
		width: 25px;
		border-radius: 50%
	}
	.loader-line-mask {
		width: 12.5px;
		-webkit-transform-origin: 12.5px 12.5px;
		-moz-transform-origin: 12.5px 12.5px;
		-ms-transform-origin: 12.5px 12.5px;
		-o-transform-origin: 12.5px 12.5px;
		transform-origin: 12.5px 12.5px
	}
	.loader-line-mask .loader-line {
		width: 25px;
		height: 25px
	}
	table.table.table-roundup>tbody>tr:last-child>td {
		border-bottom: 1px solid #f1f1f1
	}
	.table-our-customer tbody tr:last-child td:last-child,
	table.table.table-roundup>tbody>tr:last-child>td:last-child {
		border-bottom: 0
	}
	table.table-roundup,
	table.table-roundup tbody,
	table.table-roundup td,
	table.table-roundup th,
	table.table-roundup thead,
	table.table-roundup tr {
		display: block
	}
	table.table-roundup thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px
	}
	table.table-roundup tr {
		border: 2px solid #EEE;
		margin-bottom: 15px
	}
	table.table-roundup tr:last-child {
		margin-bottom: 0
	}
	table.table-roundup td {
		border: none;
		border-bottom: 2px solid #EEE;
		position: relative;
		padding-left: 35%!important;
		width: auto!important;
		text-align: center
	}
	.table-our-customer tbody td:last-child {
		border-right: 0;
		border-bottom: 0
	}
	table.table-roundup td:before {
		top: 0;
		left: 0;
		width: 35%;
		white-space: nowrap;
		text-align: center;
		font-weight: 700;
		position: absolute;
		background: #f1f1f1;
		bottom: 0;
		line-height: 44px
	}
	table.table-roundup td:nth-of-type(1):before {
		content: "คีย์เวิร์ด"
	}
	table.table-roundup td:nth-of-type(2):before {
		content: "เว็บไซต์"
	}
	table.table-roundup td:nth-of-type(3):before {
		content: "อันดับ"
	}
	table.table-roundup td:nth-of-type(4):before {
		content: "วันที่อัปเดท"
	}
	table.table-roundup td:nth-of-type(5):before {
		content: "สถานะ"
	}
}

.investor-block {
	padding-top: 50px;
	padding-bottom: 50px;
	z-index: 1;
	position: relative
}

.investor-logo {
	max-width: 220px;
	max-height: 220px;
	margin: 40px auto
}

.investor-content h3 {
	font-size: 3em;
	margin: 0 0 20px
}

.investor-content p {
	font-size: 2em;
	margin: 0
}

.investor-content p a {
	color: #7795f8
}

.investor-content p a:hover {
	color: #5d82ff
}

@media (max-width:768px) {
	.investor-block .row-flex:first-child .investor-logo {
		margin-top: 0
	}
	.investor-content p {
		font-size: 1.5em
	}
}

@media only screen and (max-width:639px) {
	.page-intro-no-title {
		padding: 80px 0 50px
	}
}

.content-faq {
	background: #f1f1f1;
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
	z-index: 2;
	display: none
}

.title-content-faq {
	margin-bottom: 50px
}

.title-content-faq>h1 {
	margin: 0;
	font-size: 3.5em
}

.panel-group {
	margin-bottom: 0
}

.panel-group .panel+.panel {
	margin-top: 15px
}

.panel-group .panel {
	box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
	border-radius: 4px;
	background-color: #fff
}

.panel-heading {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.panel .panel-heading {
	position: relative;
	padding: 14px 24px 15px 0;
	overflow: hidden
}

.panel-group .panel .panel-heading {
	border: none;
	padding: 0;
	background-color: transparent;
	-webkit-transition: background-color .3s;
	transition: background-color .3s
}

.panel-group .panel .panel-heading a {
	display: block;
	position: relative;
	color: #007aff;
	background-color: transparent;
	padding: 13px 24px 14px 52px;
	overflow: hidden;
	-webkit-transition: all .3s;
	transition: all .3s
}

.panel-group .panel .panel-heading a h4 {
	margin: 0;
	text-align: left
}

.panel-group .panel .panel-heading a.collapsed {
	color: #555;
	border-bottom-color: #dedede
}

.panel-group .panel .panel-heading a.collapsed:hover {
	background-color: #f1f1f1
}

.panel-group .panel .panel-heading a:after {
	display: block;
	position: absolute;
	color: #6772e5;
	-webkit-transition: all .25s;
	transition: all .25s;
	right: auto;
	left: 15px;
	top: 50%;
	margin-top: 0;
	font-family: inherit;
	line-height: 19px;
	font-weight: 300;
	width: 24px;
	height: 24px;
	font-size: 4em;
	content: '+';
	text-align: center;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	-o-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg)
}

.panel-group .panel .panel-heading a.collapsed:after {
	-webkit-transform: translateY(-50%) rotate(0);
	-ms-transform: translateY(-50%) rotate(0);
	-o-transform: translateY(-50%) rotate(0);
	transform: translateY(-50%) rotate(0)
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: 2px solid #EEE
}

.child-faq {
	margin-left: 45px;
	position: relative
}

.child-faq:before {
	content: "";
	display: block;
	width: 13px;
	height: 16px;
	border: 2px solid #c1c1c1;
	border-radius: 0;
	border-right: 0;
	border-top: 0;
	position: absolute;
	top: 1px;
	left: -25px
}

.medium-editor-insert-plugin {
	font-size: 14px
}

.medium-editor-insert-plugin a {
	color: #7795f8
}

.form-input .radio label.has-subtitle {
	margin-bottom: 20px
}

.form-input .radio label.has-subtitle>span {
	display: block;
	font-size: .75em;
	line-height: 1
}

.form-input .radio label.space-html {
	padding-left: 66px
}

.contain-range-slider {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center
}

.range-slider-label {
	white-space: nowrap;
	margin-right: 15px;
	font-size: 1.5em
}

.range-slider-range {
	-webkit-appearance: none;
	height: 10px;
	border-radius: 5px;
	background: #fff;
	outline: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	display: block
}

.icon-logo-app,
.title-app-neon {
	display: -webkit-box;
	-webkit-box-align: center
}

.range-slider-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #55d8c6;
	cursor: pointer;
	-webkit-transition: .15s ease-in-out;
	transition: .15s ease-in-out;
	border: 0 solid #FFF
}

.range-slider-range::-webkit-slider-thumb:hover {
	border: 5px solid #FFF
}

.range-slider-range:active::-webkit-slider-thumb {
	width: 35px;
	height: 35px
}

.range-slider-range::-moz-range-thumb {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #55d8c6;
	cursor: pointer;
	-webkit-transition: .15s ease-in-out;
	transition: .15s ease-in-out;
	border: 0 solid #FFF
}

.range-slider-range::-moz-range-thumb:hover {
	border: 5px solid #FFF
}

.range-slider-range:active::-moz-range-thumb {
	width: 35px;
	height: 35px
}

.range-slider-value {
	position: relative;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	background: #2c3e50;
	padding: 5px 10px;
	font-size: 1.5em;
	margin-left: 15px;
	min-width: 125px
}

.range-slider-value:after {
	position: absolute;
	top: 50%;
	left: -7px;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-right: 7px solid #2c3e50;
	border-bottom: 7px solid transparent;
	content: '';
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%)
}

::-moz-range-track {
	background: #fff;
	border: 0
}

input::-moz-focus-inner,
input::-moz-focus-outer {
	border: 0
}

@media only screen and (max-width:991px) {
	.range-slider-label,
	.range-slider-value {
		font-size: 1.25em
	}
}

@media only screen and (max-width:639px) {
	.range-slider-label,
	.range-slider-value {
		font-size: 1em
	}
	.range-slider-value {
		min-width: 90px
	}
}

.page-intro.has-form {
	z-index: 2
}

.title-app-neon {
	margin-bottom: 50px;
	display: flex;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center
}

.icon-logo-app {
	background: #8092da;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
	margin-right: 20px;
	width: 72px;
	height: 72px;
	display: flex;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	font-size: 4rem;
	font-weight: 400;
	color: #fff
}

.logo {
	text-align: center;
	margin: 0;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center
}

.logo b {
	font-size: 7em;
	line-height: 1;
	color: #fff;
	text-shadow: 0 0 100px, 0 0 2px, 0 0 1em #7795f8, 0 0 .5em #7795f8, 0 0 .1em #7795f8, 0 10px 3px #000
}

.logo b span {
	animation: blink linear infinite 2s;
	-webkit-animation: blink linear infinite 2s;
	-moz-animation: blink linear infinite 2s
}

.actions-on-header {
	margin-top: 50px;
	display: block
}

@keyframes blink {
	78%,
	81%,
	83%,
	92.5% {
		color: inherit;
		text-shadow: inherit
	}
	79% {
		color: #333
	}
	80% {
		text-shadow: none
	}
	82%,
	92% {
		color: #333;
		text-shadow: none
	}
}

@-webkit-keyframes blink {
	78%,
	81%,
	83%,
	92.5% {
		color: inherit;
		text-shadow: inherit
	}
	79% {
		color: #333
	}
	80% {
		text-shadow: none
	}
	82%,
	92% {
		color: #333;
		text-shadow: none
	}
}

@-moz-keyframes blink {
	78%,
	81%,
	83%,
	92.5% {
		color: inherit;
		text-shadow: inherit
	}
	79% {
		color: #333
	}
	80% {
		text-shadow: none
	}
	82%,
	92% {
		color: #333;
		text-shadow: none
	}
}

@media (max-width:540px) {
	.title-app-neon {
		margin-bottom: 25px
	}
	.icon-logo-app {
		width: 52px;
		height: 52px;
		font-size: 3rem;
		margin-right: 10px
	}
	.logo b {
		font-size: 4em;
		text-shadow: 0 0 100px, 0 0 2px, 0 0 1em #7795f8, 0 0 .5em #7795f8, 0 0 .1em #7795f8, 0 5px 3px #000
	}
	.actions-on-header {
		margin-top: 25px
	}
	.actions-on-header .alt-action {
		display: block;
		margin: 15px 0 0
	}
}

.two-step.active-step>li:nth-child(1),
.two-step.active-step>li:nth-child(2),
.two-step.active-step>li:nth-child(3),
.two-step>li:nth-child(4),
.two-step>li:nth-child(5),
.two-step>li:nth-child(6) {
	display: none
}

.two-step.active-step>li:nth-child(4),
.two-step.active-step>li:nth-child(5),
.two-step.active-step>li:nth-child(6) {
	display: block
}

.block-out-customer-table-box .text {
	text-align: left;
	font-size: 1.5em;
	margin-top: 15px;
}

.article .text {
	text-align: left;
	font-size: 1.5em;
	white-space: pre-line;
}

.article .text br:last-child {
	display: none;
}

.ul-decimal>li {
	list-style: decimal;
	padding-left: 15px;
	margin-left: 30px;
}

.animate-click {
	margin-right: 10px;
}