@font-face {
    font-family:Open Sans;
    src: url(../fonts/OpenSans-Regular.ttf);
}

@font-face {
    font-family:Open Sans Bold;
    src: url(../fonts/OpenSans-Bold.ttf);
}

@font-face {
    font-family:Open Sans Light;
    src: url(../fonts/OpenSans-Light.ttf);
}
@font-face {
    font-family:Open Sans Semibold;
    src: url(../fonts/OpenSans-Semibold.ttf);
}
body {
    color: #555555;
    font-family:Open Sans,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
}

html {
    width: 100%;
    height: 100%;
}

a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
}
.margintop{margin-top: 10px; text-align: left;}
.margintop1{margin-top: 17px; text-align: left;}
.pad_left{padding-left: 0}
.phone{font-size: 18px; font-weight: bold; color: #0063b0;text-align:right;}
h3{
    font-size: 37px;
}
.welcome{
    color: #0063b0;
    margin-bottom: 20px;
    font-family:Open Sans Light;
}
.navbar-default{
    background: transparent url("../images/menu_bg.png") repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
}

.topbanner{
    background-image: url("../images/top_bg.jpg");
    height: 230px;
    padding-top: 10px;
    width: 100%;
    margin-top: -10px;
}

.grain{
    background-image: url("../images/bg.jpg");
    width: 100%;
}
.fee{
    color: #7e7e7e;
    font-size: 17px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a{
    background-color: #75a637; 
    background-image: none;
    color: #fff;
    border-radius: 3px;
}
.navbar{margin-bottom: 0; margin-top: 10px;}
.navbar-default .navbar-nav > li{ margin-top: 4px;}
.navbar-default .navbar-nav > li > a{padding:6px 20px; color: #fff;}
.searchbox{
    background-color: #618d2b;
    border-radius: 20px;
}
.searchbox .form-control{
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #fff;
    height: 28px;
}
.searchbox .btn{background-color: transparent;}
.searchbox .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.active {
    height: auto;
}
.main-menu{
    float: none;
    margin: 0 auto;
    width: 74%;
}
.top-text{
    margin-left: 188px;
    color: #0063b0;
    font-family:Open Sans Semibold;
}
.carousel-control.left{background-image: none;  height: 440px;}
.carousel-control.right{background-image: none;  height: 440px;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left:0;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {margin-right: 0;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{font-size: 0;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{left: 60%;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {right: 62%;}
.sliderbg{
    background-image: url("../images/slider_bg.jpg");
    height: auto;
    margin-top: -10px;
    padding-top: 20px;
    width: 100%;
}
.grain{
    background-image: url("../images/bg.jpg");
    width: 100%;
}
.fee{
    color: #7e7e7e;
    font-size: 17px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{background-color:#97d343; margin: 0; border: none;}
.product_tab .nav-tabs > li.active > a{background-color:#97d343; margin: 0; border: none; color: #fff;}
.product_tab .nav-tabs > li > a{
    background-color: #8dc63f;
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    height: 121px;
    margin: 0;
    padding-top: 42px;
    text-align: center;
}
.product_tab .nav-tabs > li{width: 25%; border-left: 1px solid #c1e097;}
.product_tab_con img{
    float: left;
    width: 100%
}  
.product_tab_con p{
    float: left;
    font-size: 16px;
    color: #575a5c;
    margin-bottom: 2px;
}
.product_tab_con a{
    float: right;
    color: #fe0000;
}
.product_tab_con{margin-top: 10px;}
.product_tab .nav-tabs{ 
    background-image: url("../images/tab_left.jpg");
    background-position: right center;
    background-repeat: no-repeat;      
    border: 0;
}
.content{margin-top: 20px;}
.grain_inner{
    margin: 20px 0;
    padding: 10px;
}
.our{
    color: #fff;
    text-align: center;
    font-family:Open Sans Light;
}
.grain_inner img{float: left;}
.grain_right{
    margin-left: 7px;
    width: 61%;
}
.grain_right h2{
    font-size: 18px;
    color: #8dc63f;
    font-weight: bold;
}
.grain_right p{font-size: 12px;}
.footer {
    background: #c6c6c6 none repeat scroll 0 0;
    padding: 20px 0;
    width: 100%;
    background: -webkit-linear-gradient(#ffffff, #c6c6c6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #c6c6c6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #c6c6c6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #c6c6c6); /* Standard syntax */
}
.footer ul{
    list-style-type: none;
    padding: 0;
}
.grain_inner h4{
    color: #fff;
    position: relative;
    text-align: center;
    top: 10px;
}
.footer ul li a{
    color:#555555;
    line-height: 26px;
}
.footer ul li a:hover{
    color:#8dc63f;
}
.footer .form-inline .btn{
    background-color: #6cb525;
    color: #000000;
}
.btn {
    background-color: #6cb525;
    color: #000000;
    margin-top: 20px;
    font-family:Open Sans Semibold;
}
.footer .form-inline .btn1 {
    background-color: #6cb525;
    color: #FFF;
}
.btn1 {
    background-color: #6cb525;
    color: #000000;
    margin-left: -5px;
    font-family:Open Sans Semibold;
}
.btn1 {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.footer .form-inline .btn:hover{
    background-color: #689c27;
}
.footer .form-inline .form-control{border: none;}
.social a:hover{opacity:0.4;}
.footer h4{color: #6cb525;font-family:Open Sans Semibold;}
.footer .Gallery a{margin:3px; float: left;}
.footer .Gallery a:hover{opacity:0.4;}
.footer_contact p{
    color: #4e4e4e;
    font-size: 12px;
    margin-left: 10px;
    width: 80%;
}
.footer_contact .row {
    margin-left: 0;
    margin-right: 0;
}
.contactp{
    margin: 0 0 15px !important;
}
.footerbottom{
    padding: 10px 0;
}
.social a{
    margin-right: 20px;
}
.gplus{
    margin-top: 5px;
}
.footerbottom{
    background: -webkit-linear-gradient(#076ab7, #0063b0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#076ab7, #0063b0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#076ab7, #0063b0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#076ab7, #0063b0); /* Standard syntax */
    width: 100%;
}
.footerbottom p {
    color: #5f9dcd;
    font-size: 12px;
    margin-right: 30px;
    margin-top: 5px;
}
.flogo{
    margin-bottom: 64px !important;
}
.form-control {
    border: 1px solid #ccc !important;
    font-family:Open Sans;
    font-style: italic;
    font-size: 12px;
}
.mill{
    font-family:Open Sans Light; 
}
.social{
    margin-top: 25px;
}


/* About US */

.topbanner h1{
    font-size:60px;
    text-transform: uppercase;
    color:#fff;
    margin-top: 120px;
    font-family: "Open Sans Light";

}
.about-content h2 {
    color: #126db6;
    font-family: "Open Sans Light";
    margin-bottom: 20px;
    margin-top: 0;
}
.about-content p{
    text-align: justify;
    font-size: 14px;
}
.buttom h2 {
    color: #126db6;
    font-family: "Open Sans Light";
    margin: 20px 0;
}
.buttom p{
    text-align: justify;
}
.item .thumb {
    width: 25%;
    cursor: pointer;
    float: left;
}
.item .thumb img {
    width: 100%;
    margin: 2px;
}
.item img {
    width: 100%;	
}
.slider_inner{
    height: 337px;
}
.bredcrums p
{
    color: #686868;
    font-size: 13px;
    margin-bottom: 41px;
    padding-left: 15px;
}
.about-main{
    margin-bottom: 25px;
}

.text_con {
    background: rgba(108, 181, 37, 0.8) none repeat scroll 0 0;
    color: #0063b0;
    font-size: 25px;
    padding: 16px 0;
    position: absolute;
    text-align: center;
    top: 75px;
    transition: all 0.3s ease-in-out 0s;
    width: 92.4%;
}
.prod:hover .text_con{
    padding: 10px 0;
    top: 0;
}
.prod{
    margin-bottom: 15px;
}
.foot-border{
    border-top: 1px solid #6cb525;
}
.add h4 {
    font-weight: bold;
    margin-bottom: 25px;
}
.num {
    font-size: 17px;
    margin: -5px 0 24px 3px;
}
.adddr{
    margin-bottom: 20px;
}
.contact-text{
    background: #cce7b2 none repeat scroll 0 0;
    border: medium none !important;
    color: #3c7108 !important;
    font-style: normal;
    font-size: 14px;
}
.btn2 {
    font-size: 16px;
    margin-top: 0;
    width: 100px;
}
.textare{
    height: 100px !important;
}
.prlgt
{
    left: -68px !important; 
    top: -96px !important; 
    width: 4% !important; 
}
.prrgt{
    left: auto;
    right: -56px !important; 
    width: 4% !important; 
    top: -96px !important; 
}
.add{
    padding-left: 35px;
}
::-webkit-input-placeholder {
    color: #3c7108 !important;
}

:-moz-placeholder { /* Firefox 18- */
    color: #3c7108 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #3c7108 !important; 
}

:-ms-input-placeholder {  
    color: #3c7108 !important;  
}
#owl-demo .item{
    padding: 0;
    margin: 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}
.customNavigation {
    float: left;
    margin-left: -47px;
    margin-top: -194px;
    text-align: center;
    width: 108%;
    cursor: pointer;
}
.next{
    float: right;
}
.clickable{
    display: none !important;
}
//use styles below to disable ugly selection
.customNavigation a{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.prod img { transition: all .3s ease-in-out; overflow: hidden }
.prod img:hover { transform: scale(1.1);}
.prod, .tst{
    overflow: hidden
}
.thumbnail-box_overlay {
    background: transparent none repeat scroll 0 0;
    bottom: 100%;
    color: #ffffff;
    display: inline-block;
    left: 15px;
    opacity: 0;
    padding-top: 40px;
    position: absolute;
    right: 0;
    top: -100px;
    transition: all 0.5s ease 0s;
    width: 92.4%;
}
.prod:hover .thumbnail-box_overlay {
    background: rgba(51, 51, 51, 0.8) none repeat scroll 0 0;
    bottom: 0;
    opacity: 1;
    top: 66px;
}
ol{
    margin-left: -18px;
    line-height: 22px;
}
ol li{
    font-family: Open Sans;
    font-size: 14px;
}
.tbl{
    margin-top: 25px;
}
.prod-des h2,.tbl h2{
    font-weight: bold;
}
.tbl h2{
    color: #126db6;
    font-family: "Open Sans Light";
    margin-bottom: 20px;
    margin-top: 0;
}
.btn-link-prod{
    border-radius: 0;
}
.btn-link-prod:hover{
    color:#fff;
}
.em{
    width: 230px !important;
}
.ricefact {
    line-height: 33px;
    list-style-image: url("../images/star.png");
}

@media only screen and (min-width:300px) and (max-width:500px){ 

    .top-text {
        clear: both;
        color: #0063b0;
        font-family: Open Sans Semibold;
        margin: 65px 0 10px -14px;
    }
    .cont{
        float: left !important;
    }
    .navbar-default {
        background: #66b11d none repeat scroll 0 0;
        border: medium none;
        box-shadow: none;
    }
    .main-menu {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    .sliderbg {
        background-image: url("../images/slider_bg.jpg");
        height: auto;
        margin-top: -10px;
        padding-top: 20px;
        width: 100%;
    }
    .carousel-control.left,.carousel-control.right {
        background-image: none;
        height: 82%;
    }
    .grain_inner img {
        float: none;
        margin: 6px auto !important;
    }
    .grain_inner .col-md-3{
        text-align: center;
    }
    .form-group {
        float: left;
        margin-bottom: 15px;
        width: 59%;
    }
    .footer h4 {
        clear: both;
        color: #6cb525;
        font-family: Open Sans Semibold;
    }
    .footer .col-xs-12{
        margin-bottom:20px;
    }
    .footerbottom p {
        color: #5f9dcd;
        font-size: 11px;
        margin-right: 30px;
        margin-top: 5px;
    }
    .grain_inner h4 {
        color: #fff;
        position: relative;
        text-align: center;
        top: 0;
    }
    .topbanner h1 {
        color: #fff;
        font-family: "Open Sans Light";
        font-size: 48px;
        margin-top: 120px;
        text-transform: uppercase;
    }
    .inquiry .form-group {
        float: left;
        margin-bottom: 15px;
        width: 100% !important;
    }
    .customNavigation {
        display: none;
    }
    .prev{
        float: left;
    }
    .clickable {
        display: block !important;
        position: relative;
        top: -65px;
    }
    .slider_inner {
        height: 297px;
    }
    .text_con, .thumbnail-box_overlay{
        width:91% !important;
    }
    .f_menu, .footer_contact, .news,  .Gallery{
        clear:both;
    }
    .tbl{
        margin-top: 25px;
        overflow-x: scroll;
    }
    .em {
        width: 100% !important;
    }
}
@media only screen and (min-width:501px) and (max-width:767px){ 
    .about-main .prod {
        width:450px;
        margin:15px auto;
        float: none;
    }
    .text_con, .thumbnail-box_overlay
    {     width: 93%;
    }
    .top-text {
        clear: both;
        color: #0063b0;
        font-family: Open Sans Semibold;
        margin: 65px 0 10px -14px;
    }
    .cont{
        float: left !important;
    }
    .navbar-default {
        background: #66b11d none repeat scroll 0 0;
        border: medium none;
        box-shadow: none;
    }
    .main-menu {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    .sliderbg {
        background-image: url("../images/slider_bg.jpg");
        height: auto;
        margin-top: -10px;
        padding-top: 20px;
        width: 100%;
    }
    .carousel-control.left,.carousel-control.right {
        background-image: none;
        height: 82%;
    }
    .grain_inner img {
        float: none;
        margin: 6px auto !important;
    }
    .grain_inner .col-md-3{
        text-align: center;
    }
    .form-group {
        float: left;
        margin-bottom: 15px;
        width: 59%;
    }
    .footer h4 {
        clear: both;
        color: #6cb525;
        font-family: Open Sans Semibold;
    }
    .footer .col-xs-12{
        margin-bottom:20px;
    }
    .footerbottom p {
        color: #5f9dcd;
        font-size: 11px;
        margin-right: 30px;
        margin-top: 5px;
    }
    .grain_inner h4 {
        color: #fff;
        position: relative;
        text-align: center;
        top: 0;
    }
    .inquiry .form-group {
        float: left;
        margin-bottom: 15px;
        width: 100% !important;
    }
    .customNavigation {
        display: none;
    }
    .prev{
        float: left;
    }
    .clickable {
        display: block !important;
        position: relative;
        top: -65px;
    }
    .slider_inner {
        height: 297px;
    }
    .mill {
        clear: both;
        font-family: Open Sans Light;
    }
    .f_menu, .footer_contact, .news,  .Gallery{
        width: 50% !important;
    }
    .tbl{
        margin-top: 25px;
        overflow-x: scroll;
    }
    .em {
        width: auto !important;
    }
}
@media (min-width:768px) and (max-width:991px) { 
    .top-text {
        clear: both;
        color: #0063b0;
        font-family: Open Sans Semibold;
        margin: 65px 0 10px -14px;
    }
    .cont{
        float: left !important;
    }
    .navbar-default {
        background: #66b11d none repeat scroll 0 0;
        border: medium none;
        box-shadow: none;
    }
    .main-menu {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    .sliderbg {
        background-image: url("../images/slider_bg.jpg");
        height: auto;
        margin-top: -10px;
        padding-top: 20px;
        width: 100%;
    }
    .carousel-control.left,.carousel-control.right {
        background-image: none;
        height: 82%;
    }
    .grain_inner img {
        float: none;
        margin: 6px auto !important;
    }
    .grain_inner .col-md-3{
        text-align: center;
    }
    .form-group {
        float: left;
        margin-bottom: 15px;
        width: 59%;
    }
    .footer h4 {
        clear: both;
        color: #6cb525;
        font-family: Open Sans Semibold;
    }
    .footer .col-xs-12{
        margin-bottom:20px;
    }
    .footerbottom p {
        color: #5f9dcd;
        font-size: 11px;
        margin-right: 30px;
        margin-top: 5px;
    }
    .grain_inner h4 {
        color: #fff;
        position: relative;
        text-align: center;
        top: 0;
    }
    .prrgt {
        left: auto;
        right: -13px !important;
        top: -68px !important;
        width: 4% !important;
    }
    .prlgt {
        left: -33px !important;
        top: -68px !important;
        width: 4% !important;
    }
    .navbar-default .navbar-nav > li > a {
        color: #fff;
        padding: 6px 10px !important;
    }
    .inquiry .form-group {
        float: left;
        margin-bottom: 15px;
        width: 100% !important;
    }
    .customNavigation {
        display: none;
    }
    .prev{
        float: left;
    }
    .clickable {
        display: block !important;
        position: relative;
        top: -65px;
    }
    .slider_inner {
        height: 297px;
    }
    .top-text {
        color: #0063b0;
        float: left;
        font-family: Open Sans Semibold;
        margin: 0 0 10px 7px;
        width: 322px;
        clear: none;
    }
    .cont {
        float: left !important;
    }
    .text_con, .thumbnail-box_overlay {
        width: 92.3%;
    }
    .btn1 {
        background-color: #6cb525;
        color: #000000;
        font-family: Open Sans Semibold;
        margin-left: -29px;
    }
    .tbl{
        margin-top: 25px;
        overflow-x: scroll;
    }
    .em {
        width: auto !important;
    }
}
@media (min-width:992px) and (max-width:1199px) { 
    .main-menu {
        float: none;
        margin: 0 auto;
        width: 90%;
    }
    .top-text {
        color: #0063b0;
        font-family: Open Sans Semibold;
        margin-left: 111px;
    }
    .customNavigation {
        float: left;
        margin-left: -40px;
        margin-top: -182px;
        text-align: center;
        width: 109%;
    }
    .text_con, .thumbnail-box_overlay {
        width: 90.5%;
    }
    .btn1 {
        background-color: #6cb525;
        color: #000000;
        font-family: Open Sans Semibold;
        margin-left: -6px;
    }
}