.topcontainer{
	display: block;
	position: relative;
	width: 100%;
}
.topcontainer::after{
	content: '';
	display: block;
	clear: both;
}
.clearmaintop{
	display: block;
	clear: both;
	height: 130px;
}
.productbg{
	display: block;
	position: relative;
	padding: 40px 0;
}
.productbg::after{
	content: '';
	display: block;
	clear: both;
}
.productbg [class*='col-']{
	margin:2rem 0;
}
.productbg .productbx{
	display: block;
	position: relative;
	height: 100%;
}
.productbg .figure{
	display: block;
	width: 100%;
}
.productbg .figure img{
	display: block;
	width: 100%;
	height: auto;
}

.productbg .figured{
	display: block;
	width: 100%;
}
.productbg .figured img{
	display: block;
	width: 100%;
	height: auto;
}
.productbg .figured:hover img {
    cursor: url(../images/icon-zoom-white2.png), pointer;
    opacity: .95;
    transform: scale(1.1, 1.1);
    transition: .3s;
}
.productbg .caption{
	display: block;
	padding: 1rem 0;
	position: relative;
}
.productbg .caption::after{
	content: '';
	display: block;
	clear: both;
}
.productbg .caption .title{
	display: block;
	font-size: 22px;
	color: #000;
	font-weight: 300;
	margin-bottom: 0.5rem;
}
.productbg .caption p{
	display: block;
	font-size: 18px;
	line-height: 1.8rem;
	color: #000;
	font-weight: 300;
}
.viewallbg{
	display: block;
	width: 100%;
	height:100%;
	background: #C2BDB8;
	box-sizing: border-box;
	padding: 1rem;
	text-align: center;
}
.viewallbg .viewmore{
	display: inline-block;
	position: relative;
	top: 50%;
	transform: translate(0%, -50%);
}
.viewallbg .viewmore a{
	display: inline-block;
    background: #000;
    padding: 0 35px;
    text-align: center;
    line-height: 45px;
    font-size: 1rem;
    color: #fff;
}
.readmore{
	display: inline-block;
	float: right;
	font-size: 16px;
	line-height: 1.2;
	color: #000;
}
.readmore a{
	display: inline-block;
	font-size: 15px;
	line-height: 1.2;
	color: #000000;
}
.darkmode{
    display:block;
    background:#000;
    color:#ffffff !important;
}
.darkmode .maintitle,
.darkmode .shrtdesc h2,
.darkmode .footer .title,
.darkmode .footer .footermenu ul li a,
.darkmode .footer p,
.darkmode .readmore a{
    color:#fff !important;
}
.darkmode #cssmenu > ul > li > a{
    color:#fff !important;
}
/*--large font--*/
.largefont{
    
}
.largefont .maintitle{
    font-size:3rem !important;
}
.largefont .shrtdesc h2,
.largefont .footer .title
{
    font-size:26px !important;
}

.largefont .footer .footermenu ul li a,
.largefont .footer p,
.largefont .readmore a{
    font-size:22px !important;
}
.largefont #cssmenu > ul > li > a{
    font-size:22px !important;
}
.largerfont{
    
}
.largerfont .maintitle{
    font-size:3.5rem !important;
}
.largerfont .shrtdesc h2,
.largerfont .footer .title
{
    font-size:30px !important;
}

.largerfont .footer .footermenu ul li a,
.largerfont .footer p,
.largerfont .readmore a{
    font-size:26px !important;
}
.largerfont #cssmenu > ul > li > a{
    font-size:26px !important;
}
/*--letter spacing--*/
.letterspacing{
    
}
.letterspacing .maintitle,
.letterspacing .shrtdesc h2,
.letterspacing .footer .title,
.letterspacing .footer .footermenu ul li a,
.letterspacing .footer p,
.letterspacing .readmore a{
    letter-spacing:2px
}
.letterspacing #cssmenu > ul > li > a{
    letter-spacing:2px
}

.wordspacing{
    
}
.wordspacing .maintitle,
.wordspacing .shrtdesc h2,
.wordspacing .footer .title,
.wordspacing .footer .footermenu ul li a,
.wordspacing .footer p,
.wordspacing .readmore a{
   word-spacing: 10px;
}
.wordspacing #cssmenu > ul > li > a{
    word-spacing: 10px;
}

.linheightspacing{
    
}
.linheightspacing .maintitle,
.linheightspacing .shrtdesc h2,
.linheightspacing .footer .title,
.linheightspacing .footer .footermenu ul li a,
.linheightspacing .footer p,
.linheightspacing .readmore a{
   line-height: 2rem;
}
.linheightspacing #cssmenu > ul > li > a{
    line-height: 2rem;
}
.underlinelink{
    
}

.underlinelink  a{
    text-decoration:underline !important;
}
@media screen and (max-width:767px){
    .darkmode #cssmenu > ul > li > a {
        color: #000 !important;
    }
}