a {
    -webkit-transition: all linear 0.2s;
    -o-transition     : all linear 0.2s;
    transition        : all linear 0.2s;
    color             : #007E11
}

a:hover {
    color: #003207
}

.font-weight-bold {
    font-weight: bold
}

.text-justify {
    text-align: justify
}

.mobile {
    display: block;
    clear  : both
}

.desktop {
    display: none
}

.margin-top {
    margin-top: 25px !important
}

.no-padding {
    padding: 0 !important
}

.grid {
    text-align    : center;
    font-weight   : bold;
    font-size     : 18px;
    display       : table-cell;
    vertical-align: middle
}

.gris {
    border          : 1px solid #8c8783;
    min-height      : 100px;
    background-color: #f7f7f9;
    text-align      : center;
    width           : 100%;
    margin-bottom   : 20px
}

.aliniacioe {
    text-align: left !important
}

.aliniaciod {
    text-align: right !important
}

.negreta {
    font-weight: bold
}

.mt00 {
    margin-top: 0 !important
}

.mt10 {
    margin-top: 10px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt30 {
    margin-top: 30px !important
}

.ml00 {
    margin-left: 0 !important
}

.ml05 {
    margin-left: 5px !important
}

.ml10 {
    margin-left: 10px !important
}

.ml15 {
    margin-left: 15px !important
}

.ml20 {
    margin-left: 20px !important
}

@media (min-width:992px) {
    .mobile {
        display: none
    }

    .desktop {
        display: block
    }
}

.headerImg h1,
.headerImg span {
    font-size    : 40px;
    display      : block;
    line-height  : 1.2;
    margin-bottom: 12px
}

.headerImg span.subtitol {
    font-size  : 18px;
    font-weight: normal
}

a.headerLink:hover {
    text-decoration: none
}

.header .header-top {
    background: #e2e9de;
    text-align: center
}

.header .page-title {
    font-size: 16px;
    padding  : 10px 0;
    margin   : 0 auto;
    color    : #861648
}

.header .title-top-semi {
    padding-top: 10px
}

.header .seccions {
    list-style: none;
    margin    : 0 -10px;
    padding   : 0;
    font-size : 14px
}

.header .seccions li {
    float       : left;
    display     : inline;
    padding     : 0 5px;
    margin      : 10px 0;
    border-right: 1px solid #000
}

.header .seccions li a {
    color      : #000;
    font-weight: bold;
    padding    : 5px
}

.header .seccions li:first-child {
    padding-left: 0
}

.header .seccions li:last-child {
    padding-right: 0;
    border-right : 0
}

.header .border-bottom {
    border-bottom: 1px solid #8c8783
}

.header .nav .open>a,
.header .nav .open>a:focus,
.header .nav .open>a:hover {
    background-color: transparent;
    border-color    : #939598
}

.header .img-responsive {
    display: inline
}

.header .header-nav {
    background-color: #007E11
}

.header .navbar-nav {
    margin: 8px -20px
}

.header .navbar-default {
    border: 0;
    margin: 0
}

.header .navbar-default .navbar-nav>li>a {
    color      : #000;
    padding    : 5px 0;
    font-size  : 15px;
    font-weight: bold
}

.header .navbar-default .navbar-nav>li>a:hover {
    color: #007E11
}

.header .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff
}

.header .navbar-header {
    text-align: center
}

.header a:hover .logo {
    text-decoration: none
}

.header .logo {
    margin : 0 0 0 10px;
    padding: 0;
    float  : left;
    display: inline;
    width  : 140px;
    color  : #fff !important
}

.header .logo:after {
    line-height: 92px;
    font-size  : 50px;
    content    : "\e628"
}

.header a:hover .parclogo {
    text-decoration: none
}

.header .parclogo {
    width: 100px
}

.header .parclogo .path1:after {
    content  : "\e916";
    color    : #fff;
    font-size: 50px
}

.header .parclogo .path2:after {
    content    : "\e917";
    color      : #fff;
    margin-left: -3.33300781em;
    font-size  : 50px
}

.header .parclogo .path3:after {
    content    : "\e918";
    color      : #fff;
    margin-left: -3.33300781em;
    font-size  : 50px
}

.header .parclogo .path4:after {
    content    : "\e919";
    color      : #fff;
    margin-left: -3.33300781em;
    font-size  : 50px
}

.header .parclogo .path5:after {
    content    : "\e91a";
    color      : #fff;
    margin-left: -3.33300781em;
    font-size  : 50px
}

.header .parclogo .path6:after {
    content    : "\e91b";
    color      : #fff;
    margin-left: -3.33300781em;
    font-size  : 50px
}

.header .parclogo .path7:after {
    content    : "\e91c";
    color      : #fff;
    margin-left: -3.33300781em;
    font-size  : 50px
}

.header .parclogo .path8:after {
    content    : "\e91d";
    color      : #fff;
    margin-left: -3.33300781em;
    font-size  : 50px
}

.header .parclogo .path9:after {
    content    : "\e91e";
    color      : #fff;
    margin-left: -3.33300781em;
    font-size  : 50px
}

.header .parclogo .path10:after {
    content    : "\e91f";
    color      : #fff;
    margin-left: -3.33300781em;
    font-size  : 50px
}

.header .parclogo .path11:after {
    content    : "\e920";
    color      : #fff;
    margin-left: -3.33300781em;
    font-size  : 50px
}

.header .parclogo .path12:after {
    content    : "\e921";
    color      : #fff;
    margin-left: -3.33300781em;
    font-size  : 50px
}

.header .parclogo .path13:after {
    content    : "\e922";
    color      : #fff;
    margin-left: -3.33300781em;
    font-size  : 50px
}

.header .parclogo .path14:after {
    content    : "\e923";
    color      : #fff;
    margin-left: -3.33300781em;
    font-size  : 50px
}

.header .parclogo .path15:after {
    content    : "\e924";
    color      : #fff;
    margin-left: -3.33300781em;
    font-size  : 50px
}

.header .parclogo .path16:after {
    content    : "\e925";
    color      : #fff;
    margin-left: -3.33300781em;
    font-size  : 50px
}

.header .parclogo .path17:after {
    content    : "\e926";
    color      : #fff;
    margin-left: -3.33300781em;
    font-size  : 50px
}

.header .parclogo .path18:after {
    content    : "\e927";
    color      : #fff;
    margin-left: -3.33300781em;
    font-size  : 50px
}

.header .parclogo .path19:after {
    content    : "\e928";
    color      : #fff;
    margin-left: -3.33300781em;
    font-size  : 50px
}

.header .parclogo .path20:after {
    content    : "\e929";
    color      : #fff;
    margin-left: -3.33300781em;
    font-size  : 50px
}

.header .parclogo .path21:after {
    content    : "\e92a";
    color      : #fff;
    margin-left: -3.33300781em;
    font-size  : 50px
}

.header .extra-logo1 {
    margin        : 25px 10px 0;
    padding       : 0;
    line-height   : 17px;
    font-size     : 15px;
    text-transform: uppercase;
    float         : left;
    display       : inline;
    width         : 130px;
    text-align    : left;
    font-family   : "Roboto Condensed", "Arial Narrow", Arial
}

.header .extra-logo1 a {
    color          : #fff;
    width          : 165px;
    height         : 50px;
    display        : inline-block;
    background-size: 90%
}

.header .extra-logo1 a:focus,
.header .extra-logo1 a:hover {
    color          : #fff;
    text-decoration: none
}

.header .extra-logo1 a img {
    background-repeat: no-repeat;
    height           : auto;
    width            : 90%
}

.header .logo-cores {
    margin : 0 auto;
    padding: 0;
    float  : left;
    display: inline;
    width  : 90px
}

.header .logo-cores a {
    font-weight: normal;
    display    : block;
    color      : #fff;
    position   : relative;
    margin     : 0
}

.header .logo-cores a span {
    display    : inline-block;
    height     : 0;
    text-indent: -9999px
}

.header .logo-cores a:after {
    content    : "\e627";
    font-size  : 53px;
    line-height: 90px
}

.header .logo-cores a:hover {
    text-decoration: none
}

.header .header-title {
    margin        : 20px 10px 0;
    padding       : 0;
    line-height   : 17px;
    font-size     : 15px;
    text-transform: uppercase;
    float         : left;
    display       : inline;
    width         : 130px;
    text-align    : left;
    font-family   : "Roboto Condensed", "Arial Narrow", Arial
}

.header .header-title a {
    color: #fff
}

.header .header-title a:focus,
.header .header-title a:hover {
    color          : #fff;
    text-decoration: none
}

.header .navbar-toggle {
    width     : 30px;
    height    : 30px;
    background: none;
    color     : #fff;
    font-size : 16px;
    border    : 0;
    margin-top: 28px
}

.header .navbar-toggle .hamburguer:before {
    content: "\e616"
}

.header .navbar-toggle.collapsed .hamburguer:before {
    content: "\e626"
}

.header a.bullet {
    position     : relative;
    padding-right: 20px;
    display      : inline-block
}

.header a.bullet .arrow:before {
    position: absolute;
    top     : 0;
    right   : 0;
    content : "\e621";
    display : inline-block;
    color   : #8c8783
}

.header a.bullet:hover .arrow:before {
    color: #007E11
}

.header a.bullet:active,
.header a.bullet:focus {
    background: #f7f7f9
}

.header .navbar-collapse {
    background-color: #fff;
    padding-bottom  : 10px
}

.header #custom-search-input {
    padding         : 10px 0;
    border          : 0;
    border-radius   : 0;
    background-color: #fff
}

.header #custom-search-input input {
    border            : 0;
    -webkit-box-shadow: none;
    box-shadow        : none;
    text-align        : center;
    text-align        : left
}

.header #custom-search-input input:active,
.header #custom-search-input input:focus {
    background: rgba(0, 126, 17, 0.7);
    color     : #fff
}

.header #custom-search-input button {
    margin            : 2px 0 0;
    background        : none;
    -webkit-box-shadow: none;
    box-shadow        : none;
    border            : 0;
    color             : #666666;
    padding           : 0 8px 0 10px;
    border-left       : 0
}

.header #custom-search-input button:hover {
    border            : 0;
    -webkit-box-shadow: none;
    box-shadow        : none;
    border-left       : 0
}

.header #custom-search-input button:active,
.header #custom-search-input button:focus {
    background: rgba(0, 126, 17, 0.7);
    color     : #fff
}

.header #custom-search-input .glyphicon-search {
    font-size: 20px
}

.header .search-uab {
    text-align: center
}

.header .directori {
    margin : 8px 0;
    padding: 0;
    float  : left;
    display: inline-block
}

.header ul.idiomes {
    list-style: none;
    margin    : 8px 0;
    padding   : 0;
    float     : right;
    display   : inline-block
}

.header ul.idiomes li {
    float: left
}

.header ul.idiomes li.last-child a {
    border: none
}

.header ul.idiomes li a {
    padding-right: 5px;
    padding-left : 5px;
    border-right : solid 1px #333
}

.header ul.idiomes li a:focus,
.header ul.idiomes li a:focus {
    background: #f7f7f9
}

.header ul.xarxes-socials {
    display : inline-block;
    margin  : 4px auto;
    padding : 0;
    clear   : both;
    overflow: hidden
}

.header ul.xarxes-socials li {
    display       : table-cell;
    float         : left;
    vertical-align: top;
    margin        : 0 2px
}

.header ul.xarxes-socials li a {
    color      : #000;
    display    : block;
    font-size  : 23px;
    height     : 24px !important;
    line-height: 24px;
    margin     : 0 2px 0 2px !important;
    overflow   : hidden;
    padding    : 0;
    text-align : center;
    width      : 24px !important
}

.header ul.xarxes-socials li a em {
    display: none
}

.header ul.xarxes-socials li a:hover {
    text-decoration: none
}

.header ul.xarxes-socials li a span.facebook:after {
    content: "\e608"
}

.header ul.xarxes-socials li a span.facebook:hover {
    color: #455f98
}

.header ul.xarxes-socials li a span.twitter:after {
    content: "\e60a"
}

.header ul.xarxes-socials li a span.twitter:hover {
    color: #60d7fc
}

.header ul.xarxes-socials li a span.google:after {
    content: "\e607"
}

.header ul.xarxes-socials li a span.google:hover {
    color: #d84f44
}

.header ul.xarxes-socials li a span.linkedin:after {
    content: "\e606"
}

.header ul.xarxes-socials li a span.linkedin:hover {
    color: #00a2de
}

.header ul.xarxes-socials li a span.youtube:after {
    content: "\e609"
}

.header ul.xarxes-socials li a span.youtube:hover {
    color: #e0413a
}

.header ul.xarxes-socials li a span.instagram:after {
    content: "\e901"
}

.header ul.xarxes-socials li a span.instagram:hover {
    color: #996649
}

.header ul.xarxes-socials li a span.flickr:after {
    content: "\eaa6"
}

.header ul.xarxes-socials li a span.flickr:hover {
    color: #0063dc
}

.header .input-group {
    border       : 1px solid rgba(0, 0, 0, 0.075);
    border-radius: 10px;
    overflow     : hidden
}

.header ul a {
    color: #000
}

.header ul a:hover {
    color: #007E11
}

.header .navbar-nav>li>a {
    font-weight: bold;
    padding    : 5px 0;
    color      : #000;
    line-height: 1;
    font-size  : 18px
}

.header .navbar-nav>li>a.active {
    color: #007E11
}

.header .navbar-nav>li .dropdown-menu span.title {
    font-weight: bold;
    font-size  : 15px
}

.header .navbar-nav>li .dropdown-menu>li>a.active {
    color: #007E11
}

.header .navbar-default .navbar-toggle:focus,
.header .navbar-default .navbar-toggle:hover {
    background: none
}

@media (min-width:768px) {
    .header .navbar-nav {
        margin: 8px -10px
    }

    .access {
        padding: 0 10px !important
    }

    .headerImg h1,
    .headerImg span {
        font-size: 56px
    }

    .headerImg span.subtitol {
        font-size: 20px
    }

    .header .seccions li {
        padding: 10px
    }

    .header .logo {
        width: 140px;
        color: #fff !important
    }

    .header .logo a:after {
        font-size: 53px
    }

    .header .logo-cores {
        width: 100px
    }

    .header .logo-cores a:after {
        font-size: 53px
    }
}

@media (min-width:992px) {

    .headerImg h1,
    .headerImg span {
        font-size: 56px
    }

    .headerImg span.subtitol {
        font-size: 20px
    }

    .navbar-collapse.collapse {
        padding-left : 0;
        padding-right: 0
    }

    .navbar-right {
        float       : right !important;
        margin-right: 0
    }

    .navbar-nav>li>.dropdown-menu {
        margin-top    : 26px;
        border        : 0;
        padding-bottom: 10px
    }

    .extra-logo2 {
        margin        : 0 10px;
        padding       : 0;
        line-height   : 90px;
        font-size     : 15px;
        text-transform: uppercase;
        float         : left;
        display       : inline;
        text-align    : left;
        font-family   : "Roboto Condensed", "Arial Narrow", Arial
    }

    .extra-logo2 a {
        color  : #fff;
        width  : 115px;
        height : 50px;
        display: inline-block
    }

    .extra-logo2 a:focus,
    .extra-logo2 a:hover {
        color          : #fff;
        text-decoration: none
    }

    .header {
        background-color: #fff
    }

    .header .navbar-collapse {
        padding-bottom: 0
    }

    .header .seccions {
        margin: 0
    }

    .header .seccions li {
        margin      : 0;
        padding     : 10px 5px;
        border-right: 1px solid #fff
    }

    .header .seccions li:last-child {
        padding-right: 5px;
        border-right : 1px solid #fff
    }

    .header .header-top2 {
        background: #f7f7f9
    }

    .header .search-uab {
        display   : inline-block;
        float     : right;
        text-align: left
    }

    .header .border-bottom {
        border-bottom: 0
    }

    .header #custom-search-input {
        padding         : 8px 5px 0;
        background-color: transparent;
        width           : 200px;
        float           : left;
        display         : inline-block;
        margin          : 0 0 0 20px
    }

    .header #custom-search-input button {
        height: 24px;
        margin: 0
    }

    .header #custom-search-input input {
        text-align: left;
        font-size : 13px
    }

    .header #custom-search-input .glyphicon-search {
        font-size  : 16px;
        line-height: 24px
    }

    .header .input-group-btn {
        background-color: #fff
    }

    .header .form-control {
        height : 24px;
        padding: 4px 0 4px 16px
    }

    .header .page-title {
        line-height: 20px;
        padding    : 10px 0;
        display    : inline-block
    }

    .header .page-title a {
        color: #007E11
    }

    .header .page-title a:hover {
        text-decoration: none;
        color          : #000
    }

    .header .page-title a:active,
    .header .page-title a:focus {
        background: #f7f7f9
    }

    .header ul {
        padding   : 0;
        list-style: none
    }

    .header a {
        color: #000
    }

    .header a:hover {
        color          : #007E11;
        text-decoration: none
    }

    .header ul.idiomes {
        line-height: 40px;
        margin     : 0 0 0 20px;
        width      : auto;
        display    : inline-block;
        float      : left
    }

    .header .directori {
        line-height: 40px;
        margin     : 0 0 0 20px;
        width      : auto;
        display    : inline-block;
        float      : left
    }

    .header ul.xarxes-socials {
        margin: 8px 0 8px 20px;
        clear : none;
        float : left
    }

    .header .navbar-header {
        text-align: left
    }

    .header .logo {
        height: 90px;
        margin: 0;
        width : auto;
        color : #000 !important
    }

    .header .logo:after {
        line-height: 92px;
        font-size  : 48px;
        content    : "\e600"
    }

    .header .parclogo .path1:after {
        color    : #000 !important;
        font-size: 80px
    }

    .header .parclogo .path2:after {
        color    : #000 !important;
        font-size: 80px
    }

    .header .parclogo .path3:after {
        color    : #000 !important;
        font-size: 80px
    }

    .header .parclogo .path4:after {
        color    : #000 !important;
        font-size: 80px
    }

    .header .parclogo .path5:after {
        color    : #000 !important;
        font-size: 80px
    }

    .header .parclogo .path6:after {
        color    : #000 !important;
        font-size: 80px
    }

    .header .parclogo .path7:after {
        color    : #000 !important;
        font-size: 80px
    }

    .header .parclogo .path8:after {
        color    : #000 !important;
        font-size: 80px
    }

    .header .parclogo .path9:after {
        color    : #000 !important;
        font-size: 80px
    }

    .header .parclogo .path10:after {
        color    : #000 !important;
        font-size: 80px
    }

    .header .parclogo .path11:after {
        color    : #000 !important;
        font-size: 80px
    }

    .header .parclogo .path12:after {
        color    : #000 !important;
        font-size: 80px
    }

    .header .parclogo .path13:after {
        color    : #ff5800 !important;
        font-size: 80px
    }

    .header .parclogo .path14:after {
        color    : #ff5800 !important;
        font-size: 80px
    }

    .header .parclogo .path15:after {
        color    : #ff5800 !important;
        font-size: 80px
    }

    .header .parclogo .path16:after {
        color    : #ff5800 !important;
        font-size: 80px
    }

    .header .parclogo .path17:after {
        color    : #ff5800 !important;
        font-size: 80px
    }

    .header .parclogo .path18:after {
        color    : #ff5800 !important;
        font-size: 80px
    }

    .header .parclogo .path19:after {
        color    : #ff5800 !important;
        font-size: 80px
    }

    .header .parclogo .path20:after {
        color    : #ff5800 !important;
        font-size: 80px
    }

    .header .parclogo .path21:after {
        color    : #575656 !important;
        font-size: 80px
    }

    .header .logo-cores {
        display: none
    }

    .header .navbar-nav {
        margin: 8px -10px 0
    }

    .header .navbar-nav>li {
        padding: 35px 0 0;
        float  : left;
        display: inline
    }

    .header .navbar-nav>li>a {
        font-weight : bold;
        padding     : 5px 10px;
        border-right: 1px solid #939598;
        color       : #000;
        line-height : 1;
        font-size   : 14px
    }

    .header .navbar-nav>li>a:hover {
        background-color: transparent;
        color           : #007E11
    }

    .header .navbar-nav>li:last-child>a {
        padding-right: 0;
        border-right : 0
    }
}

@media (min-width:992px) and (min-width:1200px) {
    .extra-logo2 a {
        width: 150px
    }
}

@media (min-width:1200px) {

    .headerImg h1,
    .headerImg span {
        font-size: 56px
    }

    .headerImg span.subtitol {
        font-size: 20px
    }

    .header .navbar-nav>li>a {
        font-size  : 16px;
        line-height: 1
    }

    .navbar-nav>li>.dropdown-menu {
        margin-top: 21px
    }

    .seccions li {
        padding: 10px
    }

    .header .logo:after {
        line-height: 92px;
        font-size  : 70px;
        content    : "\e600"
    }
}

@media (min-width:1350px) {
    .header .navbar-nav>li>a {
        font-size: 18px
    }
}

.footer {
    margin-top   : 30px;
    margin-bottom: 30px
}

.footer .logo {
    display   : block;
    color     : #000;
    margin    : 0 auto;
    text-align: center
}

.footer .logo:focus,
.footer .logo:hover {
    text-decoration: none
}

.footer .logo .logo-cei:after {
    content  : '\e601';
    font-size: 60px
}

.footer .logo .hrexcellence:after {
    content  : '\e913';
    font-size: 60px
}

.footer .logo em {
    display: none
}

.footer .credits {
    text-align: center
}

.footer .credits .legal {
    list-style: none;
    margin    : 10px auto;
    padding   : 0;
    display   : inline-block
}

.footer .credits .legal li {
    float       : left;
    display     : inline;
    padding     : 0 5px;
    border-right: 1px solid #c9c9c9
}

.footer .credits .legal li:last-child {
    border-right: 0
}

.footer .credits .legal a {
    color      : #000;
    font-weight: bold
}

.partners ul {
    display        : -webkit-box !important;
    display        : -ms-flexbox !important;
    display        : flex !important;
    -ms-flex-pack  : distribute;
    justify-content: space-around;
    list-style     : outside none none;
    margin         : 0;
    padding        : 0;
    text-align     : center
}

.partners ul li {
    display: inline-block;
    margin : 15px 0;
    padding: 0
}

.partners ul li img {
    height   : auto;
    max-width: 100%
}

#prefooter {
    width           : 100%;
    margin          : 20px auto;
    padding         : 20px 0;
    background-color: #f7f7f9;
    text-align      : center
}

#prefooter a {
    font-size  : 15px;
    font-weight: bold
}

#prefooter .contacta {
    font-weight: bold;
    font-size  : 18px;
    line-height: 16px;
    color      : #007E11
}

@media (min-width:992px) {
    .footer .logo {
        text-align: left
    }
}

.post {
    margin: 0 0 30px
}

.post p {
    font-size  : 15px;
    line-height: 1.3
}

.post p a {
    text-decoration: underline
}

.post h3 {
    font-size  : 18px;
    line-height: 1.2
}

.post h3 a {
    color: #000
}

.post h3 a:active,
.post h3 a:focus {
    background: #f7f7f9
}

.post img {
    width             : 100%;
    height            : auto;
    -webkit-transition: all linear 0.2s;
    -o-transition     : all linear 0.2s;
    transition        : all linear 0.2s
}

.post .embed-responsive-16by9 {
    margin-bottom     : 15px;
    -webkit-transition: all linear 0.2s;
    -o-transition     : all linear 0.2s;
    transition        : all linear 0.2s
}

.post .embed-responsive-16by9:hover {}

.video {
    position: relative
}

.video .play {
    position     : absolute;
    top          : 50%;
    left         : 50%;
    background   : rgba(0, 126, 17, 0.7);
    border-radius: 50%;
    text-align   : center;
    width        : 40px;
    height       : 40px;
    margin       : -20px 0 0 -20px
}

.video .play:before {
    content     : "\e623";
    color       : rgba(255, 255, 255, 0.5);
    font-size   : 17px;
    line-height : 40px;
    padding-left: 7px
}

.video:hover {
    text-decoration: none
}

.video:hover .play {
    background: #007E11
}

.video:hover .play:before {
    color: #ffffff
}

.newsletter {
    margin: 0 0 35px
}

.newsletter a:hover {
    text-decoration: none
}

.newsletter h3 {
    font-size  : 18px;
    font-weight: bold;
    padding    : 10px 0
}

.newsletter span.mail {
    float  : left;
    display: table;
    margin : 0 10px 0 0
}

.newsletter span.mail:after {
    content       : "\e624";
    display       : table-cell;
    vertical-align: middle
}

.newsletter .btn-default {
    background-color: #f7f7f9;
    color           : #007E11
}

.newsletter .btn-default:hover {
    background-color: #007E11;
    color           : #f7f7f9
}

p.verd {
    position      : absolute;
    z-index       : 300;
    top           : -8px;
    left          : 20px;
    text-align    : center;
    font-size     : 0.923em;
    text-transform: uppercase;
    background    : #007E11;
    color         : #fff;
    border-radius : 5px;
    line-height   : 22px;
    padding       : 0 15px;
    margin        : 0
}

@media (min-width:992px) {
    .post p {
        font-size: 13px
    }
}

@media (min-width:1200px) {
    .post h4 {
        font-size: 18px
    }
}

@font-face {
    font-family: 'uab-icons';
    src        : url('../fonts/uab-icons.eot?qeo5nw');
    src        : url('../fonts/uab-icons.eot?#iefixqeo5nw') format('embedded-opentype'), url('../fonts/uab-icons.woff?qeo5nw') format('woff'), url('../fonts/uab-icons.ttf?qeo5nw') format('truetype'), url('../fonts/uab-icons.svg?qeo5nw#icomoon') format('svg');
    font-weight: normal;
    font-style : normal
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'uab-icons';
        src        : url('../fonts/uab-icons.svg#icomoon') format('svg')
    }
}

[class*=" icon-"],
[class^=icon-] {
    font-family            : 'uab-icons';
    speak                  : none;
    font-style             : normal;
    font-weight            : normal;
    font-variant           : normal;
    text-transform         : none;
    line-height            : 1;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ico {
    font-family            : 'uab-icons';
    font-style             : normal;
    font-variant           : normal;
    font-weight            : normal;
    overflow               : hidden;
    padding                : 0;
    speak                  : none;
    text-decoration        : inherit;
    text-transform         : none;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family             : sans-serif;
    -ms-text-size-adjust    : 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display       : inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height : 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin   : 0.67em 0
}

mark {
    background: #ff0;
    color     : #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size     : 75%;
    line-height   : 0;
    position      : relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing   : content-box;
    -webkit-box-sizing: content-box;
    box-sizing        : content-box;
    height            : 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size  : 1em
}

button,
input,
optgroup,
select,
textarea {
    color : inherit;
    font  : inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor            : pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border : 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    padding           : 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing   : content-box;
    -webkit-box-sizing: content-box;
    box-sizing        : content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border : 1px solid #c0c0c0;
    margin : 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border : 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing : 0
}

td,
th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {

    *,
    :after,
    :before {
        background        : transparent !important;
        color             : #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow        : none !important;
        text-shadow       : none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " ("attr(href) ")"
    }

    abbr[title]:after {
        content: " ("attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,
    pre {
        border           : 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows : 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    select {
        background: #fff !important
    }

    .navbar {
        display: none
    }

    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #ddd !important
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src        : url('../../sites/fonts/glyphicons-halflings-regular.eot');
    src        : url('../../sites/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../sites/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../../sites/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../sites/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../sites/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')
}

.glyphicon {
    position               : relative;
    top                    : 1px;
    display                : inline-block;
    font-family            : 'Glyphicons Halflings';
    font-style             : normal;
    font-weight            : normal;
    line-height            : 1;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\2a"
}

.glyphicon-plus:before {
    content: "\2b"
}

.glyphicon-eur:before,
.glyphicon-euro:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before {
    content: "\e227"
}

.glyphicon-btc:before {
    content: "\e227"
}

.glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-jpy:before {
    content: "\00a5"
}

.glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-rub:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box
}

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box
}

html {
    font-size                  : 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family     : Helvetica, Arial, sans-serif;
    font-size       : 13px;
    line-height     : 1.42857143;
    color           : #333333;
    background-color: #fff
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size  : inherit;
    line-height: inherit
}

a {
    color          : #007E11;
    text-decoration: none
}

a:focus,
a:hover {
    color          : #003207;
    text-decoration: underline
}

a:focus {
    outline       : thin dotted;
    outline       : 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail>img,
.thumbnail a>img {
    display  : block;
    max-width: 100%;
    height   : auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding           : 4px;
    line-height       : 1.42857143;
    background-color  : #fff;
    border            : 1px solid #ddd;
    border-radius     : 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition     : all 0.2s ease-in-out;
    transition        : all 0.2s ease-in-out;
    display           : inline-block;
    max-width         : 100%;
    height            : auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top   : 18px;
    margin-bottom: 18px;
    border       : 0;
    border-top   : 1px solid #e8e8e8
}

.sr-only {
    position: absolute;
    width   : 1px;
    height  : 1px;
    margin  : -1px;
    padding : 0;
    overflow: hidden;
    clip    : rect(0, 0, 0, 0);
    border  : 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width   : auto;
    height  : auto;
    margin  : 0;
    overflow: visible;
    clip    : auto
}

[role=button] {
    cursor: pointer
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color      : inherit
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-weight: normal;
    line-height: 1;
    color      : #777777
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top   : 18px;
    margin-bottom: 9px
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
    font-size: 65%
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top   : 9px;
    margin-bottom: 9px
}

.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-size: 75%
}

.h1,
h1 {
    font-size: 33px
}

.h2,
h2 {
    font-size: 27px
}

.h3,
h3 {
    font-size: 23px
}

.h4,
h4 {
    font-size: 17px
}

.h5,
h5 {
    font-size: 13px
}

.h6,
h6 {
    font-size: 12px
}

p {
    margin: 0 0 9px
}

.lead {
    margin-bottom: 18px;
    font-size    : 14px;
    font-weight  : 300;
    line-height  : 1.4
}

@media (min-width:768px) {
    .lead {
        font-size: 19.5px
    }
}

.small,
small {
    font-size: 92%
}

.mark,
mark {
    background-color: #fcf8e3;
    padding         : 0.2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777777
}

.text-primary {
    color: #007E11
}

a.text-primary:hover {
    color: #004b0a
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color           : #fff;
    background-color: #007E11
}

a.bg-primary:hover {
    background-color: #004b0a
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 8px;
    margin        : 36px 0 18px;
    border-bottom : 1px solid #e8e8e8
}

ol,
ul {
    margin-top   : 0;
    margin-bottom: 9px
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style  : none
}

.list-inline {
    padding-left: 0;
    list-style  : none;
    margin-left : -5px
}

.list-inline>li {
    display      : inline-block;
    padding-left : 5px;
    padding-right: 5px
}

dl {
    margin-top   : 0;
    margin-bottom: 18px
}

dd,
dt {
    line-height: 1.42857143
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

@media (min-width:992px) {
    .dl-horizontal dt {
        float           : left;
        width           : 160px;
        clear           : left;
        text-align      : right;
        overflow        : hidden;
        -o-text-overflow: ellipsis;
        text-overflow   : ellipsis;
        white-space     : nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title],
abbr[title] {
    cursor       : help;
    border-bottom: 1px dotted #777777
}

.initialism {
    font-size     : 90%;
    text-transform: uppercase
}

blockquote {
    padding    : 9px 18px;
    margin     : 0 0 18px;
    font-size  : 16.25px;
    border-left: 5px solid #e8e8e8
}

blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small,
blockquote footer,
blockquote small {
    display    : block;
    font-size  : 80%;
    line-height: 1.42857143;
    color      : #777777
}

blockquote .small:before,
blockquote footer:before,
blockquote small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left : 0;
    border-right : 5px solid #e8e8e8;
    border-left  : 0;
    text-align   : right
}

.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
    content: ''
}

.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 18px;
    font-style   : normal;
    line-height  : 1.42857143
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding         : 2px 4px;
    font-size       : 90%;
    color           : #c7254e;
    background-color: #f9f2f4;
    border-radius   : 4px
}

kbd {
    padding           : 2px 4px;
    font-size         : 90%;
    color             : #fff;
    background-color  : #333;
    border-radius     : 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow        : inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}

kbd kbd {
    padding           : 0;
    font-size         : 100%;
    font-weight       : bold;
    -webkit-box-shadow: none;
    box-shadow        : none
}

pre {
    display         : block;
    padding         : 8.5px;
    margin          : 0 0 9px;
    font-size       : 12px;
    line-height     : 1.42857143;
    word-break      : break-all;
    word-wrap       : break-word;
    color           : #333333;
    background-color: #f5f5f5;
    border          : 1px solid #ccc;
    border-radius   : 4px
}

pre code {
    padding         : 0;
    font-size       : inherit;
    color           : inherit;
    white-space     : pre-wrap;
    background-color: transparent;
    border-radius   : 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right : auto;
    margin-left  : auto;
    padding-left : 10px;
    padding-right: 10px
}

@media (min-width:768px) {
    .container {
        width: 740px
    }
}

@media (min-width:992px) {
    .container {
        width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1150px
    }
}

@media (min-width:1350px) {
    .container {
        width: 1250px
    }
}

.container-fluid {
    margin-right : auto;
    margin-left  : auto;
    padding-left : 10px;
    padding-right: 10px
}

