p {
	color:#2b2a2a;
}
article#post-5558 > .container {
    overflow: hidden;
}
.app-friendly-section {
    padding-top: 200px;
}
.white-border-line {
	/*height: 1px;*/
	width: 390px;
	/*background: #fff;*/
	border: 1px solid #fff;
	margin: 15px 0 20px 0;
}
.border-line {
	position: absolute;
	left: -7px;
	bottom: -80px;
	width: 12px;
	height: 210px;
	background: #6fc097;
}
.trial-section {
	background-size: cover;
	position: relative;
	background-repeat: no-repeat;
	text-align: left;
	overflow: hidden;
	padding: 50px 0 0 0;
}
.trial-section h2 {
	font-size:52px;
	color:#fff;
	font-family: 'p22_mackinacregular';
	padding-bottom: 50px;
	line-height: 72px;
}
.btn-indus {
	border: 3px solid #6ebe96;
	font-size: 25px;
	color: #fff;
	background: #6ebe96;
	font-family: 'gt_america_trialexp_md';
	text-transform: uppercase;
	padding: 22px 38px 18px 38px;
	display: inline-block;
}
.btn-indus:hover {
	background: none;
	color: #6ebe96;
}
.app-left {
	width:960px;
	float: left;
}
.app-right {
	width: 396px;
	float: right;
}
.app-right img {
	width:100%;
}

.posh-app-section {	
	margin:auto;
	overflow: hidden;
}
.app-friendly-section .container h2.virtual-text {
    font-size: 52px;
    color: #23394c;
    padding-bottom: 50px;
    font-weight: 400;
}
.posh-app-section p {
	width: 820px;
}
.app-image {
	position: absolute;
	top:150px;
	right:-184px;
}
.posh-app-section .container {
	width:1367px;
	position: relative;
	padding:250px 0 300px 0;
}
.app-image img {
	border-radius: 100%;
}
.trial-section .container {
	width:1367px;
	margin:auto;
}
.left-trial {
	padding-top: 115px;
}
.left-trial {
	width: 750px;
	float: left;
}
.right-trial {
	width: 617px;
	float: left;
}
.left-trial h2 {
	padding: 0;
}
.left-trial h2, .left-trial p {
	color:#fff;
}
.left-trial p {
	padding: 20px 0 40px 0;
	width: 600px;
}
.right-trial img {
	right:-140px;
	position: relative;
	bottom: -3px;
}
.btn-app a {
	display: inline-block;
	margin-right: 20px;
}
.btn-app a:last-child {
	margin-right: 0;
}
.btn-app a img {
	vertical-align: middle;
}
.left-trial .btn-indus {
	padding: 13px 38px;
	font-size: 22px;
}
.app-benefit-section {
	padding: 140px 0 65px 0;
	overflow: hidden;
	background-size: cover;
	background-position: left bottom;
	clear: both;
}
.app-benefit-section .container {
	width:1710px;
	margin: auto;
}
.app-benefit-section .virtual-text {
	color: #6fc097;
}
.box-benefit {
	padding-top: 20px;
}
.left-box-benefit {
	width:100%;
	float: left;
}
.box-1-benefit {
	float: left;
	width:50%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.benefit-img {
	width:300px;
	border-radius: 100%;
}
.box-1-benefit img {
	width:100%;
	border-radius: 100%;
}
.des-box {
	padding-left: 50px;
}
.des-box h3 {
	font-size: 30px;
	color:#333333;
}
.des-box p {
	padding-top: 15px;
	color:#2b2a2a;
	font-size: 20px;
	line-height: normal;
	width: 290px;
}
.box-2-benifit {
	position: relative;
	left: 230px;
	padding-top: 20px;
	top: -85px;
}
.box-3-benifit {
	position: relative;
	left: 460px;
	padding-top: 20px;
	top: -75px;
}
.border-line3 {
	width:11px;
	height:200px;
	background: #6fc097;
	top: 40px;
	left: -70px;
	position: absolute;
}
.box-4-benefit {
	margin-top:110px;
}
.box-5-benefit {
	position: relative;
	left:235px;
	padding-top: 20px;
}
.app-friendly-section .container {
	max-width:1367px;
	margin: auto;
}
.app-friendly-section .container h2.virtual-text {
	/*width: 550px;*/
	line-height: 72px;
}
.app-inner-friendly {
	padding:120px 0 0 0;
	display: table;
	width:100%;
}
.app-animation {
	width:780px;
	float: left;
	margin-top: 0;
	position: relative;
	/*min-height: 820px;*/
	z-index:9;
	transform: perspective(0px) rotateY(0deg) skewY(0deg);
}
.app-image-screen {
	position: absolute;
	transition: all .5s;
	/*z-index: 9;*/
}
.app-image-screen .left-app-image {
	/*transform: perspective(1250px) rotateY(20deg) skewY(-12deg);*/
	transform: perspective(1250px) rotateY(0deg) skewY(-10deg);
	box-shadow:0 0 30px rgba(108,187,146,.5);
	width: 190px;
	border:1px solid #6cbc92;
}
.screen-1 {
	left: 120px;
}
.screen-2 {
	left: 0;
	top: 190px;
	z-index:99;
}
.screen-3 {
	left: 115px;
	top: 230px;
	z-index: 99;
}
.screen-4 {
	left: 235px;
	top: 110px;
}

.screen-5 {
	left: 325px;
	top: 140px;
}
.screen-6 {
	left: 390px;
	top: 205px;
	z-index:9;
}
.screen-7 {
	left: 490px;
	top: 255px;
	z-index:9;
}
.screen-8 {
	left: 560px;
	top: 315px;
	z-index: 99;
}
.app-image-screen:hover {
	/*transform: translateY(-20px);*/
	cursor: pointer;
}
.app-image-screen.screen-1 {
	/*transform: translateY(0px);*/
}
.more-app {
	color: #6fc097;
	font-size: 22px;
	margin-top: 25px;
	text-transform: uppercase;
	font-family: 'gt_america_trialexp_md';
	display: inline-block;
}
.bullet-slider {
	position: absolute;
	cursor: pointer;
	top: 4px;
	left: 30px;
	transition: all .5s;
}
.dot-inner {
	width: 24px;
  	height: 24px;
  	background: #6dbd93;
  	-webkit-border-radius: 30px;
	  -moz-border-radius: 30px;
	  border-radius: 30px;
}
.pulse-round {
	transition: all .5s;
	width: 19px;
	height: 19px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #6bb891;
	/*z-index: 9;*/
	position: absolute;
	box-shadow:0 0 18px rgb(111, 192, 151);
}
.pulse-inner {
	transition: all .5s;
	background-color: #fff;
	 -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  width:15px;
  height: 15px;
  margin: 2px;
  position: relative;
}
.pulse-inner:before {
	transition: all .5s;
	width:7px;
	height: 7px;
	background-color: #6bb891;
	content: "";
	border-radius: 6px;
	position: absolute;
	left: 4px;
	top: 4px;
}


.dot {
  /*border: 5px solid #6dbd93;
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 55px;
  width: 55px;
  -webkit-animation: pulse1 3s ease-out;
  -moz-animation: pulse1 3s ease-out;
  animation: pulse1 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: 1;
  opacity: 0;*/
}
.dot-inner {

}

.dot {
  border: 5px solid #6dbd93;
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 55px;
  width: 55px;
  -webkit-animation: pulse1 1s ease-out;
  -moz-animation: pulse1 1s ease-out;
  animation: pulse1 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -23px;
  left: -23px;
  z-index: 1;
  opacity: 0;
}


@-moz-keyframes pulse1 {
 0% {
    -moz-transform: scale(0);
    opacity: 0.0;
 }
 25% {
    -moz-transform: scale(0);
    opacity: 0.1;
 }
 50% {
    -moz-transform: scale(0.1);
    opacity: 0.3;
 }
 75% {
    -moz-transform: scale(0.5);
    opacity: 0.5;
 }
 100% {
    -moz-transform: scale(1);
    opacity: 0.0;
 }
}

@-webkit-keyframes "pulse1" {
 0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
 }
 25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
 }
 50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
 }
 75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
 }
 100% {
    -webkit-transform: scale(1);
    opacity: 0.0;
 }
}

