html{
overflow-y:scroll;
}
body
{
	background:#ffffff;
	margin:0px;
	padding:0px;
	font:normal 12px arial,verdana;
	color:#000;
}
a
{
	outline:none;
	color:#000 !important;
}
a:hover
{
	color:#000;
	text-decoration:underline;
}
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner 
{
	border: none;
}
.textbox
{
	width:193px;
	color:#666666;
	border:solid 1px #D2D2D4;
	resize:none;
	height:16px;
	outline:none;
}

.textarea
{
	color:#666666;
	border:solid 1px #D2D2D4;
	resize:none;
	outline:none;
}

.large
{
height:22px;
}

.txt-form
{
/*margin-left:5px;*/
float:left;
width: 70%;
}

.lbl-form
{
/*width:20%;*/
/*float:left;*/
margin-top:6px;
}

.dropdown
{
	width:200px;
	color:#666666;
	border:solid 1px #D2D2D4;
	resize:none;
/*	height:16px;*/
	outline:none;
}

.button
{
	background:#F6F6F6;
	border:solid 0px #dddddd;
	color:#FFFFFF;
	text-align:center;
	cursor:pointer;
	height:20px;
	padding-bottom:2px;
	font:normal 12px arial;
}
.fourAmIcon{
	height: 75px;
}

/* wrapper */
div#wrapper
{
	/*width:960px;*/
	/*margin:0px auto;*/
	margin : 0% 2% 0% 2%;
	padding:0px;
}
div#divInnerWrap
{
	/*width:960px;*/
	margin:0px;
	padding:0px;
	/*float:left;*/
	background:url('../images/world-map.png') 10px 60px  no-repeat;
}
/* Header */
div#header
{
	float:left;
	margin:0px 0 0 0px;
	padding:0px;
	/*width:960px;*/
	width: 96%;
	background: rgb(255, 255, 255);
	position: fixed;
	display: flex;
	border-bottom: inset;
	z-index: 1000;
	border-color: #838383;
	border-width: 3px ;
}
#topGrid
{
	float:left;
	width:960px;
	height:5px;
	margin:10px 0 0 0px;
	padding:0px;
	/*background:url('../images/outerborder_top.png') no-repeat;*/
}
#headerCont
{
	float:left;
	margin:0px 0 0 0px;
	padding:10px 10px 10px 10px;
	width: 100%;
	/*width:940px;*/
	/*background:url('../images/outerborder_mid.png') repeat-y;*/
}

