@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Khand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@300;400;500;700&display=swap');
/* CSS Document */
a[aria-expanded=true] .expandicon {
   display: none;
}
a[aria-expanded=false] .collapseicon {
   display: none;
}
h1,h2,h3{
}
h1{
	font-size: 2.5em;
}
p{
	font-family: Mukta;
	font-weight: 300;
}
.blackfont{
	color:#2d2d2d;
	font-family: mukta;
	font-weight: 300;
}
.blueback {
	background-color: #1b75bc;
}
.bluebutton {
	background-color: #fff;
	color:#24ace2;
	border-color: #24ace2;
	border-radius: 10px !important;
	border:solid 2px;
}
.bluebutton:hover {
	background-color: #24ace2;
	color:#fff;
	border-color: #24ace2;
	border-radius: 10px !important;
	border:solid 2px;
}
.bluefont{
	color: #1b75bc;
	font-weight: 400;
	font-family: mukta;

}
.bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
	margin:1%
}
.card-header{
	padding:0 !important;
}
.cardtop{
	padding:20px;
	padding-bottom: 36px;
}
.cardtop p{
	margin:0px !important;
}
.cardmargin {
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  overflow: hidden;
}
.colorqback {
    background-image: url("../img/colorq-2x-background.jpg");
    background-position-y: -40px;
    background-repeat: no-repeat;
    background-size:cover;
}
.connectback {
    background-image: url("../img/header-waterlink-connect.jpg");
    background-position-y: 0px;
    background-repeat: no-repeat;
	background-size:cover;
}
.devicecard{
	border:solid 1px #fff;
	border-radius:10px;
}
.devicecard a{
	color:#000;
	font-weight: 600;
	text-decoration: none;
}
.devicecard:hover{
	border:solid 1px #000;
	border-radius:10px;

}
.footer {
	color:#fff;
	}
.footer a{
	color:#fff;
	}
.footer a:hover{
	color:#fff;
	}
.footer ul{
	list-style: none;
	}
.halfpad{
	padding-left:6px;
	padding-right:6px;
}
.learnmore{
	color:#000;
	font-family: mukta;
	position: absolute;
  bottom: 10px;
  right: 45px;
}
.lightblueback{
	background-color: #eaf7fd;;
}
.lightblueback2{
	background-color: #24ace2;	
}
.lightorangeback{
	background-color: #ede4db;
	padding-bottom: 40px;
}
.orangebutton{
	background-color: #dc472e;
	border-radius: 10px !important;
}
.orangefont{
	color: #dc472e;
	font-weight: 400;
	font-family: mukta;
	
}

.nav-item a{
	color:#000;
}
.nav-item a:hover{
	color:#65757E;
}
.navpad{
	padding-top: 100px;
    padding-left: 50px;
}
.row{
	margin-right:0;
	margin-left:0;
}
.rowpad{
	padding-top:30px; 
	padding-bottom:30px;
}
.scanhand{	
    vertical-align: bottom !important;
    bottom: 0px;
    position: absolute;
}
.scrnsht{
	border:solid 1px #2d2d2d;
}
.signin{
	color:#000000;;
}
.signin:hover{
	color:#65757E;
	text-decoration: none;
}
.spinback {
    background-image: url(../img/spin-touch-background2.jpg);
    background-position-y: -510px;
    background-repeat: no-repeat;
}
.stripsback {
    background-image: url("../img/photo-scan-background.jpg");
    background-position-y: 0px;
    background-repeat: no-repeat;
	background-size:cover;
	padding-top:80px;
}
.vmiddle{
 margin: auto;
  width: 60%;
  padding: 10px;
 
}
.whiteblock{
	border:solid 1px #B1B1B1;
	border-radius:20px;
	background-color:#fff;
}
.whitefont{
	color:#ffffff;
	font-weight: 400;
	font-family: mukta;
}
.whitefont2{
	color:#ffffff;
	font-weight: 400;
	font-family: khand;
}
.navbar-toggler-icon {
    top: 0px !important;
    position: absolute;
    left: 0px;
    margin-top: 14px;
    background-color: #c3c3c3;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    
}