soil-report-ai/client-assets/home/css/alux.min.css

/*
*  Removed border-bottom from tr,td 243
*  Removed background from nav-wrap 682
*
*
*
*/


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent
}
body{
    line-height:1
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
nav ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none
}
a{
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent
}
ins{
    background-color:#ff9;
    color:#000;
    text-decoration:none
}
mark{
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold
}
del{
    text-decoration:line-through
}
abbr[title],dfn[title]{
    border-bottom:1px dotted;
    cursor:help
}
table{
    border-collapse:collapse;
    border-spacing:0
}
hr{
    display:block;
    height:1px;
    border:0;
    padding:0
}
input,select{
    vertical-align:middle
}
.clearfix:after{
    visibility:hidden;
    display:block;
    font-size:0;
    content:' ';
    clear:both;
    height:0
}
* html .clearfix{
    zoom:1
}
*:first-child+html .clearfix{
    zoom:1
}
.container-siema{
    position:relative;
    background:#333;
    margin-bottom:40px;
    overflow:hidden
}
.container-siema__next,.container-siema__prev{
    position:absolute;
    top:0;
    color:#fff;
    text-indent:-9999px;
    height:100%;
    cursor:pointer;
    width:60px
}
.container-siema__next{
    right:0
}
.container-siema__next .arrow,.container-siema__prev .arrow{
    width:30px;
    height:40px;
    top:50%;
    right:0;
    background-size:45px 45px;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.container-siema__next .arrow{
    left:0;
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
}
.arrow--disable{
    opacity:0.3
}
.siema__slide{
    height:600px;
    background:#333;
    color:#fff;
    position:relative;
    display:flex;
    align-items:center
}
.siema__caption{
    z-index:100;
    padding:0 40px;
    max-width:1250px;
    width:100%;
    margin:0 auto;
    color:#fff;
    text-shadow:0 0 5px #000
}
.siema__caption h1,.siema__caption h2,.siema__caption h3{
    color:#fff
}
.siema__filter{
    z-index:10;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0.5;
    display:block;
    background:#000
}
@media (max-width: 1300px){
    .container-siema__next .arrow,.container-siema__prev .arrow{
        bottom:40px;
        top:auto
    }
}
body{
    font-size:16px;
    line-height:1.6;
    font-family:'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif
}
.gigantic{
    font-size:110px;
    line-height:1.09;
    letter-spacing:-2px
}
.huge,h1{
    letter-spacing:-1px;
    font-size:48px;
    line-height:1.05
}
.large,h2{
    font-size:32px;
    line-height:1.14
}
.bigger,h3{
    font-size:26px;
    line-height:1.38
}
.big,h4{
    font-size:22px;
    line-height:1.38
}
.normal,h5{
    font-size:18px;
    line-height:1.38
}
.small,h6,small{
    font-size:14px;
    line-height:1.2
}
.gigantic,.huge,.large,.bigger,.big,h1,h2,h3,h4,h5,h6{
    color:#222;
    margin-bottom:20px
}
a,.link-color{
    color:#2edaf0
}
a:focus,a:hover{
    color:#10c4db
}
p{
    margin-bottom:20px;
    font-size:16px
}
blockquote{
    font-weight:200;
    font-size:20px;
    font-style:italic;
    margin:0.25em 0;
    padding:0 30px;
    line-height:1.45;
    position:relative;
    color:#383838;
    border-left:5px solid #eee
}
ul{
    list-style:circle inside;
    margin-bottom:40px
}
ol{
    list-style:decimal inside;
    margin-bottom:40px
}
ol,ul{
    padding-left:0;
    margin-top:0
}
ul ul,ul ol,ol ol,ol ul{
    margin:20px 0 20px 40px
}
li{
    margin-bottom:10px
}
table{
    margin-bottom:40px
}
th,td{
    padding:12px 15px;
    text-align:left;
    /* border-bottom:1px solid #e1e1e1 */
}

hr{
    margin-top:20px;
    margin-bottom:40px;
    border-width:0;
    border-top:1px solid #e1e1e1
}
hr.spacer{
    border-top:1px solid transparent
}
@media (max-width: 767px){
    .gigantic{
        font-size:74px
    }
}
.button{
    font-size:14px;
    color:#fff;
    background:#666;
    text-transform:uppercase;
    font-weight:bold;
    border:none;
    border-radius:4px;
    padding:12px 25px;
    text-decoration:none;
    cursor:pointer;
    display:inline-block;
    text-shadow:none
}
.button:hover{
    background:#10c4db;
    color:#fff
}
input[type='email'],input[type='number'],input[type='search'],input[type='text'],input[type='tel'],input[type='url'],input[type='password'],textarea,select{
    height:38px;
    padding:6px 10px;
    background-color:#fcfcfc;
    border:1px solid #d1d1d1;
    border-radius:4px;
    box-shadow:none;
    box-sizing:border-box;
    width:100%
}
input[type='email'],input[type='number'],input[type='search'],input[type='text'],input[type='tel'],input[type='url'],input[type='password'],textarea{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
textarea{
    min-height:65px;
    padding-top:6px;
    padding-bottom:6px
}
input[type='email']:focus,input[type='number']:focus,input[type='search']:focus,input[type='text']:focus,input[type='tel']:focus,input[type='url']:focus,input[type='password']:focus,textarea:focus,select:focus{
    border:1px solid #33c3f0;
    outline:0
}
label,legend{
    display:block;
    margin:12px 0 10px 0;
    font-weight:bold
}
fieldset{
    padding:0;
    border-width:0
}
input[type='checkbox'],input[type='radio']{
    display:inline
}
label>.label-body{
    display:inline-block;
    margin-left:10px;
    font-weight:normal
}
*,*:after,*:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.cover{
    /* background:#eee; */
    padding:70px 0;
    margin-bottom:20px
}
.grid{
    margin:0 auto;
    max-width:1250px;
    display:flex;
    flex-flow:row;
    flex-wrap:wrap;
    padding:40px 20px
}
.grid--center{
    justify-content:center
}
.grid--right{
    justify-content:flex-end
}
.grid--full{
    max-width:100%
}
.grid.no-col{
    display:block;
    padding:40px
}
.col{
    flex:1
}
[class*='col']{
    padding:0 20px;
    position:relative
}
.col-6{
    width:6.25%;
}
.col-100{
    width:100%
}
.col-50{
    width:50%
}
.col-33{
    width:33.33%
}
.col-66{
    width:66.66%
}
.col-25{
    width:25%
}
.col-75{
    width:75%
}
.col-20{
    width:20%
}
.col-40{
    width:40%
}
.col-60{
    width:60%
}
.col-80{
    width:80%
}

.col-15{
    width:15.66%
}

.col-16{
    width:16.66%
}

.col-14{
    width:14.66%
}
.col-18{
    width:18.66%
}

.col-12{
    width:12.5%
}
.col-10{
    width:10%
}
.col-30{
    width:30%
}
.col-70{
    width:70%
}
.col-90{
    width:90%
}
.push-50{
    left:50%
}
.push-33{
    left:33.33%
}
.push-66{
    left:66.66%
}
.push-25{
    left:25%
}
.push-75{
    left:75%
}
.push-20{
    left:20%
}
.push-40{
    left:40%
}
.push-60{
    left:60%
}
.push-80{
    left:20%
}
.push-10{
    left:10%
}
.push-30{
    left:30%
}
.push-60{
    left:60%
}
.push-70{
    left:70%
}
.push-90{
    left:90%
}
.pull-50{
    right:50%
}
.pull-33{
    right:33.33%
}
.pull-66{
    right:66.66%
}
.pull-25{
    right:25%
}
.pull-75{
    right:75%
}
.pull-20{
    right:20%
}
.pull-40{
    right:40%
}
.pull-60{
    right:60%
}
.pull-80{
    right:80%
}
.pull-10{
    right:10%
}
.pull-30{
    right:30%
}
.pull-60{
    right:60%
}
.pull-70{
    right:70%
}
.pull-90{
    right:90%
}
.no-pad,.no-pad [class*='col-']{
    padding:0
}
@media (max-width: 991px){
    .tab-100{
        width:100%
    }
    .tab-90{
        width:90%
    }
    .tab-80{
        width:80%
    }
    .tab-75{
        width:75%
    }
    .tab-70{
        width:70%
    }
    .tab-66{
        width:66.66%
    }
    .tab-60{
        width:60%
    }
    .tab-50{
        width:50%
    }
    .tab-40{
        width:40%
    }
    .tab-33{
        width:33.33%
    }
    .tab-30{
        width:30%
    }
    .tab-25{
        width:25%
    }
    .tab-20{
        width:20%
    }
    .tab-10{
        width:10%
    }
    .col.tab-100{
        flex:0 0 100%
    }
    .col.tab-90{
        flex:0 0 90%
    }
    .col.tab-80{
        flex:0 0 80%
    }
    .col.tab-75{
        flex:0 0 75%
    }
    .col.tab-70{
        flex:0 0 70%
    }
    .col.tab-66{
        flex:0 0 66.66%
    }
    .col.tab-60{
        flex:0 0 60%
    }
    .col.tab-50{
        flex:0 0 50%
    }
    .col.tab-40{
        flex:0 0 40%
    }
    .col.tab-33{
        flex:0 0 33.33%
    }
    .col.tab-30{
        flex:0 0 30%
    }
    .col.tab-20{
        flex:0 0 20%
    }
    .col.tab-25{
        flex:0 0 25%
    }
    [class*='col']{
        margin-bottom:40px
    }
}
@media (max-width: 767px){
    [class*='col']{
        width:100%;
        left:0;
        right:0;
        padding:0 10px
    }
    .sma-100{
        width:100%
    }
    .sma-90{
        width:90%
    }
    .sma-80{
        width:80%
    }
    .sma-75{
        width:75%
    }
    .sma-70{
        width:70%
    }
    .sma-66{
        width:66.66%
    }
    .sma-60{
        width:60%
    }
    .sma-50{
        width:50%
    }
    .sma-40{
        width:40%
    }
    .sma-33{
        width:33.33%
    }
    .sma-30{
        width:30%
    }
    .sma-25{
        width:25%
    }
    .sma-20{
        width:20%
    }
    .sma-10{
        width:10%
    }
    .col.sma-100{
        flex:0 0 100%
    }
    .col.sma-90{
        flex:0 0 90%
    }
    .col.sma-80{
        flex:0 0 80%
    }
    .col.sma-75{
        flex:0 0 75%
    }
    .col.sma-70{
        flex:0 0 70%
    }
    .col.sma-66{
        flex:0 0 66.66%
    }
    .col.sma-60{
        flex:0 0 60%
    }
    .col.sma-50{
        flex:0 0 50%
    }
    .col.sma-40{
        flex:0 0 40%
    }
    .col.sma-33{
        flex:0 0 33.33%
    }
    .col.sma-30{
        flex:0 0 30%
    }
    .col.sma-25{
        flex:0 0 25%
    }
    .col.sma-20{
        flex:0 0 20%
    }
}
.nav-header{
    float:left;
    margin:0
}
.logo{
    float:left;
    padding:15px 15px 0 40px;
    font-weight:bold;
    font-size:25px
}
.no-pad-menu{
    padding:0;
    margin-bottom:0;
    background:transparent !important
}
.nav-wrap{
    display:inline-block;
    width:100%;
    /* background:#333; */
    float:left
}
.nav-wrap a{
    text-decoration:none;
    color:#fff;
    display:block
}
.nav-wrap ul{
    list-style:none;
    position:relative;
    text-align:left;
    margin:0
}
.nav-wrap li{
    float:left;
    margin:0;
    position:relative
}
.nav-wrap ul:after{
    clear:both
}
.nav-wrap ul:before,.nav-wrap ul:after{
    content:' ';
    display:table
}
.nav-wrap nav{
    position:relative;
    text-align:center;
    float:right
}
ul.primary,ul.dropdown-menu{
    -webkit-transition:max-height 0.3s;
    -moz-transition:max-height 0.3s;
    transition:max-height 0.3s
}
ul.primary li a{
    display:block;
    padding:22px 30px
}
ul.primary li a:hover{
    color:#000
}
ul.dropdown-menu{
    position:absolute;
    z-index:200;
    min-width:200px;
    display:none;
    box-shadow:0 7px 12px rgba(0,0,0,0.175)
}
ul.dropdown-menu li{
    float:none;
    margin:0
}
.arrow{
    width:16px;
    height:16px;
    display:inline-block;
    top:27px;
    right:18px;
    position:absolute;
    background:url(arrow.svg) center center;
    background-size:22px 22px;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.select .arrow{
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
ul.primary ul.dropdown-menu li a{
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #eee;
    color:#666;
    padding:13px 20px
}
ul.primary ul.dropdown-menu li a:hover{
    color:#000;
    background:#eee
}
ul.primary li:hover ul{
    display:block
}
ul.primary li:hover a{
    background:#fff;
    color:#666
}
ul.primary li:hover>a{
    color:#000
}
@media (min-width: 768px){
    .arrow{
        top:28px;
        right:6px;
        background-size:18px 18px
    }
}
@media (max-width: 767px){
    .logo{
        padding-left:20px
    }
    .nav-header,.nav-wrap nav{
        width:100%
    }
    .nav-wrap{
        width:100%;
        margin-top:0
    }
    .nav-wrap li{
        float:none
    }
    .nav-wrap .primary{
        max-height:0;
        overflow:hidden
    }
    .nav-wrap .dropdown-menu{
        max-height:0;
        overflow:hidden
    }
    .tog{
        background:transparent;
        width:69px;
        height:69px;
        position:relative;
        float:right
    }
    .tog span{
        display:block;
        width:36px;
        height:3px;
        border-radius:2px;
        position:absolute;
        top:32px;
        right:16px;
        background:#fff
    }
    .tog span:first-child{
        -webkit-transform:translateY(-11px);
        transform:translateY(-11px)
    }
    .tog span.span-middle{
        -webkit-transform:translateY(11px);
        transform:translateY(11px)
    }
    .tog.x span:first-child{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
    }
    .tog.x span.span-middle{
        opacity:0
    }
    .tog.x span:last-child,.tog.x span.span-middle{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    .nav-wrap .primary.open,.nav-wrap .dropdown-menu.open{
        max-height:500px;
        overflow:scroll;
        -webkit-overflow-scrolling:touch
    }
    ul.primary li a{
        padding:20px
    }
    .nav-wrap ul.primary li:hover a{
        background:none;
        color:#999
    }
    .nav-wrap ul.primary li a.select{
        background:#262626;
        color:#fff
    }
    .nav-wrap ul.primary li:hover ul{
        display:block;
        color:#fff
    }
    .nav-wrap ul.dropdown-menu{
        display:block;
        position:static;
        box-shadow:none;
        width:100%;
        border-bottom:none
    }
    .nav-wrap ul.primary ul.dropdown-menu li a{
        background:#1a1a1a;
        border:none;
        color:#999
    }
    .nav-wrap ul.primary ul.dropdown-menu li a:hover{
        color:#ccc
    }
    .arrow{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    .no-pad-menu{
        padding:0
    }
}
.text-center{
    text-align:center
}
.text-right{
    text-align:right
}
.text-left{
    text-align:left
}
.img-res{
    width:100%;
    height:auto;
    margin-bottom:20px;
    vertical-align:middle
}
.m-0{
    margin:0 !important
}
.m-1{
    margin:13.33333px
}
.m-2{
    margin:20px
}
.m-3{
    margin:40px
}
.mt-0{
    margin-top:0
}
.mt-1{
    margin-top:13.33333px
}
.mt-2{
    margin-top:20px
}
.mt-3{
    margin-top:40px
}
.mb-0{
    margin-bottom:0
}
.mb-1{
    margin-bottom:13.33333px
}
.mb-2{
    margin-bottom:20px
}
.mb-3{
    margin-bottom:40px
}
.ml-0{
    margin-left:0
}
.ml-1{
    margin-left:13.33333px
}
.ml-2{
    margin-left:20px
}
.ml-3{
    margin-left:40px
}
.mr-0{
    margin-right:0
}
.mr-1{
    margin-right:13.33333px
}
.mr-2{
    margin-right:20px
}
.mr-3{
    margin-right:40px
}
.p-0{
    padding:0 !important
}
.p-1{
    padding:13.33333px
}
.p-2{
    padding:20px
}
.p-3{
    padding:40px
}
.pt-0{
    padding-top:0
}
.pt-1{
    padding-top:13.33333px
}
.pt-2{
    padding-top:20px
}
.pt-3{
    padding-top:40px
}
.pb-0{
    padding-bottom:0
}
.pb-1{
    padding-bottom:13.33333px
}
.pb-2{
    padding-bottom:20px
}
.pb-3{
    padding-bottom:40px
}
.pl-0{
    padding-left:0
}
.pl-1{
    padding-left:13.33333px
}
.pl-2{
    padding-left:20px
}
.pl-3{
    padding-left:40px
}
.pr-0{
    padding-right:0
}
.pr-1{
    padding-right:13.33333px
}
.pr-2{
    padding-right:20px
}
.pr-3{
    padding-right:40px
}
.mx-0{
    margin-left:0;
    margin-right:0
}
.mx-1{
    margin-left:13.33333px;
    margin-right:13.33333px
}
.mx-2{
    margin-left:20px;
    margin-right:20px
}
.mx-3{
    margin-left:40px;
    margin-right:40px
}
.my-0{
    margin-top:0;
    margin-bottom:0
}
.my-1{
    margin-top:13.33333px;
    margin-bottom:13.33333px
}
.my-2{
    margin-top:20px;
    margin-bottom:20px
}
.my-3{
    margin-top:40px;
    margin-bottom:40px
}
.px-0{
    padding-left:0;
    padding-right:0
}
.px-1{
    padding-left:13.33333px;
    padding-right:13.33333px
}
.px-2{
    padding-left:20px;
    padding-right:20px
}
.px-3{
    padding-left:40px;
    padding-right:40px
}
.py-0{
    padding-top:0;
    padding-bottom:0
}
.py-1{
    padding-top:13.33333px;
    padding-bottom:13.33333px
}
.py-2{
    padding-top:20px;
    padding-bottom:20px
}
.py-3{
    padding-top:40px;
    padding-bottom:40px
}
.animate{
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4;
    transition:all 0.4s
}