div#header .left
{
	float:left;
	/*width:335px;*/
	margin:0px;
	padding:0px;
}
div#header .right
{
	float:right;
	/*width:605px;*/
	margin:0px;
/*	padding:0px 10px 0px 0px;*/
/*	height:120px;*/
	font-size:14px;
}
div#header .links
{
	text-align:right;
	width:100%;
	margin:0px;
	padding:0px;
/*	height:30px;*/
}
div#header .links a
{
	height:30px;
	margin:0 5px 0 5px;
	text-decoration:none;
}
div#header .links a:last-child
{
	margin-right:0px;
}
div#header .phone
{
	text-align:right;
	width:100%;
	margin:10px 0 0 0px;
	padding:0px;
	height:30px;
	font-style:italic;
	font-weight:bold;
}
div#header .cart
{
	text-align:right;
	width:100%;
	margin:5px 0 0 0px;
	padding:0px;
/*	height:35px;*/
	color:#999;
	display: flex;
}
#topNav
{
	float:left;
	width:940px;
	height:33px;
	margin:0px;
	padding:0px;
}
div#header #topNav .left
{
	float:left;
	width:7px;
	height:33px;
	margin:0px;
	padding:0px;
	background:url('../images/navbar_left.png') no-repeat;
}
div#header #topNav .center
{
	float:left;
	width:926px;
	height:33px;
	margin:0px;
	padding:0px;
	background:url('../images/navbar_mid.png') repeat-x;
}
div#header #topNav .center .links
{
	float:left;
	width:690px;
	margin:8px 0 0 10px;
	padding:0px;
	height:33px;
	text-align:left;
	font-size:14px;
}
div#header #topNav .center .links a
{ 
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}
div#header #topNav .center .links a:hover 
{
	color:#000;
}
div#header #topNav .center .links a.active
{
	color:#000;
}
div#header #topNav .center .search
{
	float:left;
	width:226px;
	margin:0px;
	padding:0px;
	height:33px;
}
div#header #topNav .center .search #txtSiteSearch
{
	float:left;
	width:100%;
	margin:4px 0 0 0px;
	padding:0px;
	font-size:14px;
	height:20px;
}
div#header #topNav .right
{
	float:left;
	width:7px;
	height:33px;
	margin:0px;
	padding:0px;
	background:url('../images/navbar_right.png') no-repeat;
}
/*Container class*/
div#container
{
	float:left;
/*	width:940px;*/
	min-height:100vh;
	margin:0px 0 0 0px;
	padding-top:0.5%;
	width: 100%;
	/*background:url('../images/outerborder_mid.png') repeat-y;*/
	margin-top: 6%;
}
#divContLeft
{
	float:left;
/*	width:717px;*/
	width: 100%;
/*	margin:0px 10px 0 0;*/
	padding:0px;
	margin-top: 0.5%;
}
#divContRight
{
	float:right;
	width:213px;
	margin:0px;
	padding:0px;
}
 #divLoginBox
{
	float:left;
	width:213px;
/*	margin:0px;*/
	padding:0px;
}
 #divLoginBox .top
{
	float:left;
	width:100%;
	margin:0px;
	height:43px;
	padding:0px;
	background:url('../images/login_top.png') no-repeat;
}
 #divLoginBox .middle
{
	float:left;
	width:100%;
	margin:0px;
	min-height:276px;
	padding:0px;
	background:url('../images/login_mid.png') repeat-y;
}
 #divLoginBox .middle ul
{
	list-style:none;
	margin:10px;
	padding:0px;
	width:193px;
}
 #divLoginBox .middle ul li
{
	list-style:none;
	margin:0 0 5px 0;
	padding:0px;
	width:100%;
	font-size:12px;
}
 #divLoginBox .middle ul li #txtLoginId, #divLoginBox .middle ul li #txtPswd
 {
	width:100%;
	border-radius:none;
	padding:0;
	font-size:12px;
	margin:0;
 }
 #divLoginBox .middle ul li a,#divLoginBox .middle ul li label
{
	text-decoration:underline;
	color:#000;
	font-size:12px;
}
.btnGreen 
{
	width:59px !important;
	height:23px;
	background:url('../images/button.png') no-repeat;
	border:0px;
	color:#fff;
	cursor:pointer;
	padding:1px;
	font:normal 12px arial;
	
}
.btnBg{
	background:url('../images/button.png') no-repeat !important;
}
.green 
{
	color:#87B04C;
}
 #divLoginBox .bottom
{
	float:left;
	width:100%;
	margin:0px;
	height:9px;
	padding:0px;
	background:url('../images/login_bot.png') no-repeat;
}
#divContBottom
{
	clear:both;
/*	float:left;*/
/*	width:940px;*/
	margin:10px 0 0 0px;
	padding:0px;
	display: flex;
}
#divContBottom a
{
	width:305px;
	float:left;
	margin:0px;
	padding:0px;
}
#divContBottom a:first-child
{
	margin-right:12px;
}
#divContBottom a:last-child
{
	margin-left:13px;
}

.carousel-inner {
     display: flex;
}

.carousel-item {
	display: flex;
	flex-direction: row;
	justify-content: center; 
}

.carousel-item img {
	max-height: 200px;
    object-fit: cover;
    width: 100%;
}
.carousel-control-prev, .carousel-control-next {
    width: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
}
 #prevControl , #nextControl{
 	margin-top: 3%;
 	margin-left: -8%;
 	margin-right: -8%;
 }


.featTitle
{
	float:left;
	clear:both;
	margin:10px 0 0px 0;
	font-size:18px;
	width:100%;
	color:#50504F;
}
/*Footer*/
#footer
{
	float:left;
/*	width:960px;*/
	width: 100%;
	margin:0px;
	padding:0px;
	color:#50504F;
}
#footerCont
{
	float:left;
	margin:0;
	padding:10px;
/*	width:940px;*/
	width: 100%;
	/*background:url('../images/outerborder_mid.png') repeat-y;*/
}
#footerCont hr{
	border-top:1px solid #999999;
	height:1px;
	padding:0px;
	margin:0px 0 10px 0;
	width:100%;
}
#footerCont .left
{
	float:left;
	margin:0px;
	padding:0px;
}
#footerCont .right
{
	float:right;
	margin:0px;
	padding:0px;
}
#bottomGrid
{
	float:left;
	width:960px;
	height:8px;
	margin:0px;
	padding:0px;
	/*background:url('../images/outerborder_bot.png') no-repeat;*/
}
#divSlideShow
{
	position:relative;
	float:left;
	width:717px;
	height:328px;
	margin:0px;
	padding:0px;
}
#divSlideShow a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    width: 100%;
    height: 100%;
}