.bullet-slider:hover .pulse-round,
.open-hover-box .pulse-round {
	width:28px;
	height:28px;
}
.bullet-slider:hover .pulse-inner,
.open-hover-box .pulse-inner {
	width:24px;
	height: 24px;
}
.bullet-slider:hover .pulse-inner:before,
.open-hover-box .pulse-inner:before {
	width: 9px;
	height: 9px;
	left: 8px;
	top: 8px;
}
.bullet-slider:hover {
	top: -2px;
	z-index: 999999;
}

.screen-5 .bullet-slider:hover, .screen-7 .bullet-slider:hover {
    right: 55px;
    left: auto;
    top: -25px;
}
.bullet-slider:hover .dot,
.open-hover-box .bullet-slider .dot {
	top: -20px;
	left: -20px;
}
.hover-box {
	width: 440px;
	z-index: -9;
	position: absolute;
	top: 0;
	/*opacity: 0;*/
	display: none;
	text-align: center;
	transition: all .5s;
	transform: translateX(-20px);
}
.hover-inner {
	border: 1px dashed #a1a1a1;
	padding: 30px 40px 50px 40px;
	background: #fff;
	position: relative;
	box-shadow: 0 0 18px rgba(235,235,235,.6);
}
.hover-inner img {
	width: 80px;
}
.hover-inner h2, article .entry-content .hover-inner h2{
	color: #22384d;
	padding: 15px 0;
	    font-weight: 400;
	font-size: 25px;
}
.hover-inner p {
	color: #7d7d7d;
	font-size: 20px;
	line-height: 28px;
}
.open-hover-box .hover-box {
	display: block;
	z-index:999999;
	transform: translateX(0px);
}
.hover-inner:before {
	content: "";
	position: absolute;
	left: calc(50% - 1px);
	border-left: 1px dashed #a1a1a1;
	bottom: -36px;
	height: 36px;
}
.screen-4 .bullet-slider {
    right: 70px;
	left: auto;
	top: -16px;
	transition: all .5s;
}
.screen-4 .bullet-slider:hover {
	top: -22px;
}
.screen-5 .bullet-slider,
.screen-7 .bullet-slider {
	transition: all .5s;
    right: 55px;
	left: auto;
	top: -17px;
}
.screen-6 .bullet-slider,
.screen-8 .bullet-slider {
    right: 49px;
	left: auto;
	top: -20px;
	transition: all .5s;
}
.screen-8 .bullet-slider:hover,
.screen-6 .bullet-slider:hover {
	top: -25px;
}
.screen-2 .hover-box {
    top: -423px;
	left: -176px;
}
.screen-3 .hover-box {
    top: -423px;
	left: -176px;
}
.screen-4 .hover-box {
    top: -415px;
	left: -83px;
}
.screen-5 .hover-box {
    top: -416px;
    left: -70px;
}
.screen-6 .hover-box {
    top: -419px;
	left: -63px;
}

.screen-7 .hover-box {
    top: -388px;
	left: -70px;
}
.screen-8 .hover-box {
    top: -448px;
	left: -64px;
}
.right-slider-app {
	width:370px;
	float: right;
	position: relative;
}
.right-slider-app .right-single-slider {
	position: absolute;
    left: auto;
    top: 18px;
    right: 8px;
    display: inline-block;
    width: 342px;
}
.right-slider-app .slick-prev, .right-slider-app .slick-next {
	position: absolute;
	top: calc(50% - 50px);
	left: -108px;
	font-size: 0;
	padding: 0;
	width: 50px;
	height: 50px;
	background: none;
	border:none;
	cursor: pointer;
	background-image: url("../images/sprite-icon.svg");
}
.right-slider-app .slick-prev {
	background-position: -657px -510px;
}
.right-slider-app .slick-prev:hover {
	background-position: -657px -430px;
}
.right-slider-app .slick-next {
	left: auto;
	right: -96px;
	background-position: -717px -510px;
}
.right-slider-app .slick-next:hover {
	background-position: -717px -430px;
}
.right-single-slider .slick-slide {
	overflow: hidden;
}
.right-single-slider .slick-slide .right-app-img {
	border-radius: 30px;
}
.app-inner-friendly .mobile-app-slider {
	display: none;
}
.open-hover-icon {
	width:80px;
	height:81px;
	margin:auto;
	background-image: url("../images/sprite-posh.svg");
	display: inline-block;
	background-size: 360px auto;
}
.screen-2 .open-hover-icon {
	background-position: -572px -366px;
}
.screen-3 .open-hover-icon {
	background-position: -721px -414px;
	background-size: 400px auto;
}
.screen-4 .open-hover-icon {
	background-position: -465px -254px;
}
.screen-5 .open-hover-icon {
	background-position: -462px -604px;
}
.screen-6 .open-hover-icon {
	background-position: -465px -366px;
}
.screen-7 .open-hover-icon {
	background-position: -369px -605px;
}
.screen-8 .open-hover-icon {
	background-position: -563px -261px;
}
.mobile-btn {
	float:left; 
	margin-right:20px;
}
.border-remove .border-line3 {
	display:none;
}
.app-store-image, .google-store-image {
	width: 200px;
	height: 60px;
	background:url(../images/ios-android-icon.svg) no-repeat;
	background-size: 100% auto;
}
.google-store-image {
	background-position: 0 -64px;
}
.hover-inner .close_copy_link {
    position: absolute;
    right: -8px;
    top: -11px;
    background: #6fc097;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    font-size: 15px;
    text-align-last: center;
    line-height: 25px;
}
.hover-inner .close_copy_link:hover {
    background: #23394C;
}

html:lang(es) .left-trial .btn-indus {
    padding: 15px 28px 11px 28px;
    font-size: 20px;
}
html:lang(es) .screen-2 .hover-box {
    top: -451px;
}
html:lang(es) .screen-4 .hover-box {
    top: -443px;
    left: -84px;
}
html:lang(es) .screen-5 .hover-box {
    top: -500px;
    left: -68px;
}
html:lang(es) .screen-6 .hover-box {
    top: -447px;
    left: -63px;
}
html:lang(es) .screen-7 .hover-box {
    top: -472px;
    left: -70px;
}

.video-career {
	width: 450px;
	position: relative;
	cursor: pointer;
	border-radius: 100%;
	overflow: hidden;
	/*border:4px solid #fff;*/
}

.video-career-img {
	border-radius: 100%;
	/*width: 442px;*/
	width: 450px;
	/*border: 4px solid #fff;*/
}
.play-text a {
	position: absolute;
	top: calc(50% - 57px);
	width: 105px;
	text-align: center;
	left: auto;
	color: #fff;
	font-family: 'p22_mackinacregular';
	font-size: 25px;
	font-weight: 700;
	cursor: pointer;
	right: auto;
	height: 105px;
}
.video-career {
	position: absolute;
	top: calc(50% - 225px);
	right: 0;
}
.play-text {
	display: flex;
	justify-content: center;
}
.video-career:hover .play-text a {
	color:#6fc097;
}
.video-career:hover .play-text a:after {
	/*border-color:#6fc097;*/
}
.video-career:hover .play-text a:after {
	background-position: -732px -988px;
}

.play-text a:after {
	position: absolute;
	right: 0;
	top: calc(50% - 57px);
	content: " ";
	display: inline-block;
	/*-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;*/
	display: inline-block;
	background: url("../images/sprite-icon.svg")no-repeat;
	/*background-size: 400px auto;*/
	background-position: -622px -988px;
	width: 105px;
	height: 105px;
}
.popup-open .overlay-modal {
	z-index: 999999999;
}
#video-popup-container {
	z-index: 99999999999;
}
@media(min-width:2200px) {
	.video-career {
		width: 600px;
	}
	.video-career-img {
		/*width: 552px;*/
		width: 600px;
	}
	.video-career {
		top: calc(50% - 300px);
	}
	#video-popup-container {
		top: 8%;
	}
}

