body{padding:0; margin:0; background: url(../images/bg.jpg) repeat-x bottom left;}

.clr{clear:both;}

.no-space{padding:0; margin:0;}

/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:rgba(255,255,255,0.9);
  /* change if the mask should have another color then white */
  z-index: 1000;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../images/loader.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}
/* Preloader end*/

.titleheader{background-color:#1b1c52; color:#ffffff; padding:6px; text-align:right; margin-bottom:2px;}

.navbar {
    position: relative;
    min-height: 20px;
    margin-bottom: 0;
    border:0;
	border-radius:0;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
    color: #fff;
}

.navbar-brand {
    float: left;
    height: 20px;
    padding:0;
    font-size: 18px;
    line-height: 20px;
}

.navbar-default .navbar-brand > img {width:200px; height:80px;}


.navbar-default {
	position:relative;
	padding:0;
	margin-top:12px;
	margin-bottom:0;
    background:none;
}

.navbar-default .navbar-nav>li>a {
    color:#ffffff;
	font-size:13px;
	font-family:"Abel";
	font-weight:bold;
	text-transform:uppercase;
	border:1px #ffffff solid;
	background:rgba(0,0,0,0.4);
	margin:0 1px;
	padding:10px 14px;	
}

.navbar-default .navbar-nav>li>a:hover {
	color:#ffffff;
	background:rgba(0,0,0,0.7);
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#ffffff; background:#468999;}


.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle {
    background-color:#000;
	margin:3px;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
	text-transform:uppercase;
}

.dropdown-menu {
	position:absolute;
    padding: 0;
	left: 700px;
}

.dropdown-menu>li>a {
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #ffffff;
	font-size: 13px;
	background-color: #2b446e;
    border-bottom: solid 1px #ffffff;
}

.dropdown-menu>li>a:hover {
    color: #ffffff;
	background-color: #2b446e;
}

.navbar-nav.sm-collapsible .caret:before {
    content: '+';
    font-family: monospace;
    font-weight: bold;
    color: #fff;
    font-size: 22px;
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background:#337f80;border:0;}


.title{
position:relative;	
padding:0 0 65px;
background:url(../images/titlebg.png) no-repeat bottom right;
background-color: #74e5ff;
border-bottom:solid 2px #ffffff;
}


.title2{

}

.img{
position:absolute;
top:20px;
left:0;
z-index:500;
}

.title > div >.titleheader{background-color:#ffab00; text-align:right; color:#ffffff; font-weight:bold; padding:8px 2% 2px;}

.bannerwrapper{position:relative;}

.bannerfooter{position:absolute; bottom:0; z-index:999; display:none;}

.carousel-caption {
    position: absolute;
    right: 15%;
    top: 20%;
	left:0;
	width:100%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 3px 5px rgba(0,0,0,0.6);
}

.carousel-caption > h3 {font-size:64px; text-transform:uppercase; font-weight:bold;}

.carousel-control.left, .carousel-control.right {
    background:none;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 40px;
	color:#ffffff;
	opacity:1;
}

.contentbg{margin:0 0 30px; padding:0 0 20px; background:url(../images/) no-repeat top right;}

.contentdetailshome {
    font-size: 18px;
    text-align: justify;
    padding: 30px;
    margin: 20px 0;
    background: -moz-linear-gradient(left, rgba(238,207,124,0.73) 0%, rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(left, rgba(238,207,124,0.73) 0%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to right, rgb(221 233 244) 0%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#baeecf7c', endColorstr='#007db9e8',GradientType=1 );
    -webkit-box-shadow: -20px 18px 5px -3px rgb(0 0 0 / 17%);
    -moz-box-shadow: -20px 18px 5px -3px rgba(0,0,0,0.17);
    box-shadow: -20px 18px 5px -3px rgb(0 0 0 / 17%);
}

.contentdetailshome > h1{padding-top:0; margin-top:0; font-family:"Abel"; margin-bottom:20px; color: #04585b; font-weight:bold; font-size:32px;}

/*Gallery*/

.btn-read, .btn-read:hover {
        background: transparent;
        border-radius: 0;
        border: 1px solid #ffffff;
        color: #fff;
		margin-top:20px;
    }

.product{
border-radius:25px;
padding:4px 7px 4px 20px;
margin:10px;
font-weight:bold;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8fd6f7+0,d8e1e7+62,d8e1e7+62,eaeced+63,f2f6f8+72,e0eff9+100&1+0,1+72,0+100 */
background: -moz-linear-gradient(-45deg,  rgba(143,214,247,1) 0%, rgba(216,225,231,1) 62%, rgba(234,236,237,1) 63%, rgba(242,246,248,1) 72%, rgba(224,239,249,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(143,214,247,1) 0%,rgba(216,225,231,1) 62%,rgba(234,236,237,1) 63%,rgba(242,246,248,1) 72%,rgba(224,239,249,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(143,214,247,1) 0%,rgba(216,225,231,1) 62%,rgba(234,236,237,1) 63%,rgba(242,246,248,1) 72%,rgba(224,239,249,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fd6f7', endColorstr='#00e0eff9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

.product > a{color:#225177; font-size:18px; text-transform:uppercase;}


.image{padding:10px; border:solid 1px #000000; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f6f8+0,d8e1e7+50,eaeced+51,e0eff9+100 */
background: rgb(242,246,248); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(234,236,237,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(234,236,237,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(234,236,237,1) 51%,rgba(224,239,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}


.image > span > a > img{border:solid 1px #900; width:100%; height:240px;}
.image > h5{font-size:18px; text-align:center;}

#next {
    background: none;
    color: #615c4f;
    font-weight: bold;
    border: solid 2px #615c4f;
    padding: 4px 13px;
    outline: none;
    margin: 0 auto;
    display: block;
	font-size:13px;
}

.btn-primary {
    color: #fff;
    background-color: #22c7ec;
    border-color: #00bcd4;
}

.footercontent{position:relative; background:url(../images/feedbackbg.jpg) fixed top; padding-bottom:30px;}
.footercontent > div > h1, .footercontentinner > div > h1{color:#ffffff; font-family:"Abel"; font-size:37px; font-weight:bold; margin:30px 0; padding-top:10px; display:block;}
.footercontent > div, .footercontentinner > div {color:#ffffff;}


.footercontentinner{position:relative; padding-bottom:0;}




footer{position:relative; background-color:#22c7ec; color:#ffffff; text-align:center; padding:10px 10px 10px;}
footer > a{color:#ffffff;}

.home_enquiry{color:#ffffff;}
.home_enquiry > form > div > input, .home_enquiry > form > div > textarea {color:#ffffff; background:none;}

.btn-warning {
    color: #fff;
    background-color: #ffab00;
	padding: 9px 58px;
	font-size:16px;
}

.btn-warning > a {
    color: #fff;
	font-weight:bold;
	text-decoration:none;
}



@media (max-width: 991px){
.title > div >.titleheader{display:none;}
.contentbg{margin:0 0 10px; padding:0 0 10px; background:none;}
.contentdetailshome > h1, .contentdetailshome > h1 > span, .footercontent > div > h1
 { font-size: 26px; text-align:left;}
}

@media (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
	background-color:#10151a;
	text-transform:uppercase;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #fff;
	background-color:#000;
	text-transform:uppercase;
}
.navbar-default .navbar-nav>li>a {
	margin:0;
	padding:6px 10px;
	border:0;
	border-bottom:solid 1px #ffffff;
	border-right:0;
	font-size:16px;
}

.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
    position: absolute;
    right: 0;
    top: 5px;
}

.navbar-nav.sm-collapsible .caret:hover {
    position: absolute;
    right: 0;
    top: 5px;
}

.skew-divider {
    -webkit-transform: skew(0);
    -khtml-transform: skew(0);
    -moz-transform: skew(0);
    -ms-transform: skew(0);
    -o-transform: skew(0);
    transform: skew(0);
}

.title{position:relative; width:100%; background:#74e5ff;
padding: 0 0 10px;}

.carousel-caption {
    top: 10%;
}
.carousel-caption > h3 {font-size:34px; text-transform:uppercase; font-weight:bold;}

.btn-warning {
    color: #fff;
    background-color: #ffab00;
	padding: 7px 46px;
	font-size:14px;
}

.img{
position:relative;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle {
    background-color:#000000;
    margin: 25px 0 0;
    position: relative;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border:0;
}

.prod_table{width:500px; overflow-x:scroll;}

}

@media (max-width: 580px){
.carousel-caption {
    top: 6%;
	left:0;
	width:100%;
}
.carousel-caption > h3 {font-size:27px; text-transform:uppercase; font-weight:bold;}

.btn-warning {
    color: #fff;
    background-color: #ffab00;
	padding: 7px 30px;
	font-size:12px;
}

.prod_table{width:480px; overflow-x:scroll;}

}