body {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.8em;
    background-color: #ECF0F1;
    overflow-x: hidden;
}
.table-fixed {
    table-layout: fixed;
}
.thumb {
    height: 150px !important;
    margin-bottom: 5px;
}
#quote {
    color: #064f6a;
    font-size: 16px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: solid 5px #fc8026;
}
#quote .fa{
    font-size:20px;
    color: #fc8026 !important;
}

.fa-alignment{
    float: right;
}
#error_msg {
    /*display: none;*/
}
#loading_div{
    position: absolute;
    left: 50%;
    z-index: 1000;
    top:30%;
    font-size:30px;
    color:#1fb272;
}
.parsley-errors-list{
    color:red !important;
}
.text {
    color: #1fb272;
}
.text-green {
    color: #1fb272;
}
.text-orange {
    color:#ff9800;
}
.text-brown {
    color: #73543A;
}
.text-darkblue {
    color: #0D1522;
}
.skin-green {
    background-color: #1fb272;
    opacity: 0.85;
    height: 100%;
    display: block;
}
.skin-brown {
    background-color: #73543A;
    opacity: 0.85;
    height: 100%;
    display: block;
}
.skin-darkblue {
    background-color: #0D1522;
    opacity: 0.85;
    height: 100%;
    display: block;
}
.block-icon {
    display: block;
    padding-bottom: 8px;
}

.tabular > div {
    padding: 10px;
    margin:0px;
}
.border-right {
    border-right: solid 1px #ffffff;
}
.border-bottom {
    border-bottom: solid 1px #ffffff;
}
.btn-blue{
    background-color: #375d81;
    border-color: #2f5171;
    color: #fff;
}
.btn-blue:hover{
    background-color: #2c3e50;
    border-color: #2f5171;
    color: #fff;
}
.btn-darkblue{
    background-color: #0D1522;
    border-color: #0a101a;
    color: #fff;
}
.btn-darkblue:hover{
    background-color: #16253e;
    border-color: #0a101a;
    color: #fff;
}
.btn-orange{
    background-color: #ff9800;
    border-color: #db8302;
    color: #fff;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active
{
    background-color: #ea900c;
    border-color: #dc8504;
    color: #fff;
}
.btn-green {
    background-color: #1fb272;
    color:#ffffff;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active {
    background-color: #149f62;
    border-color: #156d47;
    color:#ffffff;
}
.btn-square{
    border-radius: 0px;
}
.navbar{
    margin-bottom: 0px;
    padding: 12px;
    border-bottom: none;
}
.navbar-default{
    background: transparent;
}
.navbar-default .navbar-nav>li>a{
    color: #ecf0f5;
    font-size:16px;
}

.navbar-default .navbar-brand {
    color: #ECF0F1;
    font-weight: 700;
    font-size: 22px;
}

.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus {
    color: #1fb272;
    background-color: transparent
}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {
    text-decoration: none;
    color: #ff9800;
}
.navbar-inverse .navbar-nav>li>a{
    font-size:16px;
}
.nav>li>a.login-btn {
    padding: 5px 10px;
    margin:10px 0px;
}
.nav>li>a.login-btn:hover,
.nav>li>a.login-btn:focus,
.nav>li>a.login-btn:active{
    border: solid 1px #ff9800;
}

.navbar-inverse {
    background-color: #1fb272;
}
.navbar-inverse .navbar-brand {
    background-color: #ff9800;
    color: #fff;
    margin: -15px;
    padding: 30px 100px 47px 90px;
    color: #ECF0F1;
    font-weight: 700;
    font-size: 22px;
    /* transform:skewX(-30deg);
     -webkit-transform: skewX(-30deg);
     -ms-transform: skewX(-30deg);
     -moz-transform: skewX(-30deg);*/
}

.navbar-inverse .navbar-brand:hover {
    background-color: #ff9800;
    color: #d5d5d5;
}

#banner{
    height: 550px;
    overflow: hidden;
    background-image: url(../images/banner/22.jpg);
    background-size: cover;
    color: #fff;
    position: relative;
}
#banner #quotes{
    top: 200px;
    position: relative;
}
#banner #quotes #highlight {
    background-color: #1fb272;
    opacity: 0.8;
    padding: 10px;
    margin-bottom: 10px;
}

#plantation,#land,#order-track,#workflow {
    height: 500px;
}

#plantation .bg-skin {
    background-image: url(../images/plantation.jpg);
    background-size: cover;
    height: 500px;
    padding: 0px;
    position: relative;
}
.navbar-inverse {
    opacity: 0.9;
}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {
    text-decoration: none;
    color: #ECF0F1;
}
.navbar-inverse .navbar-nav>li>a{
    color: #fff;
}
#land .bg-skin {
    background-image: url(../images/plantation.jpg);
    background-size: cover;
    height: 500px;
    padding: 0px;
    position: relative;
}
#order-track .bg-skin {
    background-image: url(../images/plantation.jpg);
    background-size: cover;
    height: 500px;
    padding: 0px;
    position: relative;
}
#workflow .bg-skin {
    background-image: url(../images/plantation.jpg);
    background-size: cover;
    height: 500px;
    padding: 0px;
    position: relative;
}
#plantation .content-wrapper,
#land .content-wrapper,
#order-track .content-wrapper
{
    padding: 20px;
}