@media (min-width:1800px) {
	.app-friendly-section .container {
		max-width: 1550px;
		width:auto;
	}
	.app-animation {
		width: 1000px;
	}
	.app-animation .screen-1 img {
		width: 300px;
	}
	.app-image-screen .left-app-image {
		width: 260px;
	}
	.screen-1 {
		left: 160px;
	}
	.screen-2 {
		top: 230px;
	}
	.screen-3 {
		top: 290px;
	}
	.screen-4 {
		left: 305px;
		top: 130px;
	}
	.screen-5 {
		left: 405px;
		top: 180px;
	}
	.screen-6 {
		left: 490px;
		top: 265px;
	}
	.screen-7 {
		left: 560px;
		top: 345px;
	}
	.screen-8 {
		left: 660px;
		top: 440px;
		z-index: 99;
	}
	.bullet-slider {
		top: 7px;
	}
	.screen-6 .bullet-slider, .screen-8 .bullet-slider {
		top: -25px;
	}
	.screen-4 .bullet-slider {
		top: -22px;
	}
	.screen-5 .bullet-slider, .screen-7 .bullet-slider {
		top: -24px;
	}
	.screen-2 .hover-box {
		top: -448px;
		left: -152px;
	}
	.screen-3 .hover-box {
		top: -420px;
		left: -150px;
	}
	.screen-4 .hover-box {
		top: -450px;
		left: 9px;
	}
	.screen-5 .hover-box {
		top: -451px;
		left: 24px;
	}
	.screen-6 .hover-box {
		top: -452px;
		left: 32px;
	}
	.screen-7 .hover-box {
		top: -422px;
		left: 26px;
	}
	.screen-8 .hover-box {
		top: -452px;
		left: 32px;
	}
	.hover-box {
		width:390px;
	}
	.right-slider-app .right-single-slider {
		right: 7px;
	}
	.right-single-slider .slick-slide .right-app-img {
		width: 329px;
	}

	html:lang(es) .screen-2 .hover-box {
	    top: -476px;
	}
	html:lang(es) .screen-3 .hover-box {
	    top: -447px;
	}
	html:lang(es) .screen-4 .hover-box {
	    top: -477px;
		left: 12px;
	}
	html:lang(es) .screen-5 .hover-box {
	    top: -563px;
		left: 27px;
	}
	html:lang(es) .screen-6 .hover-box {
	    top: -480px;
		left: 32px;
	}
	html:lang(es) .screen-7 .hover-box {
	    top: -507px;
		left: 25px;
	}
	html:lang(es) .screen-8 .hover-box {
	    top: -508px;
		left: 32px;
	}
}
@media (min-width:2499px) {
	.app-friendly-section {
		min-height: 1250px;
	}
	.app-friendly-section .container {
		max-width: 2100px;
		width:auto;
	}
	.app-animation {
		width: 1500px;
	}
	.app-animation .screen-1 img {
		width: 400px;
	}
	.app-image-screen .left-app-image {
		width: 360px;
	}
	.screen-1 {
		left: 220px;
	}
	.screen-2 {
		top: 320px;
	}
	.screen-3 {
		top: 390px;
		left: 215px;
	}
	.screen-4 {
		left: 445px;
		top: 150px;
	}
	.screen-5 {
		left: 620px;
		top: 240px;
	}
	.screen-6 {
		left: 700px;
		top: 375px;
	}
	.screen-7 {
		left: 880px;
		top: 475px;
	}
	.screen-8 {
		left: 1010px;
		top: 595px;
	}
	.pulse-round {
		width: 24px;
		height: 24px;
	}
	.pulse-inner {
		width: 20px;
		height: 20px;
	}
	.pulse-inner::before {
		width: 9px;
		height: 9px;
		border-radius: 9px;
		left: 6px;
		top: 6px;
	}
	.screen-6 .bullet-slider, .screen-8 .bullet-slider {
		top: -38px;
	}
	.screen-5 .bullet-slider, .screen-7 .bullet-slider {
		top: -37px;
	}
	.bullet-slider {
		top: 14px;
	}
	.screen-4 .bullet-slider {
		top: -34px;
	}
	.screen-5 .bullet-slider:hover, .screen-7 .bullet-slider:hover, .screen-8 .bullet-slider:hover, .screen-6 .bullet-slider:hover {
		top: -40px;
	}
	.screen-4 .bullet-slider:hover {
		top: -36px;
	}
	.bullet-slider:hover {
		top: 10px;
	}
	.screen-2 .hover-box {
		top: -441px;
	}
	.screen-4 .hover-box {
		top: -462px;
		left: 108px;
	}
	.screen-5 .hover-box {
		top: -464px;
		left: 124px;
	}
	.screen-6 .hover-box {
		top: -465px;
		left: 132px;
	}
	.screen-7 .hover-box {
		top: -436px;
		left: 125px;
	}
	.screen-8 .hover-box {
		top: -465px;
		left: 132px;
	}
	.screen-3 .hover-box {
		top: -413px;
	}
	.screen-5 {
		z-index: 9;
	}
	.right-slider-app {
		width: 470px;
		margin-top: 3%;
	}
	.right-slider-app .mobile-img-desktop.right-app-img {
		width: 473px;
	}
	.right-slider-app .right-single-slider {
		width: 442px;
	}
	.right-single-slider .slick-slide .right-app-img {
		width: 415px;
	}
	.right-slider-app .right-single-slider {
		top: 23px;
		right: 1px;
	}
	.right-slider-app .slick-next {
		right: -86px;
	}
	html:lang(es) .screen-2 .hover-box {
	    top: -469px;
	}
	html:lang(es) .screen-3 .hover-box {
	    top: -442px;
	}
	html:lang(es) .screen-4 .hover-box {
	    top: -489px;
	    left: 111px;
	}
	html:lang(es) .screen-5 .hover-box {
	    top: -576px;
	    left: 126px;
	}
	html:lang(es) .screen-6 .hover-box {
	    top: -493px;
	    left: 132px;
	}
	html:lang(es) .screen-7 .hover-box {
	    top: -520px;
	    left: 126px;
	}
	html:lang(es) .screen-8 .hover-box {
	    top: -521px;
	    left: 132px;
	}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
	
}
@media(max-width:1799px) {
	.trial-section h2 br {
		display: none;
	}
	.app-benefit-section .container {
	    width: 1520px;
	}
	.banner-inner-section .container {
		padding: 200px 0;
	}
	.app-image {
		right: -110px;
	}
	.right-slider-app .right-single-slider {
		top: 18px;
		right: 8px;
	}
	.right-single-slider .slick-slide .right-app-img {
		width: 329px;
	}
	html:lang(es) .app-friendly-section .container h2.virtual-text {
		width: 980px;
	}
}
@media screen and (min-width:1690px) and (max-width: 1799px) {
	
}
@media(max-width:1650px) {
	.border-line {
	    width: 11px;
	    height: 210px;
	    bottom: -80px;
	}
	.app-friendly-section .container h2.virtual-text{
    	font-size: 45px;
	    padding-bottom: 40px;
	}
	.app-friendly-section .container,
	.trial-section .container {
		width:1200px !important; 
	}
	.app-benefit-section .container {
		width:1300px;
	}
	.banner-inner-section .heading_content {
		line-height:42px;
	}
	.trial-section h2 {
	    font-size: 45px;
	    line-height: 65px;
	}
	.btn-indus {
	    font-size: 20px;
	    padding: 18px 30px 14px 30px;
	}
	.app-right {
	    width: 300px;
	}
	.app-image {
	    top: 100px;
	    right: -50px;
	    width:400px;
	}
	.app-image img {
		width: 100%;
	}
	.posh-app-section .container {
	    padding: 170px 0 160px 0;
	}
	.app-friendly-section .container h2.virtual-text {
		line-height: 60px;
	}
	.right-slider-app {
	    width: 300px;
	    float: right;
	}
	.right-slider-app .right-app-img {
		width:100%;
	}
	.screen-2 .hover-box {
	    left: -70px;
	}
	.screen-2 .hover-inner:before {
		left: calc(26% - 1px);
	}
	.posh-app-section p, .media-contain-section p, .top-case-study p {
		font-size: 22px;
    	line-height: 38px;
	}
	.app-inner-friendly {
	    padding: 70px 0 0 0;
	}
	.more-app {
		font-size: 20px;
		margin-top: 20px;
	}
	.benefit-img {
	    width: 240px;
	}
	.des-box h3 {
	    font-size: 26px;
	}
	.des-box p {
		font-size: 18px;
		width:280px;;
	}
	.box-5-benefit p {
		width:235px;;
	}
	.des-box {
	    padding-left: 30px;
	}
	.box-2-benifit {
		left: 170px;
	}
	.box-3-benifit {
		left:340px;
	}
	.box-5-benefit {
		left:190px;
	}
	.box-4-benefit {
	    margin-top: 80px;
	}
	.left-trial {
		width:60%;
	}
	.right-trial {
		width:40%;
	}
	.right-trial img {
		width:100%;
	}
	.left-trial {
	    padding-top: 50px;
	}
	.right-slider-app .right-single-slider {
		width: 267px;
		top: 15px;
		right: 18px;
	}
	.right-slider-app .slick-prev {
		left: -83px;
	}
	.right-slider-app .slick-next {
		right: -84px;
	}
	.posh-app-section p {
		width: 790px;
	}
	.app-friendly-section {
		padding-top: 160px;
	}
	.right-single-slider .slick-slide .right-app-img {
		width: 265px;
	}
	.right-slider-app .right-single-slider {
		right: 17px;
	}
	html:lang(es) .left-trial .btn-indus {
		font-size: 17px;
		padding: 18px 28px 14px 28px;
	}
	html:lang(es) .app-friendly-section .container h2.virtual-text {
		width: 900px;
	}
}
@media(max-width:1366px) {
	.posh-app-section {
		margin: 50px auto 0 auto;
	}
	.app-friendly-section .container h2.virtual-text {
	    font-size: 40px;
	    padding-bottom: 35px;
	}
	.app-friendly-section .container,
	.app-benefit-section .container,
	.trial-section .container  {
	    max-width: 1080px;
	}
	.trial-section h2 {
	    font-size: 40px;
	    line-height: 55px;
	}
	.btn-indus {
	    font-size: 18px;
	}
	.posh-app-section p, .media-contain-section p, .top-case-study p {
		font-size: 20px;
    	line-height: 38px;
	}
	.screen-2 .hover-box {
	    left: -40px;
	}
	.screen-2 .hover-inner::before {
	    left: calc(19% - 1px);
	}
	.right-slider-app {
	    width: 250px;
	}
	.app-image {
	    right: -20px;
	    width: 350px;
	}
	.posh-app-section p {
	    width: 720px;
	}
	.posh-app-section .container {
	    padding: 140px 0;
	}
	.app-inner-friendly {
	    padding: 40px 0 0 0;
	}
	.right-slider-app .slick-prev {
		left: -70px;
	}
	.right-slider-app .slick-next {
		right: -70px;
	}
	.app-benefit-section {
		padding:110px 0 30px 0;
	}
	.benefit-img {
	    width: 200px;
	}
	.right-trial img {
	    right: -20px;
	}
	.btn-app a img {
		width: 150px;
	}
	.left-trial .btn-indus {
	    padding: 9px 25px 6px 25px;
		font-size: 18px;
	}
	.box-2-benifit {
	    left: 100px;
	}
	.box-3-benifit {
	    left: 200px;
	}
	.box-5-benefit {
	    left: 120px;
	}
	.border-line3 {
		left:-50px;
	}
	.right-slider-app .right-single-slider {
		width: 222px;
		top: 13px;
		right: 14px;
	}
	.right-single-slider .slick-slide .right-app-img {
	    border-radius: 20px;
	}
	.app-store-image, .google-store-image {
		width: 150px;
		height: 44px;
	}
	.google-store-image {
		background-position: 0 -49px;
	}
	.right-single-slider .slick-slide .right-app-img {
		width: 99%;
	}
	html:lang(es) .left-trial .btn-indus {
	    padding: 10px 28px 8px 28px;
	}
	html:lang(es) .app-friendly-section .container h2.virtual-text { 
	    line-height: 50px;
	    width: 830px;
	    font-size: 36px;
	}

	.video-career {
		width: 400px;
	}
	.video-career-img {
		/*width: 392px;*/
		width: 400px;
	}
	.video-career {
		top: calc(50% - 200px);
	}
}

