@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Bold.eot"); src: local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.woff") format("woff"), url("../fonts/Poppins-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Light.eot"); src: local("Poppins Light"), local("Poppins-Light"), url("../fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Light.woff2") format("woff2"), url("../fonts/Poppins-Light.woff") format("woff"), url("../fonts/Poppins-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-SemiBold.eot"); src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/Poppins-SemiBold.woff") format("woff"), url("../fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Medium.eot"); src: local("Poppins Medium"), local("Poppins-Medium"), url("../fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins-Medium.woff") format("woff"), url("../fonts/Poppins-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Regular.eot"); src: local("Poppins Regular"), local("Poppins-Regular"), url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url("../fonts/Roboto-Light.eot"); src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto-Light.woff") format("woff"), url("../fonts/Roboto-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url("../fonts/Roboto-Regular.eot"); src: local("Roboto"), local("Roboto-Regular"), url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
/*! 02.0 - RESET */
body { font-family: "Poppins", sans-serif; color: #3c3c3c; font-size: 15px; line-height: 1.86; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; }
html, body { overflow-x: hidden; }
h1, h2, h3, h4, h5, h6, p, ul, ol, table { margin: 0 0 18px; }
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, table:last-child { margin-bottom: 0; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.33; font-weight: 600; color: #373e45; }
h1.color-secondary, h2.color-secondary, h3.color-secondary, h4.color-secondary, h5.color-secondary, h6.color-secondary, .h1.color-secondary, .h2.color-secondary, .h3.color-secondary, .h4.color-secondary, .h5.color-secondary, .h6.color-secondary { color: #7a0fff; }
h1.color-primary, h2.color-primary, h3.color-primary, h4.color-primary, h5.color-primary, h6.color-primary, .h1.color-primary, .h2.color-primary, .h3.color-primary, .h4.color-primary, .h5.color-primary, .h6.color-primary { color: #46bdf4; }
h1 + .image:not([class*="mt-"]), h2 + .image:not([class*="mt-"]), h3 + .image:not([class*="mt-"]), h4 + .image:not([class*="mt-"]), h5 + .image:not([class*="mt-"]), h6 + .image:not([class*="mt-"]), .h1 + .image:not([class*="mt-"]), .h2 + .image:not([class*="mt-"]), .h3 + .image:not([class*="mt-"]), .h4 + .image:not([class*="mt-"]), .h5 + .image:not([class*="mt-"]), .h6 + .image:not([class*="mt-"]) { margin-top: 20px; }
.h1, h1 {
    font-size: 2.25rem;
}
.h2, h2 {
    font-size: 1.875rem;
}
.h3, h3 {
    font-size: 1.5rem;
}

h4, .h4 { font-size: 1.6em; }

h5, .h5 { font-size: 1.33em; }

h6, .h6 { font-size: 1.07em; }

p { font-size: 1em; }

.p0{
    padding: 0 !important;
}
.mb-10{
    margin-bottom: 10px;
}
.btn.btn-hero-primary {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .0625rem;
    font-weight: 700;
    padding: .625rem 1.5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .25rem;
    background-image: -webkit-linear-gradient(left, #2b56f5 0%, #46bdf4 100%);
    background-image: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%);
    border: none;
    box-shadow: 0 0.125rem 0.75rem rgba(4,65,134,.25);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .12s ease-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .12s ease-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .12s ease-out,-webkit-transform .12s ease-out;
}
.btn.btn-hero-primary:hover {
    color: #fff;
    background-color: #117ef8;
    box-shadow: 0 0.375rem 0.75rem rgba(4,65,134,.4);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}
.btn-hero-success {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .0625rem;
    font-weight: 700;
    padding: .625rem 1.5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .25rem;
    background-color: #82b54b;
    background-image: none;
    border: none;
    box-shadow: 0 0.125rem 0.75rem rgba(91,127,52,.25);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .12s ease-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .12s ease-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .12s ease-out,-webkit-transform .12s ease-out;
}
.btn-hero-success:hover {
    color: #fff;
    background-color: #9bc46f;
    box-shadow: 0 0.375rem 0.75rem rgba(91,127,52,.4);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}
.btn-hero-danger {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .0625rem;
    font-weight: 700;
    padding: .625rem 1.5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .25rem;
    background-color: #e04f1a;
    background-image: none;
    border: none;
    box-shadow: 0 0.125rem 0.75rem rgba(155,55,18,.25);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .12s ease-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .12s ease-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .12s ease-out,-webkit-transform .12s ease-out;
}
.btn-hero-danger:hover {
    color: #fff;
    background-color: #e97044;
    box-shadow: 0 0.375rem 0.75rem rgba(155,55,18,.4);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}
.bg-transparent {
    background-color: transparent!important;
}
.body-image{
    /* background: url(../images/background.png) no-repeat center center fixed; */
    /* -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; */
    background: #0b0c22;
}
.container.farming-container{
    max-width: 1200px;
    padding: 0 28px;
    width: 100%;
    margin: 0 auto;
    padding: .875rem .875rem 1px;
    overflow-x: visible;
}
/* Header styling */
/* .farming-header img{
    width: 60px;
} */
.sticky {
    position: fixed;
    top: 0;
    margin: 0 auto;
    z-index: 1030;
    min-width: 320px;
    max-width: 100%;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0.25rem 0.625rem rgba(0,0,0,.02);
  }
.page-container{
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 auto;
width: 100%;
height: 100%;
min-width: 320px;
}
.farming-header{
    background: #0b0c22;
}
.farming-header .content-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    height: 4.375rem;
}
.farming-header .content-header img{
    width: 200px;
}
.farming-header a.link-fx{
    position: relative;
}
.farming-header a.link-fx:before{
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    background-color: #343a40;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out,-webkit-transform .2s ease-out;
}
/* .farming-header a:hover.link-fx::before {
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
} */
.farming-header .btn-outline-primary {
    color: #0058ae;
    background-color: transparent;
    background-image: none;
    border-color: #0058ae;
}
.farming-header .btn-outline-primary:hover {
    color: #fff;
    background-color: #0665d0;
    border-color: #0665d0;
}
.farming-header .btn-outline-primary:focus, .farming-header .btn-outline-danger:focus{
    box-shadow: none !important;
}
.farming-header .btn-outline-danger {
    color: #e04f1a;
    background-color: transparent;
    background-image: none;
    border-color: #e04f1a;
}
.farming-header .btn-outline-danger:hover {
    color: #fff;
    background-color: #e04f1a;
    border-color: #e04f1a;
}
/* end */
.block-rounded {
    border-radius: .25rem;
}
.block-content {
    transition: opacity .25s ease-out;
    width: 100%;
    margin: 0 auto;
    padding: 1.25rem 1.25rem 1px;
    overflow-x: visible;
}
#main-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 100%;
}
#main-container{
    padding-top: 0;
    padding-bottom: 90px;
}
.content-top {
    padding-top: 25px;
    padding-bottom: 1.75rem;
}
.top-block h2{
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .0625rem;
}
.bg-black-75{
    /* background-color: rgba(0,0,0,.75)!important; */
    box-shadow: 0 2px 6px rgba(230,235,244,.4);
    /* background-image: -webkit-linear-gradient(left, #2b56f5 0%, #46bdf4 100%);
    background-image: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%); */
    background: #10122d;
}
.top-block .block-content{
    margin-bottom: 1.75rem;
}
.content {
    width: 100%;
    margin: 0 auto;
    padding: 1.75rem 1.75rem 1px;
    overflow-x: visible;
}
.block.block-fx-pop {
    box-shadow: 0 2px 35px rgba(230,235,244,.4);
    opacity: 1;
}
/* .block.block-bordered {
    border: 1px solid #0058ae;
} */
.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}
.py-2{
    padding: 8px 0;
}
.block-des .img-wrapper{
    margin: 0 8px;
}
.block-des .img-wrapper img{
    width: 48px;
    height: 48px;
}
.block-des h3{
    padding-top: 10px;
}
.block-des .btn-hero-sm {
    padding: .375rem 1.25rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .25rem;
}
.tabs-des .nav-tabs-block .nav-item {
    margin-bottom: 0;
}
.tabs-des .nav-pool.active {
    background-color: transparent !important;
    border-color: #2b56f5 !important;
    border-radius: 50% !important;
    color: white !important;
}
.tabs-des .nav-pool:hover {
    background-color: transparent !important;
    border-color: #2b56f5 !important;
    border-radius: 50% !important;
    color: white !important;
}
.tabs-des .nav-tabs-block .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    border-color: transparent;
    border-radius: 0;
    border: 1px solid transparent;
}
.tabs-des .nav-tabs-block a{
    color:#0665d0;
}
.tabs-des .py-3 {
    padding: 1rem 0 !important;
}
.tabs-des .content-des{
    font-size: 1.5rem;
    font-weight: 300;
    margin-bottom: 0;
    line-height: 36px;
}
.tabs-des .nav-tabs {
    border-bottom: 1px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.text-muted {
    color: #a2b4d2!important;
}
.tabs-des .content-des-muted{
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 1px;
}
.tabs-des .content-des span{
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
}
.tabs-des .btn-hero-primary.disabled,.tabs-des .btn-hero-primary:disabled {
    color: #fff;
    background-color: #0665d0;
    box-shadow: 0 0.125rem 0.75rem rgba(4,65,134,.25);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.tabs-des .btn-hero-success.disabled, .tabs-des .btn-hero-success:disabled {
    color: #fff;
    background-color: #82b54b;
    box-shadow: 0 0.125rem 0.75rem rgba(91,127,52,.25);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.tabs-des .btn-hero-danger.disabled,.tabs-des .btn-hero-danger:disabled {
    color: #fff;
    background-color: #e04f1a;
    box-shadow: 0 0.125rem 0.75rem rgba(155,55,18,.25);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.tab-content>.tab-pane {
    display: none;
}
.tab-content>.active {
    display: block;
}
.block-des .block-margin{
    margin-bottom: 28px;
}
.footer-section{
    background: #10122d;
}
.footer-section .copyright-text {
    font-size: 13px;
    display: block;
    margin: 20px 0;
    color: #fff;
}
.connect-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mainnet-des{
    margin-right: 10px;
}
.media-logo{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.tabs-des .btn-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}
.btn-tab-right{
    margin-bottom: 6px;
    min-width: 185px;
    width: 100%;
}
.tabs-logo{
    border-bottom: 1px solid #0058ae;
}
.btn-request .btn-alt{
    color: #fff;
    box-shadow: none;
}
.btn-request .btn:not(:disabled):not(.disabled):active {
    background-image: linear-gradient(to right, #7a0fff 0%, #46bdf4 100%) !important;
}
.btn-request .btn-alt:focus{
    box-shadow: none !important;
}
.farming-container .modal-title {
    display: block;
    width: 100%;
}
.farming-container .modal-body label{
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 5px;
    color: #111111;
}
.farming-container .modal-body .form-control{
    font-size: 14px;
    color: #111111;
}
.farming-container .modal-body .form-control:focus {
    border-color: #0058ae;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.farming-container .modal-footer.btn-request .btn-alt{
    width: 30%
}
.farming-container .modal-body{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.farming-container .modal-footer{
    padding-top: 0;
}
.farming-container .modal-header .close:focus,
.farming-container .modal-header .close span{
    box-shadow: none !important;
    outline: none !important;
}
/* responsive queries */
@media (max-width: 767px){
    .tabs-logo {
        border-bottom: none;
    }
}
@media (max-width: 580px){
    .top-block h2 {
        font-size: 14px;
    }
}
@media (max-width: 575px){
    .content {
        width: 100%;
        margin: 0 auto;
        padding: 1.75rem 0 1px;
        overflow-x: visible;
    }
    .mbl-btn, .mbl-btn a{
        width: 100%;
    }
    .mbl-btn{
        margin-bottom: 8px;
    }
}
@media (max-width: 480px){
    .tabs-des .content-des span {
        font-size: 16px;
    }
    .farming-header .btn-outline-danger{
        font-size: 14px;
    }
    .farming-header img{
        width: 150px;
    }
    .tabs-des .content-des {
        font-size: 17px;
    }
    .farming-header .content-header img {
        width: 150px;
    }
    .farming-container #btn-connect{
        padding: 8px 10px;
        font-weight: 400;
        font-size: 14px;
    }
    .farming-container .modal-body .form-group,
    .farming-container .modal-footer.btn-request .btn-alt{
        width: 100%;
    }
}
@media (max-width: 370px){
    .farming-header .content-header img {
        width: 120px;
    }
    .farming-header img {
        width: 120px;
    }
    .block-des h3{
        font-size: 18px;
    }
    .block-content{
        padding: 10px;
    }
    .footer-section .copyright-text {
        font-size: 12px;
    }
    #main-container {
        padding-bottom: 50px;
    }
    .farming-header .btn-outline-danger {
        font-size: 11px;
    }
    .tabs-des .content-des {
        font-size: 14px;
        padding: 0 10px;
    }
    .tabs-des .content-des-muted {
        padding: 0 10px;
    }
    .block-des .btn-hero-sm{
        margin-top: 10px;
    }
    .sticky{
        min-width: auto;
    }
}