﻿/*html {                                                                                 */
/*    margin: 0;                                                                         */
/*    background-size: cover;                                                            */
/*    background: url(/img/backgrounds/AGRI-home.jpg) no-repeat center center fixed;     */
/*    background-blend-mode: darken;                                                     */
/*    transition: 3s;                                                                    */
/*}                                                                                      */

body {
    font-size: 16px !important;
    overflow-x: hidden;
    background-image: url(/img/backgrounds/home-agri.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    transition: background-image 5s linear;
}

#background-images {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    width: 100%;
    height: 100%;
    z-index: -10;
}

#bImg1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    width: 100%;
    height: 100%;
    z-index: -20;
    background-size: contain;
}

#bImg2 {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    width: 100%;
    height: 100%;
    z-index: -30;
    background-size: contain;
}


/*input { color:#000000 !important; }*/
select { color:#000000 !important; }

.topbar { background-color: #eee !important; }
.white-bg { background-color: #fff; }
.dropdown-details { position: absolute;right: 0px;margin-top: 5px; width: 250px;padding: 10px;cursor: pointer;font-size: 12px;color: #4c9d2a; }
.dropdown-panel { /* display: none; */ right: 15px;top: 30px; width: 440px;padding: 5px; background-color: #eee; }
 .dropdown-details .dropdown-panel { position: absolute; display: block;background-color: white;left:0px;  } 

.rounded-bottom {
    -webkit-border-radius: 5px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 5px;
    -moz-border-radius-topright: 0;
    border-radius: 5px;
    border-top-right-radius: 0;
}

.header { /* height: 181px; */  background-color:#6da812; display:block;padding:5px 0px 7px 0px; font-family: 'Arimo', sans-serif;  } 
.header .container { padding:0px 0px 0px 0px;   }
.secondNav { float:right; }
.secondNav a { font-family: Roboto, 'Arimo', sans-serif; color:#fff; text-transform:uppercase; margin-left:10px;  }
#bump { position:relative; width:100% !important; display:block; }
#attop { position:absolute; top:0px; width:100% !important; min-height:1000px;   }
#attop .container { padding:0px;   }
.sitelogo { margin-top:20px; margin-bottom:20px; max-width:300px;    }


.languages { float:left; }
.languages .language-image { width: 30px; }
.languages a:hover { text-decoration:none;   }
.logo { margin-top: 20px; }
.navigation { font-family: Roboto, Lato, Arial;font-size: 12px;    }

.footer a { color:#fff; }
.footer { text-align: center;color: #ffffff; background-color:#6da812; padding:10px 0px 10px 0px; position:relative; bottom:0px; width:100%;}


.err { color:red; font-weight:normal; }

button[disabled], html input[disabled]{ cursor:default; opacity:0.5; }

.bg-1 { }
.bg-1 .col-md-12 { margin: 20px 0px 20px 0px; padding: 40px;  }
.light-box { margin: 20px 0px 20px 0px; padding: 40px;   }
.full-width { width: 100%; }
.container-fluid { padding-left: 0px !important;padding-right: 0px !important;   }

.icon {
    display: inline-block;
    background-size: cover; 
}
.icon-ripped-btm {
    display:none ;
}

.icon-ripped-top {
    display: none;
}

.light-white {
    background-color: rgba(255, 255, 255, 0.7);
}


label { width: 350px;}
input[type=checkbox] + label { width: initial; }
td label { width: auto !important;}
.col-md-12 h1 { margin-top: 0px !important; }

.navbar-default .navbar-collapse, .navbar-default .navbar-form { border:0px !important;}
.navbar-default { border:0px #3e4545  !important; background-color:#3e4545 !important; border-radius:0px !important;}
.navbar-default a { text-transform:uppercase; font-size:14px; color:#ffffff !important; padding:0px 10px 0px 10px;}
.navbar-default .navbar-nav > li > a:hover { text-decoration:underline  !important;   }
.navbar-nav { width:auto !important;}
.navbar-default { text-align:center; }
.center { text-align:center; }
.navbar-nav { width:100% !important; text-align:center;   }
.nav > li { display: inline-block;  }

#QuickReg { background-image: url('/uploads/images/greenbg.png'); width:100%; display:block; padding:30px 50px;font-family: Roboto, 'Arimo', sans-serif;    }
#QuickReg h2, 
.siteForm h2 { color:#6da812; font-size:20px;margin:0px 0px 0px 0px; font-weight:bold; }
#QuickReg p { color:#6d6f69; font-size:14px;margin:0px 0px 10px 0px; font-weight:bold; }
#QuickReg ul { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:100%; }
#QuickReg ul li { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; display:inline-block; width:100%; font-size:14px; }
#QuickReg ul li input[type=text] { margin:0px 0px 20px 0px; display:block; width:100%; padding:5px 5px 5px 5px;font-size:14px; }
#QuickReg ul li select { margin:0px 0px 20px 0px; display:block; width:100%; padding:5px 5px 5px 5px;font-size:14px; }
#QuickReg .submitBtn { float:left; width:100%; }
.col-md-6 legend,
.siteForm legend { border-bottom-color:#6da812; font-size:16px; font-family: Roboto, 'Arimo', sans-serif;  }


#QuickLogin {
    background-image: url('/uploads/images/greenbg.png');
    width: 100%;
    display: block;
    padding: 30px 50px;
    font-family: Roboto, 'Arimo', sans-serif;
    text-align: left;
    margin-bottom: 30px;
}


#QuickLogin h1 { color:#6da812; font-size:20px;margin:0px 0px 0px 0px; font-weight:bold;text-align:left; }
#QuickLogin p { color:#6d6f69; font-size:14px;margin:0px 0px 10px 0px; font-weight:bold;text-align:left; }
#QuickLogin ul { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
#QuickLogin ul li { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; display:inline-block; }
#QuickLogin ul li input[type=text] { margin:0px 0px 20px 0px; display:block;  width:90% !important; padding:5px 5px 5px 5px;  }
#ctl00_Main_LoginUC_Button1 { margin-right:0px; border-radius:0px; -webkit-border-radius:0px;   }

.siteForm ul { list-style-type:none; }
.siteForm ul li label { font-weight:normal;   }
.siteForm ul li input { color:#000000; }
.siteForm ul li select { color:#000000; }
.siteForm ul li input[type=checkbox] { margin-right:10px; }
.siteForm a { color:#fff; }
.siteForm h2 { color:#fff; }
.siteForm input[type=submit],
.available-user-stages a { margin-right:0px; border-radius:20px; background-color:#6da812; color:#fff; padding:10px 40px; border:0px; color: #ffffff !important; font-weight: 400; }
.siteForm input[type=submit] { font-weight: 700; }
	.siteForm input[type=submit][value~=">>>"],
	.siteForm input[type=submit][value~=">>>"] + input {
		width: 100%;
		margin-bottom: 1em;
	}
.siteForm input[type=text] { color:#000000; }
.siteForm select { color:#000000; }
.siteForm textarea { color:#000000; }
.available-user-stages li { list-style: none !important;padding-left: 1em; }
.available-user-stages li a { color: #ffffff; }

.submitBtn { float: right;margin-right:28px; background-color:#6da812;border:1px solid #6da812;color:#fff; padding:10px 40px;margin-top:0px; }
#MainBody { background-color:#687a85; margin-top:20px;font-family: Roboto, 'Arimo', sans-serif; padding:30px 50px; color:#fff;}
#MainBody.siteForm { background-color:rgba(188, 239, 120, 0.7); color:#000000; }
#MainBody h1 { color: #bfec75;padding:0px; margin:0px;  }
#MainBody h2 { color: #bfec75;padding:0px; margin:0px 0px 20px 0px; font-size:20px;  }
#MainBody.siteForm h1, #MainBody.siteForm h2 { color: #6da812; }
#MainBody img.feature {  padding:10px 0px; width:100% }

#AdOne, #AdTwo, .AdGeneric {
    margin-top: 20px;
    min-height: 200px;
    text-align: center;
    color: #fff;
    font-family: Roboto, 'Arimo', sans-serif;
    font-size: 30px;
    padding-top: 20px;
    margin-bottom: 100px;
}
.AdGeneric { margin-bottom:0px; }
#AdOne span, #AdTwo span { display:block; margin-top:30px; text-transform:uppercase; }
#AdOne { background-image: url('/uploads/images/box1.jpg'); } 
#AdTwo { background-image: url('/uploads/images/box2.jpg');}
.noPadding { padding:0px; }
.normalBox { padding:0 10px; }
.leftBox { padding-right:20px; }
.rightBox { padding-left:20px; }
.leftBox a:hover{ text-decoration:none;  color:#bfec75 !important;  }
.rightBox a:hover {  text-decoration:none;  color:#bfec75 !important; }
.col-md-8 strong {
    color: #bfec75;
}

.fb-container * { width: 100%; }

.standout {
    background-color: #fff;
    border: 5px solid #bfec75;
    color: #687a85;
    padding: 20px;
    font-weight: bold;
}




@media(min-width: 768px) {
    .navbar-nav > li { float:none !important; }
    #ctl00_Main_SignUp .submitBtn { color:#ffffff !important; font-weight:bold; font-size:20px !important; }
}


@media screen and (max-width: 676px) {

    #MainBody {
        font-family: Roboto, 'Arimo', sans-serif;
        padding: 30px 10px;
    }

    .checks label, .driveHide label{
        display:inline;
    }

    body {
        font-size: 16px !important;
        overflow-x: hidden;
        /*background-image: none;      */
        /*background-repeat: no-repeat;*/
        /*background-size: cover;      */
        /*background-attachment: fixed;*/
    }

    .leftBox {
        padding-right: unset;
    }
    .rightBox {
        padding-left: unset;
    }

    .header .container { padding:0px 20px 0px 20px; }
    header {
        position: relative;
        z-index: 2; 
    }
    #attop { position:relative; }
    #attop .container { padding:20px;}
    #bump { background-image: none !important; }

    .sitelogo { padding:20px; width:100%; margin:0px; }
    .bgcolor { display:none; }
    .nav > li { display:block !important; }

    .navbar-toggle {
        margin-right: 30px;
    }
    section {
        position: relative;
        z-index: 1;
    }

    .dropdown-menu {
        text-align: center;
    }

    .logo {
        margin-top: 55px;
    }

    .bg-1 {
        
    }

    section .icon-ripped-top {
        display: none;
    }

    footer .icon-ripped-btm {
        display: none;
    }

    .footer {
        height: auto;
        background-image: none;
        background-color: #6da812;
    }

        .footer .logo {
            margin-top: 50px;
        }

    input[type="submit"] {
        margin-top: 20px;
        padding: 10px;
    }

    .icon-ripped-btm {
        display: none;
    }

    .gall img {
        margin-bottom: 20px;
    }

    fieldset ul {
        padding-left: 0px;
        padding-right: 0px;
    }

        fieldset ul li {
            margin-bottom: 10px;
        }

            fieldset ul li input[type=text] {
                margin-bottom: 20px;
                width: 100%;
                padding: 5px;
            }

    .SendAsEmail {
        Width: 100%;
        height: 100px;
        white-space: normal;
    }

    .dropdown-details {
        text-align: right;
    }

    fieldset ul li {
        list-style-type: none;
    }

    fieldset select {
        width: 100%;
    }

    input[type=text] {
        margin-bottom: 20px;
        width: 100%;
        padding: 5px;
    }

    #ctl00_Main_UpdatePanel2 .col-sm-3, #ctl00_Main_UpdatePanel2 .col-sm-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .dropdown-details {
        display: none;
    }

    .stages img {
        width: 100%;
    }
}

.available-user-stages { list-style-type: none; padding-left:0px !important; margin-left:0px !important; display: inline-block; }
.available-user-stages li { float:left; margin-bottom: 1em; }
.available-user-stages li:last-child { margin-right: 1em; }

#ctl00_Main_SignUp .col-md-6 { padding-left:0px;padding-right:30px;  }
#ctl00_Main_SignUp .col-md-12 { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

#ctl00_Main_SignUp .submitBtn { color:#ffffff !important; font-weight:bold; white-space: normal; border-radius: 2em; }