@charset "UTF-8";
/* CSS Document */



.card {
     border: 1px solid #d6d6d6;
     display: inline-block;
     text-align: left;
     margin: 0 0 1em;
     width: 30.9%;
     height: 610px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     -moz-background-clip: padding;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     -webkit-box-shadow: 0 3px 0 0 #b7bdc3;
     -moz-box-shadow: 0 3px 0 0 #b7bdc3;
     box-shadow: 0 3px 0 0 #b7bdc3;
     background: #fafafa;
}

.clogo{margin: 30px 0px 30px 0px}

.top-img {
    width: 100%;
}

.bottom-img {
	text-align: center;
   
}

.andmore h1{
	
	font-size: 31px;
font-weight: 600;
text-align: center;
line-height: 45px;
padding: 0px 150px 0px 150px;
}

 .member-benefits-page .andmore .card {
     margin-left: 22px;
	 margin-bottom: 60px;
}

 .member-benefits-page .andmore .card img {
     margin: 0px 0px 0px 0px;
}

.member-benefits-page .andmore .card .content {
     padding: 10px 15px 15px 15px;
	margin-top: 10px;
	 text-align: center;
}

.member-benefits-page .andmore .content h2{
	color:#0055a1;
margin: 5px 0px 22px 5px;
line-height: 27px;
font-weight: bold;
}

 .member-benefits-page .andmore .content p{
     font-size: 15px;
}



.member-river {
    margin: 55px;
    }

.member-river p {
    line-height: 25px;
    clear: both;
    padding-top: 15px;
}

.member-river-bottom-bg{
    margin: 0px;
	 background-image: url("https://ams.iqmetrix.net/images/deebc7c0-9beb-4854-818a-f5b1e0078996/preview/2880/883");
     margin-bottom: 35px;
	position: relative;
z-index: 10;
width: 100%;
background-size: cover;
background-position: center center;
height:auto;
margin-top: -1px;
    }


.member-river-bottom-bg .content{
	background:#fff;
  opacity: 0.9;
	margin: 30px;
	float: right;
	padding-bottom: 35px;
}

.member-river-bottom-bg .content h3{
	font-size: 15px;
padding: 25px 25px 10px 25px;
text-align: center;
line-height: 25px;
}

.member-river-bottom-bg .content .box {
	float: none;
	margin: 0 auto;
	border: none;
}

.member-river-bottom-bg .content .flexbox {
    display: flex;
    align-items: center;
}

.member-river-bottom-bg .content .flexbox .cbox{
	padding-left: 0px;
	text-align: left;
  
}

.member-river-bottom-bg .content .flexbox .cimg{
	padding-left: 0px;
	text-align: right;
  
}

.member-river-bottom-bg .content .flexbox p {
	font-size: 16px;
	
	margin: 5px 10px 5px 10px;
}

.member-river-bottom-bg .content .flexbox img {
	width: 85%;
	height: auto;
}


.member-river .member-text-padding {
    padding: 0 60px;
}
.member-river .member-text-padding .icon {
    width: 85%;
}

.member-river .member-text-padding h2 {
    color: #0055a1;
    margin: 15px 0px 22px 10px;
    line-height: 27px;
    font-weight: bold;
}

.last-head {
	display: block;
    margin-top: -11px !important;
}


.mbmobile {display: none ;}
.mbdesktop {display: block;}
.clogomobile {display: none !important;}
	 .clogodesktop {display: block!important;}







 @media (max-width: 1200px) and (min-width:768px) {
 .member-benefits-page .andmore .card .content {
         margin-top: 10px !important;
    }
	 

	 
	 .member-river p{ padding-top: 10px !important;}
	 
	 .member-river .member-text-padding h2 {
    margin: 7px 0px 5px 10px !important;
		

}
	 
	  .mbmobile {display: none !important;}
	 .mbdesktop {display: block !important;}
 .clogomobile {display: none !important;}
	 .clogodesktop {display: block!important;}
 
    
}




