/**/
.holder_bu_center{
	position:absolute;
	top:5%;
	left:20%;
	width:68%;
	-webkit-animation: fadein 1s linear forwards;
    animation: fadein 1s linear forwards;	
}
@-webkit-keyframes fadein {
  0%{ opacity: 0; }
  100%{ opacity: 1; }
}

@keyframes fadein {
  0%{ opacity: 0; }
  100% { opacity: 1; }
}
.holder_bu_awayR1{
	position:absolute;
	top:30%;
	left:80%;
	width:10%;
	height:40%;
	background-color:rgba(0,0,50,0.7);
	-webkit-transition:width 1s,height 1s,top 1s,left 1s;
	-moz-transition:width 1s,height 1s,top 1s,left 1s;
	-o-transition:width 1s,height 1s,top 1s,left 1s;
	-ms-transition:width 1s,height 1s,top 1s,left 1s;
	transition:width 1s,height 1s,top 1s,left 1s
}
.holder_bu_awayR2{
	position:absolute;
	top:35%;
	left:84% !important;
	width:10%;
	height:30%;
	background-color:rgba(0,0,50,0.5);
	-webkit-transition:width 1s,height 1s,top 1s,left 1s;
	-moz-transition:width 1s,height 1s,top 1s,left 1s;
	-o-transition:width 1s,height 1s,top 1s,left 1s;
	-ms-transition:width 1s,height 1s,top 1s,left 1s;
	transition:width 1s,height 1s,top 1s,left 1s
}
.dispnone{display:none;}
#mcsslider {  
	width: 100%;	
	overflow: hidden;	
	position: relative;
	height: 100%;
	display: contents;
}
#wrapper_bu {
    float: left;
    width: 100%;
	position: relative;
	margin: 15px 0px;
}
.holder_bu_center{left: 2%;}
#wrapper_bu::after{
	background: url(../images/iphone-frame.png) no-repeat;
	background-size: auto auto;
	content: '';
	height: 632px;
	width: 294px;
	display: block;
	position: absolute;
	top: 0;
	right: 129px;
	background-size: 100%;
	transform: translateX(-92.5%) translateY(1%);
}