.row {
    margin-left : -10px;
    margin-right: -10px
}

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.content-100 .capsetes-central.dinamiques,
.content-full .capsetes-central.dinamiques,
.content .capsetes-central.dinamiques {
    position     : relative;
    min-height   : 1px;
    padding-left : 10px;
    padding-right: 10px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.content-100 .capsetes-central.dinamiques,
.content-full .capsetes-central.dinamiques,
.content .capsetes-central.dinamiques {
    float: left
}

.col-xs-12,
.content-100 .capsetes-central.dinamiques,
.content-full .capsetes-central.dinamiques,
.content .capsetes-central.dinamiques {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0%
}

@media (min-width:768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .content-100 .capsetes-central.dinamiques,
    .content-full .capsetes-central.dinamiques,
    .content .capsetes-central.dinamiques {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6,
    .content-100 .capsetes-central.dinamiques,
    .content-full .capsetes-central.dinamiques,
    .content .capsetes-central.dinamiques {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0%
    }
}

@media (min-width:992px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .content-100 .capsetes-central.dinamiques,
    .content-full .capsetes-central.dinamiques {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4,
    .content-100 .capsetes-central.dinamiques,
    .content-full .capsetes-central.dinamiques {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0%
    }
}

@media (min-width:1200px) {

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0%
    }
}




@media (min-width:1350px) {

    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12 {
        float: left
    }

    .col-xl-12 {
        width: 100%
    }

    .col-xl-11 {
        width: 91.66666667%
    }

    .col-xl-10 {
        width: 83.33333333%
    }

    .col-xl-9 {
        width: 75%
    }

    .col-xl-8 {
        width: 66.66666667%
    }

    .col-xl-7 {
        width: 58.33333333%
    }

    .col-xl-6 {
        width: 50%
    }

    .col-xl-5 {
        width: 41.66666667%
    }

    .col-xl-4 {
        width: 33.33333333%
    }

    .col-xl-3 {
        width: 25%
    }

    .col-xl-2 {
        width: 16.66666667%
    }

    .col-xl-1 {
        width: 8.33333333%
    }

    .col-xl-pull-12 {
        right: 100%
    }

    .col-xl-pull-11 {
        right: 91.66666667%
    }

    .col-xl-pull-10 {
        right: 83.33333333%
    }

    .col-xl-pull-9 {
        right: 75%
    }

    .col-xl-pull-8 {
        right: 66.66666667%
    }

    .col-xl-pull-7 {
        right: 58.33333333%
    }

    .col-xl-pull-6 {
        right: 50%
    }

    .col-xl-pull-5 {
        right: 41.66666667%
    }

    .col-xl-pull-4 {
        right: 33.33333333%
    }

    .col-xl-pull-3 {
        right: 25%
    }

    .col-xl-pull-2 {
        right: 16.66666667%
    }

    .col-xl-pull-1 {
        right: 8.33333333%
    }

    .col-xl-pull-0 {
        right: auto
    }

    .col-xl-push-12 {
        left: 100%
    }

    .col-xl-push-11 {
        left: 91.66666667%
    }

    .col-xl-push-10 {
        left: 83.33333333%
    }

    .col-xl-push-9 {
        left: 75%
    }

    .col-xl-push-8 {
        left: 66.66666667%
    }

    .col-xl-push-7 {
        left: 58.33333333%
    }

    .col-xl-push-6 {
        left: 50%
    }

    .col-xl-push-5 {
        left: 41.66666667%
    }

    .col-xl-push-4 {
        left: 33.33333333%
    }

    .col-xl-push-3 {
        left: 25%
    }

    .col-xl-push-2 {
        left: 16.66666667%
    }

    .col-xl-push-1 {
        left: 8.33333333%
    }

    .col-xl-push-0 {
        left: auto
    }

    .col-xl-offset-12 {
        margin-left: 100%
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%
    }

    .col-xl-offset-9 {
        margin-left: 75%
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%
    }

    .col-xl-offset-6 {
        margin-left: 50%
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%
    }

    .col-xl-offset-3 {
        margin-left: 25%
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%
    }

    .col-xl-offset-0 {
        margin-left: 0%
    }
}



table {
    background-color: transparent
}

caption {
    padding-top   : 8px;
    padding-bottom: 8px;
    color         : #777777;
    text-align    : left
}

th {
    text-align: left
}

.table {
    width        : 100%;
    max-width    : 100%;
    margin-bottom: 18px
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding       : 8px;
    line-height   : 1.42857143;
    vertical-align: top;
    border-top    : 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom : 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    float   : none;
    display : table-column
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    float   : none;
    display : table-cell
}

.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%
}

@media screen and (max-width:767px) {
    .table-responsive {
        width             : 100%;
        margin-bottom     : 13.5px;
        overflow-y        : hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border            : 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

fieldset {
    padding  : 0;
    margin   : 0;
    border   : 0;
    min-width: 0
}

legend {
    display      : block;
    width        : 100%;
    padding      : 0;
    margin-bottom: 18px;
    font-size    : 19.5px;
    line-height  : inherit;
    color        : #333333;
    border       : 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display      : inline-block;
    max-width    : 100%;
    margin-bottom: 5px;
    font-weight  : bold
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box
}

input[type=checkbox],
input[type=radio] {
    margin     : 4px 0 0;
    margin-top : 1px\9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width  : 100%
}

select[multiple],
select[size] {
    height: auto
}

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

output {
    display    : block;
    padding-top: 7px;
    font-size  : 13px;
    line-height: 1.42857143;
    color      : #555555
}

.form-control {
    display           : block;
    width             : 100%;
    height            : 32px;
    padding           : 6px 12px;
    font-size         : 13px;
    line-height       : 1.42857143;
    color             : #555555;
    background-color  : #fff;
    background-image  : none;
    border            : 1px solid #ccc;
    border-radius     : 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow        : inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition     : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition        : border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition        : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition        : border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color      : #66afe9;
    outline           : 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow        : inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.form-control::-moz-placeholder {
    color  : #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #e8e8e8;
    opacity         : 1
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    input[type=date],
    input[type=datetime-local],
    input[type=month],
    input[type=time] {
        line-height: 32px
    }

    .input-group-sm input[type=date],
    .input-group-sm input[type=datetime-local],
    .input-group-sm input[type=month],
    .input-group-sm input[type=time],
    input[type=date].input-sm,
    input[type=datetime-local].input-sm,
    input[type=month].input-sm,
    input[type=time].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date],
    .input-group-lg input[type=datetime-local],
    .input-group-lg input[type=month],
    .input-group-lg input[type=time],
    input[type=date].input-lg,
    input[type=datetime-local].input-lg,
    input[type=month].input-lg,
    input[type=time].input-lg {
        line-height: 45px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox,
.radio {
    position     : relative;
    display      : block;
    margin-top   : 10px;
    margin-bottom: 10px
}

.checkbox label,
.radio label {
    min-height   : 18px;
    padding-left : 20px;
    margin-bottom: 0;
    font-weight  : normal;
    cursor       : pointer
}

.checkbox-inline input[type=checkbox],
.checkbox input[type=checkbox],
.radio-inline input[type=radio],
.radio input[type=radio] {
    position   : absolute;
    margin-left: -20px;
    margin-top : 4px\9
}

.checkbox+.checkbox,
.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,
.radio-inline {
    position      : relative;
    display       : inline-block;
    padding-left  : 20px;
    margin-bottom : 0;
    vertical-align: middle;
    font-weight   : normal;
    cursor        : pointer
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-top : 0;
    margin-left: 10px
}

fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
    cursor: not-allowed
}

.checkbox-inline.disabled,
.radio-inline.disabled,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio-inline {
    cursor: not-allowed
}

.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
    cursor: not-allowed
}

.form-control-static {
    padding-top   : 7px;
    padding-bottom: 7px;
    margin-bottom : 0;
    min-height    : 31px
}

.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-left : 0;
    padding-right: 0
}

.input-sm {
    height       : 30px;
    padding      : 5px 10px;
    font-size    : 12px;
    line-height  : 1.5;
    border-radius: 3px
}

select.input-sm {
    height     : 30px;
    line-height: 30px
}

select[multiple].input-sm,
textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height       : 30px;
    padding      : 5px 10px;
    font-size    : 12px;
    line-height  : 1.5;
    border-radius: 3px
}

select.form-group-sm .form-control {
    height     : 30px;
    line-height: 30px
}

select[multiple].form-group-sm .form-control,
textarea.form-group-sm .form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height     : 30px;
    padding    : 5px 10px;
    font-size  : 12px;
    line-height: 1.5;
    min-height : 30px
}

.input-lg {
    height       : 45px;
    padding      : 10px 16px;
    font-size    : 17px;
    line-height  : 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height     : 45px;
    line-height: 45px
}

select[multiple].input-lg,
textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height       : 45px;
    padding      : 10px 16px;
    font-size    : 17px;
    line-height  : 1.3333333;
    border-radius: 6px
}

select.form-group-lg .form-control {
    height     : 45px;
    line-height: 45px
}

select[multiple].form-group-lg .form-control,
textarea.form-group-lg .form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height     : 45px;
    padding    : 10px 16px;
    font-size  : 17px;
    line-height: 1.3333333;
    min-height : 35px
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 40px
}

.form-control-feedback {
    position      : absolute;
    top           : 0;
    right         : 0;
    z-index       : 2;
    display       : block;
    width         : 32px;
    height        : 32px;
    line-height   : 32px;
    text-align    : center;
    pointer-events: none
}

.input-lg+.form-control-feedback {
    width      : 45px;
    height     : 45px;
    line-height: 45px
}

.input-sm+.form-control-feedback {
    width      : 30px;
    height     : 30px;
    line-height: 30px
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success.checkbox-inline label,
.has-success.checkbox label,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.radio-inline label,
.has-success.radio label {
    color: #3c763d
}

.has-success .form-control {
    border-color      : #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow        : inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-success .form-control:focus {
    border-color      : #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow        : inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color           : #3c763d;
    border-color    : #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning.checkbox-inline label,
.has-warning.checkbox label,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.radio-inline label,
.has-warning.radio label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color      : #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow        : inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-warning .form-control:focus {
    border-color      : #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow        : inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color           : #8a6d3b;
    border-color    : #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error.checkbox-inline label,
.has-error.checkbox label,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.radio-inline label,
.has-error.radio label {
    color: #a94442
}

.has-error .form-control {
    border-color      : #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow        : inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
    border-color      : #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow        : inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color           : #a94442;
    border-color    : #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label~.form-control-feedback {
    top: 23px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display      : block;
    margin-top   : 5px;
    margin-bottom: 10px;
    color        : #737373
}

@media (min-width:768px) {
    .form-inline .form-group {
        display       : inline-block;
        margin-bottom : 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display       : inline-block;
        width         : auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display       : inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control,
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom : 0;
        vertical-align: middle
    }

    .form-inline .checkbox,
    .form-inline .radio {
        display       : inline-block;
        margin-top    : 0;
        margin-bottom : 0;
        vertical-align: middle
    }

    .form-inline .checkbox label,
    .form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox],
    .form-inline .radio input[type=radio] {
        position   : relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    margin-top   : 0;
    margin-bottom: 0;
    padding-top  : 7px
}

.form-horizontal .checkbox,
.form-horizontal .radio {
    min-height: 25px
}

.form-horizontal .form-group {
    margin-left : -10px;
    margin-right: -10px
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        text-align   : right;
        margin-bottom: 0;
        padding-top  : 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 10px
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.333333px
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px
    }
}

.btn {
    display            : inline-block;
    margin-bottom      : 0;
    font-weight        : normal;
    text-align         : center;
    vertical-align     : middle;
    -ms-touch-action   : manipulation;
    touch-action       : manipulation;
    cursor             : pointer;
    background-image   : none;
    border             : 1px solid transparent;
    white-space        : nowrap;
    padding            : 6px 12px;
    font-size          : 13px;
    line-height        : 1.42857143;
    border-radius      : 4px;
    -webkit-user-select: none;
    -moz-user-select   : none;
    -ms-user-select    : none;
    user-select        : none
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline       : thin dotted;
    outline       : 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.focus,
.btn:focus,
.btn:hover {
    color          : #333;
    text-decoration: none
}

.btn.active,
.btn:active {
    background-image  : none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow        : inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor            : not-allowed;
    pointer-events    : none;
    opacity           : 0.65;
    filter            : alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow        : none
}

.btn-default {
    color           : #333;
    background-color: #fff;
    border-color    : #ccc
}

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open>.dropdown-toggle.btn-default {
    color           : #333;
    background-color: #e6e6e6;
    border-color    : #adadad
}

.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color    : #ccc
}

.btn-default .badge {
    color           : #fff;
    background-color: #333
}

.btn-primary {
    color           : #fff;
    background-color: #007E11;
    border-color    : #00650e
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
    color           : #fff;
    background-color: #004b0a;
    border-color    : #002705
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #007E11;
    border-color    : #00650e
}

.btn-primary .badge {
    color           : #007E11;
    background-color: #fff
}

.btn-success {
    color           : #fff;
    background-color: #5cb85c;
    border-color    : #4cae4c
}

.btn-success.active,
.btn-success.focus,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open>.dropdown-toggle.btn-success {
    color           : #fff;
    background-color: #449d44;
    border-color    : #398439
}

.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color    : #4cae4c
}

.btn-success .badge {
    color           : #5cb85c;
    background-color: #fff
}

.btn-info {
    color           : #fff;
    background-color: #9acd00;
    border-color    : #87b400
}

.btn-info.active,
.btn-info.focus,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open>.dropdown-toggle.btn-info {
    color           : #fff;
    background-color: #749a00;
    border-color    : #597600
}

.btn-info.active,
.btn-info:active,
.open>.dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #9acd00;
    border-color    : #87b400
}

.btn-info .badge {
    color           : #9acd00;
    background-color: #fff
}

.btn-warning {
    color           : #fff;
    background-color: #f0ad4e;
    border-color    : #eea236
}

.btn-warning.active,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open>.dropdown-toggle.btn-warning {
    color           : #fff;
    background-color: #ec971f;
    border-color    : #d58512
}

.btn-warning.active,
.btn-warning:active,
.open>.dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color    : #eea236
}

.btn-warning .badge {
    color           : #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color           : #fff;
    background-color: #d9534f;
    border-color    : #d43f3a
}

.btn-danger.active,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open>.dropdown-toggle.btn-danger {
    color           : #fff;
    background-color: #c9302c;
    border-color    : #ac2925
}

.btn-danger.active,
.btn-danger:active,
.open>.dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color    : #d43f3a
}

.btn-danger .badge {
    color           : #d9534f;
    background-color: #fff
}

.btn-link {
    color        : #007E11;
    font-weight  : normal;
    border-radius: 0
}

.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color  : transparent;
    -webkit-box-shadow: none;
    box-shadow        : none
}

.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,
.btn-link:hover {
    color           : #003207;
    text-decoration : underline;
    background-color: transparent
}

.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
    color          : #777777;
    text-decoration: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding      : 10px 16px;
    font-size    : 17px;
    line-height  : 1.3333333;
    border-radius: 6px
}

.btn-group-sm>.btn,
.btn-sm {
    padding      : 5px 10px;
    font-size    : 12px;
    line-height  : 1.5;
    border-radius: 3px
}

.btn-group-xs>.btn,
.btn-xs {
    padding      : 1px 5px;
    font-size    : 12px;
    line-height  : 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width  : 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity           : 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition     : opacity 0.15s linear;
    transition        : opacity 0.15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position                          : relative;
    height                            : 0;
    overflow                          : hidden;
    -webkit-transition-property       : height, visibility;
    -o-transition-property            : height, visibility;
    transition-property               : height, visibility;
    -webkit-transition-duration       : 0.35s;
    -o-transition-duration            : 0.35s;
    transition-duration               : 0.35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function     : ease;
    transition-timing-function        : ease
}

.caret {
    display       : inline-block;
    width         : 0;
    height        : 0;
    margin-left   : 2px;
    vertical-align: middle;
    border-top    : 4px dashed;
    border-right  : 4px solid transparent;
    border-left   : 4px solid transparent
}

.dropdown,
.dropup {
    position: relative
}

.dropdown-menu {
    position          : absolute;
    top               : 100%;
    left              : 0;
    z-index           : 1000;
    display           : none;
    float             : left;
    min-width         : 160px;
    padding           : 5px 0;
    margin            : 2px 0 0;
    list-style        : none;
    font-size         : 13px;
    text-align        : left;
    background-color  : #fff;
    border            : 1px solid #ccc;
    border            : 1px solid rgba(0, 0, 0, 0.15);
    border-radius     : 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow        : 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip   : padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left : auto
}

.dropdown-menu .divider {
    height          : 1px;
    margin          : 8px 0;
    overflow        : hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display    : block;
    padding    : 3px 20px;
    clear      : both;
    font-weight: normal;
    line-height: 1.42857143;
    color      : #333333;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    text-decoration : none;
    color           : #262626;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color           : #fff;
    text-decoration : none;
    background-color: #007E11
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    color: #777777
}

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    text-decoration : none;
    background-color: transparent;
    background-image: none;
    filter          : progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor          : not-allowed
}

.open>.dropdown-menu {
    display: block
}

.dropdown-menu-right {
    left : auto;
    right: 0
}

.dropdown-menu-left {
    left : 0;
    right: auto
}

.dropdown-header {
    display    : block;
    padding    : 3px 20px;
    font-size  : 12px;
    line-height: 1.42857143;
    color      : #777777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left    : 0;
    right   : 0;
    bottom  : 0;
    top     : 0;
    z-index : 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left : auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top   : 0;
    border-bottom: 4px solid;
    content      : ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top          : auto;
    bottom       : 100%;
    margin-bottom: 2px
}

@media (min-width:992px) {
    .navbar-right .dropdown-menu {
        left : auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left : 0;
        right: auto
    }
}

.btn-group,
.btn-group-vertical {
    position      : relative;
    display       : inline-block;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    float   : left
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 2
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius   : 0
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius   : 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius   : 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius   : 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left : 8px;
    padding-right: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-left : 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow        : inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow        : none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width       : 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display  : block;
    float    : none;
    width    : 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top : -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius   : 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius : 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 4px;
    border-top-right-radius  : 0;
    border-top-left-radius   : 0
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius : 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius : 0
}

.btn-group-justified {
    display        : table;
    width          : 100%;
    table-layout   : fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
    float  : none;
    display: table-cell;
    width  : 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=radio],
[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn input[type=radio] {
    position      : absolute;
    clip          : rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position       : relative;
    display        : table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float        : none;
    padding-left : 0;
    padding-right: 0
}

.input-group .form-control {
    position     : relative;
    z-index      : 2;
    float        : left;
    width        : 100%;
    margin-bottom: 0
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height       : 45px;
    padding      : 10px 16px;
    font-size    : 17px;
    line-height  : 1.3333333;
    border-radius: 6px
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
    height     : 45px;
    line-height: 45px
}

select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn,
textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height       : 30px;
    padding      : 5px 10px;
    font-size    : 12px;
    line-height  : 1.5;
    border-radius: 3px
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
    height     : 30px;
    line-height: 30px
}

select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn,
textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,
.input-group-btn {
    width         : 1%;
    white-space   : nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding         : 6px 12px;
    font-size       : 13px;
    font-weight     : normal;
    line-height     : 1;
    color           : #555555;
    text-align      : center;
    background-color: #e8e8e8;
    border          : 1px solid #ccc;
    border-radius   : 4px
}

.input-group-addon.input-sm {
    padding      : 5px 10px;
    font-size    : 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding      : 10px 16px;
    font-size    : 17px;
    border-radius: 6px
}

.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group .form-control:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius   : 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group .form-control:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius   : 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position   : relative;
    font-size  : 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
    z-index: 2
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    margin-left: -1px
}

.nav {
    margin-bottom: 0;
    padding-left : 0;
    list-style   : none
}

.nav>li {
    position: relative;
    display : block
}

.nav>li>a {
    position: relative;
    display : block;
    padding : 10px 15px
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration : none;
    background-color: #f1f1f1
}

.nav>li.disabled>a {
    color: #777777
}

.nav>li.disabled>a:focus,
.nav>li.disabled>a:hover {
    color           : #777777;
    text-decoration : none;
    background-color: transparent;
    cursor          : not-allowed
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #e8e8e8;
    border-color    : #007E11
}

.nav .nav-divider {
    height          : 1px;
    margin          : 8px 0;
    overflow        : hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float        : left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right : 2px;
    line-height  : 1.42857143;
    border       : 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #e8e8e8 #e8e8e8 #ddd
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color              : #555555;
    background-color   : #fff;
    border             : 1px solid #ddd;
    border-bottom-color: transparent;
    cursor             : default
}

.nav-tabs.nav-justified {
    width        : 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    text-align   : center;
    margin-bottom: 5px
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top : auto;
    left: auto
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width  : 1%
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right : 0;
    border-radius: 4px
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color           : #fff;
    background-color: #007E11
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top : 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified>li {
    float: none
}

.nav-justified>li>a {
    text-align   : center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top : auto;
    left: auto
}

@media (min-width:768px) {
    .nav-justified>li {
        display: table-cell;
        width  : 1%
    }

    .nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a {
    margin-right : 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top             : -1px;
    border-top-right-radius: 0;
    border-top-left-radius : 0
}

.navbar {
    position     : relative;
    min-height   : 50px;
    margin-bottom: 18px;
    border       : 1px solid transparent
}

@media (min-width:992px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width:992px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x                : visible;
    padding-right             : 10px;
    padding-left              : 10px;
    border-top                : 1px solid transparent;
    -webkit-box-shadow        : inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow                : inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width:992px) {
    .navbar-collapse {
        width             : auto;
        border-top        : 0;
        -webkit-box-shadow: none;
        box-shadow        : none
    }

    .navbar-collapse.collapse {
        display       : block !important;
        height        : auto !important;
        padding-bottom: 0;
        overflow      : visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse {
        padding-left : 0;
        padding-right: 0
    }
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-device-width:480px) and (orientation:landscape) {

    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: 200px
    }
}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
    margin-right: -10px;
    margin-left : -10px
}

@media (min-width:992px) {

    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0;
        margin-left : 0
    }
}

.navbar-static-top {
    z-index     : 1000;
    border-width: 0 0 1px
}