@media (max-width: 991px) and (min-width: 700px){
	.card {
         width: 100% !important;
         height: auto!important;
		 margin-left:0px !important;
    }
	
	  .andmore h1{
		 font-size: 25px !important;
		 line-height: 30px !important;
padding: 0px 100px 0px 100px;
}
	
	 .member-benefits-page .andmore .content h2 {
		  font-size: 30px !important;
		 line-height: 35px !important;
		 margin: 7px 0px 5px 10px !important;
		 
	 }
	
	.member-benefits-page .andmore .card{
		margin-bottom: 0px !important;
	}
	

	
	
	
	.member-river {
    margin: 25px !important;
}
	.bottom-img img{
	width: 100% !important;
		padding-bottom: 20px !important;
   
}
	
	.member-river p {
text-align: center;
}
	
	.member-river .member-text-padding {
    padding: 0px !important;
}
	
	
	.last-head {
    margin-top: 7px !important;
}
	
		 .member-river .member-text-padding .icon {
    width: 12% !important;
}
	.member-river .member-text-padding h2 {
    text-align: center;
		font-size: 26px !important;
		line-height: 27px !important;

}
	
	
	
	
	.mbmobile {display: block !important;}
	 .mbdesktop {display: none !important;}
	.clogomobile {display: none !important;}
	 .clogodesktop {display: block!important;}
}




 @media (max-width: 768px){
	  .card {
         width: 100% !important;
         height: auto!important;
		 margin-left:0px !important;
    }
	 
	   .andmore h1{
		 font-size: 25px !important;
		 line-height: 30px !important;
padding: 0px !important;
}
	 
	 .member-benefits-page .andmore .content h2 {
		 line-height: 37px;
		 font-size: 35px;
		 
	 }
	 .member-benefits-page .andmore .card{
		margin-bottom: 0px !important;
	}
	 
	 .member-river .member-text-padding .icon {
    width: 20% !important;
}
	 
	 
	 
	 
	 .member-river {
    margin: 20px !important;
}
	 
	 .member-river p {
    padding-top: 0px !important;
		 text-align: center !important;
}
	 
	  .member-river .member-text-padding .icon {
    width: 12% !important;
		  margin-top: 20px !important;
}
	.member-river .member-text-padding h2 {
    text-align: center;
		font-size: 26px !important;
		line-height: 27px !important;
		margin: 7px 0px 16px 10px !important;

}
	
	 
	 
	 
	 
	 
	 
	 .mbmobile {display: block !important;}
	 .mbdesktop {display: none !important;}
	 .clogomobile {display: block !important; margin: 10px 0px 10px 0px !important;}
	 .clogodesktop {display: none!important;}
	 
}





 @media (max-width: 480px){
	 .card {
         width: 100% !important;
         height: auto !important;
		 margin-left:0px !important;
    }
	 
	  .andmore h1{
		 font-size: 25px !important;
		 line-height: 30px !important;
padding: 0px !important;
}
	 
	 .member-benefits-page .andmore .content h2 {
		 line-height: 28px;
		 font-size: 25px;
		 
	 }
	 .member-benefits-page .andmore .card{
		margin-bottom: 0px !important;
	}
	 
	.member-river .member-text-padding .icon {
    width: 12% !important;
    margin-top: 20px !important;
}
	 
	 .member-river .member-text-padding {
    padding: 20px !important;
}
	 
	 .mobile img { width: 100% !important;}
	 .bottom-img img{width: 100% !important;}
	 
	 .mbmobile {display: block !important;}
	 .mbdesktop {display: none !important;}
	 .clogomobile {display: block !important; margin: 10px 0px 10px 0px !important;}
	 .clogodesktop {display: none!important;}
	 
}




 @media (max-width: 340px){
	 
	 .card {
         width: 100% !important;
         height: auto!important;
		 margin-left:0px !important;
    }
	 
	 .andmore h1{
		 font-size: 25px !important;
		 line-height: 30px !important;
padding: 0px !important;
}
	 
	 .member-benefits-page .andmore .content h2 {
		 line-height: 28px;
		 font-size: 20px;
		 
	 }
	 .member-benefits-page .andmore .card{
		margin-bottom: 0px !important;
	}
	 
	 .mbmobile {display: block !important;}
	 .mbdesktop {display: none !important;}
	 	 .clogomobile {display: block !important; margin: 10px 0px 10px 0px !important;}
	 .clogodesktop {display: none!important;}
	 
	 
}