#mcsslider .nav {
    position: absolute;
	top: 300px;
	right: 0%;
	right: 10%;
}
#mcsslider .nav a{outline: none;}
.holder_bu_awayR1 .mcsslider-text, .holder_bu_awayR2 .mcsslider-text{display: none;}
.holder_bu_center img, .holder_bu_awayR1 .mcsslider-img img, .holder_bu_awayR2 .mcsslider-img img{width:100%;}
.holder_bu_awayR1{
	width: 50%;
	left: 70%;
	opacity: 0.5;
	transform: translateX(0) translateY(110%);
}
.holder_bu_awayR2{	
	opacity: 0.2;
	width: 33% !important;
	top: -36px !important;
}
.mcsslider-img, .mcsslider-text {
   top: 77px;
   text-align:center;
}
.holder_bu{
	top: -30px;
	width: 41%;
}
.holder_bu_center .mcsslider-img {
    top: 20px !important;
    width: 292px !important;
    margin-left: 44px !important;
}
.holder_bu_center .mcsslider-img > img {
    border-radius: 30px;
}
.holder_bu_center{
	position: absolute;
	top: 5%;
	left: 2%;
	width: 68%;
	-webkit-animation: fadein 1s linear forwards;
	animation: fadein 1s linear forwards;
}
.holder_bu_awayR1 .mcsslider-img{top: 160px;}
.holder_bu_awayR2 .mcsslider-img{top: 210px;}
.nav img{width:100%;}
.mcsslider-text h2 {
	color:#000;
	text-decoration: capitalize;
}
.mcsslider-text h2 {
	color: #222f64;
	text-transform: uppercase;
}
.mcsslider-text h2 span{
	background: #bf2034;
	width: 50px;
	height: 50px;
	color: #fff;
	display: inline-block;
	border-radius: 100%;
	line-height: 52px;
}
.mcsslider-text p {
    font-size: 15px;
    margin-top: 35px;
    line-height: 26px;
    letter-spacing: 0.5px;
}
.slider-wrapper{
	position: relative;
	height: 830px;
	width: 100%;
	overflow: hidden;
}
.mcsslider-text strong{color: #213164;}
#mcsslider .nav{width:40px;}
#mcsslider .nav img{width: 40px;margin-bottom:20px;}
.slider-text{
	background: url(../images/new-slider-bg.jpg) no-repeat;
    background-size: auto auto;
	width: 100%;
	float: none;
	height: 82vh;
	background-size: cover;
	text-align: center;
	position: relative;
	max-width: 1920px;
	margin: 0px auto; 
}
.slider-text::before{
	position: absolute;
	content: '';
	background: url(../images/slider-text-bg.png) no-repeat;
	background-size: auto auto;
	width: 59%;
	height: 100%;
	right: 0;
	top: -1px;
	display: block;
	background-size: cover;
}
.slider-text h1{
	color:#002768;
	font-size:74px;
	font-weight:800;
	text-shadow: 2px 3px 0px #dfdfdf;	
	text-transform: uppercase;	
	margin-top: 60px;
	margin-bottom: 10px;
	z-index:1;
	position: relative;
}
.slider-text h1 span{
	color:#bf0b32;
	display: block;	
}
.slider-text h1::after{
	position: absolute;
	content: '';
	background: url(../images/title-border.png) no-repeat;
	display: block;
	width: 113px;
	height: 18px;
	left: 50%;
	margin-left: -60px;
	bottom: -35px;
}
.slider-text h2{
	color:#000000;
	font-size: 47px;
	font-weight:400;
	margin-bottom: 0px;
}
.slider-text p{
	color:#bf0b32;
	font-size:20px;
	margin-top: 15px;
}
.slider-app-btn p{
	color:#002768;	
	margin-bottom: 15px;
	font-size:26px;
	font-weight: bold;
}
.slider-app-btn p span{
	color:#000000;	
	font-size:46px;
}
.slider-app-btn a:nth-child(1){
	/* background: url('../images/app-btn.png') no-repeat 0 0; */
	width: 194px;
	height: 57px;
}
.slider-app-btn {
    position: absolute;
    bottom: 18%;
    left: -10%;
    margin-left: 0;
    width: 100%;
    display: block;
    z-index: 1;
    -webkit-transform: translateY(-18%);
    -moz-transform: translateY(-18%);
    -ms-transform: translateY(-18%);
    -o-transform: translateY(-18%);
    transform: translateY(-18%);
}
.slider-app-btn p small {position: relative;}
.DCbtnArea {position: relative;}
.DCGoogleStore, .DCAppstore {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    bottom: -40px;
    font-size: 15px !important;
    border: 2px solid #82b0c5;
    width: max-content;
    min-width: auto;
    padding: 3px 18px;
    border-radius: 4px;
} 
/* .DCGoogleStore:before, .DCAppstore:before {
    content: "\f019";
    font: normal normal normal 15px/1 FontAwesome;	
    position: absolute;
    top: 50%;
    left: 16px;
	
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	
} */
.DCTitle {
    position: absolute;
    left: -100%;
    bottom: -44px;
    font-size: 16px !important;
    text-align: right;
    width: 100%;
}
.slider-text-right{
	float:right;
	width: 45%;	
	position: relative;
	height:100%;	
}
.DPlayStore img {
    /* -webkit-animation: pulse 1.6s infinite;
    -moz-animation: pulse 1.6s infinite;
    -o-animation: pulse 1.6s infinite;
    animation: pulse 1.6s infinite; */
	margin: 0 6px;
}
.slider-sub-text{
	float:left;
	width:100%;	
	position: relative;
	margin-top: 70px;
	z-index: 1;
}
.slider-sub-text::after{
	background: url(../images/slider-sub-bg.png) no-repeat;		
	content: '';
	display: block;
	position: absolute;
	left: -100px;
	top: 6px;
	width: 120%;
	background-size: 100% 100%;
	height: 100%;
	z-index: -1;
}
.slider-text-left {
    width: 944px;
	height: 480px;
    float: left;
    position: absolute;
    top: 20%;
    left: 3%;
    z-index: 99;
	overflow: hidden;
}
.slider-text-left video{width:100%;}
.main-logo a{display: inline-block; margin: 12px 0;}
@media screen and (min-width: 320px) and (max-width: 767px){
	.slider-text{background: none;height: auto;}
	.slider-text-right{width: 100%;padding: 10px 0 20px 0;}
	.slider-text h1{font-size: 28px;text-shadow: 1px 2px 0px #dfdfdf;margin-top: 0px;margin-bottom: 0;}
	.slider-text h1::after{display: none;}
	.slider-text::before{display: none;}
	.slider-sub-text{margin-top: 6px;}
	.slider-text h2{font-size: 21px;margin-top: 5px;font-weight: 600;}
	.slider-sub-text::after{left: -30px;top: 4px;}
	.slider-app-btn{left: 0;bottom: 0;width: 100%;position: relative;}
	.slider-text p{font-size: 14px;margin-top: 10px;}
	.slider-app-btn p span{font-size: 26px;}
	.slider-app-btn img{width: 120px; margin-top: 9px;}
	.slider-text-left{width: 100%; margin: 0px auto; float: none; position: inherit; left: 0; top: 0; height: auto;}
	.slider-text-left video{margin-left: 0px;margin-top: 0px;}
}
@media screen and (min-width: 768px) and (max-width: 1279px){
	.section-slider {min-height: auto;} 
	.section-slider .slider-text {padding-bottom: 20px;float: left;padding-left: 15px;padding-right: 15px;} 
	.slider-text{height: auto; background: none;}
	.slider-text-right{width: 100%;}
	.slider-text h1{font-size: 60px;margin-top: 40px;}
	.slider-text::before{display: none;}
	.slider-sub-text{margin-top: 0px;}
	.slider-text h2{font-size: 38px;}
	.slider-sub-text::after{left: -80px;top: 10px;}
	.slider-app-btn{left: 0;bottom: 0;width: 100%;position: relative;top: 20px;}
	.slider-text p{font-size: 20px;}
	.slider-app-btn p span{font-size: 30px;}
	.slider-app-btn img{width: 120px; margin-top: 9px;}
	.slider-text-left{width:100%; margin:0px auto; float: none;position: inherit; left: 0; top: 0; height: auto;}
	.slider-text-left video{margin-left: 0px;margin-top: 0px;}
}
@media screen and (min-width: 1280px) and (max-width: 1365px){
	.slider-text::before{width: 68%;}	
	.slider-text h1{font-size: 54px;}
	.slider-sub-text::after{left: -118px;}
	.slider-text h2{font-size: 37px;margin-top: 45px;}
	.slider-app-btn{width: 137%; left: -32%;}
	.slider-text-right{width: 49%;}
	.slider-app-btn p span{font-size: 36px;}
	.slider-app-btn p{font-size: 20px;}
	.slider-app-btn img{width: 180px;}	
	.slider-text-left{width: 600px;height: 305px;top: 30%; left: 3%;} 	
}
@media screen and (min-width: 1366px) and (max-width: 1755px){
	.slider-text::before{width: 68%;}	
	.slider-text h1{ font-size: 54px;margin-top: 30px;margin-bottom: 0px;}
	.slider-sub-text::after{left: -68px;width: 129%;background-size: 100% 100%;}
	.slider-sub-text{margin-top: 45px;}
	.slider-text h2{font-size: 37px;margin-top: 45px;}
	.slider-app-btn{width: 110%; left: -12%;left: -40px;}
	.slider-text-right{width: 52%;}	
	.slider-text-left{left: 2%; top: 2%; width: 46%;}
	.slider-text-left video{height: 100%;}
	.slider-app-btn p span{font-size: 36px;}
	.slider-app-btn p{font-size: 22px; margin-bottom: 0px;}	
}
@media screen and (min-width: 1756px) and (max-width: 1919px){
	.slider-text-left{width: 550px;width: 48%;}
	.slider-text-right{width: 50%;}
	.slider-text::before{width: 66%;}
	.slider-sub-text::after{width: 123%; background-size: 100%;top: -5px;}
}
@media screen and (min-width:320px) and (max-width:991px){
	#mcsslider {height:100%;display: contents;}
	#wrapper_bu{float: none;width: 90%;margin: 0px auto;}
	.holder_bu_center{left: 0;width: 100%;}
	.container{width:100% !important;}
	.mcsslider-img, .mcsslider-text{top: 0;}
	.holder_bu_awayR1, .holder_bu_awayR2{display: none;}
	.holder_bu_center .mcsslider-img::after{top: -509px; right: 0px; background-size: 100%; width: 284px; margin: 0px auto;position: relative;}
	.mcsslider-text {margin-bottom: 90px;}
	.mcsslider-img img{width:250px;}
	#mcsslider .nav{top: 29px; right: 6%;}
	.nav img{width:30px;}
	#wrapper_bu{width: 294px;}
	#wrapper_bu::after{transform: translateX(-1%) translateY(100%);height: 602px; width: 286px;right:0}
	.slider-wrapper{height: 100%;}
	.holder_bu_center .mcsslider-img{top: 0 !important;width: 285px !important;margin-left: 19px !important;}
	#mcsslider .nav{top: 30px !important;width: 90%;}
	.mcsslider-img, #wrapper_bu::after{ display: none;}
	.holder_bu_center{position: inherit;}	
}
@media screen and (min-width:992px) and (max-width:1200px){
	#mcsslider .nav{top: 45%;right: 20px;}
}
@media screen and (max-width: 1279px){
	.slider-app-btn p {margin-bottom: 55px;}
	.DCGoogleStore, .DCAppstore, .DCTitle {bottom: -50px;padding-left: 2rem;padding-right: 2rem;}
	.slider-app-btn {bottom: 7%;-webkit-transform: translateY(-7%);-moz-transform: translateY(-7%);-ms-transform: translateY(-7%);-o-transform: translateY(-7%);transform: translateY(-7%);}
}
@media screen and (max-width: 1366px){
	.slider-app-btn {bottom: 12%;-webkit-transform: translateY(-12%);-moz-transform: translateY(-12%);-ms-transform: translateY(-12%);-o-transform: translateY(-12%);transform: translateY(-12%);}
}