@media (min-width:992px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-bottom,
.navbar-fixed-top {
    position: fixed;
    right   : 0;
    left    : 0;
    z-index : 1030
}

@media (min-width:992px) {

    .navbar-fixed-bottom,
    .navbar-fixed-top {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top         : 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom       : 0;
    margin-bottom: 0;
    border-width : 1px 0 0
}

.navbar-brand {
    float      : left;
    padding    : 16px 10px;
    font-size  : 17px;
    line-height: 18px;
    height     : 50px
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

@media (min-width:992px) {

    .navbar>.container-fluid .navbar-brand,
    .navbar>.container .navbar-brand {
        margin-left: -10px
    }
}

.navbar-toggle {
    position        : relative;
    float           : right;
    margin-right    : 10px;
    padding         : 9px 10px;
    margin-top      : 8px;
    margin-bottom   : 8px;
    background-color: transparent;
    background-image: none;
    border          : 1px solid transparent;
    border-radius   : 4px
}

.navbar-toggle .icon-bar {
    display      : block;
    width        : 22px;
    height       : 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width:992px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 8px -10px
}

.navbar-nav>li>a {
    padding-top   : 10px;
    padding-bottom: 10px;
    line-height   : 18px
}

@media (max-width:991px) {
    .navbar-nav .open .dropdown-menu {
        position          : static;
        float             : none;
        width             : auto;
        margin-top        : 0;
        background-color  : transparent;
        border            : 0;
        -webkit-box-shadow: none;
        box-shadow        : none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 18px
    }

    .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

@media (min-width:992px) {
    .navbar-nav {
        float : left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top   : 16px;
        padding-bottom: 16px
    }
}

.navbar-form {
    margin-left       : -10px;
    margin-right      : -10px;
    padding           : 10px 10px;
    border-top        : 1px solid transparent;
    border-bottom     : 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow        : inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top        : 9px;
    margin-bottom     : 9px
}

@media (min-width:768px) {
    .navbar-form .form-group {
        display       : inline-block;
        margin-bottom : 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display       : inline-block;
        width         : auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display       : inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .form-control,
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn {
        width: auto
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom : 0;
        vertical-align: middle
    }

    .navbar-form .checkbox,
    .navbar-form .radio {
        display       : inline-block;
        margin-top    : 0;
        margin-bottom : 0;
        vertical-align: middle
    }

    .navbar-form .checkbox label,
    .navbar-form .radio label {
        padding-left: 0
    }

    .navbar-form .checkbox input[type=checkbox],
    .navbar-form .radio input[type=radio] {
        position   : relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width:991px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .navbar-form {
        width             : auto;
        border            : 0;
        margin-left       : 0;
        margin-right      : 0;
        padding-top       : 0;
        padding-bottom    : 0;
        -webkit-box-shadow: none;
        box-shadow        : none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top             : 0;
    border-top-right-radius: 0;
    border-top-left-radius : 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom             : 0;
    border-top-right-radius   : 4px;
    border-top-left-radius    : 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius : 0
}

.navbar-btn {
    margin-top   : 9px;
    margin-bottom: 9px
}

.navbar-btn.btn-sm {
    margin-top   : 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top   : 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top   : 16px;
    margin-bottom: 16px
}

@media (min-width:992px) {
    .navbar-text {
        float       : left;
        margin-left : 10px;
        margin-right: 10px
    }
}

@media (min-width:992px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float       : right !important;
        margin-right: -10px
    }

    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color    : #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    color           : #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a {
    color: #777
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color           : #333;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color           : #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover {
    color           : #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: #e7e7e7;
    color           : #555
}

@media (max-width:991px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color           : #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color           : #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color           : #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
    color: #333
}

.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color    : #080808
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
    color           : #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    color           : #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    color           : #fff;
    background-color: #080808
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:focus,
.navbar-inverse .navbar-nav>.disabled>a:hover {
    color           : #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #080808;
    color           : #fff
}

@media (max-width:991px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color           : #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
        color           : #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color           : #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #9d9d9d
}

.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: #444
}

.breadcrumb {
    padding         : 8px 15px;
    margin-bottom   : 18px;
    list-style      : none;
    background-color: #f5f5f5;
    border-radius   : 4px
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    content: ">\00a0";
    padding: 0 5px;
    color  : #ccc
}

.breadcrumb>.active {
    color: #777777
}

.pagination {
    display      : inline-block;
    padding-left : 0;
    margin       : 18px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position        : relative;
    float           : left;
    padding         : 6px 12px;
    line-height     : 1.42857143;
    text-decoration : none;
    color           : #007E11;
    background-color: #fff;
    border          : 1px solid #ddd;
    margin-left     : -1px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left              : 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius   : 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius   : 4px
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color           : #003207;
    background-color: #e8e8e8;
    border-color    : #ddd
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index         : 2;
    color           : #fff;
    background-color: #007E11;
    border-color    : #007E11;
    cursor          : default
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color           : #777777;
    background-color: #fff;
    border-color    : #ddd;
    cursor          : not-allowed
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding  : 10px 16px;
    font-size: 17px
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius   : 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius   : 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding  : 5px 10px;
    font-size: 12px
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius   : 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius   : 3px
}

.pager {
    padding-left: 0;
    margin      : 18px 0;
    list-style  : none;
    text-align  : center
}

.pager li {
    display: inline
}

.pager li>a,
.pager li>span {
    display         : inline-block;
    padding         : 5px 14px;
    background-color: #fff;
    border          : 1px solid #ddd;
    border-radius   : 15px
}

.pager li>a:focus,
.pager li>a:hover {
    text-decoration : none;
    background-color: #e8e8e8
}

.pager .next>a,
.pager .next>span {
    float: right
}

.pager .previous>a,
.pager .previous>span {
    float: left
}

.pager .disabled>a,
.pager .disabled>a:focus,
.pager .disabled>a:hover,
.pager .disabled>span {
    color           : #777777;
    background-color: #fff;
    cursor          : not-allowed
}

.label {
    display       : inline;
    padding       : 0.2em 0.6em 0.3em;
    font-size     : 75%;
    font-weight   : bold;
    line-height   : 1;
    color         : #fff;
    text-align    : center;
    white-space   : nowrap;
    vertical-align: baseline;
    border-radius : 0.25em
}

a.label:focus,
a.label:hover {
    color          : #fff;
    text-decoration: none;
    cursor         : pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top     : -1px
}

.label-default {
    background-color: #777777
}

.label-default[href]:focus,
.label-default[href]:hover {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #007E11
}

.label-primary[href]:focus,
.label-primary[href]:hover {
    background-color: #004b0a
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:focus,
.label-success[href]:hover {
    background-color: #449d44
}

.label-info {
    background-color: #9acd00
}

.label-info[href]:focus,
.label-info[href]:hover {
    background-color: #749a00
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:focus,
.label-warning[href]:hover {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:focus,
.label-danger[href]:hover {
    background-color: #c9302c
}

.badge {
    display         : inline-block;
    min-width       : 10px;
    padding         : 3px 7px;
    font-size       : 12px;
    font-weight     : bold;
    color           : #fff;
    line-height     : 1;
    vertical-align  : baseline;
    white-space     : nowrap;
    text-align      : center;
    background-color: #777777;
    border-radius   : 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top     : -1px
}

.btn-group-xs>.btn .badge,
.btn-xs .badge {
    top    : 0;
    padding: 1px 5px
}

a.badge:focus,
a.badge:hover {
    color          : #fff;
    text-decoration: none;
    cursor         : pointer
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color           : #007E11;
    background-color: #fff
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

.jumbotron {
    padding         : 30px 15px;
    margin-bottom   : 30px;
    color           : inherit;
    background-color: #e8e8e8
}

.jumbotron .h1,
.jumbotron h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size    : 20px;
    font-weight  : 200
}

.jumbotron>hr {
    border-top-color: #cfcfcf
}

.container-fluid .jumbotron,
.container .jumbotron {
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width:768px) {
    .jumbotron {
        padding: 48px 0
    }

    .container-fluid .jumbotron,
    .container .jumbotron {
        padding-left : 60px;
        padding-right: 60px
    }

    .jumbotron .h1,
    .jumbotron h1 {
        font-size: 58.5px
    }
}

.thumbnail {
    display           : block;
    padding           : 4px;
    margin-bottom     : 18px;
    line-height       : 1.42857143;
    background-color  : #fff;
    border            : 1px solid #ddd;
    border-radius     : 4px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition     : border 0.2s ease-in-out;
    transition        : border 0.2s ease-in-out
}

.thumbnail>img,
.thumbnail a>img {
    margin-left : auto;
    margin-right: auto
}

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
    border-color: #007E11
}

.thumbnail .caption {
    padding: 9px;
    color  : #333333
}

.alert {
    padding      : 15px;
    margin-bottom: 18px;
    border       : 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color     : inherit
}

.alert .alert-link {
    font-weight: bold
}

.alert>p,
.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top     : -2px;
    right   : -21px;
    color   : inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color    : #d6e9c6;
    color           : #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color    : #bce8f1;
    color           : #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color    : #faebcc;
    color           : #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color    : #ebccd1;
    color           : #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow          : hidden;
    height            : 18px;
    margin-bottom     : 18px;
    background-color  : #f5f5f5;
    border-radius     : 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow        : inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.progress-bar {
    float             : left;
    width             : 0%;
    height            : 100%;
    font-size         : 12px;
    line-height       : 18px;
    color             : #fff;
    text-align        : center;
    background-color  : #007E11;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow        : inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition     : width 0.6s ease;
    transition        : width 0.6s ease
}

.progress-bar-striped,
.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size : 40px 40px
}

.progress-bar.active,
.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation     : progress-bar-stripes 2s linear infinite;
    animation        : progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #9acd00
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media,
.media-body {
    zoom    : 1;
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-right,
.media>.pull-right {
    padding-left: 10px
}

.media-left,
.media>.pull-left {
    padding-right: 10px
}

.media-body,
.media-left,
.media-right {
    display       : table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top   : 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style  : none
}

.list-group {
    margin-bottom: 20px;
    padding-left : 0
}

.list-group-item {
    position        : relative;
    display         : block;
    padding         : 10px 15px;
    margin-bottom   : -1px;
    background-color: #fff;
    border          : 1px solid #ddd
}

.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius : 4px
}

.list-group-item:last-child {
    margin-bottom             : 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius : 4px
}

a.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:focus,
a.list-group-item:hover {
    text-decoration : none;
    color           : #555;
    background-color: #f5f5f5
}

.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
    background-color: #e8e8e8;
    color           : #777777;
    cursor          : not-allowed
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
    color: #777777
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    z-index         : 2;
    color           : #fff;
    background-color: #007E11;
    border-color    : #007E11
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>small {
    color: inherit
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
    color: #4bff63
}

.list-group-item-success {
    color           : #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus,
a.list-group-item-success:hover {
    color           : #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover {
    color           : #fff;
    background-color: #3c763d;
    border-color    : #3c763d
}

.list-group-item-info {
    color           : #31708f;
    background-color: #d9edf7
}

a.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus,
a.list-group-item-info:hover {
    color           : #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover {
    color           : #fff;
    background-color: #31708f;
    border-color    : #31708f
}

.list-group-item-warning {
    color           : #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover {
    color           : #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover {
    color           : #fff;
    background-color: #8a6d3b;
    border-color    : #8a6d3b
}

.list-group-item-danger {
    color           : #a94442;
    background-color: #f2dede
}

a.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus,
a.list-group-item-danger:hover {
    color           : #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover {
    color           : #fff;
    background-color: #a94442;
    border-color    : #a94442
}

.list-group-item-heading {
    margin-top   : 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height  : 1.3
}

.panel {
    margin-bottom     : 18px;
    background-color  : #fff;
    border            : 1px solid transparent;
    border-radius     : 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow        : 0 1px 1px rgba(0, 0, 0, 0.05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding                : 10px 15px;
    border-bottom          : 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius : 3px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top   : 0;
    margin-bottom: 0;
    font-size    : 15px;
    color        : inherit
}

.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a {
    color: inherit
}

.panel-footer {
    padding                   : 10px 15px;
    background-color          : #f5f5f5;
    border-top                : 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius : 3px
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width : 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top             : 0;
    border-top-right-radius: 3px;
    border-top-left-radius : 3px
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom             : 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius : 3px
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group+.panel-footer {
    border-top-width: 0
}

.panel>.panel-collapse>.table,
.panel>.table,
.panel>.table-responsive>.table {
    margin-bottom: 0
}

.panel>.panel-collapse>.table caption,
.panel>.table-responsive>.table caption,
.panel>.table caption {
    padding-left : 15px;
    padding-right: 15px
}

.panel>.table-responsive:first-child>.table:first-child,
.panel>.table:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius : 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-left-radius : 3px;
    border-top-right-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child,
.panel>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius : 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius : 3px;
    border-bottom-right-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child td,
.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
}

.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    border       : 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 18px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color           : #333333;
    background-color: #f5f5f5;
    border-color    : #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
    color           : #f5f5f5;
    background-color: #333333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #007E11
}

.panel-primary>.panel-heading {
    color           : #fff;
    background-color: #007E11;
    border-color    : #007E11
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #007E11
}

.panel-primary>.panel-heading .badge {
    color           : #007E11;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #007E11
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color           : #3c763d;
    background-color: #dff0d8;
    border-color    : #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
    color           : #dff0d8;
    background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color           : #31708f;
    background-color: #d9edf7;
    border-color    : #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color           : #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color           : #8a6d3b;
    background-color: #fcf8e3;
    border-color    : #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
    color           : #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color           : #a94442;
    background-color: #f2dede;
    border-color    : #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
    color           : #f2dede;
    background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1
}

.embed-responsive {
    position: relative;
    display : block;
    height  : 0;
    padding : 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top     : 0;
    left    : 0;
    bottom  : 0;
    height  : 100%;
    width   : 100%;
    border  : 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height        : 20px;
    padding           : 19px;
    margin-bottom     : 20px;
    background-color  : #f5f5f5;
    border            : 1px solid #e3e3e3;
    border-radius     : 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow        : inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15)
}

.well-lg {
    padding      : 24px;
    border-radius: 6px
}

.well-sm {
    padding      : 9px;
    border-radius: 3px
}

.close {
    float      : right;
    font-size  : 19.5px;
    font-weight: bold;
    line-height: 1;
    color      : #000;
    text-shadow: 0 1px 0 #fff;
    opacity    : 0.2;
    filter     : alpha(opacity=20)
}

.close:focus,
.close:hover {
    color          : #000;
    text-decoration: none;
    cursor         : pointer;
    opacity        : 0.5;
    filter         : alpha(opacity=50)
}

button.close {
    padding           : 0;
    cursor            : pointer;
    background        : transparent;
    border            : 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    display                   : none;
    overflow                  : hidden;
    position                  : fixed;
    top                       : 0;
    right                     : 0;
    bottom                    : 0;
    left                      : 0;
    z-index                   : 1050;
    -webkit-overflow-scrolling: touch;
    outline                   : 0
}

.modal.fade .modal-dialog {
    -webkit-transform : translate(0, -25%);
    -ms-transform     : translate(0, -25%);
    -o-transform      : translate(0, -25%);
    transform         : translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition   : -moz-transform 0.3s ease-out;
    -o-transition     : -o-transform 0.3s ease-out;
    transition        : -webkit-transform 0.3s ease-out;
    -o-transition     : transform 0.3s ease-out;
    transition        : transform 0.3s ease-out;
    transition        : transform 0.3s ease-out, -webkit-transform 0.3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform    : translate(0, 0);
    -o-transform     : translate(0, 0);
    transform        : translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width   : auto;
    margin  : 10px
}

.modal-content {
    position          : relative;
    background-color  : #fff;
    border            : 1px solid #999;
    border            : 1px solid rgba(0, 0, 0, 0.2);
    border-radius     : 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow        : 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip   : padding-box;
    outline           : 0
}

.modal-backdrop {
    position        : fixed;
    top             : 0;
    right           : 0;
    bottom          : 0;
    left            : 0;
    z-index         : 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter : alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: 0.5;
    filter : alpha(opacity=50)
}

.modal-header {
    padding      : 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height   : 16.42857143px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin     : 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding : 15px
}

.modal-footer {
    padding   : 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-left  : 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top     : -9999px;
    width   : 50px;
    height  : 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width : 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow        : 0 5px 15px rgba(0, 0, 0, 0.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position   : absolute;
    z-index    : 1070;
    display    : block;
    font-family: Helvetica, Arial, sans-serif;
    font-size  : 12px;
    font-weight: normal;
    line-height: 1.4;
    opacity    : 0;
    filter     : alpha(opacity=0)
}

.tooltip.in {
    opacity: 0.9;
    filter : alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding   : 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding    : 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding   : 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding    : 0 5px
}

.tooltip-inner {
    max-width       : 200px;
    padding         : 3px 8px;
    color           : #fff;
    text-align      : center;
    text-decoration : none;
    background-color: #000;
    border-radius   : 4px
}

.tooltip-arrow {
    position    : absolute;
    width       : 0;
    height      : 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom          : 0;
    left            : 50%;
    margin-left     : -5px;
    border-width    : 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom          : 0;
    right           : 5px;
    margin-bottom   : -5px;
    border-width    : 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom          : 0;
    left            : 5px;
    margin-bottom   : -5px;
    border-width    : 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top               : 50%;
    left              : 0;
    margin-top        : -5px;
    border-width      : 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top              : 50%;
    right            : 0;
    margin-top       : -5px;
    border-width     : 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top                : 0;
    left               : 50%;
    margin-left        : -5px;
    border-width       : 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top                : 0;
    right              : 5px;
    margin-top         : -5px;
    border-width       : 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top                : 0;
    left               : 5px;
    margin-top         : -5px;
    border-width       : 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position          : absolute;
    top               : 0;
    left              : 0;
    z-index           : 1060;
    display           : none;
    max-width         : 276px;
    padding           : 1px;
    font-family       : Helvetica, Arial, sans-serif;
    font-size         : 13px;
    font-weight       : normal;
    line-height       : 1.42857143;
    text-align        : left;
    background-color  : #fff;
    background-clip   : padding-box;
    border            : 1px solid #ccc;
    border            : 1px solid rgba(0, 0, 0, 0.2);
    border-radius     : 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow        : 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space       : normal
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin          : 0;
    padding         : 8px 14px;
    font-size       : 13px;
    background-color: #f7f7f7;
    border-bottom   : 1px solid #ebebeb;
    border-radius   : 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,
.popover>.arrow:after {
    position    : absolute;
    display     : block;
    width       : 0;
    height      : 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content     : ""
}

.popover.top>.arrow {
    left               : 50%;
    margin-left        : -11px;
    border-bottom-width: 0;
    border-top-color   : #999999;
    border-top-color   : rgba(0, 0, 0, 0.25);
    bottom             : -11px
}

.popover.top>.arrow:after {
    content            : " ";
    bottom             : 1px;
    margin-left        : -10px;
    border-bottom-width: 0;
    border-top-color   : #fff
}

.popover.right>.arrow {
    top               : 50%;
    left              : -11px;
    margin-top        : -11px;
    border-left-width : 0;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25)
}

.popover.right>.arrow:after {
    content           : " ";
    left              : 1px;
    bottom            : -10px;
    border-left-width : 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left               : 50%;
    margin-left        : -11px;
    border-top-width   : 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top                : -11px
}

.popover.bottom>.arrow:after {
    content            : " ";
    top                : 1px;
    margin-left        : -10px;
    border-top-width   : 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top               : 50%;
    right             : -11px;
    margin-top        : -11px;
    border-right-width: 0;
    border-left-color : #999999;
    border-left-color : rgba(0, 0, 0, 0.25)
}

.popover.left>.arrow:after {
    content           : " ";
    right             : 1px;
    border-right-width: 0;
    border-left-color : #fff;
    bottom            : -10px
}

.carousel {
    position: relative
}

.carousel p {
    margin-bottom: 0
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width   : 100%
}

.carousel-inner>.item {
    display           : none;
    position          : relative;
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition     : 0.6s ease-in-out left;
    transition        : 0.6s ease-in-out left
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    line-height: 1
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top     : 0;
    width   : 100%
}

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

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

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position   : absolute;
    top        : 0;
    left       : 0;
    bottom     : 0;
    width      : 15%;
    opacity    : 0.5;
    filter     : alpha(opacity=50);
    font-size  : 20px;
    color      : #fff;
    text-align : center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-control.left {
    background-image : -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image : -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image : -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
    background-image : linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
    left             : auto;
    right            : 0;
    background-image : -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image : -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image : -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
    background-image : linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:focus,
.carousel-control:hover {
    outline        : 0;
    color          : #fff;
    text-decoration: none;
    opacity        : 0.9;
    filter         : alpha(opacity=90)
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    position: absolute;
    top     : 50%;
    z-index : 5;
    display : inline-block
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    left       : 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    right       : 50%;
    margin-right: -10px
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
    width      : 20px;
    height     : 20px;
    margin-top : -10px;
    line-height: 1;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: "\2039"
}

.carousel-control .icon-next:before {
    content: "\203a"
}

.carousel-indicators {
    position    : absolute;
    bottom      : 0;
    left        : 50%;
    z-index     : 15;
    width       : 60%;
    margin-left : -30%;
    padding-left: 0;
    list-style  : none;
    text-align  : center
}

.carousel-indicators li {
    display         : inline-block;
    width           : 10px;
    height          : 10px;
    margin          : 1px;
    text-indent     : -999px;
    border          : 1px solid #fff;
    border-radius   : 10px;
    cursor          : pointer;
    background-color: #000\9;
    background-color: rgba(0, 0, 0, 0)
}

.carousel-indicators .active {
    margin          : 0;
    width           : 12px;
    height          : 12px;
    background-color: #fff;
    text-shadow     : 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-caption {
    position      : absolute;
    left          : 15%;
    right         : 15%;
    bottom        : 20px;
    z-index       : 10;
    padding-top   : 20px;
    padding-bottom: 20px;
    color         : #fff;
    text-align    : center;
    text-shadow   : 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-caption .btn {
    text-shadow: none
}

.carousel-caption-noticia {
    position        : absolute;
    bottom          : 0;
    color           : #fff;
    background-color: #000;
    padding         : 2px 10px;
    opacity         : 0.5;
    font-size       : 12px;
    width           : 100%
}

.carousel-caption-noticia span {
    margin-top : 5px;
    font-size  : 12px;
    font-weight: bold;
    line-height: 1.2
}

@media screen and (min-width:768px) {

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width     : 30px;
        height    : 30px;
        margin-top: -15px;
        font-size : 30px
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -15px
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px
    }

    .carousel-caption {
        left          : 20%;
        right         : 20%;
        padding-bottom: 30px
    }
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
    content: " ";
    display: table
}

.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
    clear: both
}

.center-block {
    display     : block;
    margin-left : auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font            : 0/0 a;
    color           : transparent;
    text-shadow     : none;
    background-color: transparent;
    border          : 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

#sr-kw-only a {
    padding                   : 6px;
    position                  : absolute;
    top                       : -40px;
    left                      : 0;
    color                     : white;
    border-right              : 1px solid white;
    border-bottom             : 1px solid white;
    border-bottom-right-radius: 8px;
    background                : transparent;
    -webkit-transition        : top 1s ease-out, background 1s linear;
    -o-transition             : top 1s ease-out, background 1s linear;
    transition                : top 1s ease-out, background 1s linear;
    z-index                   : 100;
    text-decoration           : none
}

#sr-kw-only a:focus {
    position          : absolute;
    left              : 0;
    top               : 0;
    background        : #3d3938;
    -webkit-transition: top 0.1s ease-in, background 0.5s linear;
    -o-transition     : top 0.1s ease-in, background 0.5s linear;
    transition        : top 0.1s ease-in, background 0.5s linear
}

.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {
    display: none !important
}

.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs,
    th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm,
    th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md,
    th.visible-md {
        display: table-cell !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg,
    th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print,
    th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {
    position     : relative;
    min-height   : 1px;
    padding-left : 10px;
    padding-right: 10px
}

@media screen and (min-width:481px) and (max-width:768px) {

    .col-ms-1,
    .col-ms-2,
    .col-ms-3,
    .col-ms-4,
    .col-ms-5,
    .col-ms-6,
    .col-ms-7,
    .col-ms-8,
    .col-ms-9,
    .col-ms-10,
    .col-ms-11 {
        float: left
    }

    .col-ms-1 {
        width: 8.33333333%
    }

    .col-ms-2 {
        width: 16.66666667%
    }

    .col-ms-3 {
        width: 25%
    }

    .col-ms-4 {
        width: 33.33333333%
    }

    .col-ms-5 {
        width: 41.66666667%
    }

    .col-ms-6 {
        width: 50%
    }

    .col-ms-7 {
        width: 58.33333333%
    }

    .col-ms-8 {
        width: 66.66666667%
    }

    .col-ms-9 {
        width: 75%
    }

    .col-ms-10 {
        width: 83.33333333%
    }

    .col-ms-11 {
        width: 91.66666667%
    }

    .col-ms-12 {
        width: 100%
    }

    .col-ms-push-1 {
        left: 8.33333333%
    }

    .col-ms-push-2 {
        left: 16.66666667%
    }

    .col-ms-push-3 {
        left: 25%
    }

    .col-ms-push-4 {
        left: 33.33333333%
    }

    .col-ms-push-5 {
        left: 41.66666667%
    }

    .col-ms-push-6 {
        left: 50%
    }

    .col-ms-push-7 {
        left: 58.33333333%
    }

    .col-ms-push-8 {
        left: 66.66666667%
    }

    .col-ms-push-9 {
        left: 75%
    }

    .col-ms-push-10 {
        left: 83.33333333%
    }

    .col-ms-push-11 {
        left: 91.66666667%
    }

    .col-ms-pull-1 {
        right: 8.33333333%
    }

    .col-ms-pull-2 {
        right: 16.66666667%
    }

    .col-ms-pull-3 {
        right: 25%
    }

    .col-ms-pull-4 {
        right: 33.33333333%
    }

    .col-ms-pull-5 {
        right: 41.66666667%
    }

    .col-ms-pull-6 {
        right: 50%
    }

    .col-ms-pull-7 {
        right: 58.33333333%
    }

    .col-ms-pull-8 {
        right: 66.66666667%
    }

    .col-ms-pull-9 {
        right: 75%
    }

    .col-ms-pull-10 {
        right: 83.33333333%
    }

    .col-ms-pull-11 {
        right: 91.66666667%
    }

    .col-ms-offset-1 {
        margin-left: 8.33333333%
    }

    .col-ms-offset-2 {
        margin-left: 16.66666667%
    }

    .col-ms-offset-3 {
        margin-left: 25%
    }

    .col-ms-offset-4 {
        margin-left: 33.33333333%
    }

    .col-ms-offset-5 {
        margin-left: 41.66666667%
    }

    .col-ms-offset-6 {
        margin-left: 50%
    }

    .col-ms-offset-7 {
        margin-left: 58.33333333%
    }

    .col-ms-offset-8 {
        margin-left: 66.66666667%
    }

    .col-ms-offset-9 {
        margin-left: 75%
    }

    .col-ms-offset-10 {
        margin-left: 83.33333333%
    }

    .col-ms-offset-11 {
        margin-left: 91.66666667%
    }
}

@media screen and (min-width:481px) and (max-width:768px) and (max-width:768px) {
    .container {
        max-width: 748px
    }
}

.datepicker {
    border-radius: 4px;
    direction    : ltr
}

.datepicker-inline {
    width: 220px
}

.datepicker.datepicker-rtl {
    direction: rtl
}

.datepicker.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top    : 0;
    left   : 0;
    padding: 4px
}

.datepicker-dropdown:before {
    content            : '';
    display            : inline-block;
    border-left        : 7px solid transparent;
    border-right       : 7px solid transparent;
    border-bottom      : 7px solid rgba(0, 0, 0, 0.15);
    border-top         : 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position           : absolute
}

.datepicker-dropdown:after {
    content      : '';
    display      : inline-block;
    border-left  : 6px solid transparent;
    border-right : 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top   : 0;
    position     : absolute
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px
}

.datepicker-dropdown.datepicker-orient-top:before {
    bottom       : -7px;
    border-bottom: 0;
    border-top   : 7px solid rgba(0, 0, 0, 0.15)
}

.datepicker-dropdown.datepicker-orient-top:after {
    bottom       : -6px;
    border-bottom: 0;
    border-top   : 6px solid #fff
}

.datepicker>div {
    display: none
}

.datepicker table {
    margin               : 0;
    -webkit-touch-callout: none;
    -webkit-user-select  : none;
    -khtml-user-select   : none;
    -moz-user-select     : none;
    -ms-user-select      : none;
    user-select          : none
}

.datepicker table tr td,
.datepicker table tr th {
    text-align   : center;
    width        : 30px;
    height       : 30px;
    border-radius: 4px;
    border       : none
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.new,
.datepicker table tr td.old {
    color: #777777
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background: #e8e8e8;
    cursor    : pointer
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color     : #777777;
    cursor    : default
}

.datepicker table tr td.highlighted {
    color           : #000;
    background-color: #d9edf7;
    border-color    : #85c5e5;
    border-radius   : 0
}

.datepicker table tr td.highlighted.active,
.datepicker table tr td.highlighted.focus,
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted:hover,
.open>.dropdown-toggle.datepicker table tr td.highlighted {
    color           : #000;
    background-color: #afd9ee;
    border-color    : #52addb
}

.datepicker table tr td.highlighted.active,
.datepicker table tr td.highlighted:active,
.open>.dropdown-toggle.datepicker table tr td.highlighted {
    background-image: none
}

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled.active,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted.disabled:active,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled],
.datepicker table tr td.highlighted[disabled].active,
.datepicker table tr td.highlighted[disabled].focus,
.datepicker table tr td.highlighted[disabled]:active,
.datepicker table tr td.highlighted[disabled]:focus,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted,
fieldset[disabled] .datepicker table tr td.highlighted.active,
fieldset[disabled] .datepicker table tr td.highlighted.focus,
fieldset[disabled] .datepicker table tr td.highlighted:active,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
fieldset[disabled] .datepicker table tr td.highlighted:hover {
    background-color: #d9edf7;
    border-color    : #85c5e5
}

.datepicker table tr td.highlighted .badge {
    color           : #d9edf7;
    background-color: #000
}

.datepicker table tr td.highlighted.focused {
    background: #afd9ee
}

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
    background: #d9edf7;
    color     : #777777
}

.datepicker table tr td.today {
    color           : #000;
    background-color: #ffdb99;
    border-color    : #ffb733
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover,
.open>.dropdown-toggle.datepicker table tr td.today {
    color           : #000;
    background-color: #ffc966;
    border-color    : #f59e00
}

.datepicker table tr td.today.active,
.datepicker table tr td.today:active,
.open>.dropdown-toggle.datepicker table tr td.today {
    background-image: none
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today[disabled].focus,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today.focus,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover {
    background-color: #ffdb99;
    border-color    : #ffb733
}

.datepicker table tr td.today .badge {
    color           : #ffdb99;
    background-color: #000
}

.datepicker table tr td.today.focused {
    background: #ffc966
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
    background: #ffdb99;
    color     : #777777
}

.datepicker table tr td.range {
    color           : #000;
    background-color: #e8e8e8;
    border-color    : #b5b5b5;
    border-radius   : 0
}

.datepicker table tr td.range.active,
.datepicker table tr td.range.focus,
.datepicker table tr td.range:active,
.datepicker table tr td.range:focus,
.datepicker table tr td.range:hover,
.open>.dropdown-toggle.datepicker table tr td.range {
    color           : #000;
    background-color: #cfcfcf;
    border-color    : #969696
}

.datepicker table tr td.range.active,
.datepicker table tr td.range:active,
.open>.dropdown-toggle.datepicker table tr td.range {
    background-image: none
}

.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled.active,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range.disabled:active,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled],
.datepicker table tr td.range[disabled].active,
.datepicker table tr td.range[disabled].focus,
.datepicker table tr td.range[disabled]:active,
.datepicker table tr td.range[disabled]:focus,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range,
fieldset[disabled] .datepicker table tr td.range.active,
fieldset[disabled] .datepicker table tr td.range.focus,
fieldset[disabled] .datepicker table tr td.range:active,
fieldset[disabled] .datepicker table tr td.range:focus,
fieldset[disabled] .datepicker table tr td.range:hover {
    background-color: #e8e8e8;
    border-color    : #b5b5b5
}

.datepicker table tr td.range .badge {
    color           : #e8e8e8;
    background-color: #000
}

.datepicker table tr td.range.focused {
    background: #cfcfcf
}

.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
    background: #e8e8e8;
    color     : #777777
}

.datepicker table tr td.range.highlighted {
    color           : #000;
    background-color: #e1ebf0;
    border-color    : #9dbdcd
}

.datepicker table tr td.range.highlighted.active,
.datepicker table tr td.range.highlighted.focus,
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted:hover,
.open>.dropdown-toggle.datepicker table tr td.range.highlighted {
    color           : #000;
    background-color: #bfd4de;
    border-color    : #74a2b9
}

.datepicker table tr td.range.highlighted.active,
.datepicker table tr td.range.highlighted:active,
.open>.dropdown-toggle.datepicker table tr td.range.highlighted {
    background-image: none
}

.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled.active,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted.disabled:active,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled],
.datepicker table tr td.range.highlighted[disabled].active,
.datepicker table tr td.range.highlighted[disabled].focus,
.datepicker table tr td.range.highlighted[disabled]:active,
.datepicker table tr td.range.highlighted[disabled]:focus,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted,
fieldset[disabled] .datepicker table tr td.range.highlighted.active,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:active,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover {
    background-color: #e1ebf0;
    border-color    : #9dbdcd
}

.datepicker table tr td.range.highlighted .badge {
    color           : #e1ebf0;
    background-color: #000
}

.datepicker table tr td.range.highlighted.focused {
    background: #bfd4de
}

.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
    background: #e1ebf0;
    color     : #777777
}

.datepicker table tr td.range.today {
    color           : #000;
    background-color: #f4c774;
    border-color    : #eca016
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover,
.open>.dropdown-toggle.datepicker table tr td.range.today {
    color           : #000;
    background-color: #f0b345;
    border-color    : #b57b0f
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:active,
.open>.dropdown-toggle.datepicker table tr td.range.today {
    background-image: none
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today[disabled].focus,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today.focus,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover {
    background-color: #f4c774;
    border-color    : #eca016
}

.datepicker table tr td.range.today .badge {
    color           : #f4c774;
    background-color: #000
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
    background: #f4c774;
    color     : #777777
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
    color           : #fff;
    background-color: #777777;
    border-color    : #555555;
    text-shadow     : 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.active,
.datepicker table tr td.selected.highlighted.focus,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover,
.open>.dropdown-toggle.datepicker table tr td.selected,
.open>.dropdown-toggle.datepicker table tr td.selected.highlighted {
    color           : #fff;
    background-color: #5e5e5e;
    border-color    : #373737
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected:active,
.open>.dropdown-toggle.datepicker table tr td.selected,
.open>.dropdown-toggle.datepicker table tr td.selected.highlighted {
    background-image: none
}

.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled,
.datepicker table tr td.selected.highlighted.disabled.active,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled:active,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected.highlighted[disabled],
.datepicker table tr td.selected.highlighted[disabled].active,
.datepicker table tr td.selected.highlighted[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled]:active,
.datepicker table tr td.selected.highlighted[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:hover,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted,
fieldset[disabled] .datepicker table tr td.selected.highlighted.active,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:active,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover {
    background-color: #777777;
    border-color    : #555555
}

.datepicker table tr td.selected .badge,
.datepicker table tr td.selected.highlighted .badge {
    color           : #777777;
    background-color: #fff
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
    color           : #fff;
    background-color: #007E11;
    border-color    : #00650e;
    text-shadow     : 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted.focus,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover,
.open>.dropdown-toggle.datepicker table tr td.active,
.open>.dropdown-toggle.datepicker table tr td.active.highlighted {
    color           : #fff;
    background-color: #004b0a;
    border-color    : #002705
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active,
.open>.dropdown-toggle.datepicker table tr td.active,
.open>.dropdown-toggle.datepicker table tr td.active.highlighted {
    background-image: none
}

.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled,
.datepicker table tr td.active.highlighted.disabled.active,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active.highlighted.disabled:active,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active.highlighted[disabled],
.datepicker table tr td.active.highlighted[disabled].active,
.datepicker table tr td.active.highlighted[disabled].focus,
.datepicker table tr td.active.highlighted[disabled]:active,
.datepicker table tr td.active.highlighted[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:hover,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted,
fieldset[disabled] .datepicker table tr td.active.highlighted.active,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:active,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover {
    background-color: #007E11;
    border-color    : #00650e
}

.datepicker table tr td.active .badge,
.datepicker table tr td.active.highlighted .badge {
    color           : #007E11;
    background-color: #fff
}

.datepicker table tr td span {
    display      : block;
    width        : 23%;
    height       : 54px;
    line-height  : 54px;
    float        : left;
    margin       : 1%;
    cursor       : pointer;
    border-radius: 4px
}

.datepicker table tr td span:hover {
    background: #e8e8e8
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color     : #777777;
    cursor    : default
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
    color           : #fff;
    background-color: #007E11;
    border-color    : #00650e;
    text-shadow     : 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.focus,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active:hover:hover,
.open>.dropdown-toggle.datepicker table tr td span.active,
.open>.dropdown-toggle.datepicker table tr td span.active.disabled,
.open>.dropdown-toggle.datepicker table tr td span.active.disabled:hover,
.open>.dropdown-toggle.datepicker table tr td span.active:hover {
    color           : #fff;
    background-color: #004b0a;
    border-color    : #002705
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active,
.open>.dropdown-toggle.datepicker table tr td span.active,
.open>.dropdown-toggle.datepicker table tr td span.active.disabled,
.open>.dropdown-toggle.datepicker table tr td span.active.disabled:hover,
.open>.dropdown-toggle.datepicker table tr td span.active:hover {
    background-image: none
}

.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled:hover[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:hover {
    background-color: #007E11;
    border-color    : #00650e
}

.datepicker table tr td span.active .badge,
.datepicker table tr td span.active.disabled .badge,
.datepicker table tr td span.active.disabled:hover .badge,
.datepicker table tr td span.active:hover .badge {
    color           : #007E11;
    background-color: #fff
}

.datepicker table tr td span.new,
.datepicker table tr td span.old {
    color: #777777
}

.datepicker .datepicker-switch {
    width: 145px
}

.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev,
.datepicker tfoot tr th {
    cursor: pointer
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
    background: #e8e8e8
}

.datepicker .cw {
    font-size     : 10px;
    width         : 12px;
    padding       : 0 2px 0 5px;
    vertical-align: middle
}

.input-group.date .input-group-addon {
    cursor: pointer
}

.input-daterange {
    width: 100%
}

.input-daterange input {
    text-align: center
}

.input-daterange input:first-child {
    border-radius: 3px 0 0 3px
}

.input-daterange input:last-child {
    border-radius: 0 3px 3px 0
}

.input-daterange .input-group-addon {
    width           : auto;
    min-width       : 16px;
    padding         : 4px 5px;
    font-weight     : normal;
    line-height     : 1.42857143;
    text-align      : center;
    text-shadow     : 0 1px 0 #fff;
    vertical-align  : middle;
    background-color: #e8e8e8;
    border          : solid #ccc;
    border-width    : 1px 0;
    margin-left     : -5px;
    margin-right    : -5px
}

.menu-cores {
    display      : inline-block;
    border-bottom: 1px solid #8c8783;
    overflow     : hidden;
    margin-bottom: 20px;
    display      : block
}

.menu-cores ul {
    list-style: none;
    margin    : 0 auto;
    padding   : 0
}

.menu-cores ul li {
    float      : none;
    padding    : 5px 5px 5px 10px;
    font-size  : 1em;
    font-weight: bold
}

.menu-cores ul li a {
    color      : #000;
    line-height: 1em;
    height     : 35px;
    cursor     : pointer;
    display    : block
}

.menu-cores ul li a:hover {
    color          : #007E11;
    text-decoration: none
}

.menu-cores ul li a img {
    padding: 0 5px 0 0;
    float  : left
}

.menu-cores ul li:first-child {
    padding-left: 10px
}

.menu-cores .cores li a {
    padding-right: 5px
}

.menu-cores .cores li:last-child a {
    border-right : 0;
    padding-right: 5px
}

.menu-cores .cores-uab li:first-child {
    margin-top      : 0;
    padding-left    : 10px;
    padding-right   : 5px;
    background-color: #f7f7f9
}

.menu-cores .cores-uab li:first-child a {
    text-transform: uppercase;
    font-weight   : 400;
    display       : block
}

@media (min-width:768px) {
    .menu-cores ul li {
        font-size: 18px
    }

    .menu-cores ul li a {
        line-height: 37px
    }
}

@media (min-width:992px) {
    .menu-cores {
        border-top: 1px solid #8c8783
    }

    .menu-cores ul {
        padding: 0
    }

    .menu-cores ul li {
        float  : left;
        padding: 15px 10px
    }

    .menu-cores ul li:first-child {
        padding-left: 0
    }

    .menu-cores .cores li a {
        border-right : 1px solid #8c8783;
        padding-right: 20px
    }

    .menu-cores .cores li:last-child a {
        padding-right: 10px
    }

    .menu-cores .cores-uab {
        float: right
    }

    .menu-cores .cores-uab li:first-child {
        margin-top   : 0;
        padding-left : 20px;
        padding-right: 20px
    }
}

@font-face {
    font-family: 'uab-icons';
    src        : url('../../sites/fonts/uab-icons.eot?qeo5nw');
    src        : url('../../sites/fonts/uab-icons.eot?#iefixqeo5nw') format('embedded-opentype'), url('../../sites/fonts/uab-icons.woff?qeo5nw') format('woff'), url('../../sites/fonts/uab-icons.ttf?qeo5nw') format('truetype'), url('../../sites/fonts/uab-icons.svg?qeo5nw#icomoon') format('svg');
    font-weight: normal;
    font-style : normal
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'uab-icons';
        src        : url('../../sites/fonts/uab-icons.svg#icomoon') format('svg')
    }
}

.textdestacat {
    padding-left: 5em;
    color       : #8c8783;
    font-size   : 1.3em
}

.contact-info a,
.contingut a,
.text_camp a {
    text-decoration: underline !important
}

#main a,
main a {
    text-decoration: underline
}

#main .fitxa-llistat li a,
main .fitxa-llistat li a {
    text-decoration: none !important
}

#main li a,
main li a {
    text-decoration: underline
}

.row-bordered:after {
    content      : "";
    display      : block;
    border-bottom: 1px solid #ccc;
    margin       : 0 15px
}

.breadcrumb {
    padding         : 0;
    background-color: transparent;
    color           : #007E11
}

.breadcrumb .active {
    color: #007E11
}

.breadcrumb a {
    color: #000
}

.section-description {
    margin: 0 10px 20px
}

h1.section-title {
    font-size: 22px
}

.section-subtitle,
h2.section-title {
    font-size  : 18px;
    font-weight: bold
}

.section-title {
    font-weight: bold;
    margin     : 10px 0
}

@media (min-width:992px) {
    .section-title {
        margin: 0 0 12px
    }
}

.section-title a.icon {
    text-align   : right;
    padding      : 0 10px;
    line-height  : 20px;
    border-radius: 2px;
    font-size    : 13px;
    background   : #f7f7f9;
    display      : inline;
    float        : right
}

.section-title a.icon:hover {
    text-decoration: none
}

.section-title .rss:before {
    content  : "\e60c";
    font-size: 13px
}

.color {
    color: #007E11
}

.frase-gran {
    margin    : 5px auto 20px;
    padding   : 20px 40px 0;
    text-align: center;
    color     : #007E11;
    clear     : both;
    width     : 100%;
    float     : left
}

.frase-gran p {
    margin     : 0;
    font-size  : 20px;
    font-weight: normal;
    line-height: 1.2
}

.destacat {
    color    : #007E11;
    font-size: 1.5em
}

.view-more {
    clear          : both;
    margin         : 10px 0;
    padding        : 10px;
    text-align     : center;
    background     : #f7f7f9;
    font-weight    : bold;
    font-size      : 14px;
    text-decoration: none;
    display        : block;
    position       : relative
}

.view-more:hover {
    background     : #007E11;
    color          : #f7f7f9;
    text-decoration: none
}

.view-more .fletxa {
    margin-top : 0;
    font-size  : 17px;
    line-height: 20px;
    width      : 20px;
    height     : 20px;
    float      : right
}

.view-more .fletxa:before {
    content: "\e621"
}

.insite-inner {
    border  : 1px solid #808080;
    float   : left;
    height  : 100%;
    position: relative;
    width   : 100%
}

.boto-destacat {
    background-color: #007E11;
    padding         : 10px;
    margin-top      : 15px;
    margin-bottom   : 15px;
    font-weight     : bold
}

.boto-destacat.rounded {
    border-radius: 5px
}

.boto-destacat.gran {
    font-size: 1.5em
}

.boto-destacat a {
    color: #fff
}

.boto-destacat a .more {
    margin       : 0;
    float        : right;
    display      : inline;
    z-index      : 100;
    visibility   : visible;
    padding-right: 5px
}

.boto-destacat a .more:before {
    content: "\e621"
}

.boto-destacat a .more:hover {
    text-decoration: none !important
}

.bg-color {
    background-color: #007E11;
    color           : #fff;
    overflow        : hidden;
    margin          : 0 10px 10px;
    padding         : 5px 0 7px
}

@media (min-width:992px) {
    .bg-color {
        margin: 0 10px 20px
    }
}

.bg-color a {
    color: #fff
}

.bg-color h2 {
    margin   : 0;
    display  : block;
    font-size: 23px
}

.bg-color h2 span.facebook:after {
    content: "\e608";
    padding: 0 5px 0 0
}

.bg-color h2 span.anar:after {
    font-size: 20px;
    padding  : 3px 5px 0 0;
    float    : left;
    display  : inline
}

.bg-color h2 span.incoming:after {
    font-size: 20px;
    padding  : 3px 5px 0 0;
    float    : left;
    display  : inline
}

.bg-color ul.xarxes-socials li a {
    background: #007E11;
    color     : #fff
}

.btn-intercanvi {
    background-color: #007E11;
    color           : #fff;
    overflow        : hidden;
    margin          : 10px 0;
    padding         : 5px 25px 7px 10px;
    display         : block;
    position        : relative;
    font-size       : 23px;
    line-height     : 27px
}

.btn-intercanvi:hover {
    text-decoration: none;
    background     : #f7f7f9;
    color          : #007E11
}

.btn-intercanvi span.mobilitat {
    font-size: 20px
}

.btn-intercanvi span.more:after {
    content   : "\e621";
    padding   : 0;
    position  : absolute;
    top       : 50%;
    margin-top: -13px;
    right     : 10px;
    font-size : 13px
}

.anar:after {
    content: "\e629"
}

.incoming:after {
    content: "\e62b";
    padding: 0 5px 0 0
}

.mobilitat:after {
    content: "\e62d";
    padding: 0 5px 0 0
}

.agendaplus:after {
    content: "\e912";
    padding: 0 5px 0 0
}

table.grau-table {
    width          : 100%;
    border-spacing : 0;
    border-collapse: collapse
}

table.grau-table caption {
    font-size  : 18px;
    font-weight: bold;
    color      : #111
}

table.grau-table tbody td {
    border-bottom: 1px dashed hsl(0, 0%, 80%);
    padding      : 10px 15px
}

table.grau-table thead {
    background: hsl(0, 0%, 91%)
}

table.grau-table thead th {
    text-align : left;
    padding    : 10px 15px;
    font-size  : 16px;
    font-weight: normal
}

@media (max-width:767px) {
    table.grau-table {
        width: 100%
    }

    table.grau-table thead {
        display: none
    }

    table.grau-table tr:nth-of-type(2n) {
        background-color: inherit
    }

    table.grau-table tr td:first-child {
        background : #f0f0f0;
        font-weight: bold;
        font-size  : 1.3em
    }

    table.grau-table tbody td {
        display   : block;
        text-align: center
    }

    table.grau-table tbody td:before {
        content    : attr(data-th);
        display    : block;
        text-align : center;
        font-weight: bold
    }

    table.grau-table .col-1,
    table.grau-table .col-2,
    table.grau-table .col-3,
    table.grau-table .col-4,
    table.grau-table .col-5,
    table.grau-table .col-6 {
        width: 100%
    }
}

.llistat-biblio {
    border-bottom : 1px dashed #8c8783;
    padding-bottom: 15px;
    padding-top   : 15px
}

.consulteu {
    padding   : 10px 0;
    display   : table;
    background: #ecebe9;
    margin    : 20px auto 10px
}

@media (min-width:1200px) {
    .consulteu {
        padding: 6px 0
    }
}

.consulteu .c-text {
    width         : 100%;
    display       : inline-block;
    position      : relative;
    min-height    : 1px;
    padding-left  : 20px;
    padding-right : 0;
    vertical-align: middle;
    color         : #007E11;
    float         : left
}

.consulteu .c-image {
    width         : 100%;
    display       : inline-block;
    position      : relative;
    min-height    : 1px;
    padding-left  : 10px;
    padding-right : 10px;
    float         : left;
    vertical-align: middle
}

@media (min-width:481px) {
    .consulteu .c-text {
        width  : 50%;
        display: table-cell;
        float  : none
    }

    .consulteu .c-text h4 {
        font-size: 22px
    }

    .consulteu .c-image {
        width  : 50%;
        display: table-cell;
        float  : none
    }
}

@media (min-width:992px) {
    .consulteu .c-text {
        width: 33.33333333%
    }

    .consulteu .c-text h4 {
        font-size: 12px
    }

    .consulteu .c-image {
        width: 66.6666%
    }
}

@media (min-width:992px) {
    .consulteu .c-text h4 {
        font-size: 16px
    }
}

.taula {
    border-collapse: collapse;
    border-spacing : 0;
    padding        : 15px;
    border-color   : #e7e7e7
}

.taula caption {
    font-size       : 1.1em;
    color           : #fff;
    background-color: #007E11;
    padding         : 0.5em
}

.taula td,
.taula th {
    padding     : 8px;
    border-color: #e7e7e7
}

.taulaborder td,
.taulaborder th {
    border: 1px solid #000000
}

.taulaborder {
    border-collapse: collapse;
    border-style   : hidden;
    width          : 97%
}

.flex-table-3 {
    margin                 : 0 -10px;
    display                : -webkit-flex !important;
    display                : -moz-flex !important;
    display                : -ms-flexbox !important;
    display                : -ms-flex !important;
    display                : -webkit-box !important;
    display                : flex !important;
    -webkit-flex-direction : row;
    -moz-flex-direction    : row;
    -ms-flex-direction     : row;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    flex-direction         : row;
    -webkit-flex-wrap      : wrap;
    -moz-flex-wrap         : wrap;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content   : flex-start;
    -ms-justify-content    : flex-start;
    -webkit-box-pack       : start;
    -ms-flex-pack          : start;
    justify-content        : flex-start;
    -webkit-align-items    : stretch;
    -moz-align-items       : stretch;
    -ms-align-items        : stretch;
    -webkit-box-align      : stretch;
    -ms-flex-align         : stretch;
    align-items            : stretch
}

.flex-table-3 .flex-item {
    width     : 100%;
    padding   : 0 10px;
    text-align: center
}

@media (min-width:400px) {
    .flex-table-3 .flex-item {
        width: 50%
    }
}

@media (min-width:768px) {
    .flex-table-3 .flex-item {
        width: 33.333%
    }
}

.flex-table-2 {
    margin                 : 0 -10px;
    display                : -webkit-flex !important;
    display                : -moz-flex !important;
    display                : -ms-flexbox !important;
    display                : -ms-flex !important;
    display                : -webkit-box !important;
    display                : flex !important;
    -webkit-flex-direction : row;
    -moz-flex-direction    : row;
    -ms-flex-direction     : row;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    flex-direction         : row;
    -webkit-flex-wrap      : wrap;
    -moz-flex-wrap         : wrap;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content   : flex-start;
    -ms-justify-content    : flex-start;
    -webkit-box-pack       : start;
    -ms-flex-pack          : start;
    justify-content        : flex-start;
    -webkit-align-items    : stretch;
    -moz-align-items       : stretch;
    -ms-align-items        : stretch;
    -webkit-box-align      : stretch;
    -ms-flex-align         : stretch;
    align-items            : stretch
}

.flex-table-2 .flex-item {
    width     : 100%;
    padding   : 0 10px;
    text-align: center
}

@media (min-width:400px) {
    .flex-table-2 .flex-item {
        width: 50%
    }
}

@media (min-width:768px) {
    .flex-table-2 .flex-item {
        width: 50%
    }
}

.logotips {
    width     : 100%;
    float     : left;
    margin    : 10px 0 0;
    padding   : 10px 0;
    border-top: 6px solid #eee
}

.logotips img {
    width : 100%;
    height: auto;
    margin: 10px auto
}

.menu-destacats {
    width                  : 100%;
    float                  : left;
    margin                 : 15px auto;
    display                : -webkit-box !important;
    display                : -webkit-flex !important;
    display                : -moz-flex !important;
    display                : -ms-flexbox !important;
    display                : flex !important;
    -webkit-box-align      : start;
    -ms-flex-align         : start;
    -webkit-align-items    : flex-start;
    -moz-align-items       : flex-start;
    align-items            : flex-start;
    -webkit-box-direction  : normal;
    -webkit-box-orient     : vertical;
    -webkit-flex-direction : column;
    -moz-flex-direction    : column;
    -ms-flex-direction     : column;
    flex-direction         : column;
    -webkit-box-pack       : center;
    -ms-flex-pack          : center;
    -webkit-justify-content: center;
    -moz-justify-content   : center;
    justify-content        : center;
    -webkit-flex-wrap      : wrap;
    -moz-flex-wrap         : wrap;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap
}

.menu-destacats .item-destacat {
    margin      : 15px 0;
    width       : 100%;
    position    : relative;
    padding-left: 80px;
    min-height  : 70px
}

.menu-destacats .item-destacat:focus,
.menu-destacats .item-destacat:hover {
    text-decoration: none
}

.menu-destacats .item-destacat:focus .item-destacat-icon,
.menu-destacats .item-destacat:hover .item-destacat-icon {
    left: 0
}

.menu-destacats .item-destacat:focus .item-destacat-icon img,
.menu-destacats .item-destacat:hover .item-destacat-icon img {
    -webkit-transform: scale(1.1);
    -moz-transform   : scale(1.1);
    -ms-transform    : scale(1.1);
    transform        : scale(1.1)
}

.menu-destacats .item-destacat:focus .item-destacat-text,
.menu-destacats .item-destacat:focus .item-destacat-title,
.menu-destacats .item-destacat:hover .item-destacat-text,
.menu-destacats .item-destacat:hover .item-destacat-title {
    color: #007E11
}

.menu-destacats .item-destacat .item-destacat-icon {
    width   : 80px;
    height  : 80px;
    position: absolute;
    top     : 0;
    left    : 0
}

.menu-destacats .item-destacat .item-destacat-icon img {
    width             : 60px;
    height            : auto;
    margin-left       : 10px;
    -moz-transition   : all linear 0.2s;
    -o-transition     : all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    transition        : all linear 0.2s
}

.menu-destacats .item-destacat .item-destacat-title {
    margin   : 0 0 5px;
    font-size: 18px;
    color    : #007E11
}

.menu-destacats .item-destacat .item-destacat-text {
    margin   : 0;
    font-size: 16px;
    color    : #000
}

@media (min-width:481px) {
    .menu-destacats .item-destacat {
        min-width: 300px
    }
}

@media (min-width:768px) {
    .menu-destacats {
        -webkit-box-direction : normal;
        -webkit-box-orient    : horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction   : row;
        -ms-flex-direction    : row;
        flex-direction        : row
    }

    .menu-destacats .item-destacat {
        min-width    : auto;
        width        : 33.3333%;
        border-right : 1px solid #ccc;
        padding-right: 10px
    }

    .menu-destacats .item-destacat:last-child {
        border-right: 0
    }
}

@media (min-width:1200px) {
    .menu-destacats .item-destacat {
        min-width: 400px;
        width    : 400px
    }
}

.fons-gris {
    width     : 100%;
    float     : left;
    padding   : 30px 0;
    background: #f0f1eb
}

.fons-color {
    width           : 100%;
    float           : left;
    padding         : 30px 0;
    background-color: #007E11
}

.fons-color .cta .text {
    color: #fff
}

.fons-color .cta .btn {
    background  : #007E11;
    color       : #fff;
    border-color: #fff
}

.fons-color .cta .btn:focus,
.fons-color .cta .btn:hover {
    background  : #f0f1eb;
    color       : #333;
    border-color: #f0f1eb
}

.cta {
    width                  : 100%;
    float                  : left;
    margin                 : 15px auto;
    display                : -webkit-box !important;
    display                : -webkit-flex !important;
    display                : -moz-flex !important;
    display                : -ms-flexbox !important;
    display                : flex !important;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    -webkit-align-items    : center;
    -moz-align-items       : center;
    align-items            : center;
    -webkit-box-direction  : normal;
    -webkit-box-orient     : vertical;
    -webkit-flex-direction : column;
    -moz-flex-direction    : column;
    -ms-flex-direction     : column;
    flex-direction         : column;
    -webkit-box-pack       : center;
    -ms-flex-pack          : center;
    -webkit-justify-content: center;
    -moz-justify-content   : center;
    justify-content        : center;
    -webkit-flex-wrap      : wrap;
    -moz-flex-wrap         : wrap;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    padding-left           : 15px;
    padding-right          : 15px;
    color                  : #000
}

.cta .text {
    font-weight: normal;
    margin     : 10px 0;
    padding    : 0;
    font-size  : 18px;
    width      : 100%;
    line-height: 1.5em
}

.cta .button {
    width     : 100%;
    margin    : 10px auto;
    text-align: center
}

.cta .btn {
    font-size   : 18px !important;
    background  : #f0f1eb;
    color       : #000000;
    border-color: #000000
}

.cta .btn:focus,
.cta .btn:hover {
    background  : #ed156a;
    color       : #fff;
    border-color: #ed156a
}

.dades {
    margin        : 15px 0;
    padding-left  : 15px;
    padding-right : 15px;
    display       : table-cell;
    vertical-align: top;
    color         : #000
}

.dades .item-dades {
    padding: 15px
}

.dades .item-dades .numero {
    display       : table-cell;
    vertical-align: top;
    font-size     : 30px;
    line-height   : 1;
    padding-right : 15px;
    font-weight   : 500
}

.dades .item-dades .title {
    margin   : 0 0 10px;
    font-size: 20px
}

.dades .item-dades .text {
    margin   : 0;
    color    : #000000;
    font-size: 16px
}

@media (min-width:768px) {
    .cta {
        -webkit-box-direction : normal;
        -webkit-box-orient    : horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction   : row;
        -ms-flex-direction    : row;
        flex-direction        : row
    }

    .cta .text {
        width    : 80%;
        font-size: 20px
    }

    .cta .button {
        width     : 20%;
        margin    : 0;
        text-align: right
    }

    .item-dades .dades .numero {
        display       : block;
        padding-bottom: 10px
    }

    .item-dades .dades .title {
        font-size: 20px
    }
}

@media (min-width:992px) {
    .item-dades .dades .title {
        font-size: 22px
    }
}

@media (min-width:1200px) {
    .cta .text {
        font-size: 24px
    }

    .item-dades .dades .numero {
        display       : table-cell;
        vertical-align: top;
        font-size     : 35px
    }
}

.colleccio {
    margin  : 15px -5px;
    overflow: hidden
}

.colleccio .colleccio-item {
    width    : 50%;
    padding  : 5px;
    overflow : hidden;
    word-wrap: break-word;
    position : relative;
    float    : left
}

.colleccio .colleccio-item.active .text,
.colleccio .colleccio-item:focus .text,
.colleccio .colleccio-item:hover .text {
    opacity   : 1;
    visibility: visible
}

.colleccio .colleccio-item .text {
    position               : absolute;
    top                    : 5px;
    left                   : 5px;
    right                  : 5px;
    bottom                 : 5px;
    text-align             : center;
    padding                : 5px;
    display                : block;
    display                : -webkit-box !important;
    display                : -webkit-flex !important;
    display                : -moz-flex !important;
    display                : -ms-flexbox !important;
    display                : flex !important;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    -webkit-align-items    : center;
    -moz-align-items       : center;
    align-items            : center;
    -webkit-box-pack       : center;
    -ms-flex-pack          : center;
    -webkit-justify-content: center;
    -moz-justify-content   : center;
    justify-content        : center;
    color                  : #fff;
    background-color       : rgba(248, 6, 101, 0.8);
    opacity                : 0;
    visibility             : hidden;
    -moz-transition        : all linear 0.2s;
    -o-transition          : all linear 0.2s;
    -webkit-transition     : all linear 0.2s;
    transition             : all linear 0.2s
}

.colleccio .colleccio-item .text .title {
    margin        : 0;
    font-size     : 16px;
    display       : table-cell;
    vertical-align: middle;
    font-weight   : 500
}

.colleccio .colleccio-item .cover {
    padding: 5px
}

@media (min-width:480px) {
    .colleccio .colleccio-item {
        width: 33.333%
    }
}

@media (min-width:768px) {
    .colleccio .colleccio-item {
        width: 25%
    }
}

@media (min-width:992px) {
    .colleccio .colleccio-item {
        width: 20%
    }
}

@media (min-width:1200px) {
    .colleccio .colleccio-item {
        width: 16.66666667%
    }
}

.col-md-12 .noPaddingLeft {
    padding-left : 0;
    padding-right: 0
}

.col-md-12 .noPaddingRight {
    padding-left : 0;
    padding-right: 0
}

@media (min-width:481px) {
    .col-md-12 .noPaddingLeft {
        padding-left : 0;
        padding-right: 10px
    }

    .col-md-12 .noPaddingRight {
        padding-right: 0;
        padding-left : 10px
    }
}

.cataleg {
    width: 100%;
    float: left
}

.cataleg .cataleg-content {
    padding            : 0;
    background-color   : #eee;
    background-size    : cover;
    background-position: center center
}

.cataleg .cataleg-content .input-group {
    padding: 50px 20px
}

.cataleg .cataleg-content .input-group .form-control {
    border-radius: 0;
    padding      : 15px;
    height       : auto;
    line-height  : 20px
}

.cataleg .cataleg-content .input-group .input-group-btn {
    overflow: hidden
}

.cataleg .cataleg-content .input-group .btn {
    border-radius   : 0;
    padding         : 9px;
    line-height     : 20px;
    background-color: #007E11;
    border-color    : #007E11;
    color           : #fff;
    padding-left    : 35px
}

.cataleg .cataleg-content .input-group .btn .search {
    font-size : 20px;
    position  : absolute;
    top       : 50%;
    left      : 10px;
    margin-top: -10px
}

.cataleg .cataleg-content .input-group .btn .search:after {
    content: "\e905";
    padding: 0
}

.cataleg .cataleg-content .categories {
    padding         : 20px;
    background-color: rgba(0, 0, 0, 0.7)
}

.cataleg .cataleg-content .categories ul {
    list-style: none;
    margin    : 0;
    padding   : 0
}

@media (min-width:768px) {
    .cataleg .cataleg-content .categories ul {
        -webkit-column-count: 3;
        -moz-column-count   : 3;
        column-count        : 3;
        -webkit-column-gap  : 10px;
        -moz-column-gap     : 10px;
        column-gap          : 10px
    }

    .cataleg .cataleg-content .categories ul li {
        margin                     : 0;
        padding                    : 0;
        overflow                   : hidden;
        -webkit-column-break-inside: avoid;
        page-break-inside          : avoid;
        break-inside               : avoid;
        break-inside               : avoid-column
    }

    .cataleg .cataleg-content .categories ul li a {
        color      : #fff;
        padding    : 5px 10px;
        display    : block;
        border-left: 1px solid #fff;
        font-size  : 16px
    }
}

.guies {
    clear           : both;
    margin          : 10px 0;
    width           : 100%;
    float           : left;
    background-color: #eee
}

.master-title {
    font-size  : 13px;
    font-weight: normal;
    margin-top : 0
}

.estudis {
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    padding           : 5px
}

.estudis .item {
    position: relative
}

.estudis .item-content {
    margin          : 5px;
    background-color: #fff;
    position        : relative;
    height          : 95%
}

.estudis .submenu-title {
    display : block;
    padding : 0 15px 30px;
    position: relative;
    height  : 100%
}

.estudis .submenu-title:focus,
.estudis .submenu-title:hover {
    text-decoration: none;
    color          : #fff;
    background     : #007E11
}

.estudis .submenu-title span.arrow_down {
    position: absolute;
    bottom  : 5px
}

.estudis .submenu-title span.arrow_down:after {
    content: "\e625"
}

.estudis .submenu-title img {
    margin: 0 auto;
    width : 100px;
    height: 100px
}

.estudis .submenu-title .icon {
    margin   : 0 auto;
    width    : 100px;
    height   : 100px;
    font-size: 80px
}

.estudis .submenu-title .i-arquitectura:before {
    content: "\e909"
}

.estudis .submenu-title .i-ciencies:before {
    content: "\e911"
}

.estudis .submenu-title .i-dret:before {
    content: "\e910"
}

.estudis .submenu-title .i-economia:before {
    content: "\e90f"
}

.estudis .submenu-title .i-filosofia:before {
    content: "\e90e"
}

.estudis .submenu-title .i-historia:before {
    content: "\e90d"
}

.estudis .submenu-title .i-literatura:before {
    content: "\e90c"
}

.estudis .submenu-title .i-enginyeria:before {
    content: "\e90b"
}

.estudis .submenu-title .i-musica:before {
    content: "\e90a"
}

.estudis .submenu {
    position          : absolute;
    z-index           : 7;
    top               : 0;
    visibility        : hidden;
    opacity           : 0;
    width             : 100%;
    background-color  : #007E11;
    margin            : 0;
    padding           : 15px;
    list-style        : none;
    text-align        : left;
    color             : #fff;
    font-weight       : lighter;
    -webkit-transition: all linear 0.2s;
    -o-transition     : all linear 0.2s;
    transition        : all linear 0.2s
}

.estudis .submenu.current {
    visibility: visible;
    opacity   : 1
}

.estudis .submenu .close {
    position     : absolute;
    top          : 0;
    right        : 0;
    color        : #fff;
    padding-top  : 15px;
    padding-right: 15px;
    opacity      : 1;
    font-size    : 13px
}

.estudis .submenu .close:after {
    content: "\e616"
}

.estudis .submenu a {
    color: #fff
}

.estudis .submenu ul {
    list-style: none;
    margin    : 0;
    padding   : 0
}

.estudis .submenu li {
    padding: 5px 0
}

.estudis .submenu li a {
    display: block
}

.estudis .submenu li.title {
    margin-bottom: 15px;
    padding-right: 20px
}

.estudis .submenu li.title span {
    float: right
}

.estudis .submenu li.totes {
    text-align: right;
    margin-top: 15px
}

.aside-title {
    position        : relative;
    background-color: #007E11;
    color           : #fff;
    overflow        : hidden;
    padding         : 5px
}

.aside-title .btn-bg {
    overflow   : hidden;
    margin     : 0;
    padding    : 6px 25px 7px 10px;
    display    : block;
    position   : relative;
    font-size  : 23px;
    line-height: 27px;
    display    : inline-block;
    float      : left
}

.aside-title .btn-bg span {
    font-size: 20px
}

.aside-title .btn-bg span:after {
    padding: 0 5px 0 0
}

.aside-title .btn-bg span.i-mobilitat:after {
    content: "\e62d"
}

.aside-title .btn-bg span.i-serveis:after {
    content: "\e904"
}

.aside-title .btn-bg span.i-cercador:after {
    content: "\e905"
}

.aside-title .btn-bg span.i-preguntes:after {
    content: "\e906"
}

.aside-title .btn-bg span.i-enlaces:after {
    content: "\e907"
}

.aside-title .btn-bg span.i-horaris:after {
    content: "\e908"
}

.aside-title .user {
    display         : inline-block;
    float           : right;
    background-color: #fff;
    color           : #007E11;
    line-height     : 40px;
    padding         : 0 10px;
    font-weight     : bold;
    font-size       : 14px
}

.aside-title .user:focus,
.aside-title .user:hover {
    text-decoration: none
}

.aside-title .user span.user {
    font-size  : 20px;
    font-weight: normal
}

.aside-title .user span.user:after {
    content: "\e614";
    padding: 0
}

.aside-content ul {
    list-style: none;
    margin    : 0;
    padding   : 5px 0
}

.aside-content ul li {
    margin : 0;
    padding: 0
}

.aside-content ul li a {
    padding    : 5px 15px;
    display    : block;
    font-weight: bold
}

.aside-content ul li a:focus,
.aside-content ul li a:hover {
    text-decoration : none;
    background-color: #007E11;
    color           : #fff
}

.aside-content p {
    margin : 0;
    padding: 15px
}

.aside-content img {
    width    : 100%;
    height   : auto;
    padding  : 15px;
    max-width: 350px
}

#iAcordsDetall p.verd {
    position          : relative;
    color             : #007E11;
    width             : 100%;
    border-bottom     : 1px solid #007E11;
    background        : #fff;
    text-align        : left;
    font-size         : 1em;
    border-radius     : 0;
    -webkit-box-shadow: none;
    box-shadow        : none;
    top               : 0;
    left              : 0;
    padding           : 0
}

#iAcordsDetall p.titol {
    font-weight: bold
}

.flex {
    list-style       : none;
    margin           : 0;
    display          : -webkit-flex;
    display          : -moz-flex;
    display          : -ms-flexbox;
    display          : -ms-flex;
    display          : -webkit-box;
    display          : flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap   : wrap;
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap
}

.flex .item {
    margin    : 0;
    text-align: center;
    width     : 100%
}

@media (min-width:768px) {
    .flex .item {
        width: 50%
    }
}

@media (min-width:1200px) {
    .flex .item {
        width: 33.333%
    }
}

@media (min-width:768px) {
    .bg-color ul.xarxes-socials {
        float: right
    }
}

.etiqueta {
    display         : inline-block;
    padding         : 5px 10px 4px;
    font-size       : 16px;
    font-weight     : bold;
    color           : #fff;
    line-height     : 1;
    vertical-align  : baseline;
    white-space     : nowrap;
    background-color: #007E11;
    border-radius   : 20px;
    text-transform  : uppercase;
    letter-spacing  : 0.05em
}

.banner {
    position: relative;
    height  : auto
}

.banner .caption {
    display         : table;
    margin-bottom   : 20px;
    margin-top      : 20px;
    margin-left     : 0;
    border-radius   : 10px;
    padding         : 10px 20px;
    height          : auto;
    width           : 100%;
    background-color: #007E11;
    color           : #fff;
    position        : relative;
    z-index         : 300
}

.banner .caption a {
    color  : #fff;
    display: table;
    width  : 100%;
    height : 100%
}

.banner .caption a:hover {
    text-decoration: none
}

.banner .caption .text {
    display       : table-cell;
    vertical-align: middle
}

.banner .caption h1,
.banner .caption span {
    font-family: "Roboto Condensed", "Arial Narrow", Arial;
    font-weight: bold;
    margin     : 0;
    padding    : 0;
    font-size  : 22px;
    line-height: 1
}

.banner .caption p {
    margin : 0;
    padding: 0
}

.banner .caption .more {
    padding   : 1px;
    position  : absolute;
    top       : 50%;
    margin-top: -12px;
    right     : 18px;
    font-size : 17px
}

.banner .caption .more:before {
    content: "\e610"
}

.banner .col-md-8 {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    z-index : 200
}

.banner .image {
    display: none
}

.banner figure div {
    display       : table-cell;
    vertical-align: middle;
    font-weight   : normal;
    text-align    : center;
    font-size     : 14px;
    line-height   : 2
}

.banner a .banner-text {
    color           : #000;
    padding         : 10px 15px;
    background-color: rgba(255, 255, 255, 0.5)
}

.banner .banner-text {
    font-weight: normal;
    text-align : center;
    font-size  : 14px;
    line-height: 2
}

.banner .banner-text span {
    display         : inline;
    padding         : 5px 10px;
    background-color: rgba(255, 255, 255, 0.5)
}

.banner .banner-lema {
    font-size : 16px;
    text-align: left
}

.banner .banner-lema a {
    color          : #fff;
    text-decoration: underline;
    opacity        : 0.8;
    display        : inline
}

.banner .banner-lema a:hover {
    opacity: 1
}

.headerImg {
    height               : 130px;
    margin-bottom        : 20px;
    color                : #ffffff;
    padding              : 0 2em;
    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
}

.headerImg .text {
    font-size  : 35px;
    font-weight: bold;
    line-height: 35px;
    margin     : 0
}

.uab-link {
    margin: 20px auto 0
}

.uab-link a {
    display: block
}

.uab-link img {
    width: 100%
}

@media (min-width:768px) {
    .banner {
        height: 170px
    }

    .banner .image {
        margin-bottom      : 20px;
        width              : 100%;
        height             : 150px;
        background-size    : cover;
        background-position: top right;
        background-repeat  : no-repeat;
        background-image   : url("../img/bg-banner.jpg");
        display            : table
    }

    .banner .caption {
        margin-top      : 10px;
        margin-left     : 10px;
        width           : 250px;
        margin-bottom   : 20px;
        background-color: rgba(0, 126, 17, 0.7)
    }

    .headerImg {
        height: 170px
    }

    .headerImg .text {
        font-size  : 45px;
        line-height: 45px
    }
}

@media (min-width:992px) {
    .banner {
        height: auto
    }

    .banner .caption {
        margin-top      : 0;
        margin-left     : 0;
        width           : 100%;
        height          : 150px;
        background-color: #007E11
    }

    .banner .caption h1 {
        font-size: 30px
    }

    .banner .caption span {
        font-size: 30px
    }

    .banner .caption .more {
        top       : 18px;
        margin-top: 0
    }

    .banner .caption .more:before {
        content: "\e610"
    }

    .banner .col-md-8 {
        position: relative;
        top     : auto;
        left    : auto;
        width   : 66.66666667%;
        z-index : 200
    }

    .banner .banner-text {
        font-size     : 18px;
        vertical-align: middle;
        padding-bottom: 0
    }

    .banner .banner-text span {
        padding: 10px 20px
    }

    .headerImg {
        height: 200px
    }

    .headerImg .text {
        font-size  : 60px;
        line-height: 60px
    }
}

@media (min-width:1200px) {

    .banner .caption h1,
    .banner .caption span {
        font-size: 35px
    }

    .headerImg {
        height: 200px
    }

    .headerImg .text {
        font-size  : 56px;
        line-height: 1.2
    }
}

.event h3 {
    font-size  : 1em;
    line-height: 1.42857143;
    margin-top : 0;
    padding-top: 0
}

.event {
    width   : 100%;
    float   : left;
    overflow: hidden
}

.data {
    width        : 56px;
    height       : 48px;
    margin       : 0 10px 3px 0;
    background   : #f7f7f9;
    position     : relative;
    z-index      : 500;
    border-radius: 5px;
    float        : left;
    display      : block
}

.data p.mes {
    font-size           : 0.846em;
    width               : 53px;
    height              : 48px;
    margin              : 0;
    text-align          : center;
    -webkit-transform   : rotate(-90deg);
    -ms-transform       : rotate(-90deg);
    -o-transform        : rotate(-90deg);
    transform           : rotate(-90deg);
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode    : lr-tb;
    writing-mode        : horizontal-tb
}

.data p.dia {
    width      : 35px;
    font-size  : 1.769em;
    text-align : center;
    border-left: 1px solid #333;
    height     : 38px;
    line-height: 38px;
    position   : absolute;
    top        : 0;
    right      : 0;
    margin     : 5px 0
}

.hora-lloc {
    position: relative;
    display : inline
}

.jornada {
    display: block;
    width  : 100%;
    float  : left;
    padding: 0 0 15px
}

.addtocalendar var {
    display: none
}

.addtocalendar {
    position  : relative;
    display   : inline-block;
    background: transparent !important
}

.addtocalendar a {
    display      : inline-block;
    position     : relative;
    padding-right: 25px
}

.addtocalendar a:focus,
.addtocalendar a:hover {
    text-decoration: none
}

.addtocalendar a .agendaplus {
    color             : #000;
    margin-top        : 0;
    top               : 10px;
    right             : 20px;
    font-size         : 30px;
    -webkit-transition: all linear 0.2s;
    -o-transition     : all linear 0.2s;
    transition        : all linear 0.2s
}

.atcb-link {
    display: block;
    cursor : pointer
}

.atcb-link a {
    display      : inline-block;
    position     : relative;
    padding-right: 25px;
    font-size    : 30px;
    color        : #000
}

.atcb-link a:focus,
.atcb-link a:hover {
    text-decoration: none
}

.atcb-link:active~ul,
.atcb-link:focus~ul,
.atcb-list:hover {
    visibility: visible
}

.atcb-list {
    visibility   : hidden;
    position     : absolute;
    top          : 100%;
    left         : 0;
    width        : 170px;
    z-index      : 900;
    border       : 1px solid #dedede;
    border-radius: 10px
}

.atcb-item,
.atcb-list {
    list-style: none;
    margin    : 0;
    padding   : 0;
    background: #fff
}

.atcb-item a,
.atcb-list a {
    display      : inline-block;
    position     : relative;
    padding-right: 25px;
    color        : #000;
    margin       : 5px 10px
}

.atcb-item a:focus,
.atcb-item a:hover,
.atcb-list a:focus,
.atcb-list a:hover {
    text-decoration: none
}

.atcb-item {
    float       : none;
    text-align  : left;
    padding-left: 5px
}

.atcb-item-link {
    text-decoration: none;
    display        : block
}

.atcb-item.hover,
.atcb-item:hover {
    position       : relative;
    z-index        : 900;
    cursor         : pointer;
    text-decoration: none
}

.atc-style-button-icon .atcb-link,
.atc-style-button-icon .atcb-link:active,
.atc-style-button-icon .atcb-link:focus,
.atc-style-button-icon .atcb-link:hover {
    text-decoration: none;
    padding        : 2px
}

.avisos {
    width        : 100%;
    margin-bottom: 5px
}

.avisos .content-avisos {
    padding         : 20px 20px 0;
    background-color: #f7f7f9;
    width           : 100%;
    float           : left
}

.avisos .content-avisos article {
    width        : 100%;
    float        : left;
    margin-bottom: 20px
}

.avisos .content-avisos article .category {
    margin: 5px 0
}

.avisos .content-avisos article .title {
    margin-top: 0;
    font-size : 17px
}

.avisos .view-more {
    margin-bottom: 0
}

.avisos-invers {
    width        : 100%;
    margin-bottom: 5px
}

.avisos-invers .content-avisos {
    padding         : 20px 20px 0;
    background-color: #007E11;
    width           : 100%;
    float           : left
}

.avisos-invers .content-avisos article {
    width        : 100%;
    float        : left;
    margin-bottom: 20px;
    background   : #f7f7f9
}

.avisos-invers .content-avisos article .category {
    margin: 5px 0
}

.avisos-invers .content-avisos article .title {
    margin-top: 0;
    font-size : 17px
}

.veure-mes-gris {
    margin               : 20px 0;
    display              : block;
    text-align           : center;
    background           : #f1f2f2;
    color                : #fff;
    border-radius        : 5px;
    -webkit-box-shadow   : 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    box-shadow           : 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px
}

.veure-mes-gris p {
    margin     : 0;
    height     : 28px;
    line-height: 28px;
    font-size  : 1em
}

.veure-mes-gris a {
    color             : #000;
    background        : #eff0f2;
    text-decoration   : none;
    -moz-border-radius: 5px
}

.arrow-veuremes-gris {
    width     : 16px;
    height    : 16px;
    position  : absolute;
    z-index   : 600;
    bottom    : -16px;
    left      : 50%;
    margin    : 0 0 0 -8px;
    background: url("arrow-gris.png") 0 0 no-repeat
}

.menu-activitats {
    clear: both;
    float: left
}

.activitats .last {
    margin-bottom: 20px
}

.activity {
    position: relative
}

.activity a {
    display : block;
    position: relative;
    overflow: visible
}

.activity a:hover img {
    opacity: 1
}

.activity a:hover .t-activity {
    background: #007E11
}

.activity figure img {
    width: 100%
}

.activity .i-activity {
    margin  : 10px auto;
    height  : 200px;
    overflow: hidden
}

.activity .t-activity {
    width     : 100%;
    position  : absolute;
    bottom    : 0;
    padding   : 0;
    min-height: 80px;
    background: rgba(0, 126, 17, 0.7)
}

.activity .t-activity h3,
.activity figcaption.t-activity {
    margin        : 0;
    line-height   : 1;
    display       : table-cell;
    vertical-align: middle;
    font-size     : 19px;
    padding       : 20px;
    font-weight   : normal;
    color         : #fff
}

.current .t-activity {
    background: #007E11
}

.box-activitat {
    -webkit-transition: all linear 0.2s;
    -o-transition     : all linear 0.2s;
    transition        : all linear 0.2s;
    clear             : both;
    display           : none;
    position          : relative;
    padding           : 20px 20px 20px 20px;
    border            : 1px solid #8c8783;
    margin-top        : -10px
}

.box-activitat.current {
    display: block
}

.box-activitat h3 {
    margin-top   : 0;
    font-size    : 18px;
    padding-right: 20px
}

.box-activitat .close {
    position: absolute;
    top     : 10px;
    right   : 10px;
    opacity : 0.9
}

.box-activitat .close:before {
    font-size: 18px;
    color    : #007E11;
    content  : '\e616'
}

.activity {
    overflow: visible;
    position: relative
}

.activity a span.down {
    overflow : visible;
    position : absolute;
    bottom   : 2px;
    left     : 50%;
    margin   : 0 0 0 -8px;
    color    : #fff;
    width    : 16px;
    height   : 16px;
    font-size: 16px;
    display  : none;
    z-index  : 10
}

.activity a span.down:before {
    content: '\e622'
}

.activity a.current span.down {
    display: block
}

@media (min-width:992px) {
    .menu-activitats {
        width        : 100%;
        margin-bottom: 10px
    }

    .content-activitats {
        width     : 100%;
        float     : left;
        margin-top: -20px
    }

    .content-activitats.current {
        border : 1px solid #ccc;
        padding: 25px
    }

    .box-activitat {
        padding : 0;
        clear   : both;
        display : none;
        position: relative;
        margin  : 0 10px;
        border  : 1px solid #8c8783;
        overflow: hidden;
        padding : 30px 20px;
        z-index : 2
    }

    .box-activitat .close {
        top  : -10px;
        right: 0
    }

    .box-activitat.current {
        display: block
    }

    .img-activitat img {
        width: 100%
    }

    .activity .i-activity {
        height  : auto;
        overflow: hidden
    }

    .activity .t-activity {
        min-height: 100px
    }

    .text-activitat {
        display: block
    }

    .text-activitat h3 {
        margin-top: 0
    }
}

@media (min-width:1200px) {

    .activity .t-activity h3,
    .activity figcaption.t-activity {
        font-size: 20px
    }
}

.bloc-banner {
    width        : 100%;
    float        : left;
    margin-bottom: 20px
}

.bloc {
    width        : 100%;
    float        : left;
    padding      : 20px 20px 0;
    margin-bottom: 20px
}

.bloc.rounded {
    border-radius: 10px
}

.bloc.gris {
    background-color: #e8e8e8;
    border          : none;
    display         : block;
    padding         : 20px 20px 30px
}

.bloc.gris-clar {
    background-color: #f7f7f9;
    border          : none;
    padding         : 20px 20px 30px
}

.bloc.blanc {
    background-color: #fff;
    border          : 1px solid #e8e8e8;
    padding         : 20px 20px 30px
}

.bloc h3,
.bloc span.titol {
    font-size  : 16px;
    line-height: 1.2;
    font-weight: bold;
    text-align : left;
    display    : block;
    margin     : 0 0 10px
}

.bloc article {
    border-bottom: 1px dotted #000;
    margin-bottom: 20px
}

.bloc article:last-child {
    border       : none;
    margin-bottom: 0
}

.bloc article h3 {
    margin-top: 10px
}

.bloc article.new-home h3 a {
    color      : #000;
    font-weight: normal
}

.bloc article.new-home h3 a:hover {
    text-decoration: underline
}

.bloc a {
    position: relative;
    display : block;
    color   : #003207
}

.bloc a.mes {
    display: block
}

.bloc a:hover {
    text-decoration: underline;
    color          : #007E11
}

.bloc a:hover .more:before {
    color: #007E11
}

.bloc a .more {
    position       : absolute;
    right          : -8px;
    text-decoration: none !important
}

.bloc a .more:before {
    content  : "\e621";
    font-size: 15px;
    padding  : 1px;
    color    : #8c8783
}

.bloc .new {
    width        : 100%;
    float        : left;
    margin-bottom: 20px
}

.bloc .new h3 {
    font-size  : 13px;
    line-height: 1.42857143
}

.bloc .new .img-link {
    display      : block;
    margin-bottom: 10px;
    position     : relative
}

.bloc .new .img-link img {
    width : 100%;
    height: auto
}

.bloc .new .img-link .img-bg {
    width              : 100%;
    height             : auto;
    background-position: 50% 50%;
    background-size    : cover;
    margin             : 0 auto;
    padding-top        : 50%
}

.bloc .new .img-link h3 {
    width      : 45%;
    font-size  : 16px;
    line-height: 1;
    position   : absolute;
    top        : 10px;
    right      : 10px;
    color      : #fff
}

.bloc .new p {
    margin: 0
}

.bloc .new ul {
    margin    : 0;
    padding   : 0;
    list-style: none
}

.bloc .new ul li a {
    position     : relative;
    display      : block;
    padding      : 3px 15px 3px 0;
    border-bottom: 1px solid #8c8783;
    color        : #000
}

.bloc .new ul li a:hover {
    text-decoration: none;
    color          : #007E11
}

.bloc .new ul li a:hover .more:before {
    color: #007E11
}

.bloc .new ul li a .more {
    position: absolute;
    top     : 4px;
    right   : 0
}

.bloc .new ul li a .more:before {
    content: "\e621";
    padding: 1px;
    color  : #8c8783
}

@media (min-width:481px) {
    .bloc {
        padding: 20px 10px 0
    }

    .bloc.gris {
        display: block;
        padding: 20px 20px 30px
    }

    .bloc.gris-clar {
        padding: 20px 20px 30px
    }

    .bloc.space-sm .new {
        width: 100%
    }

    .bloc .new {
        width  : 50%;
        padding: 0 10px
    }

    .bloc .new .img-link h3 {
        width    : 45%;
        font-size: 20px
    }
}

@media (min-width:992px) {
    .bloc {
        padding: 20px 20px 0
    }

    .bloc .new {
        width  : 100%;
        padding: 0
    }

    .bloc .new .img-link h3 {
        width    : 45%;
        font-size: 17px
    }
}

.buttons {
    clear: both;
    float: left
}

.buttons .col-xs-6 {
    padding-left : 5px;
    padding-right: 5px
}

.buttons.row {
    margin-left : -5px;
    margin-right: -5px
}

.b-access {
    background-color: #007E11;
    color           : #fff;
    display         : block;
    margin          : 0 0 20px;
    text-align      : center;
    width           : 100%;
    min-height      : 150px;
    position        : relative;
    overflow        : hidden;
    text-decoration : none !important
}

.b-access:hover {
    opacity        : 0.9;
    text-decoration: none;
    color          : #fff
}

.b-access.petit {
    min-height: 130px
}

.b-access.petit .img-bg {
    width     : 60px;
    height    : 60px;
    margin-top: 10px
}

.b-access .img-bg {
    width              : 80px;
    height             : 80px;
    background-position: 50% 50%;
    background-size    : cover;
    margin             : 0 auto;
    padding-top        : 10px
}

.b-access img {
    width     : 80px;
    height    : 80px;
    margin-top: 15px
}

.b-access span {
    display    : block;
    margin     : 10px auto 0;
    font-size  : 18px;
    padding    : 0 5px;
    line-height: 1
}

.b-access p {
    margin : 5px auto 10px;
    padding: 0 5px
}

a.img-button {
    background     : #f7f7f9;
    display        : table;
    float          : left;
    font-size      : 16px;
    margin         : 0 0 5px;
    overflow       : hidden;
    padding        : 0;
    position       : relative;
    width          : 100%;
    height         : 78px;
    text-decoration: none !important
}

a.img-button:hover {
    background     : #007E11;
    text-decoration: none
}

a.img-button .img-bg {
    width              : 100px;
    height             : 78px;
    display            : table-cell;
    background-position: 50% 50%;
    background-size    : cover
}

a.img-button img {
    color   : #fff;
    display : table-cell;
    margin  : 0 !important;
    overflow: hidden;
    padding : 0 !important;
    width   : 100px
}

a.img-button:hover img {
    opacity: 1
}

a.img-button span.e-text {
    line-height   : 1;
    vertical-align: middle;
    color         : #007E11;
    display       : table-cell;
    font-family   : Arial;
    font-weight   : bold;
    margin        : 0;
    padding       : 0 10px
}

a.img-button:hover span.e-text {
    color: #fff
}

a.e-button {
    background     : #f7f7f9;
    display        : table;
    float          : left;
    font-size      : 16px;
    margin         : 0 0 5px;
    overflow       : hidden;
    padding        : 0;
    position       : relative;
    width          : 100%;
    height         : 50px;
    text-decoration: none !important
}

a.e-button:hover {
    background     : #007E11;
    text-decoration: none
}

a.e-button .img-bg {
    background: #007E11;
    color     : #fff;
    display   : table-cell;
    float     : left;
    margin    : 0 !important;
    overflow  : hidden;
    padding   : 0 !important;
    width     : 50px;
    height    : 50px
}

a.e-button img {
    background: #007E11;
    color     : #fff;
    display   : table-cell;
    float     : left;
    margin    : 0 !important;
    overflow  : hidden;
    padding   : 0 !important;
    width     : 50px;
    height    : 50px
}

a.e-button:hover img {
    opacity: 1
}

a.e-button span.e-text {
    line-height   : 1;
    width         : 100%;
    vertical-align: middle;
    color         : #007E11;
    display       : table-cell;
    font-family   : Arial;
    font-weight   : bold;
    margin        : 0;
    padding       : 0 10px
}

a.e-button:hover span.e-text {
    color: #fff !important
}

a.img-seus {
    display    : table;
    float      : left;
    font-size  : 14px;
    font-weight: bold;
    margin     : 0 0 15px;
    overflow   : hidden;
    padding    : 0;
    position   : relative;
    width      : 100%
}

a.img-seus:hover {
    text-decoration: none
}

a.img-seus .img-color {
    background-color: #007E11
}

a.img-seus .img-color img {
    width : 100%;
    height: auto
}

a.img-seus .img-color img.grayscale {
    filter        : grayscale(100%);
    filter        : gray;
    -webkit-filter: grayscale(100%);
    opacity       : 0.5
}

a.img-seus .img-color img.grayscale:hover {
    filter        : none;
    -webkit-filter: none;
    opacity       : 1
}

a.img-seus span.e-text {
    color      : #fff;
    margin     : 0;
    font-weight: bold;
    padding    : 0 10px;
    position   : absolute;
    bottom     : 15px;
    z-index    : 1000;
    left       : 0
}

.promo-button {
    width          : 100%;
    min-height     : 105px;
    height         : 105px;
    margin-bottom  : 10px;
    background-size: cover;
    display        : table;
    color          : #fff
}

.promo-button div {
    text-align    : center;
    padding       : 0;
    display       : table-cell;
    vertical-align: middle
}

.promo-button div span {
    border-radius   : 5px;
    padding         : 10px;
    background-color: #007E11;
    display         : inline-block;
    margin          : 0 20px
}

.promo-button:hover {
    text-decoration: none;
    color          : #f7f7f9
}

.promo-button:hover div span {
    background-color: rgba(0, 126, 17, 0.7)
}

p.aplicatiu {
    margin    : 1.5em 0;
    text-align: center
}

p.aplicatiu a {
    padding            : 0.8em 3em 0.7em 0.8em;
    background-color   : rgba(255, 153, 0, 0.7);
    background-image   : url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBmaWxsPSIjMTExMTExIiBkPSJNMTAuMDIgNkw4LjYxIDcuNDEgMTMuMTkgMTJsLTQuNTggNC41OUwxMC4wMiAxOGw2LTYtNi02eiIvPjwvc3ZnPg==");
    background-repeat  : no-repeat;
    background-position: 95% 50%;
    color              : #111;
    text-decoration    : none !important;
    font-weight        : bold;
    border-radius      : 5px
}

p.aplicatiu a:hover {
    background-color: rgba(255, 153, 0, 0.9)
}

.views-field {
    margin   : 10px auto;
    overflow : hidden;
    word-wrap: break-word;
    position : relative
}

.views-field img {
    width: 100%
}

.views-field .grid-field {
    top: 0
}

.views-field .content-field {
    -webkit-transition: all linear 0.2s;
    -o-transition     : all linear 0.2s;
    transition        : all linear 0.2s;
    color             : #fff;
    padding           : 18px 20px;
    background        : rgba(0, 126, 17, 0.7);
    position          : absolute;
    top               : calc(100% - 70px)
}

.views-field .content-field h4 {
    min-height    : 50px;
    font-weight   : normal;
    margin-top    : 0;
    margin-bottom : 0;
    padding-top   : 0;
    padding-bottom: 0
}

.views-field .content-field h4 a {
    color: #fff
}

.views-field .content-field p.more {
    margin-top: 25px
}

.views-field .content-field p.more a {
    color  : #fff;
    padding: 8px 15px;
    border : 1px solid #fff
}

.views-field .content-field p.more a:hover {
    text-decoration : none;
    color           : #007E11;
    background-color: #fff
}

.views-field:active .content-field,
.views-field:focus .content-field,
.views-field:hover .content-field {
    top   : 0;
    height: 100%
}

.rowFull {
    margin-left : -10px;
    margin-right: -10px
}

@media (min-width:992px) {
    .views-field .content-field {
        top: calc(100% - 70px)
    }

    .views-field .content-field h4 {
        padding-top: 0
    }
}

.galeria {
    width                  : 100%;
    float                  : left;
    display                : -webkit-box !important;
    display                : -webkit-flex !important;
    display                : -moz-flex !important;
    display                : -ms-flexbox !important;
    display                : flex !important;
    -webkit-box-align      : start;
    -ms-flex-align         : start;
    -webkit-align-items    : flex-start;
    -moz-align-items       : flex-start;
    align-items            : flex-start;
    -webkit-box-pack       : start;
    -ms-flex-pack          : start;
    -webkit-justify-content: flex-start;
    -moz-justify-content   : flex-start;
    justify-content        : flex-start;
    -webkit-flex-wrap      : wrap;
    -moz-flex-wrap         : wrap;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    margin                 : 15px auto 0;
    padding                : 0
}

.galeria .foto {
    width   : 100%;
    position: relative;
    padding : 0;
    overflow: hidden
}

.galeria .foto a {
    display            : block;
    width              : 100%;
    height             : 0;
    min-height         : 0;
    padding-bottom     : 56.25%;
    overflow           : hidden;
    background-position: center center;
    background-size    : cover
}

.galeria .foto a img {
    width : 100%;
    height: auto
}

.galeria .foto a img:focus,
.galeria .foto a img:hover {
    -webkit-transform: scale(1.2, 1.2);
    -ms-transform    : scale(1.2, 1.2);
    transform        : scale(1.2, 1.2)
}

@media (min-width:768px) {
    .galeria .foto {
        width: 50%
    }
}

.carousel {
    margin-top      : 0;
    clear           : both;
    width           : 100%;
    float           : left;
    background-color: #f7f7f9;
    padding-bottom  : 40px
}

.carousel.carousel {
    height       : auto;
    margin-bottom: 15px
}

.carousel .peu-de-foto {
    margin-bottom   : 0;
    background-color: #007E11;
    color           : white;
    position        : absolute;
    top             : 90%;
    width           : 100%;
    padding-bottom  : 25px;
    text-align      : center;
    padding-top     : 10px
}

.carousel .carousel-caption {
    z-index      : 10;
    position     : relative;
    left         : 0;
    top          : 10px;
    bottom       : auto;
    height       : auto;
    color        : #fff;
    display      : table;
    padding      : 0;
    border-radius: 5px
}

.carousel .carousel-caption .text {
    font-size     : 16px;
    line-height   : 1.2;
    font-weight   : normal;
    display       : table-cell;
    vertical-align: middle;
    margin        : 0;
    padding       : 20px;
    color         : #fff;
    text-align    : left
}

.carousel .carousel-caption .text a {
    color: #fff
}

.carousel .carousel-inner {
    height: auto
}

.carousel .item {
    height: auto
}

.carousel img {
    height: auto
}

.carousel h3 {
    margin-top : 0;
    font-size  : 35px;
    font-weight: bold;
    line-height: 1.2
}

.carousel p {
    margin-bottom: 0
}

.carousel .carousel-indicators li {
    border          : 0;
    background-color: #aeb3b4;
    margin-left     : 5px;
    margin-right    : 5px
}

.carousel .carousel-indicators li.active {
    background-color: #007E11;
    width           : 10px;
    height          : 10px;
    margin          : 1px 5px
}

.carousel .slide-nav {
    position     : absolute;
    width        : 100%;
    height       : 35px;
    bottom       : 50%;
    right        : 0;
    margin-bottom: -17px
}

.carousel .slide-nav .left,
.carousel .slide-nav .right {
    background: none
}

.carousel .slide-nav .ico.left {
    left       : 10px;
    line-height: 35px
}

.carousel .slide-nav .ico.left:before {
    content: "\e620"
}

.carousel .slide-nav .ico.right {
    right      : 10px;
    line-height: 35px
}

.carousel .slide-nav .ico.right:before {
    content: "\e621"
}

.carousel .slide-nav .ico {
    width             : 35px;
    height            : 35px;
    color             : #007E11;
    font-size         : 30px;
    margin-top        : 0;
    position          : absolute;
    top               : 0;
    z-index           : 5;
    display           : inline-block;
    -webkit-transition: all linear 0.2s;
    -o-transition     : all linear 0.2s;
    transition        : all linear 0.2s
}

.carousel .slide-nav .ico:hover {
    color: #007E11
}

.carousel .slide-nav a {
    display        : block;
    text-decoration: none;
    text-shadow    : none;
    opacity        : 1
}

#slide-alumnes {
    margin-top   : 15px;
    margin-bottom: 10px
}

#slide-alumnes .text {
    padding: 20px
}

#slide-alumnes .text h3 {
    font-size: 18px
}

#slide-alumnes .text span {
    color     : #007E11;
    display   : inline-block;
    margin-top: 20px;
    font-size : 14px
}

#visita-virtual {
    padding-bottom  : 0;
    background-color: #fff
}

#slide-virtual {
    padding-bottom  : 0;
    background-color: #fff
}

#slide-virtual .container {
    width: 100%;
    float: left
}

#slide-virtual .active,
#slide-virtual .carousel,
#slide-virtual .item {
    height: 250px
}

@media (min-width:768px) {

    #slide-virtual .active,
    #slide-virtual .carousel,
    #slide-virtual .item {
        height: 407px
    }
}

@media (min-width:992px) {

    #slide-virtual .active,
    #slide-virtual .carousel,
    #slide-virtual .item {
        height: 350px
    }
}

@media (min-width:1200px) {

    #slide-virtual .active,
    #slide-virtual .carousel,
    #slide-virtual .item {
        height: 650px
    }
}

#slide-virtual .fill {
    width              : 100%;
    height             : 100%;
    background-position: center;
    background-size    : cover
}

#slide-virtual .carousel-inner {
    height: 100%
}

