/* Minification failed. Returning unminified contents.
(122,1): run-time error CSS1019: Unexpected token, found '@import'
(122,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i")'
(471,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(472,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(477,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(478,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
 */
body {
  padding-top: 54px;
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

@media only screen and (max-width: 1024px)  {
  .video-block {display: none !important;}
   header.masthead {
        height: 300px;
        background: url('https://tirekicker.azurewebsites.net/Content/images/tkintroshort.jpg') no-repeat;
        background-size: cover;
        position: relative;
        top: 0px;
        left: 0px;
    }
}

header.login {
    height: 550px;
    background: url('https://tirekicker.azurewebsites.net/Content/images/newBanner.jpg') no-repeat;
    background-size: cover;
    position: relative;
    /*padding-bottom: 46.12%;*/
    top: 0px;
    left: 0px;
}

header.about {
    height: 600px;
    background: url('https://tirekicker.azurewebsites.net/Content/images/bannerAbout.jpg') no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    left: 0px;
}


/*header.register {
    height: 500px;
    background: url('https://tirekicker.azurewebsites.net/Content/images/register.png') no-repeat;
    background-size: cover;
    position: relative;
    top: 0px;
    left: 0px;
}*/

@media only screen and (min-width:1024px) {
     .content .video-block
     {
      display: block !important;
      height: auto;
     }
     .content .masthead { background-image: none; } 
     .linea-verde {position: relative !important;}
     .linea-roja {position: relative !important;}
  }

@media screen and (max-width: 768px) and (orientation:portrait) {
    img { width:50%;}
    header.login{ height:300px}
    header.about {
        height: 250px
    }
} 

@media screen and (max-width: 768px) and (orientation:landscape)  {
  img { width:40%;}
    header.login {
        height: 300px
    }
    header.about {
        height: 300px
    }
} 


.overlay {
  padding: 5rem 0;
  position:absolute; top:0px; left:30px;

}

.video-block{
    height: 600px !important;
    width: 100%;
    position: relative;
    overflow: hidden;
    top:0;   
    margin-top: -50px;
    z-index: -1;
}

.rounded {
  width: 450px;
  overflow: hidden;
}

.rounded img {
  height: 100%;
  transform: translateX(-50%);
  margin-left: 50%;
}

.linea-verde{

  height: 20px; 
  background-color: #89b026; 
  z-index: 100;
}

.linea-roja {
    height: 20px;
    background-color: #E41128;
    z-index: 100;
}

@import url("https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i");.chart,.easypiechart{filter:hue-rotate(0deg) saturate(100%);}.theme-switcher{list-style:none;text-align:center;margin:1rem auto 3rem auto;display:block;width:280px;display:block;}.theme-switcher li{float:left;text-transform:uppercase;color:#fff;}.theme-switcher li span{margin-right:10px;}.theme-switcher li a.theme-btn{color:#fff;background:none;display:inline-block;width:30px;height:30px;padding:0;margin:0 6px;text-indent:-499rem;border-radius:499rem;opacity:.8;}.theme-switcher li a.theme-btn:hover{opacity:1;}.theme-switcher li a.theme-btn-default{background:#89b026 !important;}.theme-switcher li a.theme-btn-teal{background:#3dbb9c !important;}.theme-switcher li a.theme-btn-ruby{background:#f54b63 !important;}.theme-switcher li a.theme-btn-nightfall{background:#32343c !important;}.theme-switcher li a.theme-btn-organic{background:#918278 !important;}@media(max-width:768px){.theme-switcher{display:none;}.table{font-size:10px;}.table h5{font-size:6px;}svg{width:400px;height:350px;}.figure-caption{font-size:7px;}.squarecolor{width:5px !important;height:5px !important;display:inline-block !important;padding:0 !important;position:relative;top:2px;}#fregister{display:none;}.tab-content.show{display:block;}}body{background-color:#fff;font-family:"Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;color:#444;}h1,h2{font-family:"Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;padding-bottom:1.2rem;border-bottom:1px solid #dfdfdf;}h3,h4,h5,h6{font-family:"Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;}a,a:visited{color:#868e96;}a:hover,a:focus,a:active{color:#89b026;text-decoration:none;}.nav-pills .nav-item.show .nav-link,.nav-pills .nav-link.active{background-color:#868e96;}h1{font-family:"Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:2.4rem;font-weight:600;}h2{font-family:"Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:2.4rem;font-weight:500;}h3{font-family:"Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.8rem;font-weight:500;}h4{font-family:"Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.4rem;font-weight:500;}h5{font-family:"Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;letter-spacing:.1rem;font-weight:600;text-transform:uppercase;}h6{font-family:"Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.8rem;letter-spacing:.1rem;font-weight:500;text-transform:uppercase;}p{color:#7c7c7c;font-size:1rem;}.text-white p{color:#fff;}.card-inverse p{color:#fff;font-size:.9rem;}.card h1{border:none;margin:0;padding-bottom:.5rem;}.no-border{border:none;}.no-padding{padding:0;}.clear{clear:both;}.justify-center{display:flex;align-items:center;justify-content:center;}.text-muted{color:#a0a0a0 !important;}code{background-color:#f7f7f7;}.divider{display:block;width:100%;height:1px;background-color:#dfdfdf;margin:2rem auto;}.circle{border-radius:499rem;}.jumbotron{padding:2rem 2rem;background-color:#f7f7f7;}.btn-primary,.btn-primary.disabled,.btn-primary:disabled,.btn-outline-primary:hover,.btn-outline-primary:active,.btn-outline-primary.active,.show>.btn-outline-primary.dropdown-toggle,.card-primary,.page-item.active .page-link,.list-group-item.active{background-color:#868e96 !important;border-color:#868e96 !important;}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.show>.btn-primary.dropdown-toggle{background-color:#89b026 !important;border-color:#89b026 !important;}.btn-outline-primary{color:#868e96 !important;border-color:#868e96 !important;}.btn-outline-primary.disabled,.btn-outline-primary:disabled,.btn-link,.page-link,.text-primary{color:#868e96 !important;}.btn-link:focus,.btn-link:hover,.page-link:focus,.page-link:hover,a.text-primary:focus,a.text-primary:hover{color:#89b026 !important;}.dropdown-item.active,.dropdown-item:active,.custom-control-input:checked~.custom-control-indicator,.custom-checkbox .custom-control-input:indeterminate~.custom-control-indicator,.nav-pills .nav-item.show .nav-link,.badge-primary,.progress-bar,.bg-primary{background-color:#868e96 !important;background-image:none;}.nav-pills .nav-link.active,.badge-primary[href]:focus,.badge-primary[href]:hover,a.bg-primary:focus,a.bg-primary:hover{background-color:#89b026 !important;}.form-control:focus{border-color:#868e96 !important;}.btn-primary,.btn-primary:hover,.btn-primary:focus,.btn-primary:active{color:#fff !important;background-color:#868e96;border-color:#868e96;}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:#89b026;border-color:#89b026;}.btn-outline-primary,.btn-outline-primary:visited{color:#868e96;border-color:#868e96;background:none;}.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active{background-color:#868e96;border-color:#868e96;color:#fff;}.btn-secondary,.btn-default{background-color:#fff;color:#444;border-color:#dfdfdf;}.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active,.btn-default:hover,.btn-default:focus,.btn-default:active{color:#444 !important;background-color:#f7f7f7 !important;border-color:#dfdfdf !important;}.btn-margins button.btn{margin:0 4px 6px 0 !important;}.btn{border-radius:499rem;text-transform:uppercase;letter-spacing:.1rem;font-size:.75rem;padding:.6rem 1.15rem;cursor:pointer;}.btn:focus{outline:none;box-shadow:none;}.btn-xs{font-size:.6rem;padding:.5rem 1rem;}.btn-sm{font-size:.65rem;padding:.5rem 1rem;}.btn-md{font-size:.75rem;padding:.6rem 1.15rem;}.btn-lg{font-size:.8rem;padding:.9rem 1.5rem;}.btn-circle{width:2.8rem;height:2.8rem;font-size:1rem;padding:0;border-radius:50%;}.btn-subtle{border:none;background:#f7f7f7;color:#868e96;-webkit-appearance:none;cursor:pointer;}.btn-subtle:hover,.btn-subtle:focus,.btn-subtle:active{color:#fff;background-color:#868e96;outline:none;}.btn-stripped{border:none;background:none !important;color:#444 !important;-webkit-appearance:none;cursor:pointer;}.btn-stripped:hover,.btn-stripped:focus,.btn-stripped:active{color:#868e96;background-color:none;outline:none;}.dropdown a{color:#444;}.dropdown a:hover,.dropdown a:active,.dropdown a:focus{background-color:#868e96;color:#fff;}.dropdown-menu{background:#fff;border:1px solid #dfdfdf;width:14rem;box-shadow:0 3px 15px rgba(0,0,0,.15);}.dropdown-menu .divider{margin:.5rem 0;}.dropdown-menu li a{padding:.35rem 1rem;}.dropdown-menu li a{color:#444;display:inline-block;width:100%;}.dropdown-menu li a:hover{background:#868e96;color:#fff;text-decoration:none;}.sidebar{position:fixed;top:0;bottom:0;left:0;padding:20px;padding-left:0;padding-right:0;z-index:1000;overflow-x:hidden;overflow-y:auto;background:#868e96;}.sidebar a{color:#fff;text-transform:uppercase;font-size:.7rem;letter-spacing:.2rem;padding:.75rem 1rem;}.sidebar em{font-size:1rem;}.sidebar h1{color:#fff;border:none;font-size:.9rem;padding:0 1rem;text-transform:uppercase;letter-spacing:.2rem;}.sidebar .site-title{margin-top:.5rem;margin-bottom:1.75rem;}.sidebar .site-title a{font-size:.9rem;padding-left:0;padding-right:0;cursor:pointer;}.sidebar .site-title a:hover{background:none !important;}.sidebar .nav{margin-bottom:20px;}.sidebar .nav-item{width:100%;}.sidebar .nav-item+.nav-item{margin-left:0;}.sidebar .nav-link{border-radius:0;}.sidebar .logout-button{position:absolute;bottom:20px;left:20px;width:85%;text-align:center;border-radius:.3rem;}.sidebar .nav ul.children{width:auto;padding:0;margin:0;}.sidebar .nav ul.children li a{padding:.5rem 1rem;background:rgba(0,0,0,.5);color:#fff;}.sidebar .nav ul.children li a:visited{background:rgba(0,0,0,.5) !important;color:#fff !important;}.sidebar .nav ul.children li a:hover{background:#89b026 !important;color:#fff !important;}#wrapper.toggled .sidebar-nav{display:none;}#menu-toggle{position:absolute;top:1rem;right:1rem;}.sidebar a:focus,.sidebar a:hover,.sidebar a:active{background-color:#89b026 !important;}@media screen and (max-width:576px){#wrapper .sidebar-nav{display:none;}#wrapper.toggled .sidebar-nav{display:block !important;}.logout-button{display:none !important;}.sidebar{position:inherit;padding-bottom:0;margin-bottom:1rem;}#menu-toggle{background-color:#89b026;}}@media screen and (min-width:576px){#wrapper.toggled .sidebar-nav{display:block;}#menu-toggle{display:none;}}.card{background-color:#fff;border:1px solid #dfdfdf;}.card.bg-primary,.card.bg-success,.card.bg-info,.card.bg-warning,.card.bg-danger{border:1px solid rgba(0,0,0,.125);}.card-block{padding:1rem;}.card-title{padding-bottom:.25rem;margin-bottom:1rem;}.card-subtitle{margin-top:-.75rem;padding-bottom:.5rem;}.card-title-btn-container{position:absolute;top:1.25rem;right:1.25rem;list-style:none;}.card-footer{background:#f7f7f7;border-top:1px solid #dfdfdf;margin:-1rem !important;margin-top:1rem !important;}.card-header{padding:.75rem 1.25rem;}.bg-default .card-header{background:#f7f7f7;border-bottom:1px solid #dfdfdf;}.card-header-tabs .nav-link:hover,.card-header-pills .nav-link:hover{background-color:#fff;border-color:#dfdfdf;}.card-header-tabs .nav-link:hover{border-bottom:1px solid #fff;}.card-header-tabs .active{background:#fff !important;border-color:#dfdfdf !important;border-bottom-color:#fff !important;color:#444 !important;}.alert{color:#fff;}.alert a{color:#fff !important;}.no-left-margin{margin-left:0;}.page-header{font-family:"Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;margin-top:0;margin-bottom:2.4rem;padding-bottom:1rem;border-bottom:1px solid #89b026;height:auto;}.page-header h1{display:inline;border:none;padding:0;margin-top:0;margin-bottom:0;width:100%;}.profile-photo{border-radius:499rem;float:left;}.username{float:left;text-align:left;margin:0 0 0 1rem;}.username h1,.username h2,.username h3,.username h4{margin-bottom:0;text-transform:none !important;letter-spacing:0 !important;}.user-dropdown .dropdown-toggle::after{margin-top:1rem;margin-left:1rem;}.user-progress{margin-top:1rem;}.user-progress .profile-photo{max-height:75px;max-width:75px !important;}.progress-custom{margin-top:.25rem;background-color:#f7f7f7;}.progress-label{text-align:center !important;color:#868e96;font-size:.75rem;margin-top:-.25rem;}.progress-bar{height:.3rem;}#calendar,.datepicker-inline{width:100%;text-align:center;}#calendar table{width:100%;}.datepicker-switch{font-size:16px;height:46px !important;}.datepicker table tr td.old,.datepicker table tr td.new{color:#dfdfdf;}.datepicker table tr td{padding:2px 2px !important;cursor:pointer;border-radius:.3rem;}#calendar th{text-align:center !important;cursor:pointer;border-radius:.3rem;}.datepicker table tr td.active,.datepicker table tr td.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active:focus,.datepicker table tr td.active:hover:focus,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active.disabled:hover:focus,.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.active,.open .dropdown-toggle.datepicker table tr td.active:hover,.open .dropdown-toggle.datepicker table tr td.active.disabled,.open .dropdown-toggle.datepicker table tr td.active.disabled:hover{color:#fff;background-color:#868e96;text-shadow:none;border-color:#285e8e;}.datepicker table tr td span:hover,.datepicker thead tr:first-child th:hover,.datepicker tfoot tr th:hover,.datepicker table tr td.day:hover,.datepicker table tr td.day.focused{background-color:#f7f7f7;}.panel-heading .glyphicon{margin-right:10px;}.timeline{list-style:none;padding:20px 0 20px;position:relative;}.timeline:before{top:0;bottom:0;position:absolute;content:" ";width:2px;background-color:#dfdfdf;left:25px;margin-right:-1.5px;}.timeline>li{margin-bottom:20px;position:relative;}.timeline>li:before,.timeline>li:after{content:" ";display:table;}.timeline>li:after{clear:both;}.timeline>li>.timeline-panel{width:calc(100% - 65px);float:right;border:1px solid #dfdfdf;border-radius:.3rem;padding:10px 20px;position:relative;box-shadow:none;}.timeline>li>.timeline-panel:before{position:absolute;top:26px;left:-11px;display:inline-block;border-top:11px solid transparent;border-right:11px solid #dfdfdf;border-left:0 solid #dfdfdf;border-bottom:11px solid transparent;content:" ";}.timeline>li>.timeline-panel:after{position:absolute;top:27px;left:-10px;display:inline-block;border-top:10px solid transparent;border-right:10px solid #fff;border-left:0 solid #fff;border-bottom:10px solid transparent;content:" ";}.timeline>li>.timeline-badge{color:#444;width:46px;height:46px;line-height:2.8rem;font-size:1.4rem;text-align:center;position:absolute;top:16px;left:0;margin-right:-25px;margin-left:3px;border:1px solid #dfdfdf;background-color:#fff;z-index:100;border-radius:499rem;}.timeline-badge.primary{background-color:#868e96 !important;color:#fff !important;border:none !important;}.timeline-badge.success{background-color:#8ad919 !important;}.timeline-badge.warning{background-color:#ffb53e !important;}.timeline-badge.danger{background-color:#f9243f !important;}.timeline-badge.info{background-color:#30a5ff !important;}.article{padding:1rem 0;border-bottom:1px solid #dfdfdf;margin-bottom:1rem;}.article:first-child{padding:0 0 10px 0;}.article:last-child{padding:0 0 10px 0;border:none;margin-bottom:0;}.article h4 a{margin-bottom:10px;}.article .date{text-align:center;font-size:1.8rem;margin:0 auto;display:block;}.article .date .text-muted{font-size:.8rem;text-transform:uppercase;letter-spacing:.1rem;}.todo-list-item{list-style:none;padding:.75rem 1rem .15rem 1rem;border-radius:.3rem;}.todo-list-item .fa{margin:0 .25rem 0 0;color:#444;}.todo-list-item .fa:hover{color:#868e96;}.todo-list-item input[type=checkbox]{margin:0 .5rem 0 0 !important;border:1px solid #444;}.todo-list{padding:0;margin:-15px;background:#fff;color:#444;}.todo-list-item:hover,a.todo-list-item:focus{text-decoration:none;background-color:#f7f7f7;}.todo-list-item .trash .fa:hover{color:#ef4040;}.todo-list-footer{margin:-20px;margin-top:2rem;}.todo-list-footer .btn{border-radius:.3rem;}ul.font-awesome-list{list-style:none;margin:0;padding:0;}ul.font-awesome-list li{border:1px solid #dfdfdf;float:left;width:20%;height:auto;text-align:center;}ul.font-awesome-list li i{display:block;font-size:32px;margin:20px auto;}ul.font-awesome-list li span.icon-name,ul.font-awesome-list li .glyphicon-class{color:#868e96;font-size:.8rem;white-space:nowrap;font-weight:bold;}ul.font-awesome-list li span.icon-value{display:block;color:#7c7c7c;font-size:.7rem;margin-bottom:15px;}@media screen and (max-width:1180px){ul.font-awesome-list li{width:25%;}}@media screen and (max-width:1024px){ul.font-awesome-list li{width:33.3%;}}@media screen and (max-width:768px){ul.font-awesome-list li{width:50%;}}.form-control{border:1px solid #dfdfdf;background-color:#fff;box-shadow:none;}input.form-control{height:46px;}.bootstrap-table input.form-control{height:34px;}.input-group-btn .btn{height:46px;}.form-control:disabled,.form-control[readonly]{background-color:#f7f7f7;color:#7c7c7c;}.form-control:focus{outline:0;background-color:#fff;color:#444;}.help-block{font-size:.9rem;color:#7c7c7c;}.custom-select,.custom-select.form-control{height:46px !important;background-color:#fff;border-color:#dfdfdf;color:#444;}.dataTables_info,.dataTables_paginate{margin-top:1rem !important;}.page-item.active .page-link{color:#fff !important;}.page-item .page-link{outline:none !important;color:#444 !important;}.dataTables_wrapper{padding:0;}table,td,tr,th,thead{border-color:#dfdfdf !important;}.login-page{background:#f7f7f7;}.login-page .login-panel .btn{display:block;width:100%;}.error-page{background:#f7f7f7;}.error-page h1{font-size:4rem;}.modal-header{border-bottom:1px solid #868e96;}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#868e96;}
.checkbox {
    padding-left: 20px;
}

    .checkbox label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 3px;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: #555555;
        }

    .checkbox input[type="checkbox"],
    .checkbox input[type="radio"] {
        opacity: 0;
        z-index: 1;
    }

        .checkbox input[type="checkbox"]:focus + label::before,
        .checkbox input[type="radio"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .checkbox input[type="checkbox"]:checked + label::after,
        .checkbox input[type="radio"]:checked + label::after {
            font-family: "FontAwesome";
            content: "\f00c";
        }

        .checkbox input[type="checkbox"]:disabled + label,
        .checkbox input[type="radio"]:disabled + label {
            opacity: 0.65;
        }

            .checkbox input[type="checkbox"]:disabled + label::before,
            .checkbox input[type="radio"]:disabled + label::before {
                background-color: #eeeeee;
                cursor: not-allowed;
            }

    .checkbox.checkbox-circle label::before {
        border-radius: 50%;
    }

    .checkbox.checkbox-inline {
        margin-top: 0;
    }

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #337ab7;
    border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
    color: #fff;
}

.radio {
    padding-left: 20px;
}

    .radio label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
    }

        .radio label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 50%;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out;
            transition: border 0.15s ease-in-out;
        }

        .radio label::after {
            display: inline-block;
            position: absolute;
            content: " ";
            width: 11px;
            height: 11px;
            left: 3px;
            top: 3px;
            margin-left: -20px;
            border-radius: 50%;
            background-color: #555555;
            -webkit-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
            -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        }

    .radio input[type="radio"] {
        opacity: 0;
        z-index: 1;
    }

        .radio input[type="radio"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .radio input[type="radio"]:checked + label::after {
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1);
        }

        .radio input[type="radio"]:disabled + label {
            opacity: 0.65;
        }

            .radio input[type="radio"]:disabled + label::before {
                cursor: not-allowed;
            }

    .radio.radio-inline {
        margin-top: 0;
    }

