*{
	box-sizing: border-box;
}
#carousel{
	margin-right:10px;
	margin-left: 10px;
}
body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}
a.highlightedtext: hover{
    color: #3684d8;
}
/*----------------------------------------------------products gallery-------------------------------------------------------*/
.main {
  max-width: 100%;
  margin: auto;
}

.galleryrow {
  margin: 8px -16px;
}

/* Add padding BETWEEN each gallerycolumn */
.galleryrow,
.galleryrow > .gallerycolumn {
  padding: 8px;
}

/* Create four equal gallerycolumns that floats next to each other */
.gallerycolumn {
  float: left;
  width: 25%;
}

/* Clear floats after galleryrows */ 
.galleryrow:after {
  gallerycontent: "";
  display: table;
  clear: both;
}

/* gallerycontent */
.gallerycontent {
  background-color: white;
  padding: 8px;
  border:2px solid #eee;
  box-shadow:4px -4px 4px -4px #dddddd;
}
   
.gallerycontent p{
    text-align: center;
    padding-top: 10px;
}
        
@media (min-width:900px){
    .gallerycontent img:hover{
        transform:scale(1.1);
	    width: 100%;
        height:auto;
    }
    .gallerycontent:hover{
        color: #3684d8;
    }
}
/* Responsive layout - makes a two gallerycolumn-layout instead of four gallerycolumns */
@media screen and (max-width: 900px) {
  .gallerycolumn {
    width: 50%;
  }
}

/* Responsive layout - makes the two gallerycolumns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .gallerycolumn {
    width: 100%;
  }
}
/*----------------------------------------------------enquirybox styling----------------------------------------------------*/

.container{
	margin-left:0;
	margin-top:40px;
    overflow-x: hidden;
}
	
 @media (min-width:768px){
	 .container{
		 width:750px;
	}
}
	 
 @media (min-width:992px){
	.container{
		width:970px
	}
}
	 
 @media (min-width:1200px){
.container{
		 width:1100px
		 }
}
 
.container .left-image img {
	width: 100%;
	height:320px;
    float: left;
}

.right-info {
	height: 320px;
    width: 100%;
	background-color: #f2f2f2;
	padding: 15px;
	margin-bottom:50px;	
	line-height:120%;
    float: left;
}

.coly-md-4, .coly-sm-12{
	
}

.container input[type=button]{
	background-color:#3684d8;
	color:white;
	padding:15px 35px;
	border:none;
	border-radius: 4px;
	cursor: pointer;
	font-size:18px;
	margin-top:10px;
}
.container input[type=button]:hover{
	background-color: #195aa0;
}

@media (min-width:768px){
	.coly-sm-12{
		float:left;
		width:50%;
	}
}
@media (min-width:992px){
	.coly-md-4{
		width:33.33333333%;
		float:left;
	}
.coly-md-offset-2{
	margin-left:16.66666667%;
    float: left;
}}

/*------------------Content of all pages (for margins and styling)--------------------------*/
.content{
	margin-left:15%;
	margin-right:15%;
	margin-bottom:20px;
	font-size:18px;
	line-height:1.3;
    overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	color:#3684d8;
	text-transform: uppercase;
}
big{
	color:#3684d8;
	font-size:22px;
	}
p{
	text-align:justify;	
	}
.featuredlist {
    list-style: none;
    margin-left: -25px;
}
.featuredlist li{
    background-image: url(img/done.png);
    background-repeat: no-repeat;
    padding-left: 35px;
}
.topimage{
    max-width:84%;
    height: auto;
}
@media (max-width:760px){
    .topheading{
        font-size: 8vw !important;
    }
    nav{
        position: sticky;
    }

}
/*------------------------------------Products Page styling-------------------------------------*/
.product_col{
	margin-top:10px;
	margin-bottom:20px;
	padding:30px;
}
.productimage{
	float:left;
	margin-right:30px;
	margin-bottom:10px;
}
.productimage img{
	width:270px;
	vertical-align:top;
}
@media(max-width:760px){
    .productinfo{
        float:left;
    }
}
.productinfo a{
	text-decoration:none; !important
}
table {
	margin-top:20px;
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
	border: 2px solid #dddddd;
}
th {
	border:2px solid #dddddd;
	text-align: center !important;
    padding: 8px;
}
td {
    border: 1px solid #f4f4f4;
    text-align: center;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
}
.readmore{
	background-color: #fff;
	text-align: center;
	padding: 5;
	font-size: 15;
	border-radius: 10px;
	float: right;
}
.readmore:hover{
	color:#3684d8;
}
/*----------------------------------Contact Us page styling----------------------------------*/
.contactus{
	background-color:#ffffff;
	color:black;
	line-height:1.5;
}
.mapheading{
	margin-top:10px;
}
#map{
	margin-top:30px;
	float:left;
	width:50%;
	height:500px;
	background:#f2f2f2;
	vertical-align:top;
	position:static;
}
.contactdetails{
	float:left;
	margin-right:10%;
}
.contactdetails a{
	text-decoration:none;
	cursor:pointer;
	color:#3684d8;
	line-height:2.5;
}
.contactdetails a:hover{
	color:#3684d8 !important;
}
.contactdetails img{
	vertical-align:middle;
}
.contactdetails abbr{
	border-bottom:none;
	text-decoration:none;
}
@media (max-width:992px){
	#map{
		width:90%;
		margin-bottom:50px;
		margin-top:2%;
	}
    .contactus{
        float: left;
        width:90%;
    }
}
@media (max-width:768px){
    #map{
        height: 300px;
    }
}
@media(max-width:1260px){
   .contactus{
        float: left;
        width:90%;
    }
}

/*---------------------------------------footer sytling-----------------------------------------------------*/
footer {
	width:100%;
	overflow:hidden;
	left: 0;
	top: 10px;
	bottom: 0;
	color: black;
	text-align: left;
	margin-top:100px;
	border-top:1px solid #eee;
	box-shadow:0 -4px 3px #dddddd;
    overflow-x: hidden;
}
.footer-logo > img{
	float:left;
	display:inline-block;
}
.footer-links{
	float:right;
	margin-right:8%;
}
.footer-link > a{
	display:inline-block;
}
.footer-links> a:hover{
	color:#3684d8 !important;
}
footer img{
	margin-left:8%;
	width:100px;
	margin-right:30%;
}
@media (max-width: 767.98px){
	.footer-logo > img{
		width:70px;
		margin-right:70%;
	}
	.footer-links{
		float:left;
		margin-left:5%
	}
}
/*-----------------------------------------enquiry page styling-------------------------------------------------*/
input[type=text], input[type=email], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}
form{
	margin:15px !important;
}
label {
    padding: 12px 12px 12px 0;
    display: inline-block;
}

input[type=submit] {
    background-color: #3684d8;
    color: white;
    padding: 15px 35px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: right;
	margin-top:10px;
	font-size:18px;
}

input[type=submit]:hover {
    background-color: #195aa0;
}

.form {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 15px;
	margin-left:15%;
	margin-right:15%;
	margin-top:3%;
}

.colll-25 {
    float: left;
    width: 25%;
    margin-top: 6px !important;
}

.colll-75 {
    float: right;
    width: 75%;
    margin-top: 6px;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 992px) {
    .colll-25, .colll-75, input[type=submit] {
        width: 100% !important;
        margin-top: 0;
        float: left;
    }
	}
/*---------------------------------------Return to top button----------------------------------------------------*/
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index:1;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}