@media(max-width:1199px) {
	.play-text a {
		top: calc(50% - 42px);
		width: 85px;
		height: 85px;
	}
	.play-text a:after {
		top: calc(50% - 42px);
		background-position: -495px -786px;
		width: 85px;
		height: 85px;
		background-size: 800px auto;
	}
	.video-career:hover .play-text a:after {
		background-position: -583px -786px;
	}
	.video-career {
		width: 350px;
	}
	.video-career-img {
		/*width: 342px;*/
		width: 350px;
	}
	.video-career {
		top: calc(50% - 175px); 
	}

	.posh-app-section {
		margin: 0 auto;
	}
	.border-line {
	    width: 7px;
	    height: 130px;
	    bottom:-65px;
	}
	.banner-inner-section .container {
	    padding: 120px 0;
	}
	.banner-inner-section .small_heading { 
		font-size:14px;
	}
	.app-friendly-section .container,
	.app-benefit-section .container,
	.trial-section .container  {
	    max-width: 900px;
	}
	.app-friendly-section .container h2.virtual-text {
	    font-size: 35px;
	}
	.trial-section h2 {
	    font-size: 35px;
	    line-height: 50px;
	}
	.btn-indus {
	    font-size: 16px;
	}
	.app-image {
	    width: 300px;
	}
	.posh-app-section p {
	    width: 600px;
	}
	.posh-app-section .container {
	    padding: 120px 0 130px 0;
	}
	.app-friendly-section .container h2.virtual-text {
	    line-height: 45px;
	}
	.app-animation {
	    width: 600px;
	}
	.hover-inner {
		padding:20px 20px 30px 20px;
	}
	.hover-box {
		width:370px;
	}
	.hover-inner p {
	    font-size: 18px;
	    line-height: 26px;
	}
	.more-app {
	    font-size: 18px;
	    margin-top: 15px;
	}
	.app-image-screen.screen-1 img {
		width:210px;
	}
	.app-image-screen img {
		width:150px;
	}
	.screen-1 {
	    left: 50px;
	}
	.screen-2 {
	    top: 160px;
	}
	.screen-3 {
	    left: 75px;
	    top: 190px;
	}
	.screen-4 {
	    left: 175px;
	    top: 90px;
	}
	.screen-5 {
	    left: 255px;
	    top: 120px;
	}
	.screen-6 {
	    left: 310px;
	    top: 160px;
	}
	.screen-7 {
	    left: 390px;
	    top: 195px;
	}
	.screen-8 {
	    left: 440px;
	    top: 235px;
	}
	.app-inner-friendly {
	    padding: 40px 0 0 0;
	}
	.border-line3 {
	    width: 7px;
	    height: 140px;
	}
	.box-2-benifit {
	    left: 70px;
	}
	.box-3-benifit {
	    left: 140px;
	}
	.border-line3 {
	    left: -25px;
	}
	.des-box p br {
	    display: none;
	}
	.des-box p {
	    font-size: 16px;
	    padding-right: 25px;
	}
	.des-box p {
		width:85%;
	}
	.app-benefit-section {
	    padding: 90px 0 15px 0;
	}
	.left-trial p {
		width: 100%;
	}
	.btn-app a {
		margin-right: 15px;
	}
	.mobile-btn {
		margin-right:15px;
	}
	.screen-2 .hover-box {
	    left: -27px;
	    top:-385px;
	}
	.app-image-screen .hover-box img {
		width:auto;
	}
	.bullet-slider {
		top: -2px;
	}
	.screen-4 .bullet-slider {
	    right: 55px;
	    top: -14px;
	}
	.screen-5 .bullet-slider, .screen-7 .bullet-slider {
	    right: 52px;
	    top: -15px;
	}
	.screen-6 .bullet-slider, .screen-8 .bullet-slider {
	    right: 47px;
	    top: -17px;
	}
	.bullet-slider:hover {
	    top: -7px;
	}
	.screen-3 .hover-box {
	    top: -360px;
	    left: -100px;
	}
	.screen-3 .hover-inner::before {
		left: calc(39% - 1px);
	}
	.screen-4 .hover-box {
	    top: -372px;
	    left: -74px;
	}
	.screen-5 .hover-box {
	    top: -374px;
	    left: -73px;
	}
	.screen-6 .hover-box {
	    top: -377px;
		left: -66px;
	}
	.screen-7 .hover-box {
	    top: -348px;
	    left: -72px;
	}
	.screen-8 .hover-box {
	    top: -375px;
	    left: -67px;
	}
	.benefit-img {
	    width: 170px;
	}
	.des-box h3 {
	    font-size: 22px;
	}
	.des-box {
	    width: 250px;
	}
	.box-5-benefit {
	    left: 80px;
	}
	.left-trial p {
	    padding: 10px 0 30px 0;
	}
	.right-slider-app .slick-prev {
		left: -61px;
		background-position: -453px -351px;
		background-size: 700px auto;
		top: calc(50% - 40px);
		width:40px;
		height: 40px;
	}
	.right-slider-app .slick-prev:hover {
		background-position: -453px -295px;
	}
	.right-slider-app .slick-next {
		right: -58px;
		background-size: 700px auto;
		background-position: -499px -351px;
		top: calc(50% - 40px);
		width:40px;
		height: 40px;
	}
	.right-slider-app .slick-next:hover {
		background-position: -499px -295px;
	}
	.app-image-screen .left-app-image {
		width: 150px;
	}
	html:lang(es) .app-friendly-section {
		padding-top: 120px;
	}
	html:lang(es) .left-trial .btn-indus {
		padding: 12px 9px 8px 9px;
		font-size: 15px;
	}
	html:lang(es) .btn-app a {
		margin-right: 10px;
	}
	html:lang(es) .left-trial {
		padding-top: 30px;
	} 
	html:lang(es) .mobile-btn {
		margin-right: 0;
	}
	html:lang(es) .screen-2 .hover-box {
	    top: -413px;
	}
	html:lang(es) .screen-3 .hover-box {
	    top: -386px;
	}
	html:lang(es) .screen-4 .hover-box {
	    top: -400px;
	    left: -74px;
	}
	html:lang(es) .screen-5 .hover-box {
	    top: -453px;
	    left: -70px;
	}
	html:lang(es) .screen-6 .hover-box {
	    top: -402px;
	    left: -66px;
	}
	html:lang(es) .screen-7 .hover-box {
	    top: -400px;
	    left: -71px;
	}
	html:lang(es) .screen-8 .hover-box {
	    top: -402px;
	    left: -66px;
	}
	html:lang(es) .app-friendly-section .container h2.virtual-text { 
	    width: 100%;
	}
}