#slide-virtual .light-color,
#slide-virtual .light-color a {
    color          : #f7f7f7;
    text-decoration: none
}

#slide-virtual .blocky {
    margin-left: 8%;
    margin-top : 9%
}

#slide-virtual .blocky h1,
#slide-virtual .blocky h2 {
    font-size       : 14px;
    line-height     : 34px;
    background-color: #007E11;
    display         : inline;
    text-transform  : none;
    font-weight     : bold;
    color           : white
}

@media (min-width:768px) {

    #slide-virtual .blocky h1,
    #slide-virtual .blocky h2 {
        font-size  : 30px;
        line-height: 50px
    }
}

#slide-virtual .blocky h1 span,
#slide-virtual .blocky h2 span {
    padding: 20px;
    color  : #fff
}

#slide-virtual .slide-nav {
    width: 100%
}

#slide-virtual .slide-nav .left,
#slide-virtual .slide-nav .right {
    background: none
}

#slide-virtual .slide-nav .ico {
    width             : 30px;
    height            : 30px;
    color             : #007E11;
    font-size         : 30px;
    margin-top        : 0;
    position          : absolute;
    top               : 0;
    z-index           : 5;
    display           : inline-block;
    -webkit-transition: all linear 0.2s;
    -o-transition     : all linear 0.2s;
    transition        : all linear 0.2s
}

