.banner_mobile_app{background:#144d79 url(../img/banner_background.png) no-repeat center center/cover;width: 100%;float: left;padding: 65px 0;position:relative;}
.mobile_app_management_content{color:#fff;padding-top: 0px;position: relative;z-index: 99;}
.mobile_app_management_content h1{font-size:45px; font-weight:700;color:#fff;text-transform:uppercase;line-height:55px;}
.mobile_app_management_content p{font-size:20px;line-height:26px;padding-top: 10px;}
/* .btn_get_start{    border: none;background: linear-gradient(to right, #FF512F 0%, #F09819 51%, #FF512F 100%);width: 290px;height: 42px;display: block;text-align: center;padding: 10px;border-radius: 30px;color: #fff !important;margin-top: 40px;font-size: 16px; text-transform: uppercase; font-weight: 600;background-size: 200% auto;transition: 0.5s;} */
.btn_get_start:hover{    background-position: right center;color: #fff;text-decoration: none;}
.mobile_app{display:flex;margin-top: 40px;}
.mobile_app span{padding-right:40px;text-align:center;color:#fff;font-size:18px;line-height:32px;}
.mobile_app span.active img{transform: scale(1.2);}
.mobile_app span:hover{color:#fff;}
.mobile_app span img{display:block;margin: 0 auto;}
.modal-footer-pop .mobile_app_form {overflow: hidden;}
.modal-footer-pop .mobile_app_form{background:#fff;border-radius:15px;margin-left:auto;position: relative;z-index:9;}
.modal-footer-pop .mobile_app_form h4{font-size: 24px;font-weight: 700;margin-bottom: 25px;margin-top: 0;}
.modal-footer-pop .mobile_app_form h4 span{color:#144d79;}
.modal-footer-pop .mobile_app_form label{font-size:14px;color:#666666;font-weight:400;}
.modal-footer-pop.modal-footer-pop .mobile_app_form input,.modal-footer-pop .mobile_app_form select,.modal-footer-pop .mobile_app_form textarea{font-size:14px;color:#23282d;;font-weight:400;height:42px;}
.modal-footer-pop .mobile_app_form textarea{height:102px!important;resize: none;}
.btn-sign-in{background: linear-gradient(to right, #09b3ef 0%, #1e50e2 51%);width:290px;height:42px;display:block;text-align: center;padding: 10px;border-radius: 30px;color: #fff !important;margin-top:10px;font-size:16px;text-transform:uppercase;    border: none;font-weight: 600;}
.sign_in{max-width:290px;margin:0 auto;}
.apps_deliver{margin: 90px 0;}
.apps_deliver button{margin-top:40px;}
.apps_deliver p{color:#333333;}
.upper_content h5{font-size: 22px;font-weight: 600;}

.upper_content p{font-size: 18px;font-weight: 400;line-height: 30px;padding-top: 30px;}

.divider_app{padding:60px 0;width: 100%;float: left;}
.upper_content h2{font-size:46px; color:#484848;font-weight:700;}
.working_together_content{padding-top:40px;}
.working_together_content h3{font-size: 24px;color: #000;font-weight: 600;margin: 0px;padding: 20px 0 20px;}
.working_together_content p{color:#484848;font-size: 18px;font-weight: 400;line-height: 28px;}

.custom_mobile_app{background:#144d79;padding:40px 0;color:#fff;}
.custom_mobile_app h4{color:#fff;font-size:22px;font-weight:600;}
.custom_mobile_app button{margin-top:0px;}

.screen{background:#000 url(..img/screen.png) no-repeat center; margin:0 auto;width:267px;padding: 12px;border-radius: 30px;}

.indication{bottom: -50px!important;}
.indication li{background:#000000!important;}
.indication li.active{background:#877ff5!important;}

.development_proccess_background{background:#f5f5f5;}
.development_process{text-align: center;}
.development_content{padding-top:20px;max-width: 500px;margin: 10px auto 0;}
.development_content h5{font-size:20px;color:#484848;font-weight:600;}
.development_content button{margin-top:30px!important;}
.development_img{position:relative;}
.development_img h2{position:absolute;margin: 0px;top: 58%;left: 17%;font-size: 38px;color: #484848;font-weight: 800;}
.development_process button{margin:0 auto;}
.modal-footer-pop .mobile_app_form>.row{margin: 0;}

.build-a-stun h2{font-size: 38px;font-weight: 700;line-height: 46px;margin: 0;color:#484848;}
.build-a-stun h2 span{display:block;}
.process{position:relative;padding-top: 20px;}
.process button{margin:0 auto;margin-top: 56px;}
.process img{display:block;margin:0 auto;background: #fff;padding-left: 17px;padding-right: 17px;}
.process p{text-align:center;}
.mobile em{position: absolute;border-top: 1px dashed #ccc;top: 36%;width: 100%;margin: 0 auto;z-index: -1;}
.mobile p{font-size:24px;padding-top:18px;font-weight:500;}
.get_started_popup .modal-footer-pop .mobile_app_form{margin:0;max-width: 100%;padding: 10px 0;}
@media (min-width: 768px){
.modal-dialog.get_started_popup {width: 900px;margin: 30px auto;}}
.get_started_popup button.close{appearance: auto;opacity: 1;position: absolute;right: 6px;top: 6px;width: 30px;float: none;background: none;z-index: 99;border: none;font-size: 24px;}
/* animation */

@keyframes bg-slide {from { transform: translateX(0); }to { transform: translateX(-50%); }}
@-webkit-keyframes bg-slide {from { transform: translateX(0); }to { transform: translateX(-50%); }}
.wrapper {position: absolute;width: 100%;height: 185px;overflow: hidden;bottom: 0;}
.bg {width: 200%;background: url(../img/technology-logo.png) repeat-x;position:absolute;top: 0;bottom: 0;left: 0;animation: bg-slide 30s linear infinite;}

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

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

.animate__bounceIn {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-duration: 1s;
	animation-duration: 1.5s;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

.screen .carousel-indicators li.active{width:12px;height:12px;margin-right: 5px;}


@media(max-width:1200px){
	.mobile_app_management_content h1, .upper_content h2, .build-a-stun h2
	{font-size:36px;}
	.mobile_app a{font-size:14px;}
	.mobile_app_management_content{padding-top: 0px;}
	.development_img h2{font-size: 30px;}
}
@media(max-width:992px){
	.development_img h2{position:static;}
	.development_content{margin: 10px auto 40px;}
	.application_complete{text-align:center;}
	.apps_deliver {margin: 0px 0;}
	.mobile_app_management_content h1, .upper_content h2, .build-a-stun h2 {font-size: 24px;line-height: 30px;}
	.mobile_app_management_content{text-align: center;}
	.mobile_app_management_content button.btn_get_start{margin: 20px auto;}
	.mobile_app{justify-content: center;}
	.modal-footer-pop .mobile_app_form{margin: 30px auto 0;}
	.custom_mobile_app{text-align:center;}
	.custom_mobile_app button {margin: 30px auto 0;}
}
@media(max-width:767px){
	.mobile em, .mobile_hide_form{display:none;}
	.banner_mobile_app{padding: 30px 0 80px;}
	.mobile_app_management_content h1, .upper_content h2, .build-a-stun h2{font-size:18px;}
	.mobile_app_management_content p{font-size: 15px;line-height: 24px;padding-top: 0px;}
	.mobile_app{margin-top: 30px;justify-content: space-between;}
	.mobile_app a{padding-right: 0px;}
	.mobile_app a img{max-width: 40px;}
	.mobile_app_management_content h1{margin-top:0;}
	.wrapper{height: 75px;}
	.bg{background-size: contain;}
	.divider_app{padding:30px 0px;}
	.upper_content h5{font-size: 14px;margin-top: 0;}
	.upper_content h2{margin-bottom: 3px;margin-top:0;}
	.working_together_content {padding-top: 20px;}
	.working_together_content h3{font-size:16px;padding: 20px 0 10px;}
	.working_together_content p{line-height: 22px;font-size: 14px;}
	.custom_mobile_app h4{font-size:16px;}
	.divider_app.custom_mobile_app{padding: 20px 0px;}
	.custom_mobile_app button {margin: 15px auto 0;}
	.delivered_app .row{display: flex;flex-direction: column-reverse;}
	.screen{width: 167px;}
	.apps_deliver{margin-top: 60px;text-align: center;}
	.apps_deliver p{font-size: 14px;font-weight: 400;line-height: 24px;padding-top: 10px;}
	.apps_deliver button {margin: 20px auto 0;}
	.development_img h2 {font-size: 18px;margin-top: 20px;}
	.development_content {margin: 0px auto 40px;padding-top: 10px;}
	.development_content h5{    font-size: 14px;font-weight: 400;line-height: 22px;margin-top: 0;}
	.process img{padding-left: 12px;padding-right: 12px;}
	.process .col-xs-4{padding:0;}
	.mobile p{font-size: 16px;font-weight: 600;}
	.process a{margin-top: 16px;}
	.screen .carousel-indicators.indication{width:100%;margin-left: -50%;}
	.process button{margin-top: 36px;}
}