@media(max-width:991px) {
	.play-text a {
		top: calc(50% - 34px);
		width: 68px;
		height: 68px;
	}
	.play-text a::after {
		top: calc(50% - 34px);
		background-position: -403px -639px;
		width: 68px; 
		height: 68px;
		background-size: 650px auto;
	}
	.video-career:hover .play-text a:after {
		background-position: -474px -639px;
	}
	.video-career {
		width: 300px;
	}
	.video-career-img {
		/*width: 292px;*/
		width: 300px;
	}
	.video-career {
		top: calc(50% - 150px); 
	}
	.white-border-line {
		width: 360px;
	}
	.posh-app-section .virtual-text {
		width: 470px;
	}
	.posh-app-section .container {
		padding: 120px 0 100px 0;
	}
	.banner-section {
		background-position: center;
	}

	.app-friendly-section .container,
	.app-benefit-section .container,
	.trial-section .container  {
	    max-width: 720px !important;
	}
	.posh-app-section p, .media-contain-section p, .top-case-study p {
		font-size: 18px;
    	line-height: 30px;
	}
	.app-friendly-section .container h2.virtual-text {
	    font-size: 32px;
	    padding-bottom: 15px;
	}
	.trial-section br {
		display: none;
	}
	.trial-section h2 {
	    font-size: 32px;
	}
	.btn-indus {
	    font-size: 14px;
	    padding: 14px 25px 10px 25px;
	}
	.app-image {
	    width: 250px;
	    right: 0;
	}
	.posh-app-section p {
	    width: 470px;
	}
	.app-friendly-section .container h2.virtual-text {
	    /*width: 520px;*/
	}
	.app-animation {
	    width: 600px;
	    margin: auto;
	    float: none;
	    min-height: 520px;
	}
	.right-slider-app {
	    width: 200px;
	    clear: both;
	    float: none;
	    margin: auto;
	}
	.box-1-benefit {
		/*display: inline-block;*/
	}
	.box-1-benefit {
	    width: 50%;
	    float: left;
	}
	.box-2-benifit {
	    left: 0;
	}
	.box-4-benefit {
	    margin-top: 0;
	}
	.box-2-benifit {
	    top: 0;
	}
	.box-3-benifit {
		top: 0;
		left:0;
	}
	.box-5-benefit {
		left: 0;
	}
	.benefit-img {
	    width: 140px;
	    float: left;
	}
	.des-box {
	    padding-left: 20px;
	    width: 55%;
	}
	.left-box-benefit {
	    display: flex;
	    flex-wrap: wrap;
	    align-items: center;
	    justify-content: center;
	}
	.app-benefit-section {
	    padding: 90px 0;
	}
	.left-trial .btn-indus {
	    padding: 7px 12px 5px 12px;
	    font-size: 16px;
	    line-height: 20px;
	}
	.btn-app a {
	    margin-right: 5px;
	}
	.mobile-btn {
		margin-right:5px;
	}
	.btn-app a img {
		width: 130px;
	}
	.left-trial {
	    padding-top: 15px;
	}
	.left-trial p {
	    padding: 10px 0 15px 0;
	}
	.right-slider-app .right-single-slider {
		width: 177px;
		top: 12px;
		right: 12px;
	}
	.right-single-slider .slick-slide .right-app-img {
	    border-radius: 16px;
	}
	.right-single-slider .slick-slide {
		position: relative;
	}
	.right-slider-app .slick-prev {
		left: -81px;
	}
	.right-slider-app .slick-next {
		right: -78px;
	}
	.screen-7 .hover-box {
		left: -82px;
	}
	.screen-7 .hover-box .hover-inner:before {
		left: calc(52.5% - 1px);
	}
	.screen-8 .hover-box {
		left: -137px;
	}
	.screen-8 .hover-box .hover-inner:before {
		left: calc(68.5% - 1px);
	}
	.box-1-benefit {
		padding-top:0;
		margin-top: 20px;
	}
	.border-line3 {
		left: -18px;
		top: 0;
	}
	.app-store-image, .google-store-image {
		width: 132px;
		height: 39px;
	}
	.google-store-image {
		background-position: 0 -43px;
	}
	.box-1-benefit {
		position: relative;
	}
	.border-remove .border-line3 {
		display: block;
	}
	.right-slider-app .right-single-slider {
		top: 11px;
	}
	.right-single-slider .slick-slide .right-app-img {
		width: 98.5%;
	}
	html:lang(es) .mobile-btn {
		margin-right: 0;
	}
	html:lang(es) .app-store-image, 
	html:lang(es) .google-store-image {
		width: 110px;
		height: 34px;
	}
	html:lang(es) .left-trial .btn-indus {
		padding: 4px 7px 2px 7px;
		font-size: 13px;
	}
	html:lang(es) .google-store-image {
		background-position: 0px -35px;
	}
	html:lang(es) .left-trial {
		padding-top: 10px;
	}
}

@media (device-width:1600px) {
	body #video-popup-container {
		top: 20%!important
	}
}
@media (device-width:1440px) {
	body #video-popup-container {
		top: 22%!important
	}
}
@media (device-width:1280px) {
	body #video-popup-container {
		top: 20%!important
	}
}
@media (device-width: 1080px) {
	body #video-popup-container {
		top: 24%!important;
	}
}
@media (device-width:844px) {
	body #video-popup-container {
		top: 13%!important
	}
}
@media (device-width:800px) {
	body #video-popup-container {
		top: 38%!important
	}
}
@media (device-width:653px) {
	body #video-popup-container {
		top: 6%!important
	}
}

