.view,
body,
html {
    height: 96%
}

.vector {
    background-image: url(https://demo.edves.net/new_look/img/vvectors.png); 
    background-repeat: no-repeat; 
    background-size: contain;
    height: 90% !important;
    background-position-y: center;

}

.balance {
    position: relative;
    margin-top: 100px !important;
}


@media (max-width:740px) {
    .full-page-intro {
        height: 1000px;        
    }

    .vector {
        background-image: url(https://demo.edves.net/new_look/img/vvectors.png); 
        background-repeat: no-repeat; 
        height: 100vh !important;
        background-size: contain;        
    background-position-y: 10%;    
    }
    
}

@media (max-width: 375px) {
    
    .balance {
        position: relative;
        margin-top: -40% !important;
    }

    html,
    body,
    header,
    .view {
      height: 1000px;
    }
}

@media (min-width: 379px) and (max-width: 419px) {
    
    .balance {
        position: relative;
        margin-top: -40% !important;
    }

    html,
    body,
    header,
    .view {
      height: 1000px;
    }
}

@media (min-width: 420px) and (max-width: 500px) {
    
    .balance {
        position: relative;
        margin-top: -15px !important;
    }

    html,
    body,
    header,
    .view {
      height: 1000px;
    }
}

@media (min-width: 500px) and (max-width: 576px) {
    
    .balance {
        position: relative;
        margin-top: -10% !important;
    }
/* 
    html,
    body,
    header,
    .view {
      height: 1000px;
    } */
}

@media (min-width: 600px) and (max-width: 950px) {
    .balance {
        position: relative;
        margin-top: 80px !important;
    }

    html,
    body,
    header,
    .view {
      height: 95%;
    }
    
}

.page-footer,
.top-nav-collapse {
    background-color: #fff
}

@media only screen and (max-width:768px) {
    .navbar {
        background-color: #fff
    }
}

.navbutton {
    border: 1px solid  #00ABE9;
    border-radius: .25rem !important;
    padding: .375rem .75rem !important;
    color: #fff !important;
    background-color: #00ABE9;
    margin-right:20px;

}
.navbuttonlink {
    color: #ffffff !important;
    text-decoration: none;
}

.navbuttonlink:hover {
    color: #ffffff !important;
    text-decoration: none;
}


.sign_in {   
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .5rem .75rem !important;
    font-size: 1rem !important;
    border-radius: .25rem !important;    
}

.secondaryCTA {   
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .75rem .5rem !important;
    font-size: 1rem !important;
    border-radius: .25rem !important; 
    background-color: #fff !important; 
    border: 1px solid #4285f4 !important;  
    color: #4285f4 !important;
}


/*!
 * Material Design for Bootstrap 4
 * Version: MDB 4.5.10
 *
 *
 * Copyright: Material Design for Bootstrap
 * https://mdbootstrap.com/

 */
 body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-weight: 300
 }
 
 .view,
 .view .mask,
 .waves-effect {
     overflow: hidden
 }
 
 
 .itv-text,
 .itv-text:focus,
 .itv-text:hover {
     color: rgba(0, 0, 0, 0.5) !important
 }

 .dark-grey-text,
.dark-grey-text:focus,
.dark-grey-text:hover {
    color: #4f4f4f !important
}
 
 a,
 a.disabled:hover,
 a:disabled:hover {
     color: #007bff
 }
 
 a {
     cursor: pointer;
     text-decoration: none;
     -webkit-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out
 }
 
 
 body {
     font-family: "Lato", sans-serif
 }
 
 
 .view {
     position: relative;
     cursor: default
 }
 
 
 .view img,
 .view video {
     position: relative;
     display: block
 }
 
 /*!
  * Waves v0.7.6
  * http://fian.my.id/Waves
  *
  * Copyright 2014-2018 Alfiana E. Sibuea and other contributors
  * Released under the MIT license
  * https://github.com/fians/Waves/blob/master/LICENSE */
 .waves-effect {
     position: relative;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-tap-highlight-color: transparent
 }
 
 .btn {
     -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .13), 0 2px 10px 0 rgba(0, 0, 0, .12);
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .13), 0 2px 10px 0 rgba(0, 0, 0, .12);
     padding: .84rem 2.14rem;
     font-size: .81rem;
     -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
     -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-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;
     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-box-shadow .15s ease-in-out;
     margin: .375rem;
     border: 0;
     -webkit-border-radius: .125rem;
     border-radius: .125rem;
     cursor: pointer;
     white-space: normal;
     word-wrap: break-word;
     color: #fff
 }
 
 .btn.btn-block {
     margin: inherit
 }
 
 .btn-primary {
     background-color: #00ABE9 !important;
     color: #fff !important
 }
 
 .navbar {
     /* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12); */
     font-weight: 500
 }
 
 .navbar .navbar-toggler {
     outline: 0;
     border-width: 0
 }
 
 
 .navbar .nav-item .nav-link {
     display: block
 }
 
 
 .navbar .nav-item .nav-link .fa {
     padding-right: 3px;
     padding-left: 3px
 }
 
 
 .navbar.navbar-light .navbar-toggler-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
     cursor: pointer
 }
 
 .navbar.navbar-light .breadcrumb .nav-item .nav-link,
 .navbar.navbar-light .navbar-nav .nav-item .nav-link {
     color: rgba(0, 0, 0, 0.5);
     -webkit-transition: .35s;
     -o-transition: .35s;
     transition: .35s;
     font-weight: 570;
 }
 
 .navbar.navbar-light .breadcrumb .nav-item .nav-link:hover,
 .navbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
   
    color: rgba(0, 0, 0, .8)
     
 }
 
 .navbar.navbar-light .breadcrumb .nav-item.active>.nav-link:hover,
 .navbar.navbar-light .navbar-nav .nav-item.active>.nav-link:hover,
 .navbar.navbar-light .navbar-toggler,
 .navbar.navbar-light form .md-form .form-control {
     color: #000
 }
 
 .navbar.navbar-dark .navbar-toggler-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
     cursor: pointer
 }
 
 .navbar.navbar-dark .breadcrumb .nav-item .nav-link,
 .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
     color: #fff;
     -webkit-transition: .35s;
     -o-transition: .35s;
     transition: .35s
 }
 
 .navbar.navbar-dark .breadcrumb .nav-item .nav-link:hover,
 .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover {
     color: rgba(255, 255, 255, .75)
 }
 
 .navbar.navbar-dark .breadcrumb .nav-item.active>.nav-link:hover,
 .navbar.navbar-dark .navbar-nav .nav-item.active>.nav-link:hover,
 .navbar.navbar-dark .navbar-toggler,
 .navbar.navbar-dark form .md-form .form-control {
     color: #fff
 }
 
 .navbar.navbar-dark .breadcrumb .nav-item.active>.nav-link,
 .navbar.navbar-dark .navbar-nav .nav-item.active>.nav-link {
     background-color: rgba(255, 255, 255, .1)
 }
 
 @media (min-width:600px) {
     .navbar .dropdown-menu form {
         width: 22rem
     }
 
     .navbar.scrolling-navbar {
         -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
         -o-transition: background .5s ease-in-out, padding .5s ease-in-out;
         transition: background .5s ease-in-out, padding .5s ease-in-out;
     }
 
     .navbar.scrolling-navbar .navbar-nav>li {
         -webkit-transition-duration: 1s;
         -o-transition-duration: 1s;
         transition-duration: 1s
     }
 
     .navbar.scrolling-navbar.top-nav-collapse {
         padding-top: 5px;
         padding-bottom: 5px
     }
 }
 
 .modal-dialog.modal-notify.modal-primary .badge,
 .modal-dialog.modal-notify.modal-primary .modal-header {
     background-color: #4285f4
 }
 
 body.modal-open {
     overflow: auto;
     padding-right: 0 !important
 }
 
 body.scrollable {
     overflow-y: auto
 }
 
 .modal-dialog .modal-content {
     -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
     box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
     border: 0;
     -webkit-border-radius: .125rem;
     border-radius: .125rem
 }
 
 .modal-dialog .modal-content .modal-header {
     -webkit-border-top-left-radius: .125rem;
     border-top-left-radius: .125rem;
     -webkit-border-top-right-radius: .125rem;
     border-top-right-radius: .125rem
 }
 
 .modal-dialog.cascading-modal {
     margin-top: 10%
 }
 
 .modal-dialog.cascading-modal .close {
     opacity: 1;
     text-shadow: none;
     color: #fff;
     outline: 0
 }
 
 .modal-dialog.cascading-modal .modal-header {
     -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
     box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
     margin: -2rem 1rem 1rem;
     border: none;
     -webkit-border-radius: .125rem;
     border-radius: .125rem;
     padding: 1.5rem;
     text-align: center
 }
 
 .modal-dialog.cascading-modal .modal-header .close {
     margin-right: 1rem
 }
 
 .modal-dialog.cascading-modal .modal-header .title {
     margin-bottom: 0;
     width: 100%;
     font-size: 1.25rem
 }
 
 .md-form label,
 .modal-dialog.cascading-modal .modal-header .social-buttons a {
     font-size: 1rem
 }
 
 .modal-dialog.cascading-modal .modal-header .title .fa {
     margin-right: 9px
 }
 
 .modal-dialog.cascading-modal .modal-header .social-buttons {
     margin-top: 1.5rem
 }
 
 .modal-dialog.cascading-modal .modal-c-tabs .md-tabs {
     -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
     margin: -1.5rem 1rem 0;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex
 }
 
 .modal-dialog.cascading-modal .modal-c-tabs .md-tabs li {
     -webkit-box-flex: 1;
     -webkit-flex: 1;
     -ms-flex: 1;
     flex: 1
 }
 
 .modal-dialog.cascading-modal .modal-c-tabs .md-tabs li a {
     text-align: center
 }
 
 .modal-dialog.cascading-modal .modal-c-tabs .tab-content {
     padding: 1.7rem 0 0
 }
 
 .modal-dialog.cascading-modal .modal-body,
 .modal-dialog.cascading-modal .modal-footer {
     padding-left: 2rem;
     padding-right: 2rem;
     color: #616161
 }
 
 .modal-dialog.cascading-modal .modal-body .additional-option,
 .modal-dialog.cascading-modal .modal-footer .additional-option {
     margin-top: 1rem;
     text-align: center
 }
 
 .modal-dialog.cascading-modal.modal-avatar {
     margin-top: 6rem
 }
 
 .modal-dialog.cascading-modal.modal-avatar .modal-header {
     -webkit-box-shadow: none;
     box-shadow: none;
     margin: -6rem 0 -1rem
 }
 
 .modal-dialog.cascading-modal.modal-avatar .modal-header img {
     width: 130px;
     -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
     box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
     margin-left: auto;
     margin-right: auto
 }
 
 .modal-dialog.modal-notify .heading {
     margin: 0;
     padding: .3rem;
     font-size: 1.15rem;
     color: #fff
 }
 
 .modal-dialog.modal-notify .modal-header {
     -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
     border: 0
 }
 
 .modal-dialog.modal-notify .close {
     opacity: 1
 }
 
 .modal-dialog.modal-notify .modal-body {
     padding: 1.5rem;
     color: #616161
 }
 
 .modal-dialog.modal-notify.modal-primary .fa {
     color: #4285f4
 }
 
 .modal-dialog.modal-notify.modal-danger .badge,
 .modal-dialog.modal-notify.modal-danger .modal-header {
     background-color: #ff3547
 }
 
 .modal-dialog.modal-notify.modal-danger .fa {
     color: #ff3547
 }
 
 .modal-dialog.modal-notify.modal-warning .badge,
 .modal-dialog.modal-notify.modal-warning .modal-header {
     background-color: #fb3
 }
 
 .modal-dialog.modal-notify.modal-warning .fa {
     color: #fb3
 }
 
 .modal-dialog.modal-notify.modal-success .badge,
 .modal-dialog.modal-notify.modal-success .modal-header {
     background-color: #00c851
 }
 
 .modal-dialog.modal-notify.modal-success .fa {
     color: #00c851
 }
 
 .modal-dialog.modal-notify.modal-info .badge,
 .modal-dialog.modal-notify.modal-info .modal-header {
     background-color: #33b5e5
 }
 
 .modal-dialog.modal-notify.modal-info .fa {
     color: #33b5e5
 }
 
 .modal {
     padding-right: 0 !important
 }
 
 @media (min-width:768px) {
     .modal .modal-dialog.modal-top {
         top: 0
     }
 
     .modal .modal-dialog.modal-left {
         left: 0
     }
 
     .modal .modal-dialog.modal-right {
         right: 0
     }
 
     .modal .modal-dialog.modal-bottom {
         bottom: 0
     }
 
     .modal .modal-dialog.modal-top-left {
         top: 10px;
         left: 10px
     }
 
     .modal .modal-dialog.modal-top-right {
         top: 10px;
         right: 10px
     }
 
     .modal .modal-dialog.modal-bottom-left {
         bottom: 10px;
         left: 10px
     }
 
     .modal .modal-dialog.modal-bottom-right {
         bottom: 10px;
         right: 10px
     }
 }
 
 .modal.fade.top:not(.show) .modal-dialog {
     -webkit-transform: translate3d(0, -25%, 0);
     transform: translate3d(0, -25%, 0)
 }
 
 .modal.fade.left:not(.show) .modal-dialog {
     -webkit-transform: translate3d(-25%, 0, 0);
     transform: translate3d(-25%, 0, 0)
 }
 
 .modal.fade.right:not(.show) .modal-dialog {
     -webkit-transform: translate3d(25%, 0, 0);
     transform: translate3d(25%, 0, 0)
 }
 
 .modal.fade.bottom:not(.show) .modal-dialog {
     -webkit-transform: translate3d(0, 25%, 0);
     transform: translate3d(0, 25%, 0)
 }
 
 @media (min-width:992px) {
 
     .modal .modal-fluid,
     .modal .modal-frame {
         width: 100%;
         max-width: 100%
     }
 
     .modal.modal-scrolling {
         position: relative
     }
 
     .modal.modal-scrolling .modal-dialog {
         position: fixed;
         z-index: 1050
     }
 
     .modal.modal-content-clickable {
         top: auto;
         bottom: auto
     }
 
     .modal.modal-content-clickable .modal-dialog {
         position: fixed
     }
 
     .modal .modal-fluid .modal-content {
         width: 100%
     }
 
     .modal .modal-frame {
         position: absolute;
         margin: 0
     }
 
     .modal .modal-frame.modal-bottom {
         bottom: 0
     }
 
     .modal .modal-full-height {
         position: absolute;
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         margin: 0;
         width: 400px;
         height: auto;
         min-height: 100%;
         top: 0;
         right: 0
     }
 
     .modal .modal-full-height.modal-bottom,
     .modal .modal-full-height.modal-top {
         display: block;
         width: 100%;
         max-width: 100%;
         height: auto
     }
 
     .modal .modal-full-height.modal-top {
         bottom: auto
     }
 
     .modal .modal-full-height.modal-bottom {
         min-height: 0;
         top: auto
     }
 
     .modal .modal-full-height .modal-content {
         width: 100%
     }
 
     .modal .modal-full-height.modal-lg {
         width: 90%;
         max-width: 90%
     }
 }
 
 @media (min-width:992px) and (min-width:992px) {
     .modal .modal-full-height.modal-lg {
         width: 800px;
         max-width: 800px
     }
 }
 
 @media (min-width:992px) and (min-width:1200px) {
     .modal .modal-full-height.modal-lg {
         width: 1000px;
         max-width: 1000px
     }
 }
 
 @media (min-width:992px) {
     .modal .modal-side {
         position: absolute;
         bottom: 10px;
         right: 10px;
         margin: 0;
         width: 400px
     }
 }
 

 .z-depth-1-half {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

    .overlay .mask {
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out; }
        .overlay .mask:hover {
          opacity: 1; }


/*!
 * Font Awesome Free 5.1.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
 .fa,
 .fab,
 .fal,
 .far,
 .fas {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     display: inline-block;
     font-style: normal;
     font-variant: normal;
     text-rendering: auto;
     line-height: 1
 }
 
 .fa-lg {
     font-size: 1.33333em;
     line-height: .75em;
     vertical-align: -.0667em
 }
 
 .fa-xs {
     font-size: .75em
 }
 
 .fa-sm {
     font-size: .875em
 }
 
 .fa-1x {
     font-size: 1em
 }
 
 .fa-2x {
     font-size: 2em
 }
 
 .fa-3x {
     font-size: 3em
 }
 
 .fa-4x {
     font-size: 4em
 }
 
 .fa-5x {
     font-size: 5em
 }
 
 .fa-6x {
     font-size: 6em
 }
 
 .fa-7x {
     font-size: 7em
 }
 
 .fa-8x {
     font-size: 8em
 }
 
 .fa-9x {
     font-size: 9em
 }
 
 .fa-10x {
     font-size: 10em
 }
 
 .fa-fw {
     text-align: center;
     width: 1.25em
 }
 
 .fa-ul {
     list-style-type: none;
     margin-left: 2.5em;
     padding-left: 0
 }
 
 .fa-ul>li {
     position: relative
 }
 
 .fa-li {
     left: -2em;
     position: absolute;
     text-align: center;
     width: 2em;
     line-height: inherit
 }
 
 .fa-border {
     border: .08em solid #eee;
     border-radius: .1em;
     padding: .2em .25em .15em
 }
 
 .fa-pull-left {
     float: left
 }
 
 .fa-pull-right {
     float: right
 }
 
 .fa.fa-pull-left,
 .fab.fa-pull-left,
 .fal.fa-pull-left,
 .far.fa-pull-left,
 .fas.fa-pull-left {
     margin-right: .3em
 }
 
 .fa.fa-pull-right,
 .fab.fa-pull-right,
 .fal.fa-pull-right,
 .far.fa-pull-right,
 .fas.fa-pull-right {
     margin-left: .3em
 }
 
 .fa-spin {
     animation: a 2s infinite linear
 }
 
 .fa-pulse {
     animation: a 1s infinite steps(8)
 }
 
 @keyframes a {
     0% {
         transform: rotate(0deg)
     }
 
     to {
         transform: rotate(1turn)
     }
 }
 
 .fa-android:before {
     content: "\f17b"
 }
 
 .fa-exclamation:before {
    content: "\f26c"
}

 
 .fa-child:before {
     content: "\f1ae"
 }
 
 .fa-envelope:before {
     content: "\f0e0"
 }
 
 .fa-envelope-open:before {
     content: "\f2b6"
 }
 
 .fa-envelope-open-text:before {
     content: "\f658"
 }
 
 .fa-envelope-square:before {
     content: "\f199"
 }
 .fa-eye:before {
    content: "\f06e"
}
 .fa-eye-slash:before {
     content: "\f070"
 }

 .fa-sign-in:before {
     content: "\f2f6"
 }
 
 .fa-google-play:before {
     content: "\f3ab"
 }

 .fa-mobile-alt:before {
     content: "\f3cd"
 }
 
 .fa-user:before {
     content: "\f007"
 }
 
 .fa-user-alt:before {
     content: "\f406"
 }
 
 .fa-user-circle:before {
     content: "\f2bd"
 }
 
 .fa-user-friends:before {
     content: "\f500"
 }
 .fa-user-tie:before {
     content: "\f508"
 }
 .fa-users:before {
     content: "\f0c0"
 }
 
 .sr-only {
     border: 0;
     clip: rect(0, 0, 0, 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px
 }
 
 .sr-only-focusable:active,
 .sr-only-focusable:focus {
     clip: auto;
     height: auto;
     margin: 0;
     overflow: visible;
     position: static;
     width: auto
 }
 
 @font-face {
     font-family: "Font Awesome 5 Brands";
     font-style: normal;
     font-weight: normal;
     src: url(../webfonts/fa-brands-400.eot);
     src: url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(../webfonts/fa-brands-400.woff2) format("woff2"), url(../webfonts/fa-brands-400.woff) format("woff"), url(../webfonts/fa-brands-400.ttf) format("truetype"), url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")
 }
 
 .fab {
     font-family: "Font Awesome 5 Brands"
 }
 
 @font-face {
     font-family: "Font Awesome 5 Free";
     font-style: normal;
     font-weight: 400;
     src: url(../webfonts/fa-regular-400.eot);
     src: url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(../webfonts/fa-regular-400.woff2) format("woff2"), url(../webfonts/fa-regular-400.woff) format("woff"), url(../webfonts/fa-regular-400.ttf) format("truetype"), url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")
 }
 
 .far {
     font-weight: 400
 }
 
 @font-face {
     font-family: "Font Awesome 5 Free";
     font-style: normal;
     font-weight: 900;
     src: url(../webfonts/fa-solid-900.eot);
     src: url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../webfonts/fa-solid-900.woff2) format("woff2"), url(../webfonts/fa-solid-900.woff) format("woff"), url(../webfonts/fa-solid-900.ttf) format("truetype"), url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")
 }
 
 .fa,
 .far,
 .fas {
     font-family: "Font Awesome 5 Free"
 }
 
 .fa,
 .fas {
     font-weight: 900
 }

 /**
 * pretty-checkbox.css
 *
 * A pure CSS library to beautify checkbox and radio buttons
 *
 * Source: https://github.com/lokesh-coder/pretty-checkbox
 * Demo: https://lokesh-coder.github.io/pretty-checkbox
 *
 * Copyright (c) 2017 Lokesh rajendran
 */

.pretty * {
    box-sizing: border-box
}


.pretty {
    position: relative;
    display: inline-block;
    margin-right: 1em;
    white-space: nowrap;
    line-height: 1
}

.pretty input {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 1em;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.pretty .state label {
    position: initial;
    display: inline-block;
    font-weight: 400;
    margin: 0;
    text-indent: 1.5em;
    min-width: calc(1em + 2px)
}

.pretty .state label:after,
.pretty .state label:before {
    content: '';
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    display: block;
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid transparent;
    z-index: 0;
    position: absolute;
    left: 0;
    top: calc((0% - (100% - 1em)) - 8%);
    background-color: transparent
}

.pretty .state label:before {
    border-color: #bdc3c7
}



.pretty.p-default .state label:after {
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6)
}

.pretty.p-default input:checked~.state label:after {
    background-color: #bdc3c7 !important
}

.pretty.p-default.p-thick .state label:after,
.pretty.p-default.p-thick .state label:before {
    border-width: calc(1em / 7)
}

.pretty.p-default.p-thick .state label:after {
    -webkit-transform: scale(.4) !important;
    -ms-transform: scale(.4) !important;
    transform: scale(.4) !important
}

.pretty.p-curve .state label:after,
.pretty.p-curve .state label:before {
    border-radius: 20%
}


.pretty.p-bigger .icon,
.pretty.p-bigger .img,
.pretty.p-bigger .svg,
.pretty.p-bigger label:after,
.pretty.p-bigger label:before {
    font-size: 1.2em !important;
    top: calc((0% - (100% - 1em)) - 35%) !important
}

.pretty.p-bigger label {
    text-indent: 1.7em
}

.pretty input:checked~.state.p-primary label:after,
.pretty.p-toggle .state.p-primary label:after {
    background-color: #428bca !important;
}

.pretty input:checked~.state.p-primary label:before,
.pretty.p-toggle .state.p-primary label:before {
    border-color: #428bca
}