body {
	/* overflow: hidden;
    overflow-y: scroll; */
	background-color:#ffffff; font-size:11px; font-family:Trebuchet MS, Arial, Helvetica, Sans-serif; margin-top:0px; margin:0px;}

.maincontentA {
	margin: 0px auto 0px auto;
	width: 100%;
	height: 570px;
	display: table;
	position: relative;
}

.maincontentAX
{
	margin: 0px auto 0px auto;
	width: 100%;
	height: 570px;
	display: table;
	position: relative;
	float: left;
	background-color:#f7f8fa;	
}

.TopPanemaincontentMain
{
	margin: 0px auto 0px auto;
	width: 100%;
	/* height: 570px; */
	display: table;
	position: relative;	
}


.BanerContentNonJs
{
	
	margin: 0px auto 0px auto;
	width: 100%;
	position: relative;
}
.BanerContentIn
{
	margin: 0px auto 0px auto;
	/* width: 1025px; */
	/* height: 570px; */
	position: relative;
	display:flex;
}
.BanerContentInTop
{
	margin: 0px auto 0px auto;
	/* width: 1025px; */
	/* height: 570px; */
	position: relative;
	display:flex;
}
.BanerContentInBottom
{
	margin: 0px auto 0px auto;
	/* width: 1025px; */
	/* height: 570px; */
	position: relative;
	display:grid;
}
.BCDataRC
{
	/* margin: 150px auto 0px auto; */
    /* width: 470px; */
	width: 50%;
    position: relative;
    float: left;
    /* border: 1px solid #d3d3d3;*/
}


.BCDataC
{
	margin: 250px auto 0px auto;
	/* width: 550px; */
	height: 100px;
	width: 50%;
	position: relative;
	float:left;	
	border-radius:10px;

}
.BCDataM
{
	margin: 250px auto 0px auto;
    width: auto;
    height: 100px;
    position: relative;
    border-radius: 10px;
    display: grid;
}



.HeaderTextC
{
	margin: 10px auto 0px auto;
    width: auto;
    height: auto;
    position: relative;
    text-align: center;
    font-size: 22px;
    font-family: 'Myriad Set Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-family: arial,sans-serif;
    font: 3em 'Segoe UI Light';
    letter-spacing: -0.01em;
    color: #333;
}



.HeaderTextA
{
	margin: 10px auto 0px auto;
	width: auto;
	height: auto;
	position: relative;
	text-align:center;
	font-size:24px;
	font-family: 'Myriad Set Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#f7f8fa;
	text-transform:uppercase;
}
.HeaderTextB
{
	margin: 10px auto 0px auto;
	width: auto;
	height: auto;
	position: relative;
	text-align:center;
	font-size:24px;
	font-family: 'Myriad Set Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#454545;
}
.BCDataTextA
{
	margin: 15px auto 0px auto;
    width: auto;
    height: auto;
    position: relative;
    text-align: center;
    font-size: 16px;
    color: #5c5c5c;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    width: 98%;
}
.BCDataTextA a
{
text-decoration:none;
color: #5c5c5c;
}
.BCDataTextA a:hover
{
text-decoration:none;
color: #000000;
}
.BCDataTextB
{
	margin: 15px auto 0px auto;
	width: 400px;
	height: auto;
	position: relative;
	text-align:center;
	font-size:16px;
	font-family:Geneva, Arial, Helvetica, sans-serif;	
	font-family: arial,sans-serif;
    font: 1.6em 'Segoe UI Light';
	color:#111111;
}


.downloadButton
{

width:150px;
height:40px;
border-radius:8px;
color:#d4d4d4 !important; 
font: 1.4em/1.2 'Segoe UI Light';
background-color:#00bff3;
border:0px;
text-decoration:none;
cursor:pointer;
outline:none;
padding:5px 10px 5px 10px;
}
.downloadButton:hover
{
color:#f7f7f7 !important;
border:1px solid #f7f7f7;
text-decoration:none;
}
.downloadButton:active
{
	text-decoration:none;
	color:#f3f3f3 !important;
}


.maincontentAY
{
	margin: 0px auto 0px auto;
	width: 100%;
	height: 570px;
	display: table;
	position: relative;
	float: left;
	background-color:#ffffff;	
}

.BCDataD
{
	margin: 250px auto 0px auto;
	width: auto;
	height: 100px;
	position: relative;
	border-radius: 10px;
	float:left;

}

.BCDataHeaderC
{
	margin: 10px auto 0px auto;
	width: auto;
	height: auto;
	position: relative;
	text-align:center;
	font-size:40px;
	font-family: 'Myriad Set Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#00bff3;
}


.appFeatures
{
	margin: 50px auto 0px auto;
	height: 100px;
	position: relative;
	border-radius:10px;
	
}
.appFeaturesList
{
	
 list-style-type: disc;
 list-style-position: outside;
 list-style-image: none;
 font-size:14px;
 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
/* font-family: arial,sans-serif;
 font: 1.8em 'Segoe UI Light';*/
 letter-spacing: -0.01em;
 line-height:30px;
 margin:20px auto;
 position:relative;
 display: table;
}

.playStoreImageBlock
{
	margin: 50px auto 0px auto;
    position: relative;
    float: left;
}


.bottomMenu
{
    width: 100%;
	height: 300px;
	position: relative;
	display: table;
	margin: 0px auto;
	background-color: #f7f8fa;
}
.bottomMenuIn
{
	width: 96%;
	height: auto;
	margin: 10px auto 0px auto;
	display: table;
	position: relative;
}

.bottomMenuList
{
font-size:14px;
color:#e4e4e4;
	
}
.bottomMenuTable
{
margin:20px 0px 0px 10px;
padding:5px;
font-size:14px;
width: 98%;
display: flex;
}

.botMenuCol2, .botMenuCol1
{
padding:5px;
font-size:14px;
color:#5c5c5c;
height: 20px;		
}
.botmenuTabItem
{
font-size: 12px;
height: 20px;
color:#5c5c5c;
text-decoration:none;
font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.botMenuBlock
{
    width: 20%;
    display: grid;
}
.LeftMenuSection
{
width:100%;
height:300px;
position:relative;
display:table;
margin:0px auto;	
float: left;
}
/*####################banners########################*/
.productHeaderPnlArticleLeft
{
    width: 200px;
    float: left;
    margin: 0px auto 0px auto;
}
.articleLeftMenu
{
margin-top:20px;
float:left;
}
.makermenuButtonArticle
{
	font-family: "Segoe UI Light", Helvetica, Arial, "Sans-serif";
    color: #000000;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 30px;
    letter-spacing: 1px;
    padding: 0px 10px 0px 10px;
    border-bottom: 0px solid #00bff3;
    display: table;
    text-decoration: none;
	width:150px;
}
.articleTitleMain
{
	font-size: 22px;
    text-overflow: ellipsis;
    text-align: left;
    line-height: 35px;
    color: #333333;
	font-family: "Segoe UI Light", Helvetica, Arial, "Sans-serif";
}
.articlePosteDateMain
{
    font-size: 12px;
    color: #999999;
    margin: 5px;
}
.articleContentMain
{
	margin: 15px 10px 5px 5px;
    color: #111111;
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
	font-family: "Segoe UI Light", Helvetica, Arial, "Sans-serif";
}

.articleContentBlock
{
	width: 600px;
    border: 1px solid #dadce0;
    height: 100px;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
}

.articleImage
{
	text-decoration: none;
    color: #666666;
    float: left;
    width: 100px;
    height: 100px;
}

.articleItemTitle
{
	text-decoration: none;
    color: #666666;
    float: left;
    text-align: center;
    font-family: "Segoe UI Light", Helvetica, Arial, "Sans-serif";
    text-overflow: ellipsis;
    font-size: 22px;
    margin: 10px 5px 5px 10px;
}
.articleContentBlock:hover
{
	background-color:#f2f7f8;
}


@media (min-width: 992px) 
{  
   
} 
/* for desktops */

@media (max-width: 991px) { 
   
} 
/* for laptops */

@media (min-width: 768px) and (max-width: 990px) 
{

    .BCDataRC
    {
        width: 100%;
    }
    .BCDataC
    {
        width: 100%;
    }
    .BanerContentIn
    {
        display: grid;
    }
	.BanerContentInTop
	{
		display: grid;
	}
} 
/* for large tablets */

@media (max-width: 768px) 
{
    .BCDataRC
    {
        width: 100%;
    }
    .BCDataC
    {
        width: 100%;
    }
    .BanerContentIn
    {
        display: grid;
    }
	.BanerContentInTop
	{
		display: grid;
	}
  }
 /* for smaller tablets */

@media (max-width: 500px) 
{
    .BCDataRC
    {
        width: 100%;
    }
    .BCDataC
    {
        width: 100%;
    }
    .BanerContentIn
    {
        display: grid;
    }
	.BanerContentInTop
	{
		display: grid;
	}

}