@media(max-width:790px) {
	.right-slider-app {
		width: 240px;
	}
	.right-slider-app .right-single-slider {
		width: 214px;
		top: 12px;
		right: 12px;
	}
	.right-single-slider .slick-slide .right-app-img {
		width: 98%;
	}
	.app-friendly-section .container h2.virtual-text {
		/*width: 100%;*/
	}
	.app-animation {
		display: none;
	}
	.app-inner-friendly .mobile-app-slider {
		display: block;
	}
	.app-animation .app-animation {
		display: none;
	}
	.hover-box {
		width: 250px;
		z-index: -9;
		/*z-index: 99;*/
		position: absolute;
		display: inherit;
		top: 40px;
		opacity: 0;
		/*display: none;*/
		text-align: center;
		transition: all .5s;
		/*transform: rotate(-30deg);*/
		left: -513px;
	}
	.hover-inner {
		border: 1px dashed #a1a1a1;
		padding: 10px 15px;
		background: #fff;
		position: relative;
	}
	.hover-inner img {
		/*width: 60px;*/
	}
	.hover-inner h2 {
		color: #22384d;
		padding: 10px 0;
		font-size: 21px;
	}
	.hover-inner p {
		color: #7d7d7d;
		font-size:16px;
	}
	.bullet-slider {
		width: 16px !important;
		position: absolute;
		left: calc(50% - 8px);
		top: 5px;
		cursor: pointer;
		/*-webkit-animation: blink 10s normal forwards fade-in;
		animation: blink 10s normal forwards ease-in-out;*/
	}
	.bullet-slider:hover {
		top: 5px;
	}
	.bullet-slider1, .bullet-slider1:hover {
		left: 15px;
		top: 70px;
	}
	.bullet-slider2, .bullet-slider2:hover {
		right: 10px;
		left: auto;
		top: 90px;
	}
	.bullet-slider3, .bullet-slider3:hover {
		left: 10px;
		top: 50px;
	}
	.bullet-slider4, .bullet-slider4:hover {
		top: 50px;
		left: auto;
		right: 30px;
	}
	.bullet-slider5, .bullet-slider5:hover {
		right: 10px;
		top: 70px;
		left: auto;
	}
	.bullet-slider6, .bullet-slider6:hover {
		right: 10px;
		top: 50px;
		left: auto;
	}
	.bullet-slider7 {
		right: 10px;
		top: 70px;
		left: auto;
	}
	@-webkit-keyframes blink {
	  0% {
		opacity:0;
	  }
	  10% {
		opacity:1;
	  }
	  20% {
		opacity:0;
	  }
	  30% {
		opacity:1;
	  }
	  40% {
		opacity:0;
	  }
	  50% {
		opacity:1;
	  }
	  60% {
		opacity:0;
	  }
	  70% {
		opacity:1;
	  }
	  80% {
		opacity:0;
	  }
	  90% {
		opacity:1;
	  }
	  100% {
		opacity:0;
	  }
	}
	.top-line {
		position: absolute;
		height: 50px;
		border-left: 1px dashed #a1a1a1;
		left: calc(50% - 1px);
		top: -63px;
	}
	.right-line {
		position: absolute;
		width: 380px;
		border-top: 1px dashed #a1a1a1;
		right: -143px;
		top: 24px;
		z-index: 999999999;
	}
	.bottom-line {
		position: absolute;
		height: 80px;
		border-left: 1px dashed #a1a1a1;
		right: -144px;
		top: -63px;
	}
	.open-box7 {
		right: -492px;
		left: auto;
		top: -20px;
	}
	.open-box7 .top-line {
		opacity: 0;
	}
	.open-box7 .right-line {
		width: 44px;
		right: auto;
		top: 110px;
		left: -44px;
	}
	.pulse {
	  width: 8px;
	  height: 8px;
	  border: 4px solid #6fc097;
	  -webkit-border-radius: 30px;
	  -moz-border-radius: 30px;
	  border-radius: 30px;
	  background-color: #444;
	  z-index: 10;
	  position: absolute;
	}

	.dot {
	  border: 8px solid #6fc097;
	  background: transparent;
	  -webkit-border-radius: 60px;
	  -moz-border-radius: 60px;
	  border-radius: 60px;
	  height: 40px;
	  width: 40px;
	  -webkit-animation: pulseApp 3s ease-out;
	  -moz-animation: pulseApp 3s ease-out;
	  animation: pulseApp 3s ease-out;
	  -webkit-animation-iteration-count: infinite;
	  -moz-animation-iteration-count: infinite;
	  animation-iteration-count: infinite;
	  position: absolute;
	  top: -20px;
	  left: -20px;
	  z-index: 1;
	  opacity: 0;
	}

	@-moz-keyframes pulseApp {
	 0% {
		-moz-transform: scale(0);
		opacity: 0.0;
	 }
	 25% {
		-moz-transform: scale(0);
		opacity: 0.1;
	 }
	 50% {
		-moz-transform: scale(0.1);
		opacity: 0.3;
	 }
	 75% {
		-moz-transform: scale(0.5);
		opacity: 0.5;
	 }
	 100% {
		-moz-transform: scale(1);
		opacity: 0.0;
	 }
	}

	@-webkit-keyframes "pulseApp" {
	 0% {
		-webkit-transform: scale(0);
		opacity: 0.0;
	 }
	 25% {
		-webkit-transform: scale(0);
		opacity: 0.1;
	 }
	 50% {
		-webkit-transform: scale(0.1);
		opacity: 0.3;
	 }
	 75% {
		-webkit-transform: scale(0.5);
		opacity: 0.5;
	 }
	 100% {
		-webkit-transform: scale(1);
		opacity: 0.0;
	 }
	}


	.hover-box .bottom-line,
	.hover-box .right-line,
	.hover-box .hover-inner,
	.hover-box .top-line {
		/*transform: translateY(-20px);*/
		transition: all .3s;
		opacity: 0;
	}
	.open-box.show-modal .bottom-line {
		-webkit-animation: bottom .5s normal forwards ease-in-out;
		animation: bottom .5s normal forwards ease-in-out;
		transition: all .1s;
	}

	.open-box.show-modal .right-line {
		-webkit-animation: left .5s normal forwards ease-in-out;
		animation: left .5s normal forwards ease-in-out;
		transition: all .1s;
	}

	.open-box.show-modal .top-line {
		-webkit-animation: bottom .5s normal forwards ease-in-out;
		animation: bottom .5s normal forwards ease-in-out;
		transition: all .1s;
	}
	.open-box.show-modal .hover-inner {
		-webkit-animation: box1 .5s normal forwards ease-in-out;
		animation: box1 .5s normal forwards ease-in-out;
		transition: all .1s;
	}
	.open-box .top-line {
		height:68px;
	}
	.open-box9.show-modal .right-line,
	.open-box1.show-modal .right-line {
		-webkit-animation: right .5s normal forwards ease-in-out;
		animation: right .5s normal forwards ease-in-out;
		transition: all .1s;
	}
	.open-box9.show-modal .top-line,
	.open-box1.show-modal .top-line {
		-webkit-animation: top .5s normal forwards ease-in-out;
		animation: top .5s normal forwards ease-in-out;
		transition: all .1s;
	}
	.open-box9.show-modal .hover-inner,
	.open-box1.show-modal .hover-inner {
		-webkit-animation: box2 .5s normal forwards ease-in-out;
		animation: box2 .5s normal forwards ease-in-out;
		transition: all .1s;
	}
	.open-box10.show-modal .right-line,
	.open-box2.show-modal .right-line {
		-webkit-animation: left .5s normal forwards ease-in-out;
		animation: left .5s normal forwards ease-in-out;
		transition: all .1s;
	}
	.open-box10.show-modal .top-line,
	.open-box2.show-modal .top-line {
		-webkit-animation: top .5s normal forwards ease-in-out;
		animation: top .5s normal forwards ease-in-out;
		transition: all .1s;
	}
	.open-box10.show-modal .hover-inner,
	.open-box2.show-modal .hover-inner {
		-webkit-animation: box2 .5s normal forwards ease-in-out;
		animation: box2 .5s normal forwards ease-in-out;
		transition: all .1s;
	}
	.open-box7.show-modal .right-line,
	.open-box3.show-modal .right-line {
		-webkit-animation: left .5s normal forwards ease-in-out;
		animation: left .5s normal forwards ease-in-out;
		transition: all .1s;
	}
	.open-box7.show-modal .hover-inner,
	.open-box3.show-modal .hover-inner {
		-webkit-animation: box3 .5s normal forwards ease-in-out;
		animation: box3 .5s normal forwards ease-in-out;
		transition: all .1s;
	}
	.open-box8.show-modal .right-line {
		-webkit-animation: right .5s normal forwards ease-in-out;
		animation: right .5s normal forwards ease-in-out;
		transition: all .1s;
	}
	.open-box8.show-modal .hover-inner {
		-webkit-animation: box4 .5s normal forwards ease-in-out;
		animation: box4 .5s normal forwards ease-in-out;
		transition: all .1s;
	}
	.open-box4.show-modal .right-line {
		-webkit-animation: right .5s normal forwards ease-in-out;
		animation: right .5s normal forwards ease-in-out;
		transition: all .1s;
	}
	.open-box4.show-modal .top-line {
		-webkit-animation: bottom .5s normal forwards ease-in-out;
		animation: bottom .5s normal forwards ease-in-out;
		transition: all .1s;
	}
	.open-box4.show-modal .hover-inner {
		-webkit-animation: box1 .5s normal forwards ease-in-out;
		animation: box1 .5s normal forwards ease-in-out;
		transition: all .1s;
	}

	.open-box5.show-modal .right-line {
		-webkit-animation: right .5s normal forwards ease-in-out;
		animation: right .5s normal forwards ease-in-out;
		transition: all .1s;
	}
	.open-box5.show-modal .top-line {
		-webkit-animation: bottom .5s normal forwards ease-in-out;
		animation: bottom .5s normal forwards ease-in-out;
		transition: all .1s;
	}
	.open-box5.show-modal .hover-inner {
		-webkit-animation: box3 .5s normal forwards ease-in-out;
		animation: box3 .5s normal forwards ease-in-out;
		transition: all .1s;
	}

	.open-box6.show-modal .bottom-line {
		-webkit-animation: bottom .5s normal forwards ease-in-out;
		animation: bottom .5s normal forwards ease-in-out;
		transition: all .1s;
	}
	.open-box6.show-modal .right-line {
		-webkit-animation: right .5s normal forwards ease-in-out;
		animation: right .5s normal forwards ease-in-out;
		transition: all .1s;
	}
	.open-box6.show-modal .top-line {
		-webkit-animation: bottom .5s normal forwards ease-in-out;
		animation: bottom .5s normal forwards ease-in-out;
		transition: all .1s;
	}
	.open-box6.show-modal .hover-inner {
		-webkit-animation: box1 .5s normal forwards ease-in-out;
		animation: box1 .5s normal forwards ease-in-out;
		transition: all .1s;
	}
	.hover-box.show-modal {
		opacity: 1;
		z-index:999999;
	}
	.app-inner-friendly {
		position: relative;
		width: 470px;
		margin:auto;
	}

	.hover-inner::before {
		border-left:none;
	}


	@-webkit-keyframes bottom {
	 35% {
		opacity:0;
		transform: translateY(20px);
	  }
	  100% {
		opacity:1;
		transform: translateY(0px);
	  }
	}
	@-webkit-keyframes right {
	 35% {
		opacity:0;
		transform: translateX(20px);
	  }
	  100% {
		opacity:1;
		transform: translateX(0px);
	  }
	}
	@-webkit-keyframes left {
	 35% {
		opacity:0;
		transform: translateX(-20px);
	  }
	  100% {
		opacity:1;
		transform: translateX(0px);
	  }
	}
	@-webkit-keyframes top {
	 35% {
		opacity:0;
		transform: translateY(-20px);
	  }
	  100% {
		opacity:1;
		transform: translateY(0px);
	  }
	}
	@-webkit-keyframes box1 {
	 35% {
		opacity:0;
		transform: translateY(20px);
	  }
	  100% {
		opacity:1;
		transform: translateY(0px);
	  }
	}
	@-webkit-keyframes box2 {
	 35% {
		opacity:0;
		transform: translateY(-20px);
	  }
	  100% {
		opacity:1;
		transform: translateY(0px);
	  }
	}
	@-webkit-keyframes box3 {
	 35% {
		opacity:0;
		transform: translateX(20px);
	  }
	  100% {
		opacity:1;
		transform: translateX(0px);
	  }
	}
	@-webkit-keyframes box4 {
	 35% {
		opacity:0;
		transform: translateX(-20px);
	  }
	  100% {
		opacity:1;
		transform: translateX(0px);
	  }
	}
	.open-box {
	    left: -27px;
	}
	.open-box .bottom-line {
	    right: -32px;
	}
	.open-box .right-line {
	    width: 23px;
		right: -22px;
	}
	.open-box1 {
	    right: -20px;
		left: auto;
		top: 98px;
	}
	.open-box1 .right-line {
	    width: 59px;
		right: 253px;
		top: 30px;
	}
	.open-box2 {
	    left: -16px;
	}
	.open-box2 .right-line {
	    width: 100px;
		left: auto;
		right: -100px;
		top: 108px;
	}
	.open-box2 .top-line {
	    height: 57px;
	}
	.open-box3 {
	    right: -20px;
		top: 48px;
		left: auto;
	}
	.open-box3 .top-line {
	    height: 30px;
	    top: -69px;
	    opacity: 1 !important;
	}
	.open-box3 .right-line {
	    right: auto;
		width: 70px;
		top: 60px !important;
		left: -70px;
	}
	.open-box4 {
	    left: -7px;
	}
	.open-box4 .right-line {
	    right: -70px;
		width: 70px;
		top: 68px;
	}
	.open-box4 .top-line {
	    right: -35px;
	}
	.open-box5 {
	    left: 14px;
		top: 58px;
	}
	.open-box5 .top-line {
	    bottom: -38px;
	    height: 38px;
	    left: 30px;
	}
	.open-box5 .right-line {
		width: 70px;
		right: -70px;
		top: 70px;
	}
	.open-box6 {
	    right: auto;
	    left: -5px;
		top: 49px;
	}
	.open-box6 .bottom-line {
		display: none;
	}
	.open-box6 .right-line {
	    width: 90px;
	    right: -90px;
		top: 60px;
		left: auto;
	}
	.open-box8 {
	    left: -180px;
	    top: 240px;
	}
	.open-box8 .right-line {
	    width: 97px;
	    right: 28px;
	    top: -50px;
	    bottom: auto;
	}
	.open-box8 .top-line {
	    opacity: 1 !important;
	    height: 16px;
		top: -50px;
	}
	.open-box9 {
	    left: -180px;
	}
	.open-box9 .right-line {
	    width: 86px;
	    right: 39px;
	}
	.open-box10 {
	    right: -175px;
	}
	.open-box10 .right-line {
	    width: 91px;
	    left: 33px;
	}
	.open-box7 {
	    right: -182px;
	    top:140px;
	}
	.open-box7 .right-line {
	    width: 78px;
	    top: -50px;
	    left: 46px;
	}
	.open-box7 .top-line {
	    opacity: 1;
	    opacity: 1 !important;
	    top: -50px;
	}
	
	.mobile-hover-icon {
		width:60px;
		display:inline-block;
		height:60px;
	}
	.mobile-hover-icon {margin:auto;
		background-image: url("../images/sprite-posh.svg");
		display: inline-block;
		background-size: 280px auto;
	}
	.open-box .mobile-hover-icon {
		background-position: -726px -286px;
	}
	.open-box1 .mobile-hover-icon {
		background-position: -841px -310px;
		background-size: 300px auto;
	}
	.open-box2 .mobile-hover-icon {
		background-position: -643px -199px;
	}
	.open-box3 .mobile-hover-icon {
		background-position: -641px -472px;
	}
	.open-box4 .mobile-hover-icon {
		background-position: -570px -250px;
		background-size: 250px auto;
	}
	.open-box5 .mobile-hover-icon {
		background-position: -568px -472px;
	}
	.open-box6 .mobile-hover-icon {
		background-position: -886px -180px;
		background-size: 250px auto;
	}
	.border-remove .border-line3 {
		display: block;
	}
}