.radio-primary input[type="radio"] + label::after {
    background-color: #337ab7;
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #337ab7;
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #337ab7;
}

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
    font-family: 'FontAwesome';
    content: "\f00c";
}

input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
    color: #fff;
}

input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
    color: #fff;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}


body {
    margin: 0px;
    padding: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 10pt;
    background-color: white;
}

a {
    text-decoration: none;
}

    img, a img {
        border: 0px;
    }

#vidbanner .button {
    margin: 0px 20px;
    border: 5px solid white;
    padding: 15px 20px;
    font-size: 14pt;
    color: white;
    font-weight: bolder;
    font-family: Helvetica, Arial, sans-serif;
    float: left;
    cursor: pointer;
    width: 110px;
    text-align: center;
}

#vidbanner a {
    color: white;
}

@-webkit-keyframes hvr-back-pulse {
    50% {
        background-color: rgba(137, 176, 38, 0.25);
    }
}

@keyframes hvr-back-pulse {
    50% {
        background-color: rgba(137, 176, 38, 0.25);
    }
}

.hvr-back-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

    .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
        -webkit-animation-name: hvr-back-pulse;
        animation-name: hvr-back-pulse;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        background-color: #89b026;
        color: white;
    }

.hvr-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

    .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
        background-color: #ffffff;
        color: white;
    }