#plantation .bg-skin .content,
#land .bg-skin .content,
#order-track .bg-skin .content,
#workflow .content
{
    position: absolute;
    top: 150px;
    color: #ffffff;
    width: 100%;
    text-align: center;
}


#app {
    padding: 50px;
    border-bottom: solid 5px #ffffff;
}
#app #supported-text {
    padding-top: 60px;
}
#app .playstore-btn {
    width: 200px;
    margin-top: 40px;
}

footer#footer {
    background-color: #444444;
    color:#ECF0F1;
    font-size:16px;
    border-top: solid 1px #000000;
}

footer h2 {
    margin-bottom: 10px;
    /*padding-bottom: 10px;
    border-bottom: solid 1px #F7f7f7;*/
}
footer ul {
    list-style: none;
    padding: 0px;
    margin:0px;
    font-size: 16px;
}
footer ul li {
    padding-bottom: 10px;
}
footer ul>li>a {
    color: #ECF0F1;
}
footer ul>li>a:hover {
    color: #1fb272;
    text-decoration: none;
}

footer div#contact {
    background-color: #1fb272;
    font-size:18px;
    min-height:358px;
    height: auto;
    padding-left: 40px;
}
footer #contact p {
    margin-bottom: 10px;
}
#footer .form-control {
    background-color: #333333;
    border:solid 1px #666666;
    border-radius: 0px;
    color:#ffffff;
}



#page-wrapper{
    padding:20px 0px;
    background-color: #f6f6f6;
    margin-top: 80px;
    font-family: 'Source Sans Pro';
    line-height:  1.9em;
}

.dashboard img{
    width: 120px;
    height: 120px;
}
.dashboard h2{
    color: #1fb272;
    margin: 4px;
    font-size: 20px;
}
.dashboard h3{
    color: #888;
    margin:3px;
    font-size: 16px;
}
.dashboard a.box-link{
    display: block;
    text-decoration: none;
}
.dashboard a.box-link:hover{
    box-shadow: 1px 1px 20px #ccc;
}
#location-sub-btn{
    margin-top: 10px;
}

#work-wrapper{
    text-align: center;
}
#work-wrapper .img-thumbnail{
    border: none;
    height: 150px;
    margin-bottom: 15px;
}
.panel-green
{
    min-height: 440px;
    background-color: #42c3ac;
    color: #fff;
}
.panel-red {
    background-color: #ff6c58;
    min-height: 440px;
    color: #fff;
}
.panel-blue{
    background-color: #33536f;
    min-height: 440px;
    color: #fff;
}
.panel-teal{
    background-color: #0E8D93;
    min-height: 440px;
    color: #fff;
}
.plant-panel{
    position: relative;
    min-height: 380px;
    border-radius: 0px;
    margin-bottom: 100px;
}

.plant-panel img{
    width: 100%;
    height: 250px;
}
.plant-panel p.h3{
    color: #149f62;
}
.plant-panel p.h4{
    color: #666666;
}
.plant-panel hr{
    margin-bottom: 0px;
}
.plant-panel a{
    margin-top: 30px;
}
.thumbnail .caption{
    padding: 0px;
    padding-left: 9px;
}
.top-margin15{
    margin-top: 15px;
}
.col-ip-1{
    min-width: 320px;
    max-width: 667px
}
.col-ip-2{
    min-width: 414px;
    max-width: 736px;
}
.col-ip-3{
    min-width: 320px;
    max-width: 568px;
}
.col-ip-4{
    min-width: 320px;
    max-width: 480px;
}
@media (min-width: 375px) and (max-width: 667px){
    width:100%;
    
}
@media (min-width: 320px) and (max-width: 568px){
    width:100%;
    
}
@media (min-width: 320px) and (max-width: 480px){
    width:100%;
    
}
@media (min-width: 414px) and (max-width: 736px){
    width:100%;
    
}
.paytmstaus{
/*    min-height:400px;
    height: auto;*/
height:400px;
    background-color: white;
}
/*.h2_orange h2{
    color: white;
}*/
/*.panel-color .panel{
    background-color:#149f62;
}*/
.h2_orange h1{
font-size:32px;
    font-weight: bold;
    color: #05c4f4;
}
.h2_orange h2{
color:#6f6a6a;
text-align: center;
    font-weight: bold;
    margin: 4px;
    font-family:vardana;
}
.padding-5{
    padding-top: 5px;
}
.pad-bottom{
    padding-bottom: 25px;
}
.h2_orange{
    box-shadow: 1px 1px 4px 4px #ddd; 
     
}
#page-wrapper2{
    padding:20px 0px;
    background-color: white;
    margin-top: 80px;
   
    font-family: 'Source Sans Pro';
    line-height:  1.9em;
    
}
.panel-color{
    margin-bottom: 30px;
     margin-top: 50px;
}
.h2_orange .fa-thumbs-up{
    color: #05c4f4 !important;
   position: relative;
    left: -20px;
    right: 0;
    top: 0;
}
.btn-right{
    float: right;
    margin-right: 10px;
}
.text-blue{
    color: #3b99d7;
}
.margin40{
    margin-top: 120px;
}