#divSlideShow a.active {
    z-index:10;
}

#divSlideShow a.last-active {
    z-index:9;
}

.main-container
{
color:black;
float:left;
width:760px;
min-height:570px;
}
.mas-form
{
float:left;
margin:20px 0px 25px 50px;
padding:0px;
width:480px;
display:inline;
font-size:12px;
}

.mas-form ul
{
float:left;
list-style:none;
margin:0px;
padding:0px;
width:480px;
}

.mas-form ul li
{
float:left;
margin:10px 0px 0px 0px;
padding:0px;
width:480px;
display:inline;
text-align: -webkit-match-parent;
}

.mas-form ul li span
{
float:left;
width:160px;
padding:0px;
margin:0px;
line-height:30px;
}
.heading
{
margin:10px 2px 0px 45px;
padding:1px;
width:350px;
font-weight:bold;
font-size:15px;
}
.valdSucs  
{
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
display:none;
}
.valdFail
{
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display:none;
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
 
form {
  margin: 0 0 0 0px !important;
}
.pageTitle
{
	font-size:14px;
	color:#000;
	float:left;
	font-weight:100;
/*	width:717px;*/
	width: 100%;
	border-bottom:1px solid #000;
	margin-bottom:20px;
	padding-bottom:5px;
}

.searchRes {
	padding: 0px;
	border: 1px solid #999;
	border-bottom:0px;
	background:#fff;
	overflow: hidden;
	width:200px;
	z-index:3000;
    max-height: 250px;
    overflow-y: auto;
    position: fixed !important;
    top: 36px !important;
}

.searchRes ul {
margin: 0px;
padding: 0px;
list-style: none;	
}
.searchRes ul li {
margin: 2px;
padding: 0px 2px 0px 5px;
cursor: pointer;
display: block;
font-size: 12px;
overflow: hidden;
border-bottom: 1px solid #999;
}
.searchSel
{
	background:#eee;
	color:#000;
}
.searchRes ul li  img{
padding:2px;border:1px solid #999;
width:50px;
float:left;
margin:0 5px 5px 0;
}
.searchRes ul li  .title{
float:left;
font-size:12px;
}
.searchRes ul li  .descr{
float:left;
width:100%;
margin:3px 0 0 0 ; 
font-size:11px;
}
#input
{
margin-left:111px;}
.compulsory
{
color:red;
}
#divPayPartners
{
	float:left;
	width:717px;
	margin:80px 0 0 10px;
	text-align:center;
}
#divPayPartners a
{
	float:left;
	margin:0 40px 0 0;
}
.cartHeading
{
	color:#D64426;
	font-weight:bold;
	font-size:16px;
	float:left;
	width:100%;
	margin:0px 0 10px 0;
	clear:both;
	text-decoration: underline;
}
#tblCart td
{
	border-bottom:1px solid #000;
}
.icon-str
{
color:red;
font-size:8px;
font-weight:bold;
margin-top: -3px !important;
}
.lic-form
{
width:850px;
padding:0 0 10px 20px;
border:1px dashed black;
margin-left:-7px;
}
.val_suc  
{

width:860px;
padding: 8px 35px 8px 14px;
margin: 0 0 20px 20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
display:none;
font-size:14px;
}
#divPayProcess
{
	float:left;
	width:300px;
	text-align:center;
	top:40%;
	left:50%;
	margin:0 0 0 -150px;
	padding:20px 0 20px 0;
	position:fixed;
	z-index: 2000;
	display:none;
	color:#fff;
	font-weight:bold;
}
#overlay 
{
	display:none;
	position: fixed;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
	background:#000;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	z-index: 1000;
}

.poErr
{
color:red;
float:left;
margin-left:115px;
font-size:10px;
display:none;
}

#termsConditions
{
color:#333;
margin-left:70px;
}
#divTerms
{
	float:left;
	margin:0px 0 0 -400px;
	padding:0px;
	position:fixed;
	top:80px;
	left:50%;
	width:800px;
	min-height:400px;
	z-index: 1200;
	background:#efefef;
	display:none;
	border:6px solid #999;
}
#divTerms .lbClose
{
	position:absolute;
	top:-17px;
	right:-17px;
}
#divTerms .content
{
	
}

.quoteLink
{
color:black;

}

.quoteLink:hover
{
color:#333;
}

.searchIcon{
	display: inline-flex;
	position: relative;
}

.phNo , .logIcon{
	margin: 0 5px 0 5px;
}


#txtSiteSearch{
	height: 0%;
	width: 34px;
	border-radius: 20px;
	cursor: pointer;
	transition: width 0.3s ease;
}
#txtSiteSearch::placeholder {
	color: transparent;
	transition: color 0.3s ease;
}
/*.searchIcon:hover #txtSiteSearch {
	width: 200px;
}
.searchIcon:hover #txtSiteSearch::placeholder {
	color: #000; 
}*/
.searchIcon.hovering #txtSiteSearch,
.searchIcon.expanded #txtSiteSearch {
	width: 200px; /* Expanded width */
}