#terms {
    text-align: center;
    font-size: 8pt;
    padding: 8px 0px 2px 0px;
}
 .profile-pic {
        width:20px;
        border-radius: 100%;
    }

    /*.dropdown-menu {
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
         .dropdown-item {
            padding: 7px 1.5rem;
        }
    }*/


form .form-control {
    border: 1px solid #CCC;
}

.bg-nta {
    background-color: beige;
}

.bg-tki {
    background-color: #89b026;
}

form .form-control {
    border: 1px solid #CCC;
}

/*Carousel*/
.carousel-control.left, .carousel-control.right {
    background-image: none;
}

.img-responsive {
    width: 100%;
    height: auto;
}

@media (min-width: 992px ) {
    .carousel-inner .active.left {
        left: -25%;
    }

    .carousel-inner .next {
        left: 25%;
    }

    .carousel-inner .prev {
        left: -25%;
    }

    #content-desktop {
        display: block;
    }

    #content-mobile {
        display: none;
    }

    .NAALogo {
        width:100px;}
}

@media (min-width: 768px) and (max-width: 991px ) {
    .carousel-inner .active.left {
        left: -33.3%;
    }

    .carousel-inner .next {
        left: 33.3%;
    }

    .carousel-inner .prev {
        left: -33.3%;
    }

    .active > div:first-child {
        display: block;
    }

    .active > div:first-child + div {
        display: block;
    }

    .active > div:last-child {
        display: none;
    }

    #content-desktop {
        display: none;
    }

    #content-mobile {
        display: block;
    }

    .NAALogo {
        width: 100px;
    }
}

