html, body {
	margin: 0;
	padding: 0;
	/* box-sizing: border-box; */
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	line-height: 1.8;
}

.toprow {
	width: 100%;
	position: fixed;
	transition: 0.5s;
	font-size: 0;
	text-align: center;
	border-bottom: 1px solid #888;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 10;
}

	.topcol-1 {
		width: 30%;
		display: inline-block;
		font-size: 15px;
	}

	.topcol-2 {
		width: 50%;
		padding: 10px 0;
		display: inline-block;
		vertical-align: bottom;
	}

	.navi ul {
		padding: 0;
	}

	.navi ul li {
		list-style-type: none;
		display: inline-block;
		margin-right: 14px;
		padding: 2px 10px;
		border: 2px solid #999;
		border-radius: 8px;
		color: #666;
		font-size: 17px;
		font-weight: bold;
	}

	.navi ul li:hover {
		border: 2px solid #000;
		border-radius: 8px;
		color: #fff;
		background: #2b51a2;
	}

	.navi ul li:hover a {
		color: #fff;
	}

	.navi ul li a {
		color: #666;
		text-decoration: none;
	}

	.navi ul li a:hover {
		color: #fff;
	}

.imagesrow {
	font-size: 0;
}

	.imgfullpage {
		width: 100%;
		display: block;
	}

.contentrow {
	font-size: 0;
	text-align: center;
	background: #eee;
	z-index: 5;

}

	.contentbox {
		width: 80%;
		display: inline-block;
		margin: -70px 0 40px;
		padding: 40px;
		box-sizing: border-box;
		border: 1px solid #888;
		font-size: 17px;
		color: #888;
		background: #fff;
		z-index: 6;
	}

	.hrstyle {
		width: 40%;
		height: 2px;
		border: 0;
		color: #ccc;
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	}	

	.readmore {
		padding: 12px 40px;
		text-align: center;
		font-size: 16px;
		border: 2px solid #999;
		border-radius: 8px;
		background: #fff;
		transition-duration: 0.6s;
		cursor: pointer;
	}
	
	.readmore:hover {
		border-color: #2b52a3;
		color: #fff;
		background: #2b52a3;
  	}
  	
  	.productlist ul {
  		padding: 0;
  	}
  	
  	.productlist ul li {
  		width: 170px;
		display: inline-block;
		padding: 5px;
		list-style-type: none;
		vertical-align: top;
  		border: 1px solid #fff;
  	}
  	
  	.productlist ul li:hover {
  		border: 1px solid #999;
  		border-radius: 8px;
  	}
  	
  	.productlist img {
  		width: 160px;
  	}
  	
  	.contactcol1, .contactcol2 {
  		width: 45%;
  		display: inline-block;
  		text-align: center;
  		vertical-align: top;
  	}
  	
  	.contactcol2mobi {
  		width: 45%;
  		display: none;
  		text-align: center;
  		vertical-align: top;
  	}

.miscrow {
	padding: 30px 0;
	font-size: 0;
	text-align: center;
	background: #ccc;
}

	.misccol-1, .misccol-2, .misccol-3 {
		width: 25%;
		display: inline-block;
		font-size: 15px;
		vertical-align: top;
	}
	
	.miscp {
		display: none;
	}
	
	.browseus ul { padding: 0; }
	
	.browseus ul li {
		width: 50%;
		margin: 0 auto;
		list-style-type: none;
		text-align: center;
		cursor: pointer;
		border-radius: 8px;
		transition: .5s;
	}
	
	.browseus ul li:hover {
		background: orange;
	}
	
	.browseus ul li a {
		text-decoration: none;
		color: #000;
	}

	.socialmedia ul { padding: 0; }

	.socialmedia ul li {
		width: 32px;
		padding: 6px;
		display: inline-block;
		list-style-type: none;
	    cursor: pointer;
	    border-radius: 8px;
	    transition: .5s;
	}

	.socialmedia ul li:hover {
		background: orange;
	}

.copyrightrow {
	width: 100%;
	text-align: center;
	color: #fff;
	background: #2b52a3;
}

/* Additional Font */
.titlefont {
	font-size: 16px;
	font-weight: bold;
}

.bigtitlefont {
	font-size: 28px;
	font-weight: bold;
}

.ahref {
	color: #2b52a3;
	text-decoration: none;
}

.ahref:hover {
	color: #2b52a3;
	text-decoration: underline;
}

/* For mobile phones: */

@media only screen and (max-width: 768px) {
	.toprow {
		position: static;
	}
	
	.navi ul li {
		margin-right: 6px;
	}

	[class*="topcol-"] {
		width: 90%;
		text-align: center;
	}
	
	.contentbox {
		margin: -40px 0 20px;
		padding: 20px;
		font-size: 14px;
	}
	
	.hrstyle {
		width: 70%;
	}

  	.productlist ul li {
  		width: 75px;
  	}

  	.productlist img {
  		width: 75px;
  	}

  	.contactcol1 {
		width: 90%;
  	}

  	.contactcol2 {
		display: none;
  	}

  	.contactcol2mobi {
  		width: 90%;
		display: inline-block;
	}

	[class*="misccol-"] {
		width: 100%;
		text-align: center;
	}

	.miscp {
		display: block;
	}
}

/* Slider */

#mainimage {
    width: 100%;
    overflow: hidden;
}

#mainimage img {
    width: 20%;
    float: left;
}

#mainimage figure { 
    width: 500%;
    position: relative;
    margin: 0;
    left: 0;
    text-align: left;
    font-size: 0;
    animation: 20s slidy infinite;
    -webkit-animation: slidy 20s infinite;
    z-index: -1;
}

@keyframes slidy {
    0% { left: 0%; }
    20% { left: 0%; }
    25% { left: -100%; }
    45% { left: -100%; }
    50% { left: -200%; }
    70% { left: -200%; }
    75% { left: -300%; }
    95% { left: -300%; }
    100% { left: -400%; }
}

@-webkit-keyframes slidy {
    0% { left: 0%; }
    20% { left: 0%; }
    25% { left: -100%; }
    45% { left: -100%; }
    50% { left: -200%; }
    70% { left: -200%; }
    75% { left: -300%; }
    95% { left: -300%; }
    100% { left: -400%; }
}