@media(max-width:767px) {
	.video-career {
		float: left;
		left: calc(50% - 125px);
		width: 250px;
		margin: 20px auto 0 auto;
		top: 0;
		position: relative;
	}
	.video-career-img {
		/*width: 242px;*/
		width: 250px;
	}
	.play-text a {
		font-size: 20px;
	}
	.play-text a::after {
		/*width: 10px;
		height: 10px;
		top: -1px;*/
	}

	.posh-app-section .virtual-text {
		width: 100%;
	}
	.app-friendly-section {
		padding-top: 60px !important;
	}
	.banner-section {
	    background-position: center -35px;
	}
	.posh-app-section p, .media-contain-section p, .top-case-study p {
		font-size: 16px;
    	line-height: 25px;
	}
	.app-friendly-section .container,
	.app-benefit-section .container,
	.trial-section .container  {
		max-width:80% !important;
	}
	.border-line {
		display: none;
	}
	.banner-inner-section .heading_content {
		/*display: none;*/
	}
	.banner-inner-section h1 {
		/*width:300px;
		color:#f3f1ed;*/
		width:250px;
	}
	.banner-inner-section h1 br {
		display: none;
	}
	.white-border-line {
	    width: 210px;
		border-color:#f3f1ed;
	}
	.banner-inner-section .container {
	    padding: 140px 0 80px 0;
	    min-height: 400px;
	}
	.app-image {
		width: 250px;
	    position: relative;
	    float: right;
	    top: 0;
	}
	.posh-app-section {
		padding: 80px 0 60px 0;
		overflow: hidden;
	}
	.posh-app-section .container {
	    padding: 0;
	}
	.app-friendly-section {
		/*display: none;*/
	}
	.app-animation {
		width: 100%;
	}
	.box-1-benefit {
		width: 100%;
	}
	.box-1-benefit {
		padding-bottom: 30px;
	}
	.box-1-benefit:last-child {
		padding-bottom: 0px;
	}
	.box-1-benefit {
		padding-top: 0;
	}
	.left-trial {
	    padding-top: 0;
	    width: 100%;
	}
	.right-trial {
	    width: 100%;
	    text-align: center;
	    margin-top:40px;
	}
	.right-trial img {
	    width: 300px;
	}
	.posh-app-section p {
	    width: 100%;
	}
	.posh-app-section p {
		padding-bottom: 25px;
	}
	.border-line3 {
		left: -25px;
	}
	.app-benefit-section {
		background-position: center bottom;
	}
	.border-remove {
		position: relative;
	}
	.btn-app a, .mobile-btn {
		margin-right: 8px;
	}
	.right-slider-app .slick-prev {
		left: calc(33% - 10px);
		top: auto;
		bottom: -60px;
	}
	.right-slider-app .slick-next {
		right: calc(33.3% - 10px);
		bottom: -60px;
		top: auto;
	}
	.des-box p {
		width: 96%;
	}
}

