@font-face {
    font-family: opensans;
    src: url(../fonts/opensans-regular-webfont.woff);
}
@font-face {
    font-family: opensans-bold;
    src: url(../fonts/opensans-bold-webfont.woff);
}
body{font-family: opensans;}
header{background:#fff}
.navbar-default{background-color:transparent; border-color:transparent; margin:0;}
.navbar-default .navbar-nav>li>a{text-transform:uppercase;padding: 32px 10px;     font-size: 16px; color:#000}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{ background:#009999; color:#fff;}
.org-nav .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{background:#3d2a23}
.logo{padding:17px 15px;}
/*about*/
.about{padding:25px 0;}
.about h2 , .traffics-signs h2{font-size:30px; color:#333333; text-align:center; border-bottom:1px solid #333333; text-transform:uppercase}
.about p{text-align:justify; color:#3d2a23; font-size:14px;}
.btn{background-color:#009999; border:none; border-radius:0; margin-top:50px; }
.traffics-signs{background:#e2e2e2; padding:25px 0; text-align:center}
/* .padding-left{padding-left:0;}
.padding-right{padding-right:0;} */
.padding-top{padding-top:25px}
.row-margin{margin:0 -30px;}
.footer-top{background:#333333; padding:25px 0; color:#fff}
.vertical ul{margin-left:15px;}
.vertical ul li{list-style: url(../images/right.png);margin-bottom:36px;}
.vertical ul li a{color:#fff; font-size:16px; list-style: url(../images/right.png)}
.footer-top h3{font-size:18px;border-bottom:1px solid #ccc; padding-bottom:20px;    margin-bottom: 25px;}
iframe{border:0; width:100%; height:200px}
.footer-top a{color:#fff;}
.footer-top address{line-height: 23px}
.footer-bottom{padding:20px 0; background:#009999; color:#fff;}
.footer-bottom p{margin:0;}
.footer-bottom a{color:#fff;}
.signs{    background: #fff;
    border: 2px solid #70C1B7;
    text-align: center;    
    text-align:center;
	padding:0;
	margin:0 5px;
width: 15.8%;
	}
.signs h4{
    text-transform: uppercase;
    font-weight: bold;
    color: #4C4949;
font-size: 21px;
}
.signs h5{color:#1000FF}
/*organic*/
body#organic .btn{background-color:#cc0000}
body#organic .banner{position:relative;}
body#organic .banner .caption{position:absolute; top:33%; padding:20px; background:rgba(255, 255, 255, 0.52); color:#2d0400; font-size:40px;}
body#organic .banner .caption h2{font-size:75px; text-transform:uppercase}
body#organic .about{color:#3d2a23; background:#fff6e7}
body#organic .about h2 , .soapnuts h2{color:#3d2a23; text-transform:capitalize; text-align:center; border:0;}
body#organic .about h2 , .soapnuts h2{color:#3d2a23; text-transform:capitalize; text-align:center; border:0;}
.red{color:#cc0000;}
body#organic .about p{text-align:center}
.soapnuts{padding:35px 0; text-align:center}
.border{display:block; height:2px; width: 110px;background:#3d2a23; margin:0 auto; margin-bottom:15px;}
.soapnuts p{text-align:left; line-height: 23px;}
.margin{margin:0}
.yelo{background:#fff6e7}
.brown{background:#3d2a23}.navbar-default{background-color:transparent; border-color:transparent; margin:0;}
.navbar-default .navbar-nav>li>a{text-transform:capitalize;padding:15px 10px;font-size: 14px; color:#000}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{ background:#009999; color:#fff;}
.org-nav .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{background:#3d2a23}
.logo{padding:10px 15px;}
/*about*/
.about{padding:100px 0 0px 0;}
.about h2 , .traffics-signs h2{font-size:30px; color:#333333; text-align:center; border-bottom:1px solid #333333; text-transform:uppercase}
.about p{text-align:justify; color:#3d2a23; font-size:14px;}
.btn{background-color:#009999; border:none; border-radius:0; margin-top:50px; }
.traffics-signs{background:#e2e2e2; padding:100px 0 25px 0; text-align:center}
/* .padding-left{padding-left:0;}
.padding-right{padding-right:0;} */
.padding-top{padding-top:25px}
.row-margin{margin:0 -30px;}
.footer-top{background:#333333; padding:25px 0; color:#fff}
.vertical ul{margin-left:15px;}
.vertical ul li{list-style: url(../images/right.png);margin-bottom:47px;}
.vertical ul li a{color:#fff; font-size:14px; list-style: url(../images/right.png)}
.footer-top h3{font-size:18px;border-bottom:1px solid #ccc; padding-bottom:20px;    margin-bottom: 25px;}
iframe{border:0; width:100%; height:217px}
.footer-top a{color:#fff;}
.footer-top address{line-height: 24px}
.footer-bottom{padding:20px 0; background:#009999; color:#fff;}
.footer-bottom p{margin:0;}
.footer-bottom a{color:#fff;}
/*organic*/
body#organic .btn{background-color:#cc0000}
body#organic .banner{position:relative;}
body#organic .banner .caption{position:absolute; top:40%; padding:20px; background:rgba(255, 255, 255, 0.52); color:#2d0400; font-size:40px;}
body#organic .banner .caption h2{font-size:75px; text-transform:uppercase;font-family: opensans-bold;}
body#organic .about{color:#3d2a23; background:#fff6e7}
body#organic .about h2 , .soapnuts h2{color:#3d2a23; text-transform:capitalize; text-align:center; border:0;font-family: opensans-bold;}
.red{color:#cc0000;}
body#organic .about p{text-align:center}
.soapnuts{padding:35px 0; text-align:center}
.border{display:block; height:2px; width: 110px;background:#3d2a23; margin:0 auto; margin-bottom:15px;}
.soapnuts p{text-align:justify; line-height: 23px;}
.margin{margin:0}
.yelo{background:#fff6e7}
.brown{background:#3d2a23}
.dark-brown{background:#2c1f1a}
.navbar-fixed-top{border-bottom:1px solid #333333;}
/*artistic*/
#artistic{background:#dfe3c6;}
#artistic header{background-color: #fff;}
#artistic .navbar-default .navbar-nav>li>a{padding:5px 32px;}
#artistic .navbar-default .navbar-nav>.active>a,#artistic .navbar-default .navbar-nav>li>a:hover,#artistic .navbar-default .navbar-nav>li>a:focus {
    background: #666; color:#fff;
}
.cta{color:#3a2822}
.cta a{color:#3a2822}
.cta .glyphicon{color:#000; padding:4px;}
#artistic .cta .glyphicon-home{padding: 5px 10px;margin:0px;}
#artistic .cta .glyphicon-home:hover{border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -os-border-radius: 25px;
    background:#B9B9B9;
    color: #fff;
    padding: 5px 10px;}
#artistic .menu{text-align: center;}
#artistic .logo{padding:  0;
    margin-bottom: 1px;}
#artistic  .carousel{background-color:#3d2a23}
#artistic  .carousel-caption{top:35%; text-transform:uppercase; font-size:39px; color:#fff;}
#artistic  .about p{line-height: 25px;}
#artistic  .carousel-caption .slide-cap{background:#ff0000; padding: 4px;}
#artistic  .carousel-caption .slide-cap-two{background:#3d2a23; padding: 4px;}
#artistic .btn{background-color:#3d2a23;text-transform:uppercase}
#artistic .about h2,#artistic .traffics-signs h2{text-transform:capitalize; border:0;}
#artistic  .border-h{border-bottom:1px solid #000;}
.artistic-items {padding:75px 0 20px 0}
.artistic-items .items img{width:100%; padding-bottom:5px;}
.artistic-items .items{background:#3d2a23; padding:5px 5px 15px 5px; padding-bottom:0;}
.artistic-items .items h4{margin:0 -5px; background:#3d2a23; color:#fff; font-size:20px; padding:10px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
/*engineering page*/
.blue{color:#00a0d6}
#engineering{background:#fff; font-family: opensans;}
#engineering .logo{padding: 0;}
#engineering .right-head{padding-left:0}
#engineering .menu{background:#5BACDC;position: relative;}
#engineering .navbar-default .navbar-nav>li>a{color:#fff; padding:5px 22px;}
#engineering .navbar-default .navbar-nav>.active>a,#engineering .navbar-default .navbar-nav>.active>a:hover,#engineering .navbar-default .navbar-nav>li>a:focus, #engineering .navbar-default .navbar-nav>li>a:hover{background:url(../images/menu-bg.png) no-repeat; background-size:100% 100%;}
#engineering .navbar{height:auto; min-height:auto;border: none;}
#engineering .cta p{margin:0;}
#engineering .cta , #engineering .cta a{color:#3a2822}
#engineering .cta .col-md-3{width:20%; padding:0;}
#engineering .cta .glyphicon{ margin: 0 ;}
#engineering .cta .glyphicon-home{margin:0px;padding: 5px 10px;}
#engineering .cta .glyphicon-home:hover{border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -os-border-radius: 25px;
    background: #5BACDC;
    color: #fff;
    padding: 5px 10px;
    margin: 0;}
#engineering  .border-h {border-bottom:1px solid #00a0d6;}
#engineering .about h2 , #engineering .pro-enq h2{font-family: opensans-bold;line-height: 36px;border-bottom:1px solid #ccc; text-align:left; text-transform:capitalize; position:relative}
#engineering .about p{line-height:28px;}
#engineering  .title:before{position: absolute;
    bottom: -3px;
    left: 20px;
    width: 35px;
    height: 5px;
    content: "";
    display: inline-block; background:#00a0d6}
#engineering .btn{background-color:#00a0d6}
.pro-enq{padding:75px 0 25px 0;}
.eng-spares{color:#fff; background:#333333; padding:61px 0; text-align:center;}
 .eng-spares a{color:#fff;}
.eng-spares  h3{text-transform:uppercase;font-size: 41px;}
.eng-spares  h4{font-size: 35px; padding:15px 5px; background:#ff0000; border-top:1px solid #fff; border-bottom:1px solid #fff; }
.inputs input , .inputs textarea{border-radius:0;}
.inputs-btn input {background:#00a0d6; color:#fff; border:0; margin-top:15px; padding:5px 15px;}
.inputs p{margin:2px 0;}
#engineering .footer-bottom{background:#009ed2;}
#engineering  .carousel-caption{top:35%; text-transform:uppercase; font-size:35px; color:#fff; left:28%; right:26%;}
#engineering  .carousel-caption h1{font-size:32px;background:url(../images/banner-bg.png) no-repeat; background-size:100% 100%; padding: 20px 0;margin:0px;}
#engineering .navbar-fixed-top .logo{padding:0;}
#engineering .navbar-fixed-top .cta{display:none;}
/*landing page*/
#htm{height:100%;}
#landing {background:url(../images/landing-bg.jpg) no-repeat; background-size:100% 100%;/* position:fixed; top:0; bottom:0; left:0; right:0; */ height:100%;}
#landing .cta {margin-top:10px;}
#landing .cta , #landing .cta a{color:#3a2822}
#landing .cta .glyphicon{ color:#ff0000}
#landing .navbar-default .navbar-nav>li>a{padding:11px 15px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px;}
#landing .navbar-default .navbar-nav>.active>a,#landing .navbar-default .navbar-nav>.active>a:hover,#landing .navbar-default .navbar-nav>.active>a:focus , #landing .navbar-default .navbar-nav>li>a:hover{background:#556c87;}
#landing .navbar{height:auto; min-height:auto;}
#landing  .wc-txt{color:#fff;margin-bottom: 5px;}
#landing  .title{position:relative;}
#landing  .border-gray{border-bottom:1px solid #ccc; font-size:25px;}
#landing  .border-h {border-bottom:1px solid #ff0000;}
#landing  .title:before{position: absolute;
    bottom: -3px;
    left: 48.5%;
    width: 35px;
    height: 5px;
    content: "";
    display: inline-block; background:#ff0000}
#landing  .wc-txt h2{font-size:48px;}
#landing  .wc-txt p{font-size:16px;}
#landing .btn{background:#556c87;padding:10px 15px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; margin:0;}
#landing .blocks{position:relative;padding: 0;}
#landing .blocks img{width:100%;
border-top-right-radius:20px; -webkit-border-top-right-radius:20px; -moz-border-top-right-radius:20px; -o-border-top-right-radius:20px;
border-top-left-radius:20px; -webkit-border-top-left-radius:20px; -moz-border-top-left-radius:20px; -o-border-top-left-radius:20px;
}
#landing .blocks h3{background:#fff; margin:0; padding:10px;
border-bottom-right-radius:20px; -webkit-border-bottom-right-radius:20px; -moz-border-bottom-right-radius:20px; -o-border-bottom-right-radius:20px;
border-bottom-left-radius:20px; -webkit-border-bottom-left-radius:20px; -moz-border-bottom-left-radius:20px; -o-border-bottom-left-radius:20px;
font-size:18px;
}
#landing .blocks .read-more{position:absolute; top:0; bottom:0; left:0; right:0;background: rgba(0, 0, 0, 0.75); display:none;border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px;}
#landing .blocks .read-more .btn{background:#fff !important;color:#000; text-transform:uppercase; margin-top:45%}
#landing .blocks:hover>.read-more{display:block;}
#landing .footer p{background: rgba(255, 255, 255, 0.68);
    font-size: 13px;
    padding: 10px;
    text-align: center;
    border-radius: 15px;color:#333333; margin:0;}
#landing .footer p a{color:#333333;}
.brown-color{color:#993300}
.red-color{color:#ff0000}
.gray-color{color:#666666}
.green-color{color:#669900}

@-moz-document url-prefix() { 
#landing .wc-txt h2{font-size: 44px; margin:14px 0;}
#landing .blocks{margin:11px 5px}
}

/*media*/
@media (min-width: 768px){
#artistic .navbar-nav>li {
    float: none;
    display: inline-block;
}
.navbar-nav{float:none}
}
@media screen and (max-width:992px){
#landing .footer{background:url(../images/landing-bg.jpg) no-repeat; background-size: 100% 100%;padding:10px 0;}
}