.searchIcon.hovering #txtSiteSearch::placeholder,
.searchIcon.expanded #txtSiteSearch::placeholder {
	color: #000; /* Show placeholder text */
}

.logIcon{
	color: black;
	font-size: 18px;
}

.active {
    font-weight: bold;
}


.txtNews{
	display: flex;
	padding: 1px;
/*	padding-right: 0px !important;
	padding-left: 0px !important;*/
	gap: 1.5%;
/*	flex-wrap: wrap;*/
	padding-top: 1%;
}

.decs{
	clear: both;
	margin: 0 0 10px 0;
	color: #50504f;
	border: 2px solid #eee;
	border-radius: 8px;
	padding: 0.5%;
	font-size: 12px;
}

.newsPara{
	padding: 0 10px 0 10px;
	float: left;
	margin-top: 0px;
}
.homeNewsPara{
	padding: 0 10px 0 10px;
}

.search-icon {
	position: absolute;
	right: 10px;
	top: 20%;
}

.mblMenu {
	display: none;
}

.carousel-inner{
	margin-top: 6%;
	padding: 0 2% 0 2%;
}
.prevNext{
	font-size: 20px;
}

@media screen and (max-width: 650px) {

	body{
	    overflow:hidden;
	}

	.txtNews {
        display: flex;
        flex-direction: column;
    }
	.news1 , .news2{
		width: 100% !important;
	}
	.news2{
		order: -1;
	}
	.newsIcon{
		width: 50% !important;
	}

	.homeNewsPara{
		display: inline-block;
	}
	#header{
		width: 100% !important;
	}
	.heading{
    	margin-left: 2%;
    }

	div#header .right{
		display: none;
/*		float: inline-start;*/
    	margin-top: 15%;
    	margin-right: 5%;
	}

	div#header .right{
		display: none;
	}

	.fourAmIcon {
		height: 60px;
	}
    .mblMenu {
        display: block;
        position: absolute;
        top: 50%;
        right: 4%;
        cursor: pointer;
        font-size: 20px;
    }
	.close-icon {
	    display: none !important;
	}

	.mblMenu.active .menu-icon {
	    display: none; 
	}

	.mblMenu.active .close-icon {
	    display: block !important; 
	}

    .searchIcon{
    	display: none !important;
    }
    .links ,.cart{
    	display: grid;
    }
    #divSlideShow {
    	height: 125px;
    }
    div.mblMenu.active{
    	top: 10%;
    }
    .links {
/*    	text-align: center !important;*/
    	/*height: 30px;
    	margin: 0 5px 0 5px;*/
    }
    #divSoftWares{
    	display: grid !important;
    }
    div#container{
    	margin-top: 16%;
    }
    .billShip{
    	display: grid;
    }
    #billingAddress , #shippingAddress {
    	width: 100% !important;
    }

	/*Register_software css*/

    .two-column-list{
    	display: block !important;
    }
    .lic-form{
    	width: 75%;
    }
    #ddl_prod , #ddlLicType{
    	width: 120px;
    }
    .saveRegBtn{
    	width: 20% !important;
    }
    #cus-info{
    	margin-left: 15px;
    }
    .subDet{
    	width: 100px !important;
    }
    .subDets{
    	width: 130px !important;
    }
/*    login Page responsive design*/

    #divLoginBox{
    	width: 70% !important;
    }
    .invpayLi{
    	width: 65% !important;
    }
    .invpayLi2{
    	width: 100% !important;
    }
    .chkAccept{
    	margin-left: 4px !important;
    }
    
}

.two-column-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.custom-btn {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: #007bff;
    border: 1px solid #007bff;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.pageHeader {
	font-size: 18px;
	text-decoration: underline;
	width: 100%;
	color: black;
}