#slide-virtual .slide-nav .ico:hover {
    color: #8c8783
}

#slide-virtual .slide-nav .ico.left {
    left         : 20px;
    line-height  : 21px;
    border-radius: 50%;
    background   : #007E11;
    text-align   : center
}

#slide-virtual .slide-nav .ico.left:before {
    content      : "\e612";
    color        : #fff;
    font-size    : 18px;
    font-weight  : bold;
    padding-right: 2px
}

#slide-virtual .slide-nav .ico.left:after {
    background-color: #fff
}

#slide-virtual .slide-nav .ico.right {
    right        : 20px;
    line-height  : 21px;
    border-radius: 50%;
    background   : #007E11;
    text-align   : center
}

#slide-virtual .slide-nav .ico.right:before {
    content     : "\e611";
    color       : #fff;
    font-size   : 18px;
    font-weight : bold;
    padding-left: 2px
}

#slide.carousel {
    height       : 165px;
    margin-bottom: 40px
}

#slide .carousel-caption {
    text-shadow     : none;
    z-index         : 10;
    position        : relative;
    left            : 0;
    top             : 10px;
    bottom          : auto;
    height          : auto;
    background-color: #007E11;
    color           : #fff;
    display         : table;
    padding         : 0;
    border-radius   : 5px
}

#slide .carousel-caption .text {
    font-family   : "Roboto Condensed", "Arial Narrow", Arial;
    font-size     : 22px;
    line-height   : 1.2;
    font-weight   : bold;
    display       : table-cell;
    vertical-align: middle;
    margin        : 0;
    padding       : 20px;
    color         : #fff;
    text-align    : left
}

#slide .carousel-caption .text a {
    color: #fff
}

#slide .carousel-caption .text a:hover {
    text-decoration: none
}

#slide .carousel-caption .banner-lema {
    display: none
}

#slide .carousel-caption .arrow {
    position: absolute;
    z-index : 600;
    top     : 50%;
    right   : -11px;
    margin  : -7px 0 0;
    width   : 12px;
    height  : 16px;
    color   : #007E11
}

#slide .carousel-caption .arrow:before {
    content  : "\e623";
    font-size: 12px
}

#slide .carousel-inner {
    height: 165px
}

#slide .carousel .item {
    height          : 165px;
    background-color: #777
}

#slide figure.img {
    position           : absolute;
    top                : 0;
    left               : 0;
    min-width          : 100%;
    height             : 165px;
    background-size    : cover;
    background-position: 50% 50%;
    background-repeat  : no-repeat
}

#slide .carousel-indicators {
    bottom: -40px
}

#slide .carousel-indicators li {
    border          : 0;
    background-color: #aeb3b4;
    margin          : 1px 5px
}

#slide .carousel-indicators li.active {
    background-color: #007E11;
    width           : 10px;
    height          : 10px;
    margin          : 1px 5px
}

#slide .slide-nav {
    position: absolute;
    width   : 80px;
    height  : 35px;
    bottom  : 20px;
    right   : 10px
}

#slide .slide-nav .left,
#slide .slide-nav .right {
    background: none
}

#slide .slide-nav .ico.left {
    left         : 0;
    line-height  : 21px;
    border-radius: 50%;
    background   : #007E11;
    text-align   : center
}

#slide .slide-nav .ico.left:before {
    content      : "\e612";
    color        : #fff;
    font-size    : 18px;
    font-weight  : bold;
    padding-right: 2px
}

#slide .slide-nav .ico.left:after {
    background-color: #fff
}

#slide .slide-nav .ico.right {
    right        : 0;
    line-height  : 21px;
    border-radius: 50%;
    background   : #007E11;
    text-align   : center
}

#slide .slide-nav .ico.right:before {
    content     : "\e611";
    color       : #fff;
    font-size   : 18px;
    font-weight : bold;
    padding-left: 2px
}

#slide .slide-nav .ico {
    width             : 30px;
    height            : 30px;
    color             : #007E11;
    font-size         : 30px;
    margin-top        : 0;
    position          : absolute;
    top               : 0;
    z-index           : 5;
    display           : inline-block;
    -webkit-transition: all linear 0.2s;
    -o-transition     : all linear 0.2s;
    transition        : all linear 0.2s
}

#slide .slide-nav .ico:hover {
    color: #8c8783
}

#slide .slide-nav a {
    display        : block;
    text-decoration: none;
    text-shadow    : none;
    opacity        : 1
}

.carousel-control.left,
.carousel-control.right {
    -webkit-filter: none;
    filter        : none
}

.carousel-indicators {
    margin-left: -30% !important
}

#slide-interior {
    padding      : 20px 20px 40px;
    border-radius: 10px;
    margin-bottom: 20px
}

#slide-interior h4 {
    margin-top   : 0;
    margin-bottom: 15px
}

#slide-interior.padding-bottom-10 {
    padding-bottom: 10px
}

#slide-interior .text {
    padding: 20px 0
}

#slide-interior .text h4 {
    margin-top : 0;
    font-size  : 18px;
    font-weight: normal;
    line-height: 1.2
}

#slide-interior .text p {
    margin-bottom: 10px
}

#slide-interior .carousel-indicators {
    bottom       : 10px;
    width        : 70%;
    margin-left  : -35%;
    margin-bottom: 0
}

#slide-interior .carousel-indicators li {
    border          : 0;
    background-color: #aeb3b4;
    margin-left     : 2px;
    margin-right    : 2px;
    width           : 5px;
    height          : 5px
}

#slide-interior .carousel-indicators li.active {
    width : 5px;
    height: 5px;
    margin: 1px 2px
}

#slide-interior .slide-nav {
    position: absolute;
    width   : 100%;
    height  : 20px;
    bottom  : 25px;
    right   : 0
}

#slide-interior .slide-nav .left,
#slide-interior .slide-nav .right {
    background: none
}

#slide-interior .slide-nav .ico.left {
    left       : 10px;
    line-height: 20px
}

#slide-interior .slide-nav .ico.left:before {
    content: "\e620"
}

#slide-interior .slide-nav .ico.right {
    right      : 10px;
    line-height: 20px
}

#slide-interior .slide-nav .ico.right:before {
    content: "\e621"
}

#slide-interior .slide-nav .ico {
    width             : 20px;
    height            : 20px;
    color             : #007E11;
    font-size         : 15px;
    margin-top        : 0;
    position          : absolute;
    top               : 0;
    z-index           : 5;
    display           : inline-block;
    -webkit-transition: all linear 0.2s;
    -o-transition     : all linear 0.2s;
    transition        : all linear 0.2s
}

#slide-interior .slide-nav .ico:hover {
    color: #8c8783
}

#slide-interior .slide-nav a {
    display        : block;
    text-decoration: none;
    text-shadow    : none;
    opacity        : 1
}

.videos img {
    width: 100%
}

.videos .carousel-inner .active.left {
    left: -25%
}

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

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

.videos .carousel-control.left,
.videos .carousel-control.right {
    background-image: none
}

.videos .item:not(.prev) {
    visibility: visible
}

.videos .item.right:not(.prev) {
    visibility: hidden
}

.videos .rightest {
    visibility: visible
}

.carousel-nav {
    display : inline-block;
    width   : 80px;
    position: relative;
    height  : 35px
}

.carousel-nav .left,
.carousel-nav .right {
    background: none
}

.carousel-nav .ico.left {
    left       : 0;
    line-height: 35px
}

.carousel-nav .ico.left:before {
    content: "\e620"
}

.carousel-nav .ico.right {
    right      : 0;
    line-height: 35px
}

.carousel-nav .ico.right:before {
    content: "\e621"
}

.carousel-nav .ico {
    width             : 35px;
    height            : 35px;
    color             : #007E11;
    font-size         : 30px;
    margin-top        : -25px;
    position          : absolute;
    top               : 50%;
    z-index           : 5;
    display           : inline-block;
    -webkit-transition: all linear 0.2s;
    -o-transition     : all linear 0.2s;
    transition        : all linear 0.2s
}

.carousel-nav .ico:hover {
    color: #8c8783
}

.carousel-nav a {
    display        : block;
    text-decoration: none;
    text-shadow    : none;
    opacity        : 1
}

@media (min-width:992px) {
    #slide.carousel {
        height: 250px
    }

    #slide .carousel-indicators {
        left      : auto;
        right     : 0;
        bottom    : -30px;
        text-align: right
    }

    #slide .carousel-indicators li {
        border      : 0;
        margin-left : 5px;
        margin-right: 5px
    }

    #slide .carousel-indicators li.active {
        margin-left : 5px;
        margin-right: 5px
    }

    #slide.estret {
        height: 230px
    }

    #slide.estret .carousel-indicators {
        left  : auto;
        right : 0;
        bottom: -50px
    }

    #slide.estret .carousel-inner {
        height: 230px
    }

    #slide.estret .carousel .item {
        height: 230px
    }

    #slide.estret figure.img {
        height: 230px
    }

    #slide .carousel-caption {
        width           : 400px;
        top             : 30px;
        left            : 30px;
        height          : 190px;
        background-color: #007E11
    }

    #slide .carousel-caption .text {
        font-family: "Roboto Condensed", "Arial Narrow", Arial;
        font-size  : 35px;
        line-height: 1.2;
        font-weight: bold;
        padding    : 20px 20px 0
    }

    #slide .carousel-caption .banner-lema {
        font-size : 16px;
        text-align: left;
        padding   : 0 20px 20px;
        display   : block
    }

    #slide .carousel-caption .banner-lema a {
        color          : #fff;
        text-decoration: underline;
        opacity        : 0.8
    }

    #slide .carousel-caption .banner-lema a:hover {
        opacity: 1
    }

    #slide .carousel-inner {
        height: 250px
    }

    #slide .carousel .item {
        height: 250px
    }

    #slide figure.img {
        height: 250px
    }

    .galeria .foto {
        width: 33.33333%
    }
}

#nav-context ul {
    margin : 0;
    padding: 0
}

.container-isotope {
    width: 100%
}

.capsetes-central {
    margin-left      : -1px;
    -webkit-transform: translateX(1px);
    -ms-transform    : translateX(1px);
    transform        : translateX(1px)
}

.capsetes-central h3 {
    margin-top : 0;
    font-size  : 15px;
    font-weight: bold;
    text-align : left
}

.fitxa {
    margin-bottom: 20px;
    border       : 1px solid #dedede;
    border-radius: 10px;
    overflow     : hidden
}

.fitxa .title {
    margin          : 0;
    padding         : 10px;
    background-color: #f1f1f1;
    font-size       : 18px;
    position        : relative;
    border-bottom   : 1px solid #dedede
}

.fitxa .title a {
    display: block;
    color  : #000
}

.fitxa .title a:hover {
    text-decoration: none;
    color          : #007E11
}

.fitxa .title a:hover .more:before {
    color: #007E11
}

.fitxa .title .more {
    position: absolute;
    top     : 6px;
    right   : 10px;
    padding : 1px
}

.fitxa .title .more:before {
    content  : "\e621";
    font-size: 15px;
    color    : #dadada
}

.fitxa .fitxa-content {
    padding: 10px
}

.fitxa .fitxa-content p {
    margin-top: 10px
}

.fitxa .fitxa-info {
    clear: both;
    width: 100%;
    float: left
}

.fitxa .fitxa-img {
    width        : 100%;
    padding-right: 0;
    float        : left;
    display      : inline-block;
    margin-bottom: 20px
}

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

.fitxa .fitxa-text {
    width       : 100%;
    float       : left;
    padding-left: 0
}

.fitxa .fitxa-text h4 {
    margin-top: 0
}

.fitxa .fitxa-text2 {
    width       : 100%;
    float       : left;
    padding-left: 0
}

.fitxa .fitxa-text2 h4 {
    margin-top: 0
}

.fitxa-llistat {
    clear     : both;
    margin    : 10px 0;
    padding   : 0;
    list-style: none
}

.fitxa-llistat li {
    border-bottom: 1px solid #8c8783;
    position     : relative
}

.fitxa-llistat li .more {
    position  : absolute;
    top       : 0;
    right     : 0;
    padding   : 3px 1px;
    margin    : 0;
    float     : right;
    display   : inline;
    color     : #dadada;
    z-index   : 100;
    visibility: visible
}

.fitxa-llistat li .more:before {
    content: "\e621"
}

.fitxa-llistat a {
    display                    : block;
    padding                    : 3px 23px 3px 0;
    color                      : #000;
    font-weight                : bold;
    overflow                   : hidden;
    break-inside               : avoid-column;
    -webkit-column-break-inside: avoid
}

.fitxa-llistat a:hover {
    color          : #007E11;
    text-decoration: none
}

.fitxa-llistat a:hover .more:before {
    color: #007E11
}

.fitxa-llistat li.list-title a {
    color           : #fff;
    background-color: #8c8783;
    padding-left    : 8px
}

.fitxa-llistat li.list-title a .more {
    right: 5px
}

.fitxa-llistat li.list-title a:hover {
    background-color: #007E11;
    color           : #fff
}

.fitxa-llistat li.list-title a:hover .more:before {
    color: #fff
}

.fitxa-llistat1 {
    clear     : both;
    margin    : 10px 0 0;
    padding   : 0;
    list-style: none
}

.fitxa-llistat1 li {
    border-bottom: 1px solid #8c8783
}

.fitxa-llistat1 a {
    display    : block;
    position   : relative;
    padding    : 3px 10px 3px 0;
    color      : #000;
    font-weight: bold
}

.fitxa-llistat1 a:hover {
    color          : #007E11;
    text-decoration: none
}

.fitxa-llistat1 a:hover .more:before {
    color: #007E11
}

.fitxa-llistat1 a .more {
    padding : 1px;
    margin  : 0;
    position: absolute;
    top     : 5px;
    right   : 0;
    color   : #8c8783
}

.fitxa-llistat1 a .more:before {
    content: "\e621"
}

.cercador .btn {
    margin-top: 10px
}

@media (min-width:992px) {
    .cercador .btn {
        margin-top: 0
    }
}

@media (min-width:481px) {
    .fitxa .fitxa-img {
        width        : 50%;
        padding-right: 10px
    }

    .fitxa .fitxa-text {
        width       : 50%;
        padding-left: 10px
    }

    .fitxa .fitxa-llistat {
        -webkit-column-count: 2;
        -moz-column-count   : 2;
        column-count        : 2;
        -webkit-column-gap  : 20px;
        -moz-column-gap     : 20px;
        column-gap          : 20px
    }
}

@media (min-width:992px) {
    .fitxa .fitxa-img {
        width        : 100%;
        padding-right: 0
    }

    .fitxa .fitxa-text {
        width       : 100%;
        padding-left: 0
    }

    .fitxa .fitxa-llistat {
        -webkit-column-count: 1;
        -moz-column-count   : 1;
        column-count        : 1;
        -webkit-column-gap  : 20px;
        -moz-column-gap     : 20px;
        column-gap          : 20px
    }
}

@media (min-width:1200px) {
    .fitxa .fitxa-img {
        width        : 50%;
        padding-right: 10px
    }

    .fitxa .fitxa-text {
        width       : 50%;
        padding-left: 10px
    }

    .fitxa .fitxa-llistat {
        -webkit-column-count: 2;
        -moz-column-count   : 2;
        column-count        : 2;
        -webkit-column-gap  : 20px;
        -moz-column-gap     : 20px;
        column-gap          : 20px
    }
}

.tweets {
    display      : block;
    float        : left;
    width        : 100%;
    background   : #f7f7f9;
    margin-bottom: 25px
}

.tweets h3.block-title .tweet:before {
    content     : '\e602';
    margin-right: 10px;
    line-height : 1;
    font-size   : 14px
}

.tweets .tweets-content {
    padding: 10px 10px 0 10px
}

.tweets .view-more {
    margin-bottom: 0
}

.twitter-timeline {
    width: 100% !important
}

.twitter .block-title,
.twitter .block-title a {
    background: #fff;
    color     : #007E11
}

.twitter .tweets-content {
    margin    : 0 0 20px 0;
    background: #e7e7e7;
    padding   : 10px 20px
}

.serveis {
    margin-top   : 10px;
    margin-bottom: 20px
}

.block-title,
.block-title a {
    background-color: #007E11;
    color           : #fff;
    font-size       : 18px;
    font-weight     : bold;
    margin          : 0;
    padding         : 10px 20px;
    display         : block;
    width           : 100%;
    float           : left
}

.block-title a,
.block-title a a {
    padding    : 0;
    font-weight: normal;
    font-size  : 20px
}

.block-title a:hover,
.block-title a a:hover {
    text-decoration: none
}

.block-title .fletxa,
.block-title a .fletxa {
    margin-top        : 0px;
    position          : absolute;
    top               : 10px;
    right             : 20px;
    color             : #fff;
    -webkit-transition: all linear 0.2s;
    -o-transition     : all linear 0.2s;
    transition        : all linear 0.2s
}

.block-title .fletxa:hover,
.block-title a .fletxa:hover {
    color: rgba(0, 0, 0, 0.4)
}

.block-title .fletxa:before,
.block-title a .fletxa:before {
    content: '\e621'
}

.service-list,
.service-list-static {
    list-style: none;
    margin    : 0;
    padding   : 0;
    clear     : both
}

.service-list-static li,
.service-list li {
    display: block
}

.service-list-static li a,
.service-list li a {
    display         : block;
    padding         : 5px 10px;
    background-color: #f7f7f9;
    border-bottom   : 1px solid #007E11
}

.service-list-static li a.current,
.service-list-static li a:hover,
.service-list li a.current,
.service-list li a:hover {
    text-decoration : none;
    background-color: #fff
}

.box {
    display            : none;
    min-height         : 200px;
    float              : left;
    width              : 100%;
    position           : relative;
    background-size    : cover;
    background-position: 50% 50%;
    background-repeat  : no-repeat
}

.box h3 {
    margin     : 0;
    font-size  : 19px;
    font-weight: normal;
    line-height: 1.2
}

.box a:hover {
    text-decoration: underline
}

.box.current {
    display: block;
    color  : #000 !important
}

.box .info-box {
    background: rgba(255, 255, 255, 0.8);
    width     : 70%;
    min-height: 80%;
    height    : auto;
    padding   : 10px;
    margin    : 20px
}

.box .info-box p {
    margin-bottom: 0px
}

.box .info-box p.more {
    margin-top: 10px
}

.box .info-box p.more a {
    text-align     : center;
    font-weight    : bold;
    font-size      : 14px;
    text-decoration: none;
    padding        : 5px;
    margin         : 10px 10px 0px 0px
}

.box .info-box p.more a:hover {
    background     : #007E11;
    color          : #F7F7F9;
    text-decoration: none
}

@media (min-width:768px) {

    .service-list,
    .service-list-static {
        display: table;
        width  : 100%
    }

    .service-list-static li,
    .service-list li {
        display: table-cell
    }

    .service-list-static li a,
    .service-list li a {
        position        : relative;
        display         : block;
        padding         : 10px;
        font-weight     : bold;
        color           : #000;
        background-color: #f7f7f9;
        border-bottom   : 0
    }

    .service-list-static li a.current,
    .service-list-static li a:hover,
    .service-list li a.current,
    .service-list li a:hover {
        color           : #007E11;
        text-decoration : none;
        background-color: #f7f7f9
    }

    .service-list-static li a span.down,
    .service-list li a span.down {
        display    : none;
        width      : 16px;
        height     : 16px;
        font-size  : 16px;
        line-height: 1;
        position   : absolute;
        z-index    : 99;
        left       : 50%;
        bottom     : -15px;
        margin-left: -8px
    }

    .service-list-static li a span.down:after,
    .service-list li a span.down:after {
        content: '\e625';
        color  : #f7f7f9
    }

    .service-list-static li a.current span.down,
    .service-list li a.current span.down {
        display: block
    }

    .box h3 {
        font-weight: normal
    }
}

#mapa {
    width           : 100%;
    margin          : 20px auto;
    float           : left;
    padding         : 20px 0;
    background-color: #f7f7f9
}

#mapa ul {
    list-style: none;
    margin    : 10px 0;
    display   : inline-block;
    padding   : 0;
    width     : 100%
}

#mapa a {
    color      : #000;
    line-height: 1;
    padding    : 3px 0;
    float      : left;
    width      : 100%
}

#mapa a:hover {
    text-decoration: underline;
    color          : #007E11
}

.col-lg-15,
.col-md-15,
.col-sm-15,
.col-xs-15 {
    position     : relative;
    min-height   : 1px;
    padding-right: 10px;
    padding-left : 10px
}

@media (min-width:768px) {
    .col-sm-15 {
        width: 100%
    }
}

@media (min-width:992px) {
    #mapa {
        display: table
    }

    .col-lg-15,
    .col-md-15,
    .col-sm-15,
    .col-xs-15 {
        display       : table-cell;
        vertical-align: top
    }

    .col-md-15 {
        width: 20%
    }

    .border-left {
        border-left: 2px solid #ccc;
        padding    : 0 20px 0 20px !important
    }
}

@media (min-width:1200px) {
    .col-lg-15 {
        width: 20%
    }
}

.img-play {
    width      : 40px !important;
    height     : 40px !important;
    opacity    : 0.8;
    position   : absolute;
    top        : 50%;
    left       : 50%;
    margin-top : -20px;
    margin-left: -20px
}

#test .navigation {
    margin: 10px 0 0 0
}

#test .list_carousel {
    margin  : 0 0 30px 0;
    width   : 100%;
    padding : 0;
    overflow: hidden
}

#test .list_carousel ul {
    margin    : 0;
    padding   : 0;
    list-style: none;
    display   : block
}

#test .list_carousel li {
    font-size : 40px;
    text-align: left;
    width     : auto;
    padding   : 0;
    margin    : 10px;
    display   : block;
    float     : left
}

#test .list_carousel.responsive {
    width      : auto;
    margin-left: 0
}

#test .btn-group-vertical>.btn-group,
#test .btn-toolbar,
#test .clearfix,
#test .container,
#test .container-fluid,
#test .dl-horizontal dd,
#test .form-horizontal .form-group,
#test .modal-footer,
#test .nav,
#test .navbar,
#test .navbar-collapse,
#test .navbar-header,
#test .pager,
#test .panel-body,
#test .row {
    float: none;
    clear: both
}

#test .prev {
    float      : left;
    margin-left: 10px
}

#test .next {
    float       : right;
    margin-right: 10px
}

.caroufredsel_wrapper {
    cursor: default !important
}

@media (min-width:768px) {
    #test .list_carousel li {
        width: 350px
    }
}

@media (min-width:992px) {
    #test .list_carousel li {
        width: 220px
    }
}

@media (min-width:1200px) {
    #test .list_carousel li {
        width: 270px
    }
}

.jw-icon {
    font-family                  : 'jw-icons';
    -webkit-font-smoothing       : antialiased;
    font-style                   : normal;
    font-weight                  : normal;
    text-transform               : none;
    background-color             : transparent;
    font-variant                 : normal;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings   : "liga=1";
    -moz-font-feature-settings   : "liga";
    -ms-font-feature-settings    : "liga"1;
    -o-font-feature-settings     : "liga";
    font-feature-settings        : "liga";
    -moz-osx-font-smoothing      : grayscale
}

.jw-skin-uab .jw-background-color {
    background: #333
}

.jw-skin-uab .jw-controlbar {
    background: #007E11
}

.jw-skin-uab .jw-text {
    color: #cecece
}

.jw-skin-uab .jw-tooltip-title {
    color: #cecece
}

.jw-skin-uab .jw-knob {
    color: #cecece
}

.jw-skin-uab .jw-button-color {
    color: #cecece
}

.jw-skin-uab .jw-button-color:hover {
    color: #cecece
}

.jw-skin-uab .jw-toggle {
    color: #eee
}

.jw-skin-uab .jw-toggle.jw-off {
    color: #cecece
}

.jw-skin-uab .jw-option {
    color: #cecece
}

.jw-skin-uab .jw-option.jw-active-option {
    color: #eee
}

.jw-skin-uab .jw-icon-display {
    color: #cecece
}

.jw-skin-uab .jw-display-icon-container {
    border-radius: 2em
}

.jw-skin-uab .jw-display-icon-container:hover {
    background: #4d4d4d
}

.jw-skin-uab .jw-display-icon-container:hover .jw-icon-display {
    color: #eee
}

.jw-skin-uab .jw-rail {
    background: #666
}

.jw-skin-uab .jw-buffer {
    background: #202020
}

.jw-skin-uab .jw-progress {
    background: #eee
}

.jw-skin-uab .jw-slider-horizontal {
    background: #007E11
}

.jw-skin-uab .jw-slider-horizontal .jw-knob {
    margin-left: -0.4em
}

.jw-skin-uab .jw-slider-vertical .jw-knob {
    margin-bottom: -0.4em
}

.jw-skin-uab .jw-menu,
.jw-skin-uab .jw-time-tip,
.jw-skin-uab .jw-volume-tip {
    background: #007E11;
    border    : 1px solid #000;
    padding   : 0.5em
}

.jw-skin-uab .jw-skip {
    background: #007E11;
    padding   : 0.5em
}

.jw-skin-uab .jw-skip .jw-skip-icon {
    color: #cecece
}

.jw-skin-uab .jw-skip.jw-skippable:hover .jw-skip-icon,
.jw-skin-uab .jw-skip.jw-skippable:hover .jw-text {
    color: #eee
}

.jw-skin-uab .jw-dock-button .jw-text,
.jw-skin-uab .jw-time-tip .jw-text {
    color: #bbb
}

.jw-skin-uab .jw-time-tip {
    bottom: 1em
}

.jw-skin-uab .jw-dock-button {
    background   : #333;
    border-radius: 0.5em
}

.jw-skin-uab .jw-dock-button:hover {
    background: #4d4d4d
}

.jw-skin-uab .jw-playlist-container {
    padding: 0
}

.jw-skin-uab .jw-icon-inline,
.jw-skin-uab .jw-icon-tooltip,
.jw-skin-uab .jw-text-duration,
.jw-skin-uab .jw-text-elapsed {
    padding: 0 0.25em
}

.jw-skin-uab .jw-background-color {
    background-color: #007E11
}

.jw-skin-uab .jw-controlbar {
    display  : inline-block;
    width    : 96%;
    max-width: 50em;
    margin   : 0 auto;
    bottom   : 0.7em;
    left     : 2%;
    right    : 2%
}

.jw-skin-uab.jw-flag-audio-player .jw-controlbar {
    bottom: 0
}

.jw-skin-uab .jw-controlbar {
    border-radius  : 0.4em;
    background-size: 100% 100%
}

.jw-skin-uab .jw-controlbar .jw-overlay {
    bottom: 2em
}

.jw-skin-uab .jw-display-icon-container {
    background-color: #007E11;
    background-size : 100% 100%;
    border-radius   : 4em
}

.jw-skin-uab:hover .jw-display-icon-container {
    background-color: #007E11;
    background-size : 100% 100%
}

.jw-skin-uab .jw-option {
    text-align: left
}

.jw-skin-uab .jw-option .jw-icon-menu-bullet:before {
    content: "\e606"
}

.jw-skin-uab .jw-option:before {
    font-size     : 0.4em;
    vertical-align: middle;
    margin-right  : 0.4em
}

.jw-skin-uab .jw-playlist-container {
    left: -41%
}

.jw-skin-uab .jw-playlist-container .jw-icon,
.jw-skin-uab .jw-playlist-container .jw-text {
    color: #eee
}

.jw-skin-uab .jw-playlist-container .jw-option {
    border-bottom: 1px solid #2f2f31;
    color        : #878787
}

.jw-skin-uab .jw-playlist-container .jw-option:before {
    content: ""
}

.jw-skin-uab .jw-playlist-container .jw-option.jw-active-option,
.jw-skin-uab .jw-playlist-container .jw-option:hover {
    background-color: #2f2f31;
    color           : #fff
}

.jw-skin-uab .jw-playlist-container ::-webkit-scrollbar {
    border-radius: 0.25em
}

.jw-skin-uab .jw-playlist-container ::-webkit-scrollbar-track {
    background-color: #3c3c3e
}

.jw-skin-uab .jw-playlist-container ::-webkit-scrollbar-thumb {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(50%, #ccc), to(#fff));
    background: -webkit-linear-gradient(left, #fff 0, #ccc 50%, #fff 100%);
    background: linear-gradient(to right, #fff 0, #ccc 50%, #fff 100%)
}

.jw-skin-uab .jw-buffer,
.jw-skin-uab .jw-progress,
.jw-skin-uab .jw-rail {
    border-radius: 0.5em
}

.jw-skin-uab .jw-buffer,
.jw-skin-uab .jw-progress {
    border: 1px solid #000
}

.jw-skin-uab .jw-progress {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(50%, #ccc), to(#fff));
    background: -webkit-linear-gradient(top, #fff 0, #ccc 50%, #fff 100%);
    background: -o-linear-gradient(top, #fff 0, #ccc 50%, #fff 100%);
    background: linear-gradient(to bottom, #fff 0, #ccc 50%, #fff 100%)
}

.jw-skin-uab .jw-rail {
    border            : 1px solid #000;
    -webkit-box-shadow: inset 0 3px 10px 1px rgba(51, 51, 51, 0.85);
    box-shadow        : inset 0 3px 10px 1px rgba(51, 51, 51, 0.85)
}

.jw-skin-uab .jw-knob {
    width             : 0.8em;
    height            : 0.8em;
    border-radius     : 1em;
    background        : -webkit-radial-gradient(center, ellipse, #f3f3f3 0, #d2d2d2 90%, #b0b0b0 100%);
    background        : -o-radial-gradient(center, ellipse, #f3f3f3 0, #d2d2d2 90%, #b0b0b0 100%);
    background        : radial-gradient(ellipse at center, #f3f3f3 0, #d2d2d2 90%, #b0b0b0 100%);
    -webkit-box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.75);
    box-shadow        : 0 1px 10px 1px rgba(0, 0, 0, 0.75)
}

.jw-skin-uab .jw-slider-horizontal .jw-slider-container {
    height: 1.2em
}

.jw-skin-uab .jw-slider-horizontal .jw-buffer,
.jw-skin-uab .jw-slider-horizontal .jw-progress,
.jw-skin-uab .jw-slider-horizontal .jw-rail {
    height: 0.65em
}

.jw-skin-uab .jw-slider-horizontal .jw-knob {
    top: -0.075em
}

.jw-skin-uab .jw-slider-horizontal .jw-progress {
    border-top-right-radius   : 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius : 0.5em;
    border-top-left-radius    : 0.5em
}

.jw-skin-uab .jw-slider-horizontal .jw-buffer,
.jw-skin-uab .jw-slider-horizontal .jw-progress {
    border      : 1px solid #000;
    border-style: solid
}

.jw-skin-uab .jw-slider-horizontal .jw-cue {
    top               : 0.2em;
    width             : 0.25em;
    height            : 0.25em;
    background-color  : #616164;
    border-radius     : 50%;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75);
    box-shadow        : 0 0 0 1px rgba(0, 0, 0, 0.75)
}

.jw-skin-uab .jw-slider-vertical .jw-progress,
.jw-skin-uab .jw-slider-vertical .jw-rail {
    width: 0.65em
}

.jw-skin-uab .jw-slider-vertical .jw-progress {
    background                : -webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(50%, #ccc), to(#fff));
    background                : -webkit-linear-gradient(left, #fff 0, #ccc 50%, #fff 100%);
    background                : -o-linear-gradient(left, #fff 0, #ccc 50%, #fff 100%);
    background                : linear-gradient(to right, #fff 0, #ccc 50%, #fff 100%);
    border-top-right-radius   : 0;
    border-bottom-right-radius: 0.5em;
    border-bottom-left-radius : 0.5em;
    border-top-left-radius    : 0
}

.jw-skin-uab .jw-menu,
.jw-skin-uab .jw-time-tip,
.jw-skin-uab .jw-volume-tip {
    background-size: 100% 100%;
    border-radius  : 0.25em
}

.jw-skin-uab .jw-dock .jw-dock-button {
    background     : -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(73, 73, 75, 0.85)), color-stop(3%, rgba(69, 69, 71, 0.9)), color-stop(7%, rgba(63, 63, 65, 0.9)), color-stop(10%, rgba(62, 62, 64, 0.9)), color-stop(59%, rgba(58, 58, 61, 0.9)), color-stop(97%, rgba(52, 52, 55, 0.9)), to(rgba(52, 52, 55, 0.85)));
    background     : -webkit-linear-gradient(bottom, rgba(73, 73, 75, 0.85) 0, rgba(69, 69, 71, 0.9) 3%, rgba(63, 63, 65, 0.9) 7%, rgba(62, 62, 64, 0.9) 10%, rgba(58, 58, 61, 0.9) 59%, rgba(52, 52, 55, 0.9) 97%, rgba(52, 52, 55, 0.85) 100%);
    background     : -o-linear-gradient(bottom, rgba(73, 73, 75, 0.85) 0, rgba(69, 69, 71, 0.9) 3%, rgba(63, 63, 65, 0.9) 7%, rgba(62, 62, 64, 0.9) 10%, rgba(58, 58, 61, 0.9) 59%, rgba(52, 52, 55, 0.9) 97%, rgba(52, 52, 55, 0.85) 100%);
    background     : linear-gradient(0deg, rgba(73, 73, 75, 0.85) 0, rgba(69, 69, 71, 0.9) 3%, rgba(63, 63, 65, 0.9) 7%, rgba(62, 62, 64, 0.9) 10%, rgba(58, 58, 61, 0.9) 59%, rgba(52, 52, 55, 0.9) 97%, rgba(52, 52, 55, 0.85) 100%);
    background-size: 100% 100%;
    border-radius  : 0.25em
}

.jw-skin-uab .jw-dock .jw-dock-button:hover {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(73, 73, 75, 0.87)), color-stop(3%, #454547), color-stop(7%, #3f3f41), color-stop(10%, #3e3e40), color-stop(59%, #3a3a3d), color-stop(97%, #343437), to(rgba(52, 52, 55, 0.87)));
    background: -webkit-linear-gradient(bottom, rgba(73, 73, 75, 0.87) 0, #454547 3%, #3f3f41 7%, #3e3e40 10%, #3a3a3d 59%, #343437 97%, rgba(52, 52, 55, 0.87) 100%);
    background: -o-linear-gradient(bottom, rgba(73, 73, 75, 0.87) 0, #454547 3%, #3f3f41 7%, #3e3e40 10%, #3a3a3d 59%, #343437 97%, rgba(52, 52, 55, 0.87) 100%);
    background: linear-gradient(0deg, rgba(73, 73, 75, 0.87) 0, #454547 3%, #3f3f41 7%, #3e3e40 10%, #3a3a3d 59%, #343437 97%, rgba(52, 52, 55, 0.87) 100%)
}

.jw-skin-uab .jw-dock .jw-dock-button .jw-overlay {
    background     : -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(73, 73, 75, 0.87)), color-stop(3%, #454547), color-stop(7%, #3f3f41), color-stop(10%, #3e3e40), color-stop(59%, #3a3a3d), color-stop(97%, #343437), to(rgba(52, 52, 55, 0.87)));
    background     : -webkit-linear-gradient(bottom, rgba(73, 73, 75, 0.87) 0, #454547 3%, #3f3f41 7%, #3e3e40 10%, #3a3a3d 59%, #343437 97%, rgba(52, 52, 55, 0.87) 100%);
    background     : -o-linear-gradient(bottom, rgba(73, 73, 75, 0.87) 0, #454547 3%, #3f3f41 7%, #3e3e40 10%, #3a3a3d 59%, #343437 97%, rgba(52, 52, 55, 0.87) 100%);
    background     : linear-gradient(0deg, rgba(73, 73, 75, 0.87) 0, #454547 3%, #3f3f41 7%, #3e3e40 10%, #3a3a3d 59%, #343437 97%, rgba(52, 52, 55, 0.87) 100%);
    background-size: 100% 100%;
    border-radius  : 0.25em
}

.jw-skin-uab .jw-skip {
    background     : -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(73, 73, 75, 0.85)), color-stop(3%, rgba(69, 69, 71, 0.9)), color-stop(7%, rgba(63, 63, 65, 0.9)), color-stop(10%, rgba(62, 62, 64, 0.9)), color-stop(59%, rgba(58, 58, 61, 0.9)), color-stop(97%, rgba(52, 52, 55, 0.9)), to(rgba(52, 52, 55, 0.85)));
    background     : -webkit-linear-gradient(bottom, rgba(73, 73, 75, 0.85) 0, rgba(69, 69, 71, 0.9) 3%, rgba(63, 63, 65, 0.9) 7%, rgba(62, 62, 64, 0.9) 10%, rgba(58, 58, 61, 0.9) 59%, rgba(52, 52, 55, 0.9) 97%, rgba(52, 52, 55, 0.85) 100%);
    background     : -o-linear-gradient(bottom, rgba(73, 73, 75, 0.85) 0, rgba(69, 69, 71, 0.9) 3%, rgba(63, 63, 65, 0.9) 7%, rgba(62, 62, 64, 0.9) 10%, rgba(58, 58, 61, 0.9) 59%, rgba(52, 52, 55, 0.9) 97%, rgba(52, 52, 55, 0.85) 100%);
    background     : linear-gradient(0deg, rgba(73, 73, 75, 0.85) 0, rgba(69, 69, 71, 0.9) 3%, rgba(63, 63, 65, 0.9) 7%, rgba(62, 62, 64, 0.9) 10%, rgba(58, 58, 61, 0.9) 59%, rgba(52, 52, 55, 0.9) 97%, rgba(52, 52, 55, 0.85) 100%);
    background-size: 100% 100%;
    border         : 1px solid #000;
    border-radius  : 0.3em;
    padding        : 0.25em 0.5em
}

.jw-skin-uab .jw-skip:hover.jw-skippable {
    background     : -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(73, 73, 75, 0.87)), color-stop(3%, #454547), color-stop(7%, #3f3f41), color-stop(10%, #3e3e40), color-stop(59%, #3a3a3d), color-stop(97%, #343437), to(rgba(52, 52, 55, 0.87)));
    background     : -webkit-linear-gradient(bottom, rgba(73, 73, 75, 0.87) 0, #454547 3%, #3f3f41 7%, #3e3e40 10%, #3a3a3d 59%, #343437 97%, rgba(52, 52, 55, 0.87) 100%);
    background     : -o-linear-gradient(bottom, rgba(73, 73, 75, 0.87) 0, #454547 3%, #3f3f41 7%, #3e3e40 10%, #3a3a3d 59%, #343437 97%, rgba(52, 52, 55, 0.87) 100%);
    background     : linear-gradient(0deg, rgba(73, 73, 75, 0.87) 0, #454547 3%, #3f3f41 7%, #3e3e40 10%, #3a3a3d 59%, #343437 97%, rgba(52, 52, 55, 0.87) 100%);
    background-size: 100% 100%
}

.jw-icon-rewind {
    display: none !important
}

#test .list_carousel li.jw-option {
    float        : none;
    min-height   : 0;
    width        : auto;
    border-bottom: none;
    padding-left : 6px;
    padding-right: 6px;
    margin       : 0;
    font-size    : 0.8em
}

#test .list_carousel ul.jw-menu {
    padding: 8px
}

.color {
    color: #007E11
}

.top-img {
    background-color: #f7f7f9;
    margin-bottom   : 20px;
    clear           : both;
    overflow        : hidden
}

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

.top-img .new-text {
    padding    : 20px;
    font-size  : 14px;
    line-height: 1.3;
    width      : 100%
}

@media (min-width:768px) {
    .top-img .new-img {
        width        : 60%;
        float        : left;
        margin-right : 20px;
        margin-bottom: 5px
    }

    .top-img .new-text {}
}

@media (min-width:992px) {
    .top-img .new-img {
        width: 100%;
        float: left
    }

    .top-img .new-text {}
}

@media (min-width:1200px) {
    .top-img .new-img {
        width       : 68%;
        float       : left;
        margin-right: 20px
    }

    .top-img .new-text {}
}

.noticia {
    margin-bottom: 20px;
    font-size    : 16px;
    line-height  : 1.5
}

.noticia .date {
    color: #007E11
}

.noticia .social-print ul {
    list-style: none;
    margin    : 20px 0;
    padding   : 0;
    width     : 100%;
    float     : left
}

.noticia .social-print ul li {
    padding: 0;
    margin : 5px;
    display: block;
    height : 25px
}

@media (min-width:481px) {
    .noticia .social-print ul li {
        margin : 0 20px 0 0;
        float  : left;
        display: inline;
        height : auto
    }
}

.cercador p {
    margin: 10px auto
}

.cercador .cercador-top {
    padding-top: 8px
}

.cercador .cerca {
    margin-top   : 20px;
    margin-bottom: 10px
}

.contact-info {
    border-radius   : 10px;
    background-color: #f7f7f9;
    padding         : 20px 20px 10px;
    margin-bottom   : 20px
}

.contact-info h3 {
    margin-top : 0;
    font-size  : 18px;
    font-weight: bold
}

.contact-info p {
    margin-bottom: 10px
}

.rsuods {
    margin-top: 3em
}

.rsuods li {
    list-style: none;
    padding   : 10px
}

.rsuods img {
    width: 30px
}

.rsuods span {
    text-transform: uppercase;
    font-size     : 0.8em;
    font-weight   : bold;
    color         : #888;
    padding-left  : 1em
}

.calendar {
    border       : 1px solid #dedede;
    border-radius: 10px;
    overflow     : hidden;
    margin-bottom: 20px
}

.calendar .datepicker {
    width  : 100%;
    padding: 0
}

.calendar .datepicker table {
    width: 100%
}

.calendar .datepicker table .datepicker-switch {
    font-size: 18px
}

.calendar .datepicker table .datepicker-switch:hover {
    background: none !important
}

.calendar .datepicker table thead {
    background: #f1f1f1
}

.calendar .datepicker table thead th {
    border-radius: 0
}

.calendar .datepicker table thead .icon-next,
.calendar .datepicker table thead .icon-prev {
    color: black
}

.calendar .datepicker table thead th.next,
.calendar .datepicker table thead th.prev {
    visibility: visible !important;
    color     : black
}

.calendar .datepicker table thead th.next:hover,
.calendar .datepicker table thead th.prev:hover {
    background: none !important
}

.calendar .datepicker table thead th.next:hover a,
.calendar .datepicker table thead th.prev:hover a {
    text-decoration: none
}

.calendar .datepicker table .day a {
    color: black
}

.calendar .datepicker table .day:hover a {
    color          : black;
    text-decoration: none
}

.table-condensed .active a,
.table-condensed .today a {
    color: #fff !important
}

table .table-condensed {
    width          : 95%;
    font-size      : 0.9em;
    border-collapse: collapse;
    text-align     : right;
    margin         : 0
}

table .table-condensed a {
    text-decoration   : none;
    color             : black;
    padding           : 3px 5px 3px 4px;
    font-size         : 12px;
    -moz-box-sizing   : border-box;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background-color: rgba(0, 126, 17, 0.7) !important;
    color           : #fff
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background-color: #007E11 !important;
    color           : #fff !important;
    background-image: none
}

.filtre {
    margin-bottom: 20px
}

.filtre ul {
    margin    : 0;
    padding   : 0;
    list-style: none
}

.filtre ul li {
    margin : 0;
    padding: 0
}

.filtre ul li label {
    line-height  : 1;
    padding      : 10px;
    display      : block;
    border-bottom: 1px solid #dedede;
    width        : 100%;
    float        : left
}

.filtre ul li label input {
    float  : left;
    display: inline-block;
    margin : 0 5px 0 0
}

.filtre ul li label .circle {
    display       : inline-block;
    width         : 13px;
    height        : 13px;
    border-radius : 50%;
    vertical-align: middle;
    margin        : 0px 4px 0px 5px;
    float         : left
}

.filtre ul li label span {
    float      : left;
    display    : inline-block;
    line-height: 1;
    font-weight: normal
}

.filtre ul li:last-child label {
    border-bottom: 0
}

.filtre .btn {
    margin-top   : 10px;
    margin-bottom: 20px
}

.date {
    line-height  : 20px;
    margin-top   : 10px;
    margin-bottom: 10px
}

.date h4 {
    margin : 0;
    padding: 0
}

.date p {
    margin     : 0;
    padding    : 0;
    font-weight: bold
}

.date p .current {
    color          : #007E11;
    text-decoration: underline
}

.activitats .circle {
    background-color: #669900
}

.activitats .hora {
    background-color: #669900
}

.activitats .icon-down.icon-up,
.activitats .icon-down:after,
.activitats a.hover,
.activitats a:focus,
.activitats a:hover {
    color: #669900
}

.activitats .seccion {
    color: #669900
}

.divulgacio .circle {
    background-color: #993300
}

.divulgacio .hora {
    background-color: #993300
}

.divulgacio .icon-down.icon-up,
.divulgacio .icon-down:after,
.divulgacio a.hover,
.divulgacio a:focus,
.divulgacio a:hover {
    color: #993300
}

.divulgacio .seccion {
    color: #993300
}

.cultural .circle {
    background-color: #006633
}

.cultural .hora {
    background-color: #006633
}

.cultural .icon-down.icon-up,
.cultural .icon-down:after,
.cultural a.hover,
.cultural a:focus,
.cultural a:hover {
    color: #006633
}

.cultural .seccion {
    color: #006633
}

.sostenibilitat .circle {
    background-color: #cc0033
}

.sostenibilitat .hora {
    background-color: #cc0033
}

.sostenibilitat .icon-down.icon-up,
.sostenibilitat .icon-down:after,
.sostenibilitat a.hover,
.sostenibilitat a:focus,
.sostenibilitat a:hover {
    color: #cc0033
}

.sostenibilitat .seccion {
    color: #cc0033
}

.conferencies .circle {
    background-color: #666699
}

.conferencies .hora {
    background-color: #666699
}

.conferencies .icon-down.icon-up,
.conferencies .icon-down:after,
.conferencies a.hover,
.conferencies a:focus,
.conferencies a:hover {
    color: #666699
}

.conferencies .seccion {
    color: #666699
}

.esports .circle {
    background-color: #663300
}

.esports .hora {
    background-color: #663300
}

.esports .icon-down.icon-up,
.esports .icon-down:after,
.esports a.hover,
.esports a:focus,
.esports a:hover {
    color: #663300
}

.esports .seccion {
    color: #663300
}

.institucionals .circle {
    background-color: #006666
}

.institucionals .hora {
    background-color: #006666
}

.institucionals .icon-down.icon-up,
.institucionals .icon-down:after,
.institucionals a.hover,
.institucionals a:focus,
.institucionals a:hover {
    color: #006666
}

.institucionals .seccion {
    color: #006666
}

.solidaritat .circle {
    background-color: #993399
}

.solidaritat .hora {
    background-color: #993399
}

.solidaritat .icon-down.icon-up,
.solidaritat .icon-down:after,
.solidaritat a.hover,
.solidaritat a:focus,
.solidaritat a:hover {
    color: #993399
}

.solidaritat .seccion {
    color: #993399
}

.orientacio .circle {
    background-color: #0000cc
}

.orientacio .hora {
    background-color: #0000cc
}

.orientacio .icon-down.icon-up,
.orientacio .icon-down:after,
.orientacio a.hover,
.orientacio a:focus,
.orientacio a:hover {
    color: #0000cc
}

.orientacio .seccion {
    color: #0000cc
}

.tesis .circle {
    background-color: #006699
}

.tesis .hora {
    background-color: #006699
}

.tesis .icon-down.icon-up,
.tesis .icon-down:after,
.tesis a.hover,
.tesis a:focus,
.tesis a:hover {
    color: #006699
}

.tesis .seccion {
    color: #006699
}

.acte {
    position      : relative;
    padding-bottom: 10px
}

.acte .border {
    border-bottom: 1px dashed #8c8783;
    margin       : 10px 0;
    overflow     : hidden;
    float        : left;
    display      : block;
    width        : 100%
}

.acte .toggle {
    position: absolute;
    bottom  : 0;
    right   : 10px
}

.acte .hora {
    width        : 100%;
    padding      : 20px 0;
    text-align   : center;
    color        : #fff;
    border-radius: 10px;
    font-size    : 16px
}

.acte h3 {
    margin-top : 0;
    font-weight: normal;
    font-size  : 18px
}

.acte h3 a {
    color: #000
}

.acte h3 a:hover {
    text-decoration: none
}

.acte h4 {
    margin-top : 0;
    font-weight: normal;
    font-size  : 18px
}

.acte h4 a {
    color: #000
}

.acte h4 a:hover {
    text-decoration: none
}

.acte .info {
    font-size    : 15px;
    margin-bottom: 20px
}

.acte .icon {
    font-size: 20px;
    color    : #8c8783
}

.acte .icon:focus,
.acte .icon:hover {
    text-decoration: none
}

.acte .icon-down:after {
    content: '\e62e'
}

.acte .icon-down.icon-up:after {
    content: '\e62e'
}

.acte .icon.collapsed i:after {
    content: '\e62f';
    color  : #8c8783
}

.icon-prev:after {
    content: '\e620'
}

.icon-next:after {
    content: '\e621'
}

.aside-nav-content {
    margin-bottom: 20px;
    border       : 1px solid #dedede;
    border-radius: 10px;
    overflow     : hidden;
    font-size    : 16px
}

.aside-nav-content .title {
    margin          : 0;
    padding         : 10px 15px;
    background-color: #e7e7e7;
    font-size       : 15px;
    font-weight     : bold;
    position        : relative;
    border-bottom   : 1px solid #dedede;
    color           : #000;
    display         : block
}

.aside-nav-content .title a {
    display: block;
    color  : #000
}

.aside-nav-content .title a:focus,
.aside-nav-content .title a:hover {
    text-decoration: none;
    color          : #007E11
}

.aside-nav-content .title a:focus .mes:before,
.aside-nav-content .title a:focus .more:before,
.aside-nav-content .title a:hover .mes:before,
.aside-nav-content .title a:hover .more:before {
    color: #007E11
}

.aside-nav-content .title .more {
    position: absolute;
    top     : 6px;
    right   : 10px;
    padding : 1px
}

.aside-nav-content .title .more:before {
    content  : "\e621";
    font-size: 15px;
    color    : #dadada
}

.aside-nav-content .title .mes {
    position: absolute;
    top     : 6px;
    right   : 10px;
    padding : 1px
}

.aside-nav-content .title .mes:before {
    content  : "\e610";
    font-size: 15px;
    color    : #dadada
}

.aside-nav-content ul {
    clear     : both;
    margin    : 0;
    padding   : 0;
    list-style: none
}

.aside-nav-content ul li {
    border-bottom: 1px solid #dedede
}

.aside-nav-content ul li:last-child {
    border-bottom: 0
}

.aside-nav-content ul li ul {
    background: #f3f3f3
}

.aside-nav-content ul a {
    display        : block;
    position       : relative;
    padding        : 5px 30px 5px 15px;
    color          : #000;
    overflow       : hidden;
    text-decoration: none
}

.aside-nav-content ul a:focus,
.aside-nav-content ul a:hover {
    color          : #007E11;
    text-decoration: none;
    background     : #f3f3f3
}

.aside-nav-content ul a:focus .more:before,
.aside-nav-content ul a:hover .more:before {
    color: #007E11
}

.aside-nav-content ul a:focus .mes:before,
.aside-nav-content ul a:hover .mes:before {
    color: #007E11
}

.aside-nav-content ul a.actual-page {
    color     : #007E11;
    background: #f3f3f3
}

.aside-nav-content ul a .more {
    position: absolute;
    top     : 0;
    right   : 10px;
    padding : 5px 1px;
    margin  : 0;
    float   : right;
    display : inline;
    color   : #dadada
}

.aside-nav-content ul a .more:before {
    content: "\e621"
}

.aside-nav-content ul a .actual-section .mes {
    color     : #007E11;
    background: #f3f3f3
}

.aside-nav-content ul a .mes {
    position: absolute;
    top     : 0;
    right   : 10px;
    padding : 5px 1px;
    margin  : 0;
    float   : right;
    display : inline;
    color   : #dadada
}

.aside-nav-content ul a .mes:before {
    content: "\e62e"
}

.aside-nav-content ul a.collapsed .mes:before {
    content: "\e62f"
}

.aside-nav-featured {
    margin-bottom: 20px;
    border       : 1px solid #dedede;
    border-radius: 10px;
    overflow     : hidden;
    font-size    : 16px
}

.aside-nav-featured ul {
    clear     : both;
    margin    : 0;
    padding   : 0;
    list-style: none
}

.aside-nav-featured ul li {
    border-bottom: 1px solid #dedede
}

.aside-nav-featured ul li:last-child {
    border-bottom: 0
}

.aside-nav-featured ul a {
    display         : block;
    position        : relative;
    padding         : 5px 30px 5px 15px;
    color           : #000;
    overflow        : hidden;
    font-weight     : bold;
    background-color: #e7e7e7
}

.aside-nav-featured ul a:hover {
    color           : #007E11;
    text-decoration : none;
    background-color: #fff
}

.aside-nav-featured ul a:hover .copy:before,
.aside-nav-featured ul a:hover .mes:before,
.aside-nav-featured ul a:hover .more:before {
    color: #007E11
}

.aside-nav-featured ul a .more {
    position: absolute;
    top     : 0;
    right   : 10px;
    padding : 5px 1px;
    margin  : 0;
    float   : right;
    display : inline;
    color   : #fff
}

.aside-nav-featured ul a .more:before {
    content: "\e621"
}

.aside-nav-featured ul a .mes {
    position: absolute;
    top     : 0;
    right   : 10px;
    padding : 5px 1px;
    margin  : 0;
    float   : right;
    display : inline;
    color   : #fff
}

.aside-nav-featured ul a .mes:before {
    content: "\e610"
}

.aside-nav-featured ul a .copy {
    position: absolute;
    top     : 0;
    right   : 10px;
    padding : 5px 1px;
    margin  : 0;
    float   : right;
    display : inline;
    color   : #fff
}

.aside-nav-featured ul a .copy:before {
    content: "\e630"
}

.sidebar {
    position     : relative;
    min-height   : 1px;
    padding-left : 10px;
    padding-right: 10px;
    width        : 100%;
    float        : left
}

@media (min-width:992px) {
    .sidebar {
        width: 23%
    }
}

@media (min-width:1200px) {
    .sidebar {
        width: 20.83333333%
    }
}

.content {
    position     : relative;
    min-height   : 1px;
    padding-left : 10px;
    padding-right: 10px;
    float        : left;
    width        : 100%;
    font-size    : 16px;
    line-height  : 1.5
}

@media (min-width:992px) {
    .content {
        width: 54%
    }
}

@media (min-width:1200px) {
    .content {
        width: 58.33333333%
    }
}

.content-100 {
    font-size  : 16px;
    line-height: 1.5
}

.content-full {
    position     : relative;
    min-height   : 1px;
    padding-left : 10px;
    padding-right: 10px;
    float        : left;
    width        : 100%;
    font-size    : 16px;
    line-height  : 1.5
}

@media (min-width:992px) {
    .content-full {
        width: 77%
    }
}

@media (min-width:1200px) {
    .content-full {
        width: 79.16666666%
    }
}

.content-full-no-padding {
    position   : relative;
    min-height : 1px;
    float      : left;
    width      : 100%;
    font-size  : 16px;
    line-height: 1.5
}

@media (min-width:992px) {
    .content-full-no-padding {
        width: 77%
    }
}

@media (min-width:1200px) {
    .content-full-no-padding {
        width: 79.16666666%
    }
}

@media (min-width:1200px) {
    .sidebar {
        width: 20.83333333%
    }

    .content {
        width: 58.33333333%
    }

    .content-full {
        width: 79.16666666%
    }
}

.content-100 ol,
.content-100 ul,
.content-full-no-padding ol,
.content-full-no-padding ul,
.content-full ol,
.content-full ul,
.content ol,
.content ul {
    margin     : 1em 0;
    padding    : 0;
    margin-left: 2em
}

.content-100 p,
.content-full-no-padding p,
.content-full p,
.content p {
    max-width: 800px
}

.featured {
    background    : #007E11;
    display       : table;
    float         : left;
    margin        : 0;
    position      : relative;
    padding-bottom: 15px
}

.featured .session {}

.featured .session h3 {
    margin     : 0;
    padding    : 0;
    line-height: 100%
}

.featured .session h3 a {
    color    : #fff;
    display  : table;
    font-size: 16px
}

.featured .session h3 span.e-text {
    vertical-align: middle;
    display       : table-cell;
    font-family   : Arial;
    font-weight   : bold;
    margin        : 0
}

.session ul {
    height    : 100%;
    min-height: 250px;
    background: #fff;
    list-style: none;
    margin    : 0;
    padding   : 0 10px;
    position  : relative
}

.session ul li {
    margin  : 0;
    display : inline-block;
    overflow: hidden
}

.session ul li a {
    font-weight: bold;
    font-size  : 14px
}

.session ul li h4 {
    margin-bottom: 0;
    margin-top   : 5px
}

.contingut-desplegable {
    margin: 20px 0 40px
}

.desplegable-wrap {
    margin: 1.25em 0
}

h2.contingut-desplegable-titol {
    margin       : -1px 0 0;
    border-top   : 1px dashed #8c8783;
    border-bottom: 1px dashed #8c8783
}

h2.contingut-desplegable-titol button {
    text-align  : left;
    font-weight : normal;
    font-size   : 18px;
    border      : none;
    padding     : 10px;
    margin-right: 20px;
    color       : #111;
    background  : none;
    width       : 100%
}

h2.contingut-desplegable-titol button:before {
    display                : inline-block;
    top                    : 1px;
    margin-right           : 0.25em;
    position               : relative;
    font-family            : "uab-icons";
    speak                  : none;
    line-height            : 1;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
    content                : "\e62f";
    color                  : #007E11;
    -webkit-transition     : 0.2s;
    -o-transition          : 0.2s;
    transition             : 0.2s
}

h2.contingut-desplegable-titol button.collapsed:before {
    -webkit-transform : rotate(180deg);
    -moz-transform    : rotate(180deg);
    -o-transform      : rotate(180deg);
    -ms-transform     : rotate(180deg);
    transform         : rotate(180deg);
    -webkit-transition: 0.2s;
    -o-transition     : 0.2s;
    transition        : 0.2s;
    color             : #8c8783
}

h2.contingut-desplegable-titol button:focus {
    background: #f3f3f3;
    outline   : 1px solid #dedede
}

ul.unaCol {
    list-style-type: circle
}

@media (min-width:768px) {
    ul.unaCol {
        -webkit-column-count: 1;
        -moz-column-count   : 1;
        column-count        : 1;
        -webkit-column-gap  : 20px;
        -moz-column-gap     : 20px;
        column-gap          : 20px
    }
}

ul.duesCol {
    list-style: none;
    margin    : 10px 0;
    padding   : 0;
    display   : block
}

@media (min-width:768px) {
    ul.duesCol {
        -webkit-column-count: 2;
        -moz-column-count   : 2;
        column-count        : 2;
        -webkit-column-gap  : 20px;
        -moz-column-gap     : 20px;
        column-gap          : 20px
    }
}

ul.duesCol li,
ul.unaCol li {
    margin                     : 0;
    padding                    : 5px 20px 5px 0;
    -webkit-column-break-inside: avoid;
    break-inside               : avoid-column;
    page-break-inside          : avoid
}

.icon-prev:after {
    content: "\e620"
}

.icon-next:after {
    content: "\e621"
}

.pre-titol {
    margin     : 0;
    color      : #007E11;
    font-size  : 13px;
    font-weight: bold
}

.s-image {
    margin-bottom: 20px
}

.s-image h4 {
    margin   : 0;
    color    : #007E11;
    font-size: 13px
}

.s-image h3 {
    margin     : 5px 0;
    font-size  : 16px;
    font-weight: normal
}

.s-image img {
    margin: 10px 0
}

.links {
    list-style: none;
    margin    : 5px 0 !important;
    padding   : 0 !important;
    font-size : 13px
}

.links li {
    border-bottom: 1px solid #8c8783
}

.links li:last-child {
    border-bottom: 0
}

.links a {
    display        : block;
    position       : relative;
    padding        : 5px 30px 5px 0;
    color          : #000;
    overflow       : hidden;
    text-decoration: none !important
}

.links a:hover {
    color          : #007E11;
    text-decoration: none !important
}

.links a:hover .more:before {
    color: #007E11
}

.links a:hover .mes:before {
    color: #007E11
}

.links a .more {
    position: absolute;
    top     : 0;
    right   : 0;
    padding : 5px 1px;
    margin  : 0;
    float   : right;
    display : inline;
    color   : #dadada
}

.links a .more:before {
    content: "\e621"
}

.links a .mes {
    position: absolute;
    top     : 0;
    right   : 0;
    padding : 5px 1px;
    margin  : 0;
    float   : right;
    display : inline;
    color   : #dadada
}

.links a .mes:before {
    content: "\e610"
}

.content-links {
    margin-bottom: 20px
}

.content-links h3 {
    margin   : 0 0 10px;
    color    : #007E11;
    font-size: 16px
}

.caixa {
    position: relative;
    width   : 80%;
    margin  : 15px auto
}

.caixa:before {
    content    : "";
    display    : block;
    padding-top: 100%
}

.caixa .cuadrada {
    position             : absolute;
    top                  : 0;
    left                 : 0;
    bottom               : 0;
    right                : 0;
    -webkit-border-radius: 50%;
    -moz-border-radius   : 50%;
    border-radius        : 50%;
    width                : 100%
}

.caixa p {
    text-align: center;
    margin-top: 10px
}

.honoris ul {
    padding-left: 0
}

.honoris ul li {
    list-style-type: none;
    border-top     : 1px dotted;
    padding        : 10px
}

.honoris ul li:last-child {
    border-bottom: 1px dotted
}

.ficha_honoris {
    border-bottom: 1px dotted #8c8783
}

.ficha_honoris p {
    margin     : 10px 10px 10px 0;
    line-height: 1.385em
}

.ficha_honoris a .more {
    right          : 0;
    text-decoration: none !important
}

section.centre {
    display: inline-block
}

div.caixes-ident {
    position     : relative;
    margin-bottom: 5px
}

div.caixes-ident .interior {
    border       : 1px solid #dedede;
    border-radius: 15px;
    overflow     : hidden;
    color        : black;
    font-family  : "helv-condensed-bold-webfont", Arial, sans-serif
}

div.caixes-ident .interior h4 {
    padding-left : 20px;
    padding-right: 20px;
    margin-bottom: 20px
}

div.caixes-ident .interior p {
    padding-left : 20px;
    padding-right: 20px;
    margin-bottom: 20px
}

div.caixes-ident .interior img {
    float        : right;
    padding-right: 10px;
    margin-bottom: 10px
}

img.img-interior {
    width: 100%
}

div.imatge-gradient p {
    padding-top: 25px;
    font-size  : 3.5em;
    color      : white;
    font-weight: bolder;
    margin     : 0
}

div.imatge-gradient p:before {
    background-color : white;
    background-image : none;
    background-repeat: no-repeat;
    -webkit-filter   : none;
    filter           : none
}

@media (min-width:992px) {

    .honoris ul li:first-child,
    .honoris ul li:last-child {
        border-bottom: none
    }
}

.menu-left .row {
    margin: 10px 0
}

.menu-left .navbar-toggle {
    position     : relative;
    float        : right;
    margin-right : 10px;
    margin-top   : 8px;
    margin-bottom: 8px;
    width        : 30px;
    height       : 30px;
    background   : none;
    color        : #fff;
    font-size    : 20px;
    border       : 0
}

.menu-left .navbar-toggle:before {
    content: '\e616';
    color  : #000
}

.menu-left .navbar-toggle.collapsed:before {
    content: '\e626';
    color  : #000
}

.menu-left .navbar-header {
    background-color: #eee
}

.menu-left .navbar-collapse {
    padding: 0
}

.menu-left .navbar-collapse .menu-content {
    margin: 20px 0
}

@media (min-width:992px) {
    .menu-left .row {
        margin: 0
    }

    .menu-left .navbar-collapse .menu-content {
        margin: 0 0 40px 0
    }
}

.menu-navegacio .row {
    margin: 10px 0
}

.menu-navegacio .navbar-toggle {
    position     : relative;
    float        : right;
    margin-right : 10px;
    margin-top   : 8px;
    margin-bottom: 8px;
    width        : 30px;
    height       : 30px;
    background   : none;
    color        : #fff;
    font-size    : 20px;
    border       : 0
}

.menu-navegacio .navbar-toggle:before {
    content: '\e616';
    color  : #000
}

.menu-navegacio .navbar-toggle.collapsed:before {
    content: '\e626';
    color  : #000
}

.menu-navegacio .navbar-header {
    background-color: #eee
}

.menu-navegacio .navbar-collapse {
    padding: 0
}

.menu-navegacio .navbar-collapse .menu-content {
    margin: 20px 0
}

.bg-color {
    background-color: #007E11;
    color           : #fff;
    overflow        : hidden;
    margin          : 0 10px 10px 10px;
    padding         : 5px 0 7px 0
}

@media (min-width:992px) {
    .bg-color {
        margin: 0 10px 20px 10px
    }
}

.bg-color a {
    color: #fff
}

.bg-color h3 {
    margin : 0;
    display: block
}

.bg-color h3 span.facebook:after {
    content: '\e608';
    padding: 0 5px 0 0
}

.bg-color h3 span.anar:after {
    font-size: 20px;
    padding  : 3px 5px 0 0;
    float    : left;
    display  : inline
}

.bg-color h3 span.incoming:after {
    font-size: 20px;
    padding  : 3px 5px 0 0;
    float    : left;
    display  : inline
}

.bg-color ul.xarxes-socials li a {
    background: #007E11;
    color     : #fff
}

.btn-intercanvi {
    background-color: #007E11;
    color           : #fff;
    overflow        : hidden;
    margin          : 10px 0;
    padding         : 5px 25px 7px 10px;
    display         : block;
    position        : relative;
    font-size       : 23px;
    line-height     : 27px
}

.btn-intercanvi:hover {
    text-decoration: none;
    background     : #f7f7f9;
    color          : #007E11
}

.btn-intercanvi span.mobilitat {
    font-size: 20px
}

.btn-intercanvi span.more:after {
    content   : '\e621';
    padding   : 0 0 0 0;
    position  : absolute;
    top       : 50%;
    margin-top: -13px;
    right     : 10px;
    font-size : 13px
}

.anar:after {
    content: "\e629"
}

.incoming:after {
    content: "\e62b";
    padding: 0 5px 0 0
}

.mobilitat:after {
    content: "\e62d";
    padding: 0 5px 0 0
}

@media (min-width:768px) {
    .bg-color ul.xarxes-socials {
        float: right
    }
}

body.firefox .capsetes-central {
    margin-left      : -1px;
    -webkit-transform: translateX(1px);
    -ms-transform    : translateX(1px);
    transform        : translateX(1px)
}

.full {
    width : 100%;
    height: auto
}

img.full {
    height   : auto;
    margin   : 0 0 10px;
    max-width: 100%
}

ul.xarxes-socials {
    display : inline-block;
    margin  : 2px auto 0;
    padding : 0;
    clear   : both;
    overflow: hidden
}

ul.xarxes-socials li {
    display       : table-cell;
    float         : left;
    vertical-align: top;
    margin        : 0 2px
}

ul.xarxes-socials li a {
    border-radius: 12px;
    color        : #000;
    display      : block;
    font-size    : 24px;
    height       : 24px !important;
    line-height  : 24px;
    margin       : 0 2px 0 2px !important;
    overflow     : hidden;
    padding      : 0;
    text-align   : center;
    width        : 24px !important
}

ul.xarxes-socials li a em {
    display: none
}

ul.xarxes-socials li a:hover {
    text-decoration: none
}

ul.xarxes-socials li a.facebook:after {
    content: "\e608"
}

ul.xarxes-socials li a.facebook:hover {
    color: #455f98
}

ul.xarxes-socials li a.twitter:after {
    content: "\e60a"
}

ul.xarxes-socials li a.twitter:hover {
    color: #60d7fc
}

ul.xarxes-socials li a.google:after {
    content: "\e607"
}

ul.xarxes-socials li a.google:hover {
    color: #d84f44
}

ul.xarxes-socials li a.linkedin:after {
    content: "\e606"
}

ul.xarxes-socials li a.linkedin:hover {
    color: #00a2de
}

ul.xarxes-socials li a.youtube:after {
    content: "\e609"
}

ul.xarxes-socials li a.youtube:hover {
    color: #e0413a
}

ul.xarxes-socials li a.instagram:after {
    content: "\e901"
}

ul.xarxes-socials li a.instagram:hover {
    color: #996649
}

.contact-info {
    float        : left;
    width        : 100%;
    margin       : 0;
    background   : #f7f7f9;
    padding      : 10px 20px;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .contact-info {
        margin-bottom: 10px
    }
}

.contact-info h4 {
    font-size: 15px
}

.space-sm {
    margin-top: 10px
}

@media (min-width:992px) {
    .space-sm {
        margin-top: 0
    }
}

.space-xs {
    margin-top: 10px
}

@media (min-width:768px) {
    .space-xs {
        margin-top: 0
    }
}

.mt-15 {
    margin-top: 15px
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.views {
    float: left
}

.img-link-full {
    margin : -20px -20px 20px;
    display: block
}

.img-link-full img {
    width: 100%
}

.special-link {
    display : block;
    margin  : 10px 0;
    position: relative;
    width   : 100%;
    clear   : both
}

.special-link:hover {
    text-decoration: none
}

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

.special-link span {
    width      : 45%;
    font-size  : 16px;
    line-height: 1;
    position   : absolute;
    top        : 50%;
    right      : 10px;
    color      : #fff;
    margin-top : -8px
}

a.special-button {
    background     : #333;
    display        : table;
    float          : left;
    font-size      : 13px;
    margin         : 0 0 5px;
    overflow       : hidden;
    padding        : 0;
    position       : relative;
    width          : 100%;
    height         : 58px;
    text-decoration: none !important
}

a.special-button:hover {
    background     : #007E11;
    text-decoration: none
}

a.special-button .img-bg {
    width              : 80px;
    height             : 58px;
    display            : table-cell;
    background-position: 50% 50%;
    background-size    : cover
}

a.special-button img {
    color   : #fff;
    display : table-cell;
    margin  : 0 !important;
    overflow: hidden;
    padding : 0 !important;
    width   : 100px
}

a.special-button:hover img {
    opacity: 1
}

a.special-button span.e-text {
    line-height   : 1;
    vertical-align: middle;
    color         : #fff;
    display       : table-cell;
    font-family   : Arial;
    font-weight   : bold;
    margin        : 0;
    padding       : 0 10px
}

a.special-button:hover span.e-text {
    color: #fff
}

.cursos-uab {
    list-style       : none;
    padding          : 0;
    display          : -webkit-flex;
    display          : -moz-flex;
    display          : -ms-flexbox;
    display          : -ms-flex;
    display          : -webkit-box;
    display          : flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap   : wrap;
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap;
    clear            : both
}

.cursos-uab .curs-uab {
    width  : 100%;
    padding: 10px;
    margin : 0;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: -webkit-inline-box;
    display: inline-flex
}

.curs-slot {
    background-color     : #eee;
    display              : -webkit-flex;
    display              : -moz-flex;
    display              : -ms-flexbox;
    display              : -ms-flex;
    display              : -webkit-box;
    display              : flex;
    -webkit-align-content: space-between;
    -moz-align-content   : space-between;
    -ms-align-content    : space-between;
    -ms-flex-line-pack   : justify;
    align-content        : space-between;
    -webkit-flex-wrap    : wrap;
    -moz-flex-wrap       : wrap;
    -ms-flex-wrap        : wrap;
    flex-wrap            : wrap;
    position             : relative;
    width                : 100%;
    padding-bottom       : 0;
    margin-bottom        : 10px
}

.curs-slot .curs-content {
    width: 100%
}

.curs-slot .curs-title {
    background-color   : #007E11;
    color              : #fff;
    margin             : 0;
    padding            : 12px 45px 10px 20px;
    font-size          : 20px;
    position           : relative;
    width              : 100%;
    -webkit-align-self : flex-start;
    -moz-align-self    : flex-start;
    -ms-align-self     : flex-start;
    -ms-flex-item-align: start;
    align-self         : flex-start
}

.curs-slot .curs-title .fletxa {
    margin-top        : 0;
    position          : absolute;
    top               : 10px;
    right             : 20px;
    color             : #fff;
    -webkit-transition: all linear 0.2s;
    -o-transition     : all linear 0.2s;
    transition        : all linear 0.2s
}

.curs-slot .curs-title .fletxa:hover {
    color: rgba(0, 0, 0, 0.4)
}

.curs-slot .curs-title .fletxa:before {
    content: "\e621"
}

.curs-slot .curs-title a {
    background-color: #007E11;
    color           : #fff;
    display         : block;
    text-decoration : none !important
}

.curs-slot .curs-title a em {
    font-style: normal;
    color     : rgba(255, 255, 255, 0.7)
}

.curs-slot .curs-title a:focus,
.curs-slot .curs-title a:hover {
    text-decoration: none
}

.curs-slot .curs-img {
    background-position: center center;
    background-size    : cover;
    width              : 100%;
    margin             : 0;
    position           : relative;
    -webkit-align-self : flex-start;
    -moz-align-self    : flex-start;
    -ms-align-self     : flex-start;
    -ms-flex-item-align: start;
    align-self         : flex-start
}

.curs-slot .curs-description {
    padding            : 20px 20px 10px;
    width              : 100%;
    -webkit-align-self : flex-start;
    -moz-align-self    : flex-start;
    -ms-align-self     : flex-start;
    -ms-flex-item-align: start;
    align-self         : flex-start
}

.curs-slot .curs-description .curs-subtitle {
    margin     : 0;
    font-size  : 20px;
    padding    : 0;
    font-weight: bold;
    line-height: 1.1em
}

.curs-slot .curs-description .curs-link {
    font-weight: bold;
    font-size  : 17px
}

.curs-slot .curs-description .curs-link a {
    display      : inline-block;
    position     : relative;
    padding-right: 25px
}

.curs-slot .curs-description .curs-link a:focus,
.curs-slot .curs-description .curs-link a:hover {
    text-decoration: none
}

.curs-slot .curs-description .curs-link a .fletxa {
    margin-top: 0;
    font-size : 14px;
    position  : absolute;
    top       : 2px;
    right     : 0
}

.curs-slot .curs-description .curs-link a .fletxa:before {
    content: "\e621"
}

.curs-slot .curs-description .cols2 {
    -webkit-column-count: 1;
    -moz-column-count   : 1;
    column-count        : 1;
    -webkit-column-gap  : 20px;
    -moz-column-gap     : 20px;
    column-gap          : 20px
}

.curs-slot .curs-description .cols3 {
    -webkit-column-count: 1;
    -moz-column-count   : 1;
    column-count        : 1;
    -webkit-column-gap  : 20px;
    -moz-column-gap     : 20px;
    column-gap          : 20px
}

.curs-slot .curs-description ul.columns {
    margin    : 0;
    padding   : 0;
    list-style: none;
    overflow  : hidden;
    width     : 100%
}

.curs-slot .curs-description ul.columns li a {
    display      : inline-block;
    border-bottom: 1px solid #007E11;
    padding      : 3px 25px 3px 0;
    color        : #000;
    font-weight  : bold;
    position     : relative
}

.curs-slot .curs-description ul.columns li a .fletxa {
    margin-top        : 0;
    font-size         : 14px;
    position          : absolute;
    top               : 2px;
    right             : 0;
    color             : #007E11;
    opacity           : 0;
    -webkit-transition: all linear 0.2s;
    -o-transition     : all linear 0.2s;
    transition        : all linear 0.2s
}

.curs-slot .curs-description ul.columns li a .fletxa:before {
    content: "\e621"
}

.curs-slot .curs-description ul.columns:focus,
.curs-slot .curs-description ul.columns:hover {
    text-decoration: none;
    color          : #007E11
}

.curs-slot .curs-description ul.columns:focus .fletxa,
.curs-slot .curs-description ul.columns:hover .fletxa {
    opacity           : 1;
    -webkit-transition: all linear 0.2s;
    -o-transition     : all linear 0.2s;
    transition        : all linear 0.2s
}

.curs-slot .curs-img-links {
    margin             : 0;
    overflow           : hidden;
    width              : 100%;
    padding            : 0 10px;
    margin-bottom      : 20px;
    -webkit-align-self : flex-end;
    -moz-align-self    : flex-end;
    -ms-align-self     : flex-end;
    -ms-flex-item-align: end;
    align-self         : flex-end
}

.curs-slot .curs-img-links a {
    width  : 50%;
    padding: 10px 10px 0;
    float  : left;
    display: inline-block
}

.curs-slot .curs-img-links a img {
    width : 100%;
    height: auto
}

.simpleBlocUAB {
    width: 100%
}

@media (min-width:768px) {
    .curs-slot .curs-description .cols2 {
        -webkit-column-count: 2;
        -moz-column-count   : 2;
        column-count        : 2;
        -webkit-column-gap  : 20px;
        -moz-column-gap     : 20px;
        column-gap          : 20px
    }

    .curs-slot .curs-description .cols3 {
        -webkit-column-count: 2;
        -moz-column-count   : 2;
        column-count        : 2;
        -webkit-column-gap  : 20px;
        -moz-column-gap     : 20px;
        column-gap          : 20px
    }
}

@media (min-width:992px) {
    .cursos-uab .curs-uab {
        width: 50%
    }

    .cursos-uab .simpleBlocUAB {
        width: 100%
    }

    .cursos-uab .simpleBlocUAB .curs-uab {
        width: 100%
    }

    .curs-slot .curs-description .cols2 {
        -webkit-column-count: 2;
        -moz-column-count   : 2;
        column-count        : 2;
        -webkit-column-gap  : 20px;
        -moz-column-gap     : 20px;
        column-gap          : 20px
    }

    .curs-slot .curs-description .cols3 {
        -webkit-column-count: 3;
        -moz-column-count   : 3;
        column-count        : 3;
        -webkit-column-gap  : 20px;
        -moz-column-gap     : 20px;
        column-gap          : 20px
    }
}

.arqueologia {
    background   : #000;
    color        : #fff;
    margin-bottom: 20px;
    margin-left  : 10px;
    margin-right : 10px
}

.llegenda-mapa {
    background: #8c8783
}

.llegenda-mapa h2 {
    text-transform: uppercase;
    font-size     : 16px;
    font-weight   : bold;
    line-height   : 1.4em;
    padding-top   : 10px;
    padding-left  : 15px
}

.llegenda-mapa ul {
    margin-left : 0;
    list-style  : none;
    padding-left: 15px
}

.llegenda-mapa ul.senars a {
    color          : #f7f7f9;
    text-decoration: none
}

.llegenda-mapa ul.parells a {
    color          : #000;
    text-decoration: none
}

.llegenda-mapa ul.senars a:hover {
    text-decoration: underline
}

.llegenda-mapa ul.parells a:hover {
    text-decoration: underline
}

.mapa {
    text-align: center
}

.llegenda-seus {
    text-align: center
}

.llegenda-seus h2 {
    color      : #FF6003;
    font-size  : 20px;
    font-weight: bold
}

.llegenda-seus ul {
    list-style  : none;
    font-size   : 16px;
    padding-left: 0
}

.llegenda-seus ul a {
    color: #fff
}

.llegenda-seus ul a:hover {
    text-decoration: underline
}

@media (min-width:768px) {
    .llegenda-mapa ul {
        text-align: left
    }

    .llegenda-seus {
        text-align  : left;
        padding-left: 30px
    }
}

@media (min-width:992px) {
    .llegenda-seus {
        padding-top  : 40px;
        padding-right: 30px;
        text-align   : right
    }
}

.pretitle,
.title-graus {
    margin-left : 10px;
    margin-right: 10px
}

.title-graus {
    font-size: 23px
}

.titul h1 {
    font-size  : 22px;
    font-weight: bold;
    margin     : 10px 0
}

@media (min-width:992px) {
    .titul h1 {
        margin: 0 0 20px
    }
}

.titul h2 {
    font-size  : 18px;
    font-weight: bold
}

#ite h3 {
    font-weight: bold;
    font-size  : 1.2em;
    width      : 80%;
    float      : left
}

#ite .fonsgris {
    background-color: #e7e7e7;
    padding         : 10px;
    margin          : 20px 0
}

#ite .fonsgris .visualitza a {
    background: #fff url("../img/visualitza.png") no-repeat 12px 10px
}

#ite .visualitza {
    float      : right;
    width      : 20%;
    font-weight: normal
}

#ite .visualitza a {
    float          : right;
    background     : #e7e7e7 url("../img/visualitza.png") no-repeat 12px 10px;
    text-align     : center;
    margin-top     : 20px;
    margin-right   : auto;
    margin-left    : auto;
    padding        : 50px 10px 10px;
    text-decoration: none;
    color          : #333
}

#ite .visualitza a:hover {
    text-decoration: underline
}

form {
    text-align: left
}

form fieldset {
    margin-bottom: 15px
}

form legend {
    background-color: transparent;
    color           : #333;
    padding         : 0;
    font-size       : 1em;
    font-weight     : bold;
    margin-bottom   : 10px
}

form label {
    font-weight: normal
}

form input {
    border          : none;
    width           : auto;
    background-color: transparent;
    font-size       : 1em;
    height          : auto;
    margin-right    : 5px;
    vertical-align  : text-bottom
}

form input[type=checkbox],
form input[type=radio] {
    margin: 0 4px 0 0
}

form .bd {
    border    : 1px solid #ccc;
    border-top: none
}

form .bd-l {
    border-left: 1px solid #ccc
}

form .form-row {
    padding      : 15px;
    margin-bottom: 10px
}

form .btn:hover {
    background-color: rgba(0, 126, 17, 0.7);
    color           : #fff
}

form .help-block {
    font-weight: normal;
    text-align : left
}

.mona form {
    text-align: left
}

.mona form legend {
    background-color     : #007E11;
    color                : #fff;
    padding              : 10px;
    margin-bottom        : 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius        : 5px 5px 0 0;
    border               : none
}

.mona form label {
    margin-bottom: 0.125em;
    display      : block;
    font-weight  : normal
}

.mona form label.sobre {
    display       : block;
    padding       : 10px 0 0;
    vertical-align: top;
    font-size     : 13px;
    font-weight   : bold;
    text-transform: uppercase;
    cursor        : pointer
}

.mona form input.caixa {
    border          : none;
    width           : 100%;
    background-color: #fff;
    font-size       : 1.2em;
    height          : 32px;
    margin          : 0 0 5px;
    padding-left    : 10px;
    padding-right   : 10px
}

.mona form input.caixa:focus {
    background: #fff
}

.mona form .styled-select {
    margin            : 10px 0;
    background        : -webkit-gradient(linear, left top, left bottom, from(hsl(0, 0%, 100%)), color-stop(62%, hsl(0, 0%, 95%)), color-stop(98%, hsl(0, 0%, 83%))) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background        : -webkit-linear-gradient(top, hsl(0, 0%, 100%) 0%, hsl(0, 0%, 95%) 62%, hsl(0, 0%, 83%) 98%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background        : -o-linear-gradient(top, hsl(0, 0%, 100%) 0%, hsl(0, 0%, 95%) 62%, hsl(0, 0%, 83%) 98%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background        : linear-gradient(to bottom, hsl(0, 0%, 100%) 0%, hsl(0, 0%, 95%) 62%, hsl(0, 0%, 83%) 98%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border            : medium none;
    border-radius     : 4px;
    -webkit-box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.5);
    box-shadow        : 0 1px 2px hsla(0, 0%, 0%, 0.5);
    display           : inline-block;
    float             : left;
    font-size         : 14px;
    height            : 31px;
    line-height       : 1;
    margin-right      : 22px;
    overflow          : hidden;
    padding           : 0;
    width             : 55px;
    width             : auto
}

.mona form .styled-select select {
    background : none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border     : medium none;
    font-size  : 14px;
    height     : 31px;
    line-height: 1;
    padding    : 0 0 0 11px;
    width      : 100%
}

.mona form .styled-select input {
    background : none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border     : medium none;
    font-size  : 14px;
    height     : 31px;
    line-height: 1;
    padding    : 0 0 0 11px
}

.mona form a {
    display: initial
}

form#formsearchexpert .styled-select select {
    background : none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border     : medium none;
    font-size  : 14px;
    height     : 31px;
    line-height: 1;
    padding    : 0 0 0 11px;
    width      : 100%
}

form#formsearchexpert .styled-select {
    background        : -webkit-gradient(linear, left top, left bottom, from(hsl(0, 0%, 100%)), color-stop(62%, hsl(0, 0%, 95%)), color-stop(98%, hsl(0, 0%, 83%))) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background        : -webkit-linear-gradient(top, hsl(0, 0%, 100%) 0%, hsl(0, 0%, 95%) 62%, hsl(0, 0%, 83%) 98%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background        : -o-linear-gradient(top, hsl(0, 0%, 100%) 0%, hsl(0, 0%, 95%) 62%, hsl(0, 0%, 83%) 98%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background        : linear-gradient(to bottom, hsl(0, 0%, 100%) 0%, hsl(0, 0%, 95%) 62%, hsl(0, 0%, 83%) 98%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border            : medium none;
    border-radius     : 4px;
    -webkit-box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.5);
    box-shadow        : 0 1px 2px hsla(0, 0%, 0%, 0.5);
    display           : inline-block;
    float             : left;
    font-size         : 14px;
    height            : 31px;
    line-height       : 1;
    margin-right      : 22px;
    overflow          : hidden;
    padding           : 0;
    width             : auto;
    margin-bottom     : 20px
}

@media (min-width:481px) {
    form .columnes {
        display      : -webkit-box;
        display      : -ms-flexbox;
        display      : flex;
        -ms-flex-wrap: wrap;
        flex-wrap    : wrap
    }

    form .columnes .duesColumnes {
        -webkit-box-flex  : 1;
        -ms-flex          : 1 0 50%;
        flex              : 1 0 50%;
        -webkit-box-sizing: border-box;
        box-sizing        : border-box;
        padding           : 5px
    }
}

@media (min-width:1200px) {
    .contenidorflex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

#carousel-example-generic {
    background: transparent
}

#carousel-example-generic .main-container {
    padding: 10px 15px
}

#carousel-example-generic .skyblue {
    background-color: #007E11
}

#carousel-example-generic .deepskyblue {
    background-color: #007E11
}

#carousel-example-generic .darkerskyblue {
    background-color: #007E11
}

#carousel-example-generic .carousel-control.left,
#carousel-example-generic .carousel-control.right {
    background-image: none
}

#carousel-example-generic div.new-text {
    width: 100%
}

#carousel-example-generic .inner-top-img .new-text {
    font-weight: bold
}

#carousel-example-generic .item {
    min-height: 450px;
    height    : 100%;
    width     : 100%
}

#carousel-example-generic .item {
    min-height         : 250px;
    height             : 100%;
    width              : 100%;
    background-position: center;
    background-size    : cover
}

@media (min-width:768px) {
    #carousel-example-generic .item {
        min-height: 407px
    }
}

@media (min-width:992px) {
    #carousel-example-generic .item {
        min-height: 350px
    }
}

@media (min-width:1200px) {
    #carousel-example-generic .item {
        min-height: 370px
    }
}

#carousel-example-generic .carousel-caption {
    display         : block;
    width           : 100%;
    border-radius   : 0;
    top             : 50px;
    background-color: transparent
}

#carousel-example-generic .carousel-caption button,
#carousel-example-generic .carousel-caption h3,
#carousel-example-generic .carousel .icon-container {}

#carousel-example-generic .carousel-caption h3 {
    padding   : 0.5em;
    margin-top: 0 !important
}

#carousel-example-generic .carousel .icon-container {
    display      : inline-block;
    font-size    : 25px;
    line-height  : 25px;
    padding      : 1em;
    text-align   : center;
    border-radius: 50%
}

#carousel-example-generic .carousel-caption button {
    border-color: #007E11;
    margin-top  : 1em
}

#carousel-example-generic .carousel-caption h3:first-child {
    -webkit-animation-delay: 1s;
    animation-delay        : 1s
}

#carousel-example-generic .carousel-caption h3:nth-child(2) {
    -webkit-animation-delay: 2s;
    animation-delay        : 2s
}

#carousel-example-generic .carousel-caption button {
    -webkit-animation-delay: 3s;
    animation-delay        : 3s
}

#carousel-example-generic h1 {
    text-align   : center;
    margin-bottom: 30px;
    font-size    : 30px;
    font-weight  : bold
}

#carousel-example-generic .p {
    padding-top: 125px;
    text-align : center
}

#carousel-example-generic .p a {
    text-decoration: underline
}

.ranking-facultats {
    margin-bottom: 10px
}

.ranking-facultats .info {
    margin-bottom: 20px;
    clear        : both;
    min-height   : 140px
}

.ranking-facultats .info .info-content {
    margin    : 10px 0;
    min-height: 110px
}

.ranking-facultats .info .info-number {
    display       : block;
    border-bottom : 2px solid #007E11;
    margin        : 0;
    color         : #007E11;
    padding-bottom: 10px;
    font-size     : 1.846em
}

.ranking-facultats .info-description {
    display    : block;
    padding-top: 10px
}

.info-image .img-bg {
    background-size: cover;
    padding-top    : 100%
}

.ball span {
    display    : block;
    text-align : center;
    font-family: Arial;
    font-size  : 32px;
    color      : white;
    font-weight: normal;
    line-height: 127px
}

.ball.small span {
    line-height: 107px
}

.ball.terra {
    display   : block;
    width     : 126px;
    height    : 127px;
    margin    : 20px auto;
    background: transparent url("../img/ball_terra.png") center center no-repeat
}

.ball.terra.small {
    display   : block;
    width     : 109px;
    height    : 107px;
    margin    : 0;
    background: transparent url("../img/ball_terra_small.png") center center no-repeat
}

.ball.spain {
    display   : block;
    width     : 126px;
    height    : 127px;
    margin    : 20px auto;
    background: transparent url("../img/ball_spain.png") center center no-repeat
}

.ball.spain.small {
    display   : block;
    width     : 109px;
    height    : 108px;
    margin    : 0;
    background: transparent url("../img/ball_spain_small.png") center center no-repeat
}

.ball.catalonia {
    display   : block;
    width     : 126px;
    height    : 127px;
    margin    : 20px auto;
    background: transparent url("../img/ball_cat.png") center center no-repeat
}

.ball.catalonia.small {
    display   : block;
    width     : 109px;
    height    : 108px;
    margin    : 0;
    background: transparent url("../img/ball_cat_small.png") center center no-repeat
}

.col-1-5,
.col-2-5,
.col-3-5,
.col-4-5,
.col-5-5 {
    float        : left;
    position     : relative;
    min-height   : 1px;
    padding-left : 10px;
    padding-right: 10px
}

.col-1-5 {
    width: 100%
}

@media (min-width:768px) {
    .col-1-5 {
        width: 100%
    }
}

@media (min-width:992px) {
    .col-1-5 {
        width: 20%
    }
}

.col-2-5 {
    width: 100%
}

@media (min-width:768px) {
    .col-2-5 {
        width: 100%
    }
}

@media (min-width:992px) {
    .col-2-5 {
        width: 40%
    }
}

.col-3-5 {
    width: 100%
}

@media (min-width:768px) {
    .col-3-5 {
        width: 100%
    }
}

@media (min-width:992px) {
    .col-3-5 {
        width: 60%
    }
}

.col-4-5 {
    width: 100%
}

@media (min-width:768px) {
    .col-4-5 {
        width: 100%
    }
}

@media (min-width:992px) {
    .col-4-5 {
        width: 80%
    }
}

.col-5-5 {
    width: 100%
}

@media (min-width:768px) {
    .col-5-5 {
        width: 100%
    }
}

@media (min-width:992px) {
    .col-5-5 {
        width: 100%
    }
}

@media only screen and (max-width:1200px) and (min-width:992px) {
    .md-100 {
        width: 100%
    }

    .md-75 {
        width: 75%
    }

    .md-25 {
        width: 25%
    }
}

.cols-mobile .col-1-5 {
    width: 100%
}

@media (min-width:768px) {
    .cols-mobile .col-1-5 {
        width: 33.3333%
    }
}

@media (min-width:992px) {
    .cols-mobile .col-1-5 {
        width: 20%
    }
}

.new-post {
    padding: 0 10px;
    float  : left
}

.new-post h2 {
    font-size  : 18px;
    line-height: 1.2
}

@media (min-width:480px) {
    .new-post {
        width: 100%
    }
}

@media (min-width:768px) {
    .new-post {
        width: 50%
    }
}

@media (min-width:992px) {
    .new-post {
        width: 50%
    }
}

@media (min-width:1200px) {
    .new-post {
        width: 33.33333333%
    }
}

.new-post img {
    margin-bottom: 20px;
    display      : block;
    width        : 100%;
    height       : auto
}

.new-post .jwplayer {
    margin-bottom: 20px;
    display      : block;
    width        : 100%;
    height       : auto
}

.new-post p {
    margin: 10px 0
}

.new-post p.mesinfo {
    padding-bottom: 10px;
    border-bottom : 1px dotted #8c8783
}

.new-post a img,
.post a img {
    text-decoration: none;
    display        : block
}

.new-post h3 a,
.post h3 a {
    color: #000
}

.new-post h3 a:hover,
.post h3 a:hover {
    color          : #000;
    text-decoration: underline
}

a.mes {
    position   : absolute;
    right      : 20px;
    bottom     : 20px;
    display    : block;
    font-family: "uab-icons";
    color      : #dadada
}

a.mes:after {
    content: "\e621"
}

a.mes:hover {
    color          : #007E11;
    text-decoration: none
}

.agenda-pagination-container {
    margin    : 0 auto;
    overflow  : hidden;
    text-align: center
}

ul.agenda-pagination {
    border : 0;
    margin : 13px auto 0;
    padding: 0
}

.agenda-pagination li {
    border    : 0;
    margin    : 0;
    padding   : 0;
    font-size : 13px;
    list-style: none;
    display   : inline
}

.agenda-pagination .active {
    color      : #007E11;
    font-weight: bold;
    padding    : 4px 3px
}

.agenda-pagination a:link,
.agenda-pagination a:visited {
    color          : #000000;
    padding        : 4px;
    text-decoration: none
}

.agenda-pagination a:hover {
    font-weight: bold
}

.agenda-pagination .next,
.agenda-pagination .previous {
    font-family: "uab-icons";
    color      : #dadada
}

.agenda-pagination .next a,
.agenda-pagination .previous a {
    margin-left: -20px;
    padding    : 10px
}

.agenda-pagination .previous:before {
    content: "\e620"
}

.agenda-pagination .next:before {
    content: "\e621"
}

.agenda-pagination .next:hover,
.agenda-pagination .previous:hover {
    background-position: center bottom;
    color              : #007E11
}

.agenda-pagination .next.off:hover,
.agenda-pagination .previous.off:hover {
    color: #007E11
}

.capsas .capsa-info {
    margin-top: 0;
    float     : left
}

.capsa-color {
    position     : relative;
    font-size    : 20px;
    line-height  : 1.2;
    margin-bottom: 20px
}

.capsa-color a {
    padding         : 20px 30px 20px 20px;
    display         : block;
    background-color: #007E11;
    color           : #fff;
    position        : relative;
    border          : 2px solid #007E11
}

.capsa-color a:focus,
.capsa-color a:hover {
    text-decoration : none;
    background-color: #f7f7f9;
    color           : #007E11;
    border          : 2px solid #007E11
}

.capsa-color .icon {
    position   : absolute;
    bottom     : 20px;
    right      : 20px;
    font-weight: bold
}

.capsa-color-gran {
    position     : relative;
    font-size    : 20px;
    line-height  : 1.2;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .capsa-color-gran {
        margin-bottom: 5px
    }
}

@media (min-width:1200px) {
    .capsa-color-gran {
        margin-bottom: 20px
    }
}

.capsa-color-gran a {
    padding         : 20px 30px 20px 20px;
    min-height      : 120px;
    display         : block;
    background-color: #007E11;
    color           : #fff;
    position        : relative;
    border          : 2px solid #007E11
}

@media (min-width:992px) {
    .capsa-color-gran a {
        min-height: auto
    }
}

@media (min-width:1200px) {
    .capsa-color-gran a {
        min-height: 120px
    }
}

.capsa-color-gran a:focus,
.capsa-color-gran a:hover {
    text-decoration : none;
    background-color: #f7f7f9;
    color           : #007E11;
    border          : 2px solid #007E11
}

.capsa-color-gran .icon {
    position   : absolute;
    bottom     : 20px;
    right      : 20px;
    font-weight: bold
}

.capsa-info-fletxa {
    width     : 100%;
    float     : left;
    min-height: 120px;
    position  : relative;
    margin    : 5px auto
}

@media (min-width:481px) {
    .capsa-info-fletxa {
        margin: 0 auto 20px auto
    }
}

.capsa-info-fletxa .mosaic-capsa {
    top   : 0;
    right : 0;
    bottom: 0;
    left  : 0
}

.capsa-info-fletxa .mosaic-capsa .hover {
    background-color: #007E11
}

.capsa-info-fletxa .mosaic-capsa .icon {
    right  : 15px;
    left   : auto;
    display: inline-block;
    bottom : 10px
}

.capsa-info {
    width     : 100%;
    float     : left;
    min-height: 180px;
    position  : relative;
    margin    : 5px auto
}

@media (min-width:481px) {
    .capsa-info {
        margin: 0 auto 20px auto
    }
}

@media (min-width:992px) {
    .capsa-info {
        padding-bottom: 100%;
        height        : 0;
        min-height    : 0
    }
}

.capsa-info .mosaic-capsa {
    top   : 0;
    right : 0;
    bottom: 0;
    left  : 0
}

.capsa-info-icon {
    width     : 100%;
    float     : left;
    min-height: 180px;
    position  : relative;
    margin    : 5px auto
}

@media (min-width:481px) {
    .capsa-info-icon {
        margin: 0 auto 20px auto
    }
}

@media (min-width:992px) {
    .capsa-info-icon {
        padding-bottom: 100%;
        height        : 0;
        min-height    : 0
    }
}

.capsa-info-icon .mosaic-capsa {
    top   : 0;
    right : 0;
    bottom: 0;
    left  : 0
}

.capsa-banner {
    width   : 100%;
    float   : left;
    position: relative;
    margin  : 0 auto 20px auto
}

.capsa-banner a {
    display: block
}

.capsa-banner a:focus,
.capsa-banner a:hover {
    text-decoration: none
}

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

.mosaic-capsa {
    position           : absolute;
    top                : 10px;
    right              : 10px;
    bottom             : 10px;
    left               : 10px;
    background-size    : cover;
    background-position: center center;
    cursor             : pointer;
    overflow           : hidden
}

.mosaic-capsa .hover {
    position        : absolute;
    top             : 0;
    bottom          : 0;
    right           : 0;
    left            : 0;
    color           : #fff;
    text-align      : left;
    opacity         : 1;
    display         : block;
    margin          : 0;
    padding         : 0;
    background-color: rgba(0, 0, 0, 0.3)
}

.mosaic-capsa .hover .cover {
    width  : 100%;
    padding: 15px
}

@media (min-width:992px) {
    .mosaic-capsa .hover .cover {
        padding: 15px
    }
}

@media (min-width:1200px) {
    .mosaic-capsa .hover .cover {
        padding: 25px
    }
}

.mosaic-capsa .hover .capsa-content {
    width  : 100%;
    padding: 15px
}

@media (min-width:992px) {
    .mosaic-capsa .hover .capsa-content {
        padding: 15px
    }
}

@media (min-width:1200px) {
    .mosaic-capsa .hover .capsa-content {
        padding: 25px
    }
}

.mosaic-capsa .hover:focus,
.mosaic-capsa .hover:hover {
    background-color: rgba(0, 0, 0, 0.85);
    text-decoration : none
}

.mosaic-capsa .icon {
    position          : absolute;
    bottom            : 25px;
    left              : 25px;
    padding           : 0;
    font-size         : 30px;
    border-radius     : 0;
    -webkit-transition: all linear 0.2s;
    -o-transition     : all linear 0.2s;
    transition        : all linear 0.2s
}

@media (min-width:992px) {
    .mosaic-capsa .icon {
        font-size: 30px
    }
}

@media (min-width:1200px) {
    .mosaic-capsa .icon {
        font-size: 35px
    }
}

.capsa {
    float              : left;
    background-color   : #eee;
    color              : #fff;
    height             : 0;
    min-height         : 100px;
    display            : inline-block;
    width              : 100%;
    padding-bottom     : 50%;
    background-position: center center;
    background-size    : cover;
    overflow           : hidden;
    position           : relative;
    margin-bottom      : 20px
}

@media (min-width:768px) {
    .capsa {
        width         : 100%;
        padding-bottom: 100%
    }
}

@media (min-width:992px) {
    .capsa {
        width         : 100%;
        padding-bottom: 100%
    }
}

.capsa .hover {
    color     : #fff;
    display   : block;
    position  : absolute;
    top       : 0;
    right     : 0;
    bottom    : 0;
    left      : 0;
    padding   : 15px;
    background: rgba(0, 0, 0, 0.3)
}

@media (min-width:992px) {
    .capsa .hover {
        padding: 15px
    }
}

@media (min-width:1200px) {
    .capsa .hover {
        padding: 25px
    }
}

.capsa .hover:focus,
.capsa .hover:hover {
    background     : rgba(0, 0, 0, 0.85);
    text-decoration: none
}

.mosaic {
    margin-top   : -10px;
    margin-bottom: 30px;
    width        : 100%;
    float        : left
}

@media (min-width:992px) {}

.mosaic-grid-item,
.mosaic-grid-sizer {
    width: 100%
}

@media (min-width:768px) {

    .mosaic-grid-item,
    .mosaic-grid-sizer {
        width: 50%
    }
}

@media (min-width:992px) {

    .mosaic-grid-item,
    .mosaic-grid-sizer {
        width: 20%
    }
}

.mosaic-grid-item {
    margin    : 0;
    float     : left;
    height    : 0;
    min-height: 100px;
    display   : inline-block
}

.cuadrat-gran {
    width         : 100%;
    padding-bottom: 50%
}

@media (min-width:768px) {
    .cuadrat-gran {
        width         : 50%;
        padding-bottom: 25%
    }
}

@media (min-width:992px) {
    .cuadrat-gran {
        width         : 40%;
        padding-bottom: 40%
    }
}

.cuadrat-petit {
    width         : 100%;
    padding-bottom: 50%
}

@media (min-width:768px) {
    .cuadrat-petit {
        width         : 50%;
        padding-bottom: 25%
    }
}

@media (min-width:992px) {
    .cuadrat-petit {
        width         : 20%;
        padding-bottom: 20%
    }
}

.rectangle-horitzontal {
    width         : 100%;
    padding-bottom: 50%
}

@media (min-width:768px) {
    .rectangle-horitzontal {
        width         : 50%;
        padding-bottom: 25%
    }
}

@media (min-width:992px) {
    .rectangle-horitzontal {
        width         : 40%;
        padding-bottom: 20%
    }
}

.capsa-title {
    margin-top    : 0;
    text-transform: uppercase;
    font-size     : 12px
}

.capsa-text {
    font-size  : 20px;
    line-height: 1.2
}

@media (min-width:992px) {
    .capsa-text {
        font-size: 16px
    }
}

@media (min-width:1200px) {
    .capsa-text {
        font-size: 20px
    }
}

.capsa-single-title {
    font-size  : 20px;
    line-height: 1.2;
    margin-top : 0;
    font-weight: normal
}

@media (min-width:992px) {
    .capsa-single-title {
        font-size: 18px
    }
}

@media (min-width:1200px) {
    .capsa-single-title {
        font-size: 24px
    }
}

.hover .capsa-content {
    opacity           : 1;
    -webkit-transition: all linear 0.2s;
    -o-transition     : all linear 0.2s;
    transition        : all linear 0.2s
}

.hover .capsa-more {
    position          : absolute;
    bottom            : 25px;
    left              : 100%;
    padding           : 5px 12px;
    border            : 1px solid #fff;
    border-radius     : 0;
    -webkit-transition: all linear 0.2s;
    -o-transition     : all linear 0.2s;
    transition        : all linear 0.2s
}

.hover .capsa-excerpt {
    position          : absolute;
    top               : 0;
    right             : 0;
    bottom            : 0;
    left              : 0;
    padding           : 15px;
    opacity           : 0;
    -webkit-transition: all linear 0.2s;
    -o-transition     : all linear 0.2s;
    transition        : all linear 0.2s
}

@media (min-width:1200px) {
    .hover .capsa-excerpt {
        padding: 25px
    }
}

.hover:focus .capsa-content,
.hover:hover .capsa-content {
    opacity: 0
}

.hover:focus .capsa-more,
.hover:hover .capsa-more {
    left : 25px;
    color: #fff
}

.hover:focus .capsa-excerpt,
.hover:hover .capsa-excerpt {
    opacity: 1
}

.capsa-icona {
    width              : 100%;
    min-height         : 100px;
    position           : relative;
    margin             : 0 0 20px 0;
    background-size    : cover;
    background-position: center center;
    cursor             : pointer;
    overflow           : hidden;
    padding            : 20px
}

.capsa-icona .cover {
    position        : absolute;
    top             : 0;
    right           : 0;
    bottom          : 0;
    left            : 0;
    background-color: rgba(0, 0, 0, 0.3);
    color           : #fff;
    padding         : 30px
}

.capsa-icona:focus .cover,
.capsa-icona:hover .cover {
    background-color: rgba(0, 126, 17, 0.7)
}

.capsa-icona a {
    color   : #fff;
    position: relative;
    display : block
}

.capsa-icona a:focus,
.capsa-icona a:hover {
    text-decoration: none
}

.capsa-icona .icona-title {
    margin       : 0;
    padding-right: 30px
}

.capsa-icona .icona {
    position        : absolute;
    top             : 0;
    right           : 0;
    width           : 30px;
    height          : auto;
    background-color: transparent;
    text-align      : center
}

.capsa-icona .icon {
    position        : absolute;
    top             : 0;
    right           : 0;
    font-size       : 30px;
    width           : 30px;
    background-color: transparent;
    text-align      : center
}

.capsa-gran {
    display            : block;
    background-color   : #eee;
    background-position: center center;
    background-size    : cover;
    margin-bottom      : 20px;
    position           : relative
}

.capsa-gran .cover {
    top             : 0;
    bottom          : 0;
    right           : 0;
    left            : 0;
    margin          : 0;
    padding         : 0;
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.5)
}

.capsa-gran .title {
    color  : #fff;
    margin : 0;
    padding: 20px
}

.capsa-gran .columnes {
    padding: 0 10px 10px 10px
}

@media (min-width:768px) {
    .capsa-gran .columnes {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: -webkit-box;
        display: flex
    }
}

.capsa-gran .columnes .columna {
    background             : #f9fafa;
    padding                : 20px;
    margin                 : 10px;
    -webkit-flex-basis     : 220px;
    -moz-flex-basis        : 220px;
    -ms-flex-basis         : 220px;
    -ms-flex-preferred-size: 220px;
    flex-basis             : 220px
}

.capsa-gran .columnes .columna .subtitle {
    color        : #007E11;
    margin-top   : 0;
    margin-bottom: 15px
}

.capsa-gran .columnes .columna ul {
    margin    : 10px 0;
    list-style: none;
    padding   : 0
}

.capsa-gran .columnes .columna ul li {
    padding: 0;
    margin : 5px 0
}

.capsa-gran .columnes .columna ul li a {
    color          : #000;
    text-decoration: none !important
}

.capsa-gran .columnes .columna ul li a:focus,
.capsa-gran .columnes .columna ul li a:hover {
    color          : #007E11;
    text-decoration: none
}

.capsa-gran .more-info {
    padding    : 10px 10px 20px 10px;
    text-align : right;
    display    : block;
    font-size  : 15px;
    font-weight: bold
}

.capsa-gran .more-info a {
    color   : #fff;
    display : inline-block;
    position: relative;
    padding : 6px 35px 6px 20px
}

.capsa-gran .more-info a:focus,
.capsa-gran .more-info a:hover {
    text-decoration : none;
    color           : #007E11;
    background-color: #fff
}

.capsa-gran .more-info a:focus span,
.capsa-gran .more-info a:hover span {
    color: #007E11
}

.capsa-gran .more-info a span {
    color   : #fff;
    position: absolute;
    top     : 9px;
    right   : 10px
}

.capsa-gran .more-info a span:before {
    content: "\e621"
}

.capsa-cuadrada {
    width              : 100%;
    float              : left;
    min-height         : 180px;
    position           : relative;
    margin             : 0 auto 20px auto;
    background-position: center center;
    background-size    : cover
}

@media (min-width:481px) {
    .capsa-cuadrada {
        margin: 0 auto 20px auto
    }
}

@media (min-width:992px) {
    .capsa-cuadrada {
        padding-bottom: 100%;
        height        : 0;
        min-height    : 0
    }
}

.capsa-cuadrada .cover {
    top             : 0;
    bottom          : 0;
    right           : 0;
    left            : 0;
    margin          : 0;
    padding         : 0;
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.5);
    padding         : 20px
}

@media (min-width:992px) {
    .capsa-cuadrada .cover {
        position: absolute
    }
}

.capsa-cuadrada .title {
    color : #fff;
    margin: 0 0 20px 0
}

.capsa-cuadrada .llistat-gran a {
    color: #fff
}

.capsa-cuadrada .llistat-gran a .more {
    color: #fff
}

.capsa-cuadrada .llistat-gran a:focus,
.capsa-cuadrada .llistat-gran a:hover {
    color: #eee
}

.capsa-cuadrada .llistat-gran a:focus .more:before,
.capsa-cuadrada .llistat-gran a:hover .more:before {
    color: #eee
}

.capsa-cuadrada .llistat-gran a:focus .mes:before,
.capsa-cuadrada .llistat-gran a:hover .mes:before {
    color: #eee
}

.capsa-cuadrada .more-info {
    padding    : 10px 0 20px 10px;
    text-align : right;
    display    : block;
    font-size  : 15px;
    font-weight: bold
}

.capsa-cuadrada .more-info a {
    color   : #fff;
    display : inline-block;
    position: relative;
    padding : 6px 25px 6px 20px
}

.capsa-cuadrada .more-info a:focus,
.capsa-cuadrada .more-info a:hover {
    text-decoration : none;
    color           : #007E11;
    background-color: #fff
}

.capsa-cuadrada .more-info a span {
    color   : #fff;
    position: absolute;
    top     : 9px;
    right   : 0
}

.sct .toggle {
    position   : relative;
    bottom     : 15px;
    margin-left: 50%
}

.sct .icon {
    font-size: 20px;
    color    : #8c8783
}

.sct .icon:focus,
.sct .icon:hover {
    text-decoration: none
}

.sct .icon-down:after {
    content: '\e62e'
}

.sct .icon-down.icon-up:after {
    content: '\e62e'
}

.sct .icon.collapsed i:after {
    content: '\e62f';
    color  : #8c8783
}

input.inputError {
    background-color: #f2dede !important;
    border          : 1px solid #ebccd1 !important
}

label.error {
    color      : #a94442;
    font-weight: bold !important
}

#slide-virtual .active,
#slide-virtual .carousel,
#slide-virtual .item {
    height: 300px
}

@media (min-width:992px) {
    #slide.carousel {
        height: 300px
    }

    #slide .carousel-inner {
        height: 300px
    }

    #slide .carousel .item {
        height: 300px
    }

    #slide figure.img {
        height: 300px
    }
}