@media(max-width:585px) {
	.video-career:hover .play-text a {
		color: #fff;
	}
	.video-career:hover .play-text a::after {
		border-color: #fff;
	}
	.play-text a {
		bottom: 40px;
	}
	.banner-inner-section h1 {
	    /*width: 280px;*/
	}
	.banner-inner-section .container {
	    padding: 100px 0 0 0;
	    min-height: 580px; 
	}
	.btn-indus {
	    padding: 12px 15px 8px 15px;
	}
	.trial-section h2 {
	    font-size: 26px;
	    line-height: 40px;
	}
	.posh-app-section {
	    padding: 70px 0 60px 0;
	}
	.app-benefit-section {
	    padding: 70px 0;
	}
	.left-trial .btn-indus {
	    padding: 6px 6px 4px 6px;
	    font-size: 14px;
	    line-height: 18px;
	}
	.btn-app a img {
	    width: 120px;
	}
	
	
	.app-inner-friendly {
		width: 380px;
	}
	.hover-inner p {
	    font-size: 14px;
	    line-height: 22px;
	}
	.hover-inner h2 {
		font-size: 19px;
	}
	.open-box {
	    left: calc(50% - 107px);
		top: 95px;
	}
	.open-box .right-line {
	    left: auto;
	    top: -22px;
	    bottom: auto;
	    height: 22px;
	    border-top: 0;
	    right: calc(50% - 2px);
	}
	.open-box1 {
		right: auto;
	    left: calc(50% - 105px);
		top: 160px;
	}
	.open-box1 .right-line {
	    right:auto;
	    top: -20px;
	    height: 20px;
	    width: 1px;
	    left: 40px;
	}
	.open-box .right-line, .open-box1 .right-line, .open-box2 .right-line, .open-box3 .right-line, 
	.open-box4 .right-line, .open-box5 .right-line, .open-box6 .right-line  {
		width: 1px;
		border-left: 1px dashed #a1a1a1;
		border-top: none;
	}
	.open-box2 {
	    left: calc(50% - 105px);
	    right: auto;
		top: 183px;
	}
	.open-box2 .right-line {
	    left: auto;
		right: 35px;
	    top: -25px;
	    height: 25px;
	}
	.open-box3 {
	    right: auto;
	    top: 153px;
		left: calc(50% - 105px);
	}
	.open-box3 .right-line {
	    right: auto;
	    top: -35px !important;
	    left: 35px;
	    height: 35px;
	}
	.open-box4 {
	    left: calc(50% - 105px);
	    right: auto;
	    top: 148px;
	}
	.open-box4 .right-line {
	    right: 55px;
	    top: -30px;
	    height: 30px;
	    left: auto;
	}
	.open-box5 {
	    right: auto;
		top: 170px;
		left: calc(50% - 105px);
	}
	.open-box5 .right-line {
	    left: auto;
	    top: -32px;
	    right: 35px;
	    height: 31px;
	}
	.open-box6 {
	    right: auto;
		top: 147px;
	    left: calc(50% - 105px);
	}
	.open-box6 .right-line {
	    right: 35px;
	    top: -29px;
	    left: auto;
	    height: 30px;
	    left: auto;
	}
	.app-store-image, .google-store-image {
		width: 120px;
		height: 36px;
	}
	.google-store-image {
		background-position: 0 -38px;
	}
	.des-box {
		padding-right: 0px;
		width: 56%;
	}
	.des-box p {
		padding-right: 0px;
	}
	html:lang(es) .google-store-image {
		margin-right: 0 !important;
	}
	html:lang(es) .left-trial .btn-indus {
		font-size: 10px;
	}
}

@media(max-width:479px) {
	.banner-inner-section .container {
	    min-height: 520px; 
	}
	.video-career {
		margin-top: 15px;
	}
	.border-line3 {
		left: 0;
	}
	.banner-section {
	    background-position: center center;
	}
	.banner-inner-section .container {
	    padding: 70px 0 0 0;
	    /*min-height: 290px;*/
	}
	.white-border-line {
	    width: 140px;
	}
	.banner-inner-section h1 {
	    width: 170px;
	}
	.banner-inner-section .heading_content {
	    line-height: 30px;
	    width: 170px;
	}
	.app-friendly-section .container h2.virtual-text{
	    font-size: 28px;
	}
	.trial-section h2 {
	    font-size: 22px;
	    line-height: 35px;
	}
	.box-1-benefit {
	    padding-top: 0;
	    text-align: center;
	    display: inline-block;
	}
	.benefit-img {
	    width: 140px;
	    float: none;
	    margin: auto;
	}
	.des-box p {
	    width: 100%;
	    padding-right: 0;
	    padding-top:10px;
	}
	.des-box {
	    padding-left: 0;
	    width:100%;
	    padding-top:15px;
	}
	.right-trial img {
	    width: 100%;
	    right: 0;
	}
	.btn-app {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.btn-app a {
		margin-bottom: 10px;
		margin-right: 8px;
	}
	.mobile-btn {
		margin: 0 0 10px 0;
		width: 100%;
		text-align: center;
	}
	.btn-app a:last-child {
		margin-bottom:0;
	}
	.app-inner-friendly {
	    width: 255px;
	}
	.hover-inner {
		padding: 10px;
	}
	.hover-inner img {
	    width: 50px;
	}
	.hover-inner h2 {
	    padding: 10px 0 5px 0;
	}
	html:lang(es) .banner-inner-section .heading_content,
	html:lang(es) .banner-inner-section h1 {
	    width: 210px;
	}
}

@media (device-width:375px) {
	
}
@media (device-width:320px) {
	
}

@media(max-width:320px) {
	
}
@media(max-width:319px) {
	.app-image {
		width: 220px;
	}
	.app-inner-friendly {
		width: 225px;
		margin-left: -6px;
	}
	.app-store-image, .google-store-image {
		width: 108px;
		height: 32px;
	}
	.google-store-image {
		background-position: 0 -35px;
	}
	.left-trial .btn-indus {
		padding: 5px 10px 3px 10px;
	}
	.video-career {
		left: calc(50% - 120px);
		width: 230px;
	}
	.video-career-img {
		/*width: 222px;*/
		width: 230px;
	}
}