@media (max-width: 767px) {
    .carousel-inner .active.left {
        left: -100%;
    }

    .carousel-inner .next {
        left: 100%;
    }

    .carousel-inner .prev {
        left: -100%;
    }

    .active > div {
        display: none;
    }

    .active > div:first-child {
        display: block;
    }

    #fregister {
        display: none;
    }

    #content-desktop {
        display: none;
    }

    #content-mobile {
        display: block;
    }

    .hideMobile {
        display: none;
    }

    .NAALogo {
        width: 80px;
    }
}

@media print {
    .breakhere {
        page-break-before: always;
    }

    .hidden-print {
        display: none !important;
    }
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #89b026;
}
.nav-link {
    color: #868e96;
}

.btn-primary, .btn-primary.disabled, .btn-primary:disabled, .btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle, .card-primary, .page-item.active .page-link, .list-group-item.active {
    background-color: #868e96 !important;
    border-color: #868e96 !important;
}

.grey-text {
    color: #9e9e9e !important;
}
.green-text {
    color: #4caf50 !important;
}

.view {
    position: relative;
    overflow: hidden;
    cursor: default;
}

    .view .mask {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        background-attachment: fixed;
    }

    .view img, .view video {
        position: relative;
        display: block;
    }

        .view video.video-intro {
            z-index: -100;
            top: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            -webkit-transition: 1s opacity;
            -o-transition: 1s opacity;
            transition: 1s opacity;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
        }

.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;
    }

.ribbon {
    font-size: 12px !important;
    /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */
    /*max-width:250px;*/
    min-width: 200px;
    min-height: 60px;
    position: relative;
    background: #7dbd00;
    color: #fff;
    text-align: center;
    padding: 1em; /* Adjust to suit */
    margin: 2em auto 2em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}

.pricing_p {
    min-width:200px;
    display: block;
    overflow: hidden;
    -webkit-box-shadow: inset 1px 1px 4px 2px;
    box-shadow: inset 1px 1px 4px 2px;
    padding: 2px;
    text-align: center;
    min-height:270px;
}

    .pricing_p ul {
        margin: 30px 10px 30px 10px;
        padding: 0;
        width: 90%;
        text-align: center;
        min-height:150px;
    }

    .pricing_p ul li {
        list-style: none;
        border-top: 1px dashed #aeaeae;
        padding: 5px 0;
    }

    .pricing_p ul li a {
        text-decoration: none;
        color: #000;
    }

    .pricing_p ul li a:hover {
        color: #06C;
    }

    .bb {
        position: absolute;
        bottom: -20px;
        left: 0;
    }

    .Sub17 {
        font-size: 16px;
        font-family: "Open Sans",sans-serif;
        color: #fff;
        margin: 0;
        font-weight: bold;
    }

    .Sub14 {
        font-size: 14px;
        font-family: "Open Sans",sans-serif;
        color: #fff;
        margin: 0;
    }

    .colSubs {
        width: 18%;
        float: left;
        margin: 0 28px 0 0;
    }

    .ribbon:before, .ribbon:after {
        content: "";
        position: absolute;
        display: block;
        bottom: -1em;
        border: 1.5em solid #7dbd00;
        z-index: -1;
    }

    .ribbon:before {
        left: -2em;
        border-right-width: 1.5em;
        border-left-color: transparent;
    }

    .ribbon:after {
        right: -2em;
        border-left-width: 1.5em;
        border-right-color: transparent;
    }

    .ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
        content: "";
        position: absolute;
        display: block;
        border-style: solid;
        border-color: #7dbd00 transparent transparent transparent;
        bottom: -1em;
    }

    .ribbon .ribbon-content:before {
        left: 0;
        border-width: 1em 0 0 1em;
    }

    .ribbon .ribbon-content:after {
        right: 0;
        border-width: 1em 1em 0 0;
    }

    .non-semantic-protector {
        position: relative;
        z-index: 1;
    }

    .card-img-left {
        border-bottom-left-radius: calc(.25rem - 1px);
        border-top-left-radius: calc(.25rem - 1px);
        float: left;
        padding-right: 1em;
        margin-bottom: -1.25em;
    }

    .card-img-150 {
        width: 150px;
        height: 150px;
    }

.img-fluidM {
    max-width: 70%;
    height: auto;
}

.card-img-250 {
    width: 250px;
    height: 250px;
}

.img-magnifier-glass {
    position: absolute;
    border: 3px solid #000;
    border-radius: 50%;
    cursor: none;
    /*Set the size of the magnifier glass:*/
    width: 100px;
    height: 100px;
}

.modal-body {
    position: relative;
}

@media print {
    .page-break {
        display: block;
        page-break-before: always;
    }
}