@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;700&display=swap');

html {
    height: 100%;
    box-sizing: border-box;
}

body {
    background: #141414;
    color: #fff;
    font-family: 'Barlow Condensed', Helvetica, Arial, sans-serif;
    min-height: 100%;
    position: relative;
    padding-bottom: 145px;
}

.border-xy {
    background: #141414;
    transform: skew(0deg, -3deg);
    -ms-transform: skew(0deg, -3deg);
    -webkit-transform: skew(0deg, -3deg);
    width: 100%;
    min-height: 100px;
    margin-top: -64px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Barlow Condensed';
}

h1 {
    margin: 0 0 22px 0;
    font-weight: 400;
    font-size: 38px
}

h2 {
    margin: 0 0 26px 0;
    font-weight: 400;
    font-size: 28px
}

a {
}

a:hover {
}

.btn-border {
    border: 1px solid #67ab49;
    color: #67ab49;
    background-color: #fff;
    font-weight: 700;
    margin-top: 14px
}

.btn-circle {
    padding: 7px 10px !important;
    border: 2px solid white;
    border-radius: 10px;
    background: transparent;
    color: #fff;
    font-weight: 500;

}

.btn-circle:focus, .btn-circle:hover {
    border: 2px solid #5aca89;
    background: #15773e;
}


.quickRegister {
    padding-bottom: 20px;
}

.dontMiss {
    margin-top: -40px;
}

/*
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #ecf0f1 !important;
}*/

.jumbotron {
    /*background: transparent;*/
    color: #000;
    margin-top: 15px;
}
.sponsor {
    background: #150025;
    text-align: center;
    padding: 20px 0;
    margin: 43px 0 0;
}

.sponsor img{
    max-width: 152px;
    border-radius: 50%;
    display: inline;
}

.sponsor h2 {
    font-size: 40px;
    color: #fff;
}

.btn p {
    margin: 0;
}
.navbar-nav > li > a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.navbar-nav > li > a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.quickRegister h3 {
    color: white;
    text-align: center;
    margin-top: 0;
    font-size: 32px;
}

.logoGreen {
    display: none;
}

.logoWhite {
    display: block;
}

.btn-border:hover,
.btn-border:focus {
    background-color: #67ab49;
    color: #fff
}

.dividing-line {
    background-color: #e7e7e7;
    height: 1px
}

.form-group.error input,
form-group.error select {
    border: solid 1px crimson
}

.form-group .error {
    color: crimson
}

input[type="text"].parsley-error,
input[type="email"].parsley-error {
    border-color: #750B80
}

input[type="text"].parsley-success,
input[type="email"].parsley-success {
}

.parsley-errors-list,
.has-error .help-block {
    margin: 5px 0 0 0;
    padding: 0;
    color: #750B80;
    text-shadow: 0 0 10px white;
    font-size: 13px
}

.parsley-errors-list li {
    list-style: none
}

.btn-sura {
    background-color: #D5E600;
    color: #005DAB
}

.btn-sura:hover {
    background-color: #c6d400 !important;
    color: #005DAB
}

.btn-social-network {
    color: #FFF;
    min-width: 80px;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 3px 6px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    text-decoration: none !important
}

.btn-facebook {
    color: #FFF !important;
    background-color: #4a71a9
}

.btn-twitter {
    color: #FFF !important;
    background-color: #2aa9e0
}

#avatar {
    display: block;
    width: 45px;
    height: 45px;
    margin-top: 10px;
    padding: 0px !important;
    margin-left: 15px;
}

#avatar img {
    max-width: 100%;
    border-radius: 35px;
}

li.logMenu > a {
    float: right;
    color: black;
    padding: 0 10px 0;
}

#notificationBtn {
    position: relative;
    width: 32px;
    height: 32px;
}

#notificationBtn > span {
    border-radius: 100px;
    color: white;
    background: red;
    font-weight: normal;
    font-size: 9px;
    display: block;
    padding: 4px;
    line-height: 6px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 18px;
}

.alert-country {
    box-shadow: inset 0 0.25rem 0.125rem 0 rgba(0, 0, 0, 0.1);
    background-color: #94d82d;
    border-radius: .5rem;
    color: #495057;
    padding: 0;
    display: inline-flex;
}

.alert-country-text {
    font-weight: 600;
    font-size: 16px;
    flex-direction: column;
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.9);
    color: rgba(0, 0, 0, 0.7);
    display: flex;
    border-radius: .5rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    justify-content: center;
}

.alert-country-icon {
    flex-direction: column;
    padding: 1rem;
    justify-content: center;
    display: flex;
    color: #94d82d;
    background-color: #fff;
    border-radius: .5rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.video-intro-wrapper {
    overflow: hidden;
    width: 100%;
    position: absolute;
    height: 100%;
    top: -20px;
}


#stripes, #stripes2, #stripes span {
    position: absolute;
    box-sizing: border-box;
    opacity: 0.8;
}


#stripes {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transform: skewY(-15deg);
    transform: skewY(-15deg);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    background: linear-gradient(150deg, #2c3e50 15%, #00cec9 85%, #2c3e50 80%);
}

#stripes2 {
    opacity: 0.6;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transform: skewY(25deg);
    transform: skewY(25deg);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    background-color: #34495e;

}

#stripes span {
    height: 190px;
}

#stripes :first-child {
    width: 33.33333%;
    left: -16.66666%;
    top: 0;
    background: #7f8c8d;
}

#stripes :nth-child(2) {
    width: 33.33333%;
    top: 0;
    left: 16.66666%;
    right: auto;
    background: #1abc9c;
}

#stripes :nth-child(3) {
    width: 33.33333%;
    left: 49.99999%;
    bottom: auto;
    background: #55efc4;
}

#stripes :nth-child(4) {
    width: 33.33333%;
    top: 380px;
    right: -16.66666%;
    background: transparent;
}

#stripes :nth-child(5) {
    width: 33.33333%;
    bottom: 0;
    background: #00cec9;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #home-intro {
        padding: 15px !important;
        margin: 15px !important;
        width: 100%;
        overflow: hidden;
    }

}

@media (max-width: 991px) {
    #library {
        padding: 20px 0
    }

    #library h1 {
        margin: 0 0 10px 0
    }

    #library-header select {
        margin: 0 0 10px 0
    }

    #library #col-btn a {
        margin-top: 10px
    }

    .logoGreen {
        display: none;
    }

    .logoWhite {
        display: block;
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 32px
    }

    h2 {
        font-size: 28px
    }

    #home-features h3 {
        margin: 0 0 20px 0;
        font-size: 12px;
        font-weight: 100;
    }

    #home-features .nav > li > a {
        padding: 0px 5px;
    }

    #home-features li {
        padding-right: 5px;
        padding-left: 5px;
    }

    .video-intro-wrapper video {
        display: none;
    }

}

.invalid {
    border: crimson solid 1px !important
}

#header {
    min-height: 64px;
    border-bottom: none;
    background-color: transparent;
    margin-bottom: 0;
    font-size: 16px
}

.default-page #header {
    /* background-image: -webkit-gradient(linear,left top,left bottom,color-stop(10%,rgba(0,0,0,.7)),color-stop(10%,rgba(0,0,0,0))); */
    /* background-image: -o-linear-gradient(top,rgba(0,0,0,.7) 10%,rgba(0,0,0,0)); */ 
    background-image: linear-gradient(to bottom,rgba(0,0,0,.7) 10%,rgba(0,0,0,0));
    border-bottom: 1px #2f2f2f solid;
}

.live-page #header {
    background-color: #27ae60;
}

.calendar-page #header {
    background-color: #e67e22;
}

.navbar-toggle {
    margin-top: 15px
}

.navbar-nav .btn-circle {
    margin-top: 15px;
    margin-right: 15px;
}

#header-logo-container {
    min-height: 64px;
    padding: 9px 40px 0 0
}

@media (max-width: 991px) {
    #header-logo-container {
        background-color: transparent;
        text-align: left !important;
        min-height: 45px;
    }

    #footer .social span {
        display: none
    }

    .video-intro-wrapper video {
        display: none;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 22px;
        padding-bottom: 10px
    }

    .navbar-nav > li > p {
        padding-top: 26px;
        padding-bottom: 12px;
        margin: 0;
        font-size: 13px;
        color: #999 !important
    }
}

@media (max-width: 767px) {
    #header-logo-container {
        padding: 9px 0 0 15px
    }
}

div.tabsHome .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: none;
    border-radius: 4px 4px 0 0;
}

div.tabsHome ul.nav.nav-tabs {
    border: none;
}

div.tabsHome ul.nav.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border-bottom: 4px solid white;
    border-radius: 4px 4px 0 0;
    padding-top: 30px;
}

div.tabsHome ul.nav-tabs > li.active > a, div.tabsHome ul.nav-tabs > li.active > a:focus, div.tabsHomee ul.nav-tabs > li.active > a:hover {
    border: none;
    border-bottom: 4px solid #27ae60;
    background: transparent;
    color: #fff;
}

.tabsHome .nav-tabs > li.active > a {
    border-bottom: 4px solid #27ae60;
}

.tabsHome a {
    color: #fff;
}

.tabsHome {
    padding-bottom: 50px;
}

#footer {
    padding: 30px 0 15px;
    color: #DDD;
    background: #325830; 
    /* #27ae60 */
    position: absolute;
    bottom: 0;
    width: 100%;
}

#footer a {
    color: #FFF;
}

.sinContratos {
    text-align: left;
}

.globe {
    xmargin-top: -50px;
}

.sinContratos h3 {
    font-size: 65px !important;
}

.sinContratos p {
    width: 100%;
    text-align: justify;
    margin: 0px auto 40px;
    font-size: 17px;
}

#home-quality-image-wrapper .btn, #home-library-wrapper .btn, #home-price-wrapper .btn, #home-cast-wrapper .btn {
    color: #fff;
    background-color: #27ae60 !important;
    border: none !important;
    border-radius: 10px;
    padding: 7px 33px;
    font-size: 24px !important;
}

#home-cast-wrapper {
    padding: 90px 0;
}

#footer #links {
    font-size: 16px;
    margin-bottom: 10px;
    color: white;
    /* font-size: 13px; */
    margin-top: 3px;
}

#footer #links span {
    margin-right: 15px;
    padding: 15px 0 0;
    color: #fff;
    /* background-color: #27ae60; */
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}

.navbar-default .navbar-toggle {
    border: none;
    background-color: transparent;
}

.inverso .navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}

#footer a.socialIcon {
    width: 48px;
    height: 48px;
    display: block;
    float: left;
    background: url("../img/facebook-icon.svg");
    text-indent: -9999%;
    position: absolute;
    right: 55px;
    top: 0px;
}

span.greenSpan {
    color: #27ae60;
}

#home-cast {
    text-align: center;
    margin-bottom: 60px;
}

.cast {
    display: inline
}

#footer .socialIcon.twitter_icon {
    background: url("../img/twitter-icon.svg");
    right: 0;
}

#footer #links p {
    font-size: 13px;
    margin-top: 5px;
}

#footer .social {
    color: white;
    position: relative
}

#footer .social span {
    position: relative;
    left: 60px;
    top: 15px;
}

#footer #legal {
    font-size: 13px;
    color: #999
}

#footer #legal a {
    color: #999
}

#footer #copyright {
    margin-right: 30px
}

#footer-logo {
    display: block;
    margin: 0
}

#footer #social-media {
    text-align: right;
    padding-top: 10px
}

#footer #social-media a {
    color: white
}

#footer #divider-line {
    width: 100%;
    height: 1px;
    background-color: #555;
    margin: 20px 0 30px 0
}

.soccer-teams {
    margin-top: 15px;
    margin-left: -20px;
}

.soccer-team {
    width: 89px;
    height: 100px;
    display: block;
    float: left;
    background: url(../img/spriteTeams.png) no-repeat 0px -1px;
    zoom: 0.9;
}

.soccer-team.bnco {
    background-position: -100px 0;
}

.soccer-team.santander {
    background-position: -200px 0;
}


@media (max-width: 767px) {
    .navbar-nav > li > a {
        color: #000 !important;
    }

    #footer-logo {
        display: block;
        margin: 0;
        margin: 0px auto;
        padding-bottom: 13px;
    }

    #footer #links span {
        margin-right: 15px;
        padding: 5px 0 0;
        color: #fff;
        /* background-color: #27ae60; */
        margin-bottom: 5px;
        display: inline-block;
        border-radius: 5px;
        padding: 4px;
        margin: 0 0px 0 11px;
        font-size: 12px;
        text-align: center;
    }

    #footer #links p {
        font-size: 12px;
        width: 60%;
        margin-top: 20px;
        text-align: justify;
        margin-bottom: 0;
    }

    #footer {

        position: relative;
        bottom: 0;
    }

    .btn-circle {
        padding: 7px 10px !important;
        border: 1px solid black;
        border-radius: 10px;
    }

    #footer {
        padding: 10px 0;
        position: relative;
    }

    body {
        padding-bottom: 0
    }

    #footer #links::after {
        display: block;
    }

    #footer .social span {
        display: none;
    }

    #footer #links span {
        margin-right: 15px;
        padding: 5px 0 0;
        color: #fff;
        /* background-color: #27ae60; */
        margin-bottom: 5px;
    }

    #footer .social {
        display: none
    }

    #footer #copyright {
        display: block;
        text-align: left;
        margin: 10px 0 30px 0;
        font-size: 13px
    }

    #footer .footer-item {
        display: block;
        text-align: left;
        font-size: 16px;
        margin: 0 0 5px 0;
    }

    #footer #social-media {
        text-align: left;
        padding-top: 20px
    }

    .inverso .logoGreen {
        display: none;
    }

    .inverso .logoWhite {
        display: block;
    }

    .inverso .navbar-nav > li > a {
        color: white !important;
    }

    .inverso .btn-circle {
        border: 1px solid white;
    }
}

#home-intro-wrapper {
    background-color: #fafafa;
    text-align: left;
    padding-top: 40px;
    padding-bottom: 50px;
    margin-top: -65px;
    position: relative;
}

#home-intro h1 {
    font-size: 63px;
    margin: 62px auto;
    font-weight: 100;
    width: 85%;

}

#home-intro h1 span {
    font-size: 26px;
    font-weight: 300;
    margin-top: 5px;
    display: block
}

#home-intro h2 {
    font-size: 20px;
    margin: 10px 0 0 0
}

#home-intro #next-games {
    margin: 10px 0 0 0;
    text-align: center
}

.top-fluid {
    padding-left: 35px;
    padding-right: 35px;
}

#home-intro .btn {
    margin-top: 0px;
    padding: 8px 20px;
    font-size: 26px;
    font-weight: 400;
    border-radius: 10px;
    background: #27ae60;
}

.quickRegister .modal-body {
    padding-top: 0;
}

#home #flags {
    margin: 20px 0 0 0;
    font-size: 18px;
    text-align: center
}

#home #flags img {
    margin-left: 2px;
    margin-right: 2px
}

#home-features-wrapper {
    text-align: center;
    padding: 20px 0;
    border-bottom: none;
    position: relative;
    z-index: 500;
}

#home-features h3 {
    margin: 0 0 20px 0;
    font-size: 25px;
    font-weight: 400
}

#home-features p {
    margin: 20px 0 0 0
}

#home-quality-image-wrapper {
    background-color: transparent;
    padding: 25px 0;
    border-bottom: none
}

#home-quality-image p {
    font-size: 16px;
}

#home-quality-image-wrapper h3 {
    font-size: 62px;
    margin: 20px 0 20px 0;
    font-weight: 400
}

.cast h3 {
    font-size: 62px;
    margin: 20px 0 20px 0;
    font-weight: 400
}

#home-quality-image p {
    font-size: 17px;
    margin: 0 0 15px 0;
}

#home-quality-image .btn {
    font-size: 16px
}

#home-library-wrapper {
    padding: 30px 0;
    border-bottom: none
}

#home-library h3 {
    font-size: 65px;
    margin: 20px 0 20px 0;
    font-weight: 400;
}

#home-library p {
    font-size: 17px;
    margin: 0 0 30px 0;
}

#home-library .btn {
    font-size: 16px
}

#home-price-wrapper {
    padding: 35px 0 50px;
}

#home-price #price {
    font-size: 80px;
    font-weight: 500;
    text-align: center
}

.btn-get-app {
    width: 174px;
    height: 51px;
    float: left;
    text-indent: -9999%;
    display: block;
    background: url("../img/appstore.svg") no-repeat;
}

.btn-get-app.playstore {
    background: url("../img/playstore.svg") no-repeat;
    margin-right: 15px;
    margin-bottom: 15px;
}

#home-quality-image-wrapper .btn-success {
    color: #fff;
    background-color: #27ae60 !important;
    border: none !important;
    border-radius: 10px;
    padding: 7px 33px;
    font-size: 24px !important;
}

#home-quality-image .btn {
    margin: 25px 0px 45px;
}

#home-price #price-p {
    font-size: 22px;
    text-align: center
}

#home-price .btn {
    font-size: 16px
}

#home-price h3 {
    font-size: 40px;
    font-weight: 400
}

#home-price #monthly {
    margin: 10px 0 10px 0
}

#home-price #no-contracts {
    margin: 0 0 20px 0
}

#home .marquee {
    width: 100%;
    overflow: hidden;
    border-top: 0 solid #C8E6C9;
    border-bottom: 1px solid #EEE;
    background: #F5F5F5;
    color: #666;
    font-size: 16px;
    height: 50px;
    line-height: 50px
}

.appleTv {
    padding-top: 34px;
}

span.icon-android {
    width: 34px;
    height: 41px;
    background: url("../img/android.svg") no-repeat;
}

span.apple {
    width: 34px;
    height: 41px;
    background: url("../img/appletv.svg") no-repeat;
}

span.smartv {
    width: 34px;
    height: 41px;
    background: url("../img/smartv.svg") no-repeat;
}

.castitles p {
    font-size: 18px;
}

.castitles p img {
    margin-right: 10px;
}

.navbar-default .navbar-toggle {
    border: none;
    background-color: transparent;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
    border: none
}


@media (min-width: 992px) and (max-width: 1199px) {
    .quickRegister {
        margin-left: 0px;
    }
}

.mobile-bar {
    display: none;
}

@media (max-width: 991px) {
    #home {
        text-align: center
    }

    .soccer-teams {
        margin-top: 15px;
        margin: 0px auto;
        position: relative;
        top: 15px;
    }

    .quickRegister {
        margin-left: 0px;
    }

    #home-intro-wrapper {
        padding: 0
    }

    #home-intro {
        text-align: center;
        padding-top: 40px;
        padding-bottom: 20px
    }

    #home-intro h1 {

        width: 100%;
    }

    #home-intro .btn {
        margin: 0 0 15px 0;
        padding: 8px 20px;
        font-size: 20px;
        font-weight: 400;
        float: none !important
    }

    #home #flags {
        margin: 20px 0 20px 0;
        font-size: 15px
    }

    #home #flags span {
        display: block
    }

    #home-features p {
        margin: 20px 0 20px 0
    }

    #home-quality-image h3 {
        font-size: 30px
    }

    #home-library h3 {
        font-size: 30px
    }

    #home-price-wrapper {
        padding: 30px 0 50px 0
    }

    #home-price #price {
        font-size: 60px
    }

    #home-price h3 {
        font-size: 30px
    }


}

@media (max-width: 767px) {
    .inverso .navbar-default .navbar-toggle {
        border: none;
        background-color: #27ae60;
    }

    .quickRegister {
        margin-left: 0px !important
    }


    .logoWhite img {
        width: 40px !important;
        height: auto !important;
    }

    #home-intro-wrapper {
        padding-bottom: 60px;
    }

    .soccer-team {
        zoom: 1;
    }

    .quickRegister {
        padding-bottom: 0px;
        border-radius: 10px;
        margin-top: 45px;
    }

    .navbar-nav .btn-circle {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .inverso .navbar-default .navbar-toggle {
        border: none;
        background-color: #27ae60;
    }

    .inverso .navbar-default .navbar-toggle:focus {
        background-color: #059c39;
        border: none;
    }

    .inverso .navbar-default .navbar-toggle:hover {
        background-color: #059c39;
        border: none;
    }

    #home-intro h1 {
        font-size: 25px;
        margin: 20px 0 0 0;
    }

    #home-intro h1 span {
        font-size: 14px;
        font-weight: 100;
    }

    #home-intro .img-responsive {
        padding-left: 20px;
        padding-right: 20px
    }

    #home-features h3 {
        margin: 0px 0;
        font-size: 12px;
        font-weight: 100;
        padding-bottom: 10px;
    }

    #home-quality-image > div > div:nth-child(1) {
        display: none;
    }

    #home-price > div > div:nth-child(2) {
        display: none;
    }

    #home-library > div > div.col-md-6.col-lg-7 {
        display: none;
    }

    .sinContratos h3 {
        font-size: 30px !important
    }

    #home-price-wrapper, #home-library-wrapper, #home-quality-image-wrapper {
        padding: 0;
    }

    #home-features-wrapper {
        padding: 10px 0 0;
    }

    #home-intro {
        padding-top: 80px;
    }

    .btn-get-app {
        float: none;
        margin: 10px auto !important;
    }

    .top-fluid {
        background: url(/static/poipes.com/img/bg_black_opacity.png) repeat;
    }

    .live-page .top-fluid {
        background: transparent;
    }

    .default-page .top-fluid {
        background: transparent;
    }

    .calendar-page .top-fluid {
        background: transparent;
    }

    .default-page #header-logo-container,
    .live-page #header-logo-container,
    .calendar-page #header-logo-container {
        border-bottom: 1px solid #fff;
    }

    .navbar-nav.mobile-bar {
        list-style: none;
        -ms-box-orient: horizontal;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-items: stretch;
        align-items: stretch;
        margin: 0px 0px;
        color: #fff;
    }

    .navbar-nav.mobile-bar > li {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        text-align: center;
    }

    .navbar-nav.mobile-bar .open .dropdown-menu > li > a {
        color: #fff !important;
    }

    #watch h1 {
        font-size: 26px !important;
    }

    .btn-view {
        width: 250px !important;
    }

    #header-logo-container {
        min-height: 40px;
        border-bottom: 1px solid #999;
    }
}

#live {
    padding: 40px 0;
    min-height: 400px;
    background: #FFF
}

#live h1 {
    margin: 0;
    font-size: 28px
}

#live-header .divider-line {
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
    margin-bottom: 15px
}

#live #no-live h2 {
    font-size: 22px;
    margin: 0 0 15px 0
}

#live #no-live p {
    font-size: 18px
}

#live #no-live a {
    font-weight: bold;
    color: #5cb85c
}

#live .channel-box {
    margin-bottom: 30px
}

#live .channel-box-header {
    border: 1px solid #EEE;
    background-color: #FAFAFA;
    padding: 10px
}

#live .channel-box-body {
    border-right: 1px solid #EEE;
    border-left: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    padding: 10px
}

#live .channel-box h2 {
    font-size: 22px;
    margin: 0;
    font-weight: 400;
    color: #333
}

#live .channel-box h3 {
    font-size: 18px;
    margin: 0 0 10px 0;
    font-weight: 400
}

#live .channel-box h4 {
    margin: 8px 0 0 0;
    font-weight: 400;
    font-size: 16px
}

#live .channel-box .col-btn {
    text-align: right
}

#live .channel-box-soon h2 {
    color: #666
}

#live .channel-box-soon .channel-box-header {
    border: 1px solid #EEE;
    background-color: #FAFAFA
}

#live .channel-box-soon .channel-box-body {
    border-right: 1px solid #EEE;
    border-left: 1px solid #EEE;
    border-bottom: 1px solid #EEE
}

@media (max-width: 767px) {
    #live {
        padding: 20px 0
    }

    #live .channel-box .col-btn {
        padding-top: 15px;
        text-align: left
    }

    #home-intro h1 {
        width: 100%;
    }
}

#library {
    xpadding: 40px 0;
    min-height: 400px;
}

#library h1 {
    margin: 0;
    font-size: 26px
}

#library-header .divider-line {
    border-bottom: 1px solid #EEE;
    padding-bottom: 15px;
    margin-bottom: 25px
}

#library-header strong {
    line-height: 32px
}

#library #filter {
    margin-bottom: 15px
}

#library .video {
    /* min-height: 200px; */
    margin-bottom: 15px;
    padding: 10px;
    cursor: pointer;
    background-size: cover;
    /* border-radius: 6px 6px 0 0; */
}

#library .video:hover {
    background-color: #FAFAFA
}

#library .video-a:hover {
    text-decoration: none
}

#library .video-img {
    margin-bottom: 10px;
    max-height: 120px;
    overflow: hidden
}

#library .video h2 {
    font-size: 18px;
    margin: 0 0 10px 0
}

#library .video h3 {
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 10px 0
}

#library .video h4 {
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 10px 0
}

#library #no-results p {
    font-size: 18px;
    text-align: center;
    margin: 0 0 0 0
}

#library #no-results p#p1 {
    margin: 40px 0 15px 0
}

#landing-intro-wrapper h1 {
    font-size: 63px;
    margin: 135px 0 0 0;
    font-weight: 100;
    width: 100%;
}

#landing-intro-wrapper .quickRegister {
    margin-top: 128px;
    margin-left: 70px;
}

#landing-intro-wrapper.landing-default .quickRegister {
    margin-top: 45px;
    margin-left: 70px;
}

#landing-intro-wrapper.landing-default h1 {
    font-size: 63px;
    margin: 40px 0 0 0;
    font-weight: 100;
    width: 100%;
}

#landing-intro-wrapper .btn {
    margin-top: 0px;
    padding: 8px 20px;
    font-size: 26px;
    font-weight: 400;
    border-radius: 10px;
    background: #27ae60;
}

#landing-intro-wrapper h1 span {
    font-size: 28px;
    font-weight: 300;
    margin-top: 5px;
    display: block;
}

.promotionHome {
    font-size: 36px;
    text-align: center;
    font-weight: bold;
    color: grey;
    font-weight: bold;
    margin-top: 25px;
    color: white;
    font-weight: 100;
    margin-top: 0px;
    padding-top: 35px;
    padding-bottom: 35px;
    background: #f85032;
    background: -webkit-linear-gradient(to top, #e73827, #f85032);
    background: linear-gradient(to top, #e73827, #f85032);
}

.pagination > li > a, .pagination > li > span {
    border: none;
    color: #333;
}

.pagination > li > a:hover {
    border-radius: 100px;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover {
    border-radius: 100px;
    background-color: #27ae60;
    border-color: #27ae60;
}

.orange {
    color: white;
    padding: 8px 40px !important;
    margin-left: 29px;
    font-size: 26px;
    font-weight: 100;
    border-radius: 10px;
    border: none !important;
    box-shadow: 0px 2px 0px #021d76;
    background: #36D1DC;
    background: -webkit-linear-gradient(to top, #2B32B2, #1488CC);
    background: linear-gradient(to top, #2B32B2, #1488CC);


}

.orange:hover, .orange:focus, .orange:active {
    color: white;
    background: #1488CC; /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #2B32B2, #1488CC); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #2B32B2, #1488CC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

@media (min-width: 991px) {
    .soccer-team {
        width: 200px;
        height: 280px;
        display: block;
        float: left;
        background: url(../img/logoUru.png) no-repeat center top;
        zoom: 0.4;
    }

    .soccer-teams {
        margin-top: 25px;
        margin-left: 0;

    }

    .soccer-team img {
        height: 50px !important;
    }

}

@media (min-width: 992px) and (max-width: 1036px) {
    #landing-intro-wrapper .container {
        width: 100%;
    }
}

@media (min-width: 1199px) {
    .quickRegister {
        margin-left: 55px;
    }
}

@media (max-width: 1199px) {
    #footer .social span {
        display: none;
    }

    #landing-intro-wrapper .quickRegister {
        margin-left: 0;
    }

}


@media (min-width: 992px) and (max-width: 1199px) {
    #library h1 {
        font-size: 22px
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    #footer {
        position: relative;
    }

}

@media (max-width: 991px) {
    #landing-intro-wrapper h1 {
        font-size: 30px;
        margin: 75px 0 0 0;
        font-weight: 100;
        width: 100%;
    }

    #landing-intro-wrapper {
        overflow: hidden;
    }

    .promotionHome {
        font-size: 24px;
    }

    .orange {
        margin-top: 25px;
    }

    #landing-intro-wrapper.landing-default h1 {
        font-size: 25px;
        margin: 40px 0 0 0;
        font-weight: 100;
        width: 100%;
    }

    #landing-intro-wrapper h1 span {
        font-size: 19px;
        font-weight: 300;
        margin-top: 5px;
        display: block;
    }

    #landing-intro-wrapper .quickRegister {
        margin-top: 0;
    }

    #library {
        padding: 20px 0
    }

    #footer #links p {
        font-size: 12px;
        width: 60%;
        margin-top: 20px;
        text-align: justify;
        margin-bottom: 0;
        clear: both;
        margin-top: 15px;
    }

    #library h1 {
        margin: 0 0 10px 0
    }

    #library-header select {
        margin: 0 0 10px 0
    }

}

@media (max-width: 767px) {
    #home-intro-wrapper .quickRegister {

        margin-top: 5px;
    }

    #home-intro {
        padding-top: 115px !important;
    }

    .soccer-teams img {
        height: 40px !important;
    }

    .navbar-nav .btn-circle {
        color: #34495e;
        border-color: #34495e;
    }

    #landing-intro-wrapper {
        overflow: hidden;
        margin-top: -87px !important;
        padding-top: 20px;
    }
}

#calendar {
    padding: 40px 0;
    min-height: 400px;
    background: #FFF
}

#calendar h1 {
    margin: 0;
    font-size: 26px
}

#calendar h2 {
    margin: 15px 0 0 0;
    padding: 0 0 5px 0;
    font-size: 23px;
    border-bottom: 3px solid #CCC;
    color: #BBB
}

#calendar-header .divider-line {
    border-bottom: 1px solid #EEE;
    padding-bottom: 15px;
    margin-bottom: 0
}

#calendar-header strong {
    line-height: 32px
}

#calendar .date-header {
    margin-top: 25px;
    margin-bottom: 5px
}

#calendar .calendar-item {
    margin-bottom: 5px
}

#calendar h3 {
    margin: 0 0 5px 0;
    font-size: 46px;
}

#calendar h4 {
    margin: 0;
    margin-bottom: 60px;
    font-size: 25px;
    font-weight: normal;
    margin-top: 60px;
}

#calendar h4:first-of-type {
    margin-top: 0;
}

#calendar p {
    font-size: 18px;
}

#calendar .btn-circle {
    border: 2px solid #9A9A9A;
    color: #9A9A9A;
    background: transparent;
    font-size: 22px;
    padding: 5px 20px !important;
}


#calendar .day-month {
    background-color: #5cb85c;
    font-size: 30px;
    padding: 10px 0;
    text-align: center;
    color: white
}

#calendar .day-name {
    font-size: 30px;
    padding: 10px 0;
    color: #5cb85c
}

#calendar .channel-header {
    font-size: 20px;
    padding: 15px 0;
    color: #CCC;
    text-align: center
}

#calendar .hour {
    font-size: 22px;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: transparent;
    color: #000;
    font-size: 40px;
    font-weight: bold;
}

#calendar .hour img {
    margin: 0px auto;
}

#calendar .hour .senal {
    font-size: 16px;
    font-weight: normal;
    margin-top: 30px;
}

#calendar .hour .senal span {
    font-size: 20px;
    font-weight: bold;
}

#calendar .video-info {
    padding-top: 20px;
    padding-bottom: 20px
}

#calendar .odd {
}

#calendar .channel {
    font-size: 22px;
    text-align: center;
    color: #666;
    padding-top: 25px
}

#calendar .local-time {
    margin: 10px 0 0 0;
    color: #999;
    text-align: right;
    font-size: 12px
}

@media (max-width: 767px) {
    #calendar {
        padding: 20px 0
    }

    #calendar h1 {
        margin: 0 0 10px 0
    }

    .soccer-team {
        float: none;
        display: inline-block;
    }

    #calendar .day-month {
        font-size: 16px
    }

    #calendar .day-name {
        font-size: 17px
    }

    #calendar .hour {
        font-size: 14px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    #calendar .video-info {
        padding-top: 10px;
        padding-bottom: 10px
    }

    #calendar h3 {
        font-size: 30px;
    }

    #calendar h4 {
        font-size: 16px
    }

    #calendar .calendar-item {
        margin-bottom: 5px;
        border-bottom: 1px solid #b9b9b9;
    }
}

#watch {
    padding: 40px 0;
    min-height: 400px;
    background: #FFF
}

#watch h1 {
    margin: 0;
    font-size: 26px
}

#watch-header .divider-line {
    border-bottom: 1px solid #EEE;
    padding-bottom: 15px;
    margin-bottom: 25px
}

#watch-header #share {
    text-align: right
}

#watch-header #share .btn-social-network {
    margin-top: 15px
}

#watch #video {
    width: 100%;
    height: 400px;
    background-color: #000;
    margin-bottom: 50px;
    text-align: center;
    position: relative
}

#watch #video #play {
    color: white;
    font-size: 80px;
    margin-top: 150px;
    font-weight: 300;
    top: 50%;
    right: 50%;
    position: absolute;
    margin: -40px -35px 0 0
}

#watch #video #live-icon {
    background-color: #D32F2F;
    color: white;
    display: inline-block;
    float: left;
    padding: 2px 5px;
    border-radius: 2px;
    margin: 10px 0 0 10px
}

@media (max-width: 767px) {
    #watch {
        padding: 20px 0
    }

    #watch-header #share {
        text-align: left
    }

    #watch #video {
        height: 250px
    }
}

#account {
    padding: 40px 0;
    min-height: 400px;
   /* background: #FFF*/
}

#account h1 {
    margin: 0 0 15px 0;
    font-size: 26px
}

#account-header .divider-line {
    border-bottom: 1px solid #EEE;
    padding-bottom: 15px;
    margin-bottom: 25px
}

#account-header .nav-pills {
    text-align: right
}

#account .tab-pane {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 15px
}

#account #my-data .row {
    margin-bottom: 15px
}

#account #payment-info h3,
#account #payment-history h3,
#account #suscription h3 {
    margin: 0 0 15px 0;
    font-size: 20px
}


@media (max-width: 767px) {
    #account {
        padding: 20px 0
    }

    #account .nav > li > a {
        padding: 6px 8px
    }
}

#landing-1 h1 {
    font-size: 34px
}

#landing-1 h1 span {
    font-size: 22px
}

#landing-1-intro-wrapper {
    padding: 40px 0
}

#landing-1-intro #sidebar {
    color: #777
}

#landing-1-intro #sidebar .row {
    padding-top: 20px;
    padding-bottom: 2px
}

#landing-1-intro #sidebar .col-md-4 {
    text-align: right
}

#landing-1-intro #sidebar .sidebar-img {
    width: 80px;
    height: auto
}

#landing-1-intro #sidebar h3 {
    margin: 0 0 10px 0;
    font-weight: normal
}

#landing-1 #form-wrapper {
    padding: 25px 20px;
    border-radius: 5px;
    background-color: #fafafa;
    border: 1px solid #EEE;
    border-radius: 5px
}

#landing-2 h1 {
    font-size: 34px
}

#landing-2 h1 span {
    font-size: 22px
}

#landing-2-intro-wrapper {
    padding: 40px 0 20px 0
}

#landing-2-intro #sidebar {
    color: #444
}

#landing-2-intro #sidebar h2 {
    margin: 25px 0 15px 0
}

#landing-2-intro #sidebar h2 span {
    color: #4CAF50
}

#landing-2-intro #sidebar p#explanation {
    font-size: 16px;
    border-bottom: 1px solid #CCC;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0
}

#landing-2-intro #faq {
    color: #888
}

#landing-2-intro #faq h4 {
    font-weight: 300;
    margin-top: 25px
}

#landing-2-intro #sidebar h3 {
    margin: 0 0 10px 0;
    font-weight: normal
}

#landing-2 #form-wrapper {
    padding: 25px 20px;
    border-radius: 5px;
    background-color: #fafafa;
    border: 1px solid #EEE;
    border-radius: 5px
}

#payment-1 h1 {
    font-size: 38px
}

#payment-1 h1 span {
    color: #4CAF50
}

#payment-1-intro-wrapper {
    padding: 40px 0
}

#secure-code-explanation {
    margin: 31px 0 0 0;
    font-size: 11px;
    color: #666
}

#payment-1-intro #sidebar h2 {
    margin: 25px 0 15px 0
}

#payment-1-intro #sidebar h2 span {
    color: #4CAF50
}

#payment-1-intro #sidebar h3 {
    font-weight: 300;
    margin: 0 0 10px 0
}

#payment-1-intro #sidebar p#explanation {
    font-size: 16px;
    border-bottom: 1px solid #CCC;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0
}

#payment-1-intro #secure {
    font-size: 16px;
    border-bottom: 1px solid #CCC;
    padding: 0 0 15px 0;
    margin: 0 0 20px 0
}

.secure {
    font-size: 16px;
    border-bottom: 1px solid #CCC;
    padding: 0 0 15px 0;
    margin: 0 0 20px 0
}

.secure p {
    margin: 0
}

#payment-1-intro #secure p {
    margin: 0
}

#payment-1-intro #faq {
    color: #888
}

#payment-1-intro #faq h4 {
    font-weight: 300;
    margin-top: 25px
}

#payment-1 #form-wrapper {
    padding: 25px 30px;
    background-color: #fafafa;
    border-radius: 5px;
    border: 1px solid #EEE
}

#payment-1 #important {
    font-size: 17px;
    margin: 25px 0 0 0;
    text-align: center
}

@media (min-width: 992px) and (max-width: 1199px) {
    #payment-1 h1 {
        font-size: 34px
    }
}

@media (max-width: 767px) {
    #payment-1 h1 {
        font-size: 30px
    }

    #payment-1-intro-wrapper {
        padding-top: 15px
    }

    #payment-1 #form-wrapper {
        margin: 0;
        padding: 0;
        border: none;
        border-bottom: 1px solid #DDD;
        background: none
    }

    #secure-code-explanation {
        margin: 25px 0 0 0
    }

    .inverso .logoGreen {
        display: block;
    }

    .inverso .logoWhite {
        display: none;
    }

    .inverso .navbar-nav > li > a {
        color: black !important;
    }

    .inverso .btn-circle {
        border: 1px solid black;
    }
}

.loader,
.loader-register {
    background: url("../../img/loader.gif") no-repeat scroll center center #000;
    border-radius: 6px 6px 6px 6px;
    height: 100%;
    z-index: 999999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7;
    position: absolute;
    width: 100%;
    display: none
}

#page {
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 300px
}

#page h1 {
    margin: 0 0 20px 0;
    font-size: 30px
}

#page h2 {
    margin: 30px 0 20px 0;
    font-size: 23px
}

.page h1 {
    color: #23985a;
    margin: 30px 0 20px 0;
    font-size: 30px
}

.page h2 {
    margin: 30px 0 20px 0;
    font-size: 23px
}

.navbar-nav > li > a {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    outline: 0;
    color: #fff !important;
    font-weight: 500;
    font-size: 20px;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent !important;
    border: none !important;
    color: #333
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent;
    margin-bottom: 10px;
}

.inverso .logoGreen {
    display: block;
}

.inverso .logoGreen {
    display: block;
}

.inverso .logoWhite {
    display: none;
}

.inverso .navbar-nav > li > a {
    color: black !important;
}

.inverso .btn-circle {
    border: 2px solid black;
}

.inverso .btn-circle:hover, .inverso .btn-circle:focus {
    border: 2px solid #27ae60;
}

@media (min-width: 768px) {
    /*
        .navbar-nav>li.active>a:after {
            -webkit-transform: translateX(-50%) scaleX(1);
            -ms-transform: translateX(-50%) scaleX(1);
            -o-transform: translateX(-50%) scaleX(1);
            transform: translateX(-50%) scaleX(1)
        }*/
}

@media (min-width: 992px) {

    .navbar-nav > li > a:after {
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-transition-property: -webkit-transform;
        -o-transition-property: -o-transform;
        transition-property: transform;
        -webkit-transform: translateX(-50%) scaleX(0);
        -ms-transform: translateX(-50%) scaleX(0);
        -o-transform: translateX(-50%) scaleX(0);
        transform: translateX(-50%) scaleX(0);
        position: absolute;
        bottom: 14px;
        left: 50%;
        content: "";
        width: 70%;
        height: 4px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        background-color: #67ab49
    }

    div#en-cualquier-lado, div#bilbioteca, div#no-contrato {
        min-height: 500px;
    }
}

#loadingImage {
    animation: 4s linear 0s normal none infinite running spin;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOoAAADuBAMAAADFK4ZrAAAAMFBMVEUAAAAaGhoXFxfo6Og3NzdPT0/4+PgmJibFxcWhoaF8fHzY2NiysrJmZmaNjY1DQ0OLk+cnAAAAAXRSTlMAQObYZgAABlpJREFUeNrtnGnITFEYx5+a3Ox1TjRFPpxbGmSZsmfLliKy73RKZImaSVmy7xFJtmSLLFlHdrIklH3fhSyJLOEDQpak4865951znmfGUuf34f3w1u13/+c+d+a555w74HA4HA6Hw+FwOBwOh+P/Z8DBfec3be3WbdO2U3P2SPgTeA1WXmuT9n2fse9/Eq1vvUhCoYntWzfqu1DBfdZ+Yz0oKA0WpblgWYhE6+UFzBub+8ZnYfBE7z1QIIY9ZoJFICYuLUxZDbkhWBEkboVqPdrJNGwuWJGIz0nQiD3pPYMibcFy0j+jHTZN8LEZglTktvpfstOWFozxd4SkJvAOWdpj7DvVJE46uJNgRvh9ZVbU78RxQxzbwIzpo0Vl/AFG6l0Q5tbE2qyo3+mIsR7wmQWVJwWiYq3FOzEb+Jikioq2ekuYHfyOioq2NkkxS8qdVFGR1lJvmS18rFRRcVZVv+bEr6ioKOuQtwxB5STAAoa3LmEY+AcoIfDWEYKhqDVpAUNbvTUMSVuBsKqoaPDWh+zPW1VF6Pzsibmff6u3INI56su9Vz+4Pyqdb2vpFAuDi693Z9Ub9POJZ9+8rkzk1XokXFpuyyAJikHzbvh5tMbehg5u26laf3MiLfJmHSiYTuLuINDwDjQXOayUTwie2CghjP09clgptZTYLKNa1875sdYPk0Ikh9P5sHqX9fH9LCESb246D9bSQm8RkkWe5sIU3bpLs1aekaOXvEy26gMcfwQ5aJoiWvUB5h8l5GKVIFqbiezu4KjBqXYmWp9mR+0JBuwWJGusud71GVA8RbIOFVlRr4ORlTbCe1FRYTLBqt83vI9ZVFoNl0plt7eYqMqKu6yfUVdVWVGXNT4fFVVZUXdrBYmKqqyou/WTWVSitUTWAE8yi0q0DlfFZD43Nplq3cECdDeLSrR6CxADPJlsDRZTDYmMqqz23xx8NCIqwlpSWH/dFGdka51gCc83qT+aVR+tchLRBCCswRKuKk2uCdnqBZ4geUtEb4ewxoIlvNqkEliRXLSeA4lnEI+6CuMZ+DIi0DFJ2xPVyVh/9lcBA2Kdi5JWk7ZZeRcwYaYW1rIeoVQLphBHzVqmzpFav1IGDPAOtVL0lWBE4/utIug9FYzwaiuk8Qp/7QgkOBwOh8PhcDgcDofJ00M9MMSzP6bB9lYRtD9jKL2gjmk9w2zS/5JgEfDKZg+WJfzfjqluuxqpMw5MqCuYolYSsZ6OWdiZos2n0KYE+XyTE+9sPZ9SVhRp7W496VoVDCjGiqSl9XJQFbqVvzOpx8ARXXBW6wm+BdoRRGs8aTuDz+fTrSa3fGntPIlWPt96LrOyRFmt74Jj5qOjrOTPiEuBQ9qRrVURCzPrMVb7cmymrd3SrFURu7HKSaKVz0fsmagGRGtVzG6sikQrn4/Y9MDXE61VMbtE45MMraSocJwFKC8NraSoxd+wAKMBZ1VREXuNeEuatSpqn378KMnKj1q1pOqy0rJOQq1hjQaa9TMYMF3bjEW0xhcbNBEtsg/KEK2sZtJ+R/cEoFr5HchBU6GtC5KtLHEyxythb7SrMoluZWMzlq+EVZN5sPKPSbtXwlTXT+pgbkaf/IG0XvZHKVZFIkrrzU6HVL2kWZX2rjTeKB2/AjSrQvSqBxoDzimponKGalX4+jzMvqs+C2E0kK0KXm7b7++oewOWaa8YaLVEtzIuJt7atwd+MGjAvpfvuQi/uyXNquMnWt/e9urZpmtd0z4LJ74WyFbd6/uM//gTRaUkwkqFd4e/YK0sCdar+Kh4a/WGb3HW8hJv5UfVy5lWxK8D3lodoDgq7IQkyqp64LopRNTFgLKqdj92Q1iX0jiJtKonm4Zp61LKANKqnmy8I7bWzYC2qoe4UhvsxvezJFirIt8yrjwJMFZ96+Ihi0tbbr29Us3A1wx0nebWm4CiVErfpRlbxTRytcyYd5lrQoDiZhVF+LWOZiJkQ+pgkw8LPn4GYIltEL5aolJpU7mlkwDPsCe9kiH/fc1zNDUqKQpPhp9MukhpgX50J3a+jR/pjN9MQmHwGl/1RcQTwSMJBSN2+n1Ku7yCj9ySgYJSe25X5ovgr0bd2imh0AxbueJ96tcvZI2aeO9FPfgjeI32nX2+qVu/TZuWHtw5CBwOh8PhcDgcDofD4XA4HP8i3wDmy/sFKv4WfAAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    height: 238px;
    margin: 10em auto;
    width: 234px
}

@keyframes spin {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes spin {
    100% {
        transform: rotate(360deg)
    }
}

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

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon';
    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
}

.icon-home3:before {
    content: "\e902"
}

.icon-office:before {
    content: "\e903"
}

.icon-newspaper:before {
    content: "\e904"
}

.icon-pencil:before {
    content: "\e905"
}

.icon-pencil2:before {
    content: "\e906"
}

.icon-quill:before {
    content: "\e907"
}

.icon-pen:before {
    content: "\e908"
}

.icon-blog:before {
    content: "\e909"
}

.icon-eyedropper:before {
    content: "\e90a"
}

.icon-droplet:before {
    content: "\e90b"
}

.icon-paint-format:before {
    content: "\e90c"
}

.icon-image:before {
    content: "\e90d"
}

.icon-images:before {
    content: "\e90e"
}

.icon-camera:before {
    content: "\e90f"
}

.icon-headphones:before {
    content: "\e910"
}

.icon-music:before {
    content: "\e911"
}

.icon-play:before {
    content: "\e912"
}

.icon-film:before {
    content: "\e913"
}

.icon-video-camera:before {
    content: "\e914"
}

.icon-dice:before {
    content: "\e915"
}

.icon-pacman:before {
    content: "\e916"
}

.icon-spades:before {
    content: "\e917"
}

.icon-clubs:before {
    content: "\e918"
}

.icon-diamonds:before {
    content: "\e919"
}

.icon-bullhorn:before {
    content: "\e91a"
}

.icon-connection:before {
    content: "\e91b"
}

.icon-podcast:before {
    content: "\e91c"
}

.icon-feed:before {
    content: "\e91d"
}

.icon-mic:before {
    content: "\e91e"
}

.icon-book:before {
    content: "\e91f"
}

.icon-books:before {
    content: "\e920"
}

.icon-library:before {
    content: "\e921"
}

.icon-file-text:before {
    content: "\e922"
}

.icon-profile:before {
    content: "\e923"
}

.icon-file-empty:before {
    content: "\e924"
}

.icon-files-empty:before {
    content: "\e925"
}

.icon-file-text2:before {
    content: "\e926"
}

.icon-file-picture:before {
    content: "\e927"
}

.icon-file-music:before {
    content: "\e928"
}

.icon-file-play:before {
    content: "\e929"
}

.icon-file-video:before {
    content: "\e92a"
}

.icon-file-zip:before {
    content: "\e92b"
}

.icon-copy:before {
    content: "\e92c"
}

.icon-paste:before {
    content: "\e92d"
}

.icon-stack:before {
    content: "\e92e"
}

.icon-folder:before {
    content: "\e92f"
}

.icon-folder-open:before {
    content: "\e930"
}

.icon-folder-plus:before {
    content: "\e931"
}

.icon-folder-download:before {
    content: "\e933"
}

.icon-folder-upload:before {
    content: "\e934"
}

.icon-price-tag:before {
    content: "\e935"
}

.icon-price-tags:before {
    content: "\e936"
}

.icon-barcode:before {
    content: "\e937"
}

.icon-qrcode:before {
    content: "\e938"
}

.icon-ticket:before {
    content: "\e939"
}

.icon-cart:before {
    content: "\e93a"
}

.icon-coin-dollar:before {
    content: "\e93b"
}

.icon-coin-euro:before {
    content: "\e93c"
}

.icon-coin-pound:before {
    content: "\e93d"
}

.icon-coin-yen:before {
    content: "\e93e"
}

.icon-credit-card:before {
    content: "\e93f"
}

.icon-calculator:before {
    content: "\e940"
}

.icon-lifebuoy:before {
    content: "\e941"
}

.icon-phone:before {
    content: "\e942"
}

.icon-phone-hang-up:before {
    content: "\e943"
}

.icon-address-book:before {
    content: "\e944"
}

.icon-envelop:before {
    content: "\e945"
}

.icon-pushpin:before {
    content: "\e946"
}

.icon-location:before {
    content: "\e947"
}

.icon-location2:before {
    content: "\e948"
}

.icon-compass:before {
    content: "\e949"
}

.icon-compass2:before {
    content: "\e94a"
}

.icon-map:before {
    content: "\e94b"
}

.icon-map2:before {
    content: "\e94c"
}

.icon-history:before {
    content: "\e94d"
}

.icon-clock:before {
    content: "\e94e"
}

.icon-clock2:before {
    content: "\e94f"
}

.icon-alarm:before {
    content: "\e950"
}

.icon-bell:before {
    content: "\e951"
}

.icon-stopwatch:before {
    content: "\e952"
}

.icon-calendar:before {
    content: "\e953"
}

.icon-printer:before {
    content: "\e954"
}

.icon-keyboard:before {
    content: "\e955"
}

.icon-display:before {
    content: "\e956"
}

.icon-laptop:before {
    content: "\e957"
}

.icon-mobile:before {
    content: "\e958"
}

.icon-mobile2:before {
    content: "\e959"
}

.icon-tablet:before {
    content: "\e95a"
}

.icon-tv:before {
    content: "\e95b"
}

.icon-drawer:before {
    content: "\e95c"
}

.icon-drawer2:before {
    content: "\e95d"
}

.icon-box-add:before {
    content: "\e95e"
}

.icon-box-remove:before {
    content: "\e95f"
}

.icon-download:before {
    content: "\e960"
}

.icon-upload:before {
    content: "\e961"
}

.icon-floppy-disk:before {
    content: "\e962"
}

.icon-drive:before {
    content: "\e963"
}

.icon-database:before {
    content: "\e964"
}

.icon-undo:before {
    content: "\e965"
}

.icon-redo:before {
    content: "\e966"
}

.icon-undo2:before {
    content: "\e967"
}

.icon-redo2:before {
    content: "\e968"
}

.icon-forward:before {
    content: "\e969"
}

.icon-reply:before {
    content: "\e96a"
}

.icon-bubble:before {
    content: "\e96b"
}

.icon-bubbles:before {
    content: "\e96c"
}

.icon-bubbles2:before {
    content: "\e96d"
}

.icon-bubble2:before {
    content: "\e96e"
}

.icon-bubbles3:before {
    content: "\e96f"
}

.icon-bubbles4:before {
    content: "\e970"
}

.icon-user:before {
    content: "\e971"
}

.icon-users:before {
    content: "\e972"
}

.icon-user-plus:before {
    content: "\e973"
}

.icon-user-minus:before {
    content: "\e974"
}

.icon-user-check:before {
    content: "\e975"
}

.icon-user-tie:before {
    content: "\e976"
}

.icon-quotes-left:before {
    content: "\e977"
}

.icon-quotes-right:before {
    content: "\e978"
}

.icon-hour-glass:before {
    content: "\e979"
}

.icon-spinner:before {
    content: "\e97a"
}

.icon-spinner2:before {
    content: "\e97b"
}

.icon-spinner3:before {
    content: "\e97c"
}

.icon-spinner4:before {
    content: "\e97d"
}

.icon-spinner5:before {
    content: "\e97e"
}

.icon-spinner6:before {
    content: "\e97f"
}

.icon-spinner7:before {
    content: "\e980"
}

.icon-spinner8:before {
    content: "\e981"
}

.icon-spinner9:before {
    content: "\e982"
}

.icon-spinner10:before {
    content: "\e983"
}

.icon-spinner11:before {
    content: "\e984"
}

.icon-binoculars:before {
    content: "\e985"
}

.icon-search:before {
    content: "\e986"
}

.icon-zoom-in:before {
    content: "\e987"
}

.icon-zoom-out:before {
    content: "\e988"
}

.icon-enlarge:before {
    content: "\e989"
}

.icon-shrink:before {
    content: "\e98a"
}

.icon-enlarge2:before {
    content: "\e98b"
}

.icon-shrink2:before {
    content: "\e98c"
}

.icon-key:before {
    content: "\e98d"
}

.icon-key2:before {
    content: "\e98e"
}

.icon-lock:before {
    content: "\e98f"
}

.icon-unlocked:before {
    content: "\e990"
}

.icon-wrench:before {
    content: "\e991"
}

.icon-equalizer:before {
    content: "\e992"
}

.icon-equalizer2:before {
    content: "\e993"
}

.icon-cog:before {
    content: "\e994"
}

.icon-cogs:before {
    content: "\e995"
}

.icon-hammer:before {
    content: "\e996"
}

.icon-magic-wand:before {
    content: "\e997"
}

.icon-aid-kit:before {
    content: "\e998"
}

.icon-bug:before {
    content: "\e999"
}

.icon-pie-chart:before {
    content: "\e99a"
}

.icon-stats-dots:before {
    content: "\e99b"
}

.icon-stats-bars:before {
    content: "\e99c"
}

.icon-stats-bars2:before {
    content: "\e99d"
}

.icon-trophy:before {
    content: "\e99e"
}

.icon-gift:before {
    content: "\e99f"
}

.icon-glass:before {
    content: "\e9a0"
}

.icon-glass2:before {
    content: "\e9a1"
}

.icon-mug:before {
    content: "\e9a2"
}

.icon-spoon-knife:before {
    content: "\e9a3"
}

.icon-leaf:before {
    content: "\e9a4"
}

.icon-rocket:before {
    content: "\e9a5"
}

.icon-meter:before {
    content: "\e9a6"
}

.icon-meter2:before {
    content: "\e9a7"
}

.icon-hammer2:before {
    content: "\e9a8"
}

.icon-fire:before {
    content: "\e9a9"
}

.icon-lab:before {
    content: "\e9aa"
}

.icon-magnet:before {
    content: "\e9ab"
}

.icon-bin:before {
    content: "\e9ac"
}

.icon-bin2:before {
    content: "\e9ad"
}

.icon-briefcase:before {
    content: "\e9ae"
}

.icon-airplane:before {
    content: "\e9af"
}

.icon-truck:before {
    content: "\e9b0"
}

.icon-road:before {
    content: "\e9b1"
}

.icon-accessibility:before {
    content: "\e9b2"
}

.icon-target:before {
    content: "\e9b3"
}

.icon-shield:before {
    content: "\e9b4"
}

.icon-power:before {
    content: "\e9b5"
}

.icon-switch:before {
    content: "\e9b6"
}

.icon-power-cord:before {
    content: "\e9b7"
}

.icon-clipboard:before {
    content: "\e9b8"
}

.icon-list-numbered:before {
    content: "\e9b9"
}

.icon-list:before {
    content: "\e9ba"
}

.icon-list2:before {
    content: "\e9bb"
}

.icon-tree:before {
    content: "\e9bc"
}

.icon-menu:before {
    content: "\e9bd"
}

.icon-menu2:before {
    content: "\e9be"
}

.icon-menu3:before {
    content: "\e9bf"
}

.icon-menu4:before {
    content: "\e9c0"
}

.icon-cloud:before {
    content: "\e9c1"
}

.icon-cloud-download:before {
    content: "\e9c2"
}

.icon-cloud-upload:before {
    content: "\e9c3"
}

.icon-cloud-check:before {
    content: "\e9c4"
}

.icon-download2:before {
    content: "\e9c5"
}

.icon-upload2:before {
    content: "\e9c6"
}

.icon-download3:before {
    content: "\e9c7"
}

.icon-upload3:before {
    content: "\e9c8"
}

.icon-sphere:before {
    content: "\e9c9"
}

.icon-earth:before {
    content: "\e9ca"
}

.icon-link:before {
    content: "\e9cb"
}

.icon-flag:before {
    content: "\e9cc"
}

.icon-attachment:before {
    content: "\e9cd"
}

.icon-eye:before {
    content: "\e9ce"
}

.icon-eye-plus:before {
    content: "\e9cf"
}

.icon-eye-minus:before {
    content: "\e9d0"
}

.icon-eye-blocked:before {
    content: "\e9d1"
}

.icon-bookmark:before {
    content: "\e9d2"
}

.icon-bookmarks:before {
    content: "\e9d3"
}

.icon-sun:before {
    content: "\e9d4"
}

.icon-contrast:before {
    content: "\e9d5"
}

.icon-brightness-contrast:before {
    content: "\e9d6"
}

.icon-star-empty:before {
    content: "\e9d7"
}

.icon-star-half:before {
    content: "\e9d8"
}

.icon-star-full:before {
    content: "\e9d9"
}

.icon-heart:before {
    content: "\e9da"
}

.icon-heart-broken:before {
    content: "\e9db"
}

.icon-man:before {
    content: "\e9dc"
}

.icon-woman:before {
    content: "\e9dd"
}

.icon-man-woman:before {
    content: "\e9de"
}

.icon-happy:before {
    content: "\e9df"
}

.icon-happy2:before {
    content: "\e9e0"
}

.icon-smile:before {
    content: "\e9e1"
}

.icon-smile2:before {
    content: "\e9e2"
}

.icon-tongue:before {
    content: "\e9e3"
}

.icon-tongue2:before {
    content: "\e9e4"
}

.icon-sad:before {
    content: "\e9e5"
}

.icon-sad2:before {
    content: "\e9e6"
}

.icon-wink:before {
    content: "\e9e7"
}

.icon-wink2:before {
    content: "\e9e8"
}

.icon-grin:before {
    content: "\e9e9"
}

.icon-grin2:before {
    content: "\e9ea"
}

.icon-cool:before {
    content: "\e9eb"
}

.icon-cool2:before {
    content: "\e9ec"
}

.icon-angry:before {
    content: "\e9ed"
}

.icon-angry2:before {
    content: "\e9ee"
}

.icon-evil:before {
    content: "\e9ef"
}

.icon-evil2:before {
    content: "\e9f0"
}

.icon-shocked:before {
    content: "\e9f1"
}

.icon-shocked2:before {
    content: "\e9f2"
}

.icon-baffled:before {
    content: "\e9f3"
}

.icon-baffled2:before {
    content: "\e9f4"
}

.icon-confused:before {
    content: "\e9f5"
}

.icon-confused2:before {
    content: "\e9f6"
}

.icon-neutral:before {
    content: "\e9f7"
}

.icon-neutral2:before {
    content: "\e9f8"
}

.icon-hipster:before {
    content: "\e9f9"
}

.icon-hipster2:before {
    content: "\e9fa"
}

.icon-wondering:before {
    content: "\e9fb"
}

.icon-wondering2:before {
    content: "\e9fc"
}

.icon-sleepy:before {
    content: "\e9fd"
}

.icon-sleepy2:before {
    content: "\e9fe"
}

.icon-frustrated:before {
    content: "\e9ff"
}

.icon-frustrated2:before {
    content: "\ea00"
}

.icon-crying:before {
    content: "\ea01"
}

.icon-crying2:before {
    content: "\ea02"
}

.icon-point-up:before {
    content: "\ea03"
}

.icon-point-right:before {
    content: "\ea04"
}

.icon-point-down:before {
    content: "\ea05"
}

.icon-point-left:before {
    content: "\ea06"
}

.icon-warning:before {
    content: "\ea07"
}

.icon-notification:before {
    content: "\ea08"
}

.icon-question:before {
    content: "\ea09"
}

.icon-plus:before {
    content: "\ea0a"
}

.icon-minus:before {
    content: "\ea0b"
}

.icon-info:before {
    content: "\ea0c"
}

.icon-cancel-circle:before {
    content: "\ea0d"
}

.icon-blocked:before {
    content: "\ea0e"
}

.icon-cross:before {
    content: "\ea0f"
}

.icon-checkmark:before {
    content: "\ea10"
}

.icon-checkmark2:before {
    content: "\ea11"
}

.icon-spell-check:before {
    content: "\ea12"
}

.icon-enter:before {
    content: "\ea13"
}

.icon-exit:before {
    content: "\ea14"
}

.icon-play2:before {
    content: "\ea15"
}

.icon-pause:before {
    content: "\ea16"
}

.icon-stop:before {
    content: "\ea17"
}

.icon-previous:before {
    content: "\ea18"
}

.icon-next:before {
    content: "\ea19"
}

.icon-backward:before {
    content: "\ea1a"
}

.icon-forward2:before {
    content: "\ea1b"
}

.icon-play3:before {
    content: "\ea1c"
}

.icon-pause2:before {
    content: "\ea1d"
}

.icon-stop2:before {
    content: "\ea1e"
}

.icon-backward2:before {
    content: "\ea1f"
}

.icon-forward3:before {
    content: "\ea20"
}

.icon-first:before {
    content: "\ea21"
}

.icon-last:before {
    content: "\ea22"
}

.icon-previous2:before {
    content: "\ea23"
}

.icon-next2:before {
    content: "\ea24"
}

.icon-eject:before {
    content: "\ea25"
}

.icon-volume-high:before {
    content: "\ea26"
}

.icon-volume-medium:before {
    content: "\ea27"
}

.icon-volume-low:before {
    content: "\ea28"
}

.icon-volume-mute:before {
    content: "\ea29"
}

.icon-volume-mute2:before {
    content: "\ea2a"
}

.icon-volume-increase:before {
    content: "\ea2b"
}

.icon-volume-decrease:before {
    content: "\ea2c"
}

.icon-loop:before {
    content: "\ea2d"
}

.icon-loop2:before {
    content: "\ea2e"
}

.icon-infinite:before {
    content: "\ea2f"
}

.icon-shuffle:before {
    content: "\ea30"
}

.icon-arrow-up-left:before {
    content: "\ea31"
}

.icon-arrow-up:before {
    content: "\ea32"
}

.icon-arrow-up-right:before {
    content: "\ea33"
}

.icon-arrow-right:before {
    content: "\ea34"
}

.icon-arrow-down-right:before {
    content: "\ea35"
}

.icon-arrow-down:before {
    content: "\ea36"
}

.icon-arrow-down-left:before {
    content: "\ea37"
}

.icon-arrow-left:before {
    content: "\ea38"
}

.icon-arrow-up-left2:before {
    content: "\ea39"
}

.icon-arrow-up2:before {
    content: "\ea3a"
}

.icon-arrow-up-right2:before {
    content: "\ea3b"
}

.icon-arrow-right2:before {
    content: "\ea3c"
}

.icon-arrow-down-right2:before {
    content: "\ea3d"
}

.icon-arrow-down2:before {
    content: "\ea3e"
}

.icon-arrow-down-left2:before {
    content: "\ea3f"
}

.icon-arrow-left2:before {
    content: "\ea40"
}

.icon-circle-up:before {
    content: "\ea41"
}

.icon-circle-right:before {
    content: "\ea42"
}

.icon-circle-down:before {
    content: "\ea43"
}

.icon-circle-left:before {
    content: "\ea44"
}

.icon-tab:before {
    content: "\ea45"
}

.icon-move-up:before {
    content: "\ea46"
}

.icon-move-down:before {
    content: "\ea47"
}

.icon-sort-alpha-asc:before {
    content: "\ea48"
}

.icon-sort-alpha-desc:before {
    content: "\ea49"
}

.icon-sort-numeric-asc:before {
    content: "\ea4a"
}

.icon-sort-numberic-desc:before {
    content: "\ea4b"
}

.icon-sort-amount-asc:before {
    content: "\ea4c"
}

.icon-sort-amount-desc:before {
    content: "\ea4d"
}

.icon-command:before {
    content: "\ea4e"
}

.icon-shift:before {
    content: "\ea4f"
}

.icon-ctrl:before {
    content: "\ea50"
}

.icon-opt:before {
    content: "\ea51"
}

.icon-checkbox-checked:before {
    content: "\ea52"
}

.icon-checkbox-unchecked:before {
    content: "\ea53"
}

.icon-radio-checked:before {
    content: "\ea54"
}

.icon-radio-checked2:before {
    content: "\ea55"
}

.icon-radio-unchecked:before {
    content: "\ea56"
}

.icon-crop:before {
    content: "\ea57"
}

.icon-make-group:before {
    content: "\ea58"
}

.icon-ungroup:before {
    content: "\ea59"
}

.icon-scissors:before {
    content: "\ea5a"
}

.icon-filter:before {
    content: "\ea5b"
}

.icon-font:before {
    content: "\ea5c"
}

.icon-ligature:before {
    content: "\ea5d"
}

.icon-ligature2:before {
    content: "\ea5e"
}

.icon-text-height:before {
    content: "\ea5f"
}

.icon-text-width:before {
    content: "\ea60"
}

.icon-font-size:before {
    content: "\ea61"
}

.icon-bold:before {
    content: "\ea62"
}

.icon-underline:before {
    content: "\ea63"
}

.icon-italic:before {
    content: "\ea64"
}

.icon-strikethrough:before {
    content: "\ea65"
}

.icon-omega:before {
    content: "\ea66"
}

.icon-sigma:before {
    content: "\ea67"
}

.icon-page-break:before {
    content: "\ea68"
}

.icon-superscript:before {
    content: "\ea69"
}

.icon-subscript:before {
    content: "\ea6a"
}

.icon-superscript2:before {
    content: "\ea6b"
}

.icon-subscript2:before {
    content: "\ea6c"
}

.icon-text-color:before {
    content: "\ea6d"
}

.icon-pagebreak:before {
    content: "\ea6e"
}

.icon-clear-formatting:before {
    content: "\ea6f"
}

.icon-table:before {
    content: "\ea70"
}

.icon-table2:before {
    content: "\ea71"
}

.icon-insert-template:before {
    content: "\ea72"
}

.icon-pilcrow:before {
    content: "\ea73"
}

.icon-ltr:before {
    content: "\ea74"
}

.icon-rtl:before {
    content: "\ea75"
}

.icon-section:before {
    content: "\ea76"
}

.icon-paragraph-left:before {
    content: "\ea77"
}

.icon-paragraph-center:before {
    content: "\ea78"
}

.icon-paragraph-right:before {
    content: "\ea79"
}

.icon-paragraph-justify:before {
    content: "\ea7a"
}

.icon-indent-increase:before {
    content: "\ea7b"
}

.icon-indent-decrease:before {
    content: "\ea7c"
}

.icon-share:before {
    content: "\ea7d"
}

.icon-new-tab:before {
    content: "\ea7e"
}

.icon-embed:before {
    content: "\ea7f"
}

.icon-embed2:before {
    content: "\ea80"
}

.icon-terminal:before {
    content: "\ea81"
}

.icon-share2:before {
    content: "\ea82"
}

.icon-mail:before {
    content: "\ea83"
}

.icon-mail2:before {
    content: "\ea84"
}

.icon-mail3:before {
    content: "\ea85"
}

.icon-mail4:before {
    content: "\ea86"
}

.icon-google:before {
    content: "\ea87"
}

.icon-google-plus:before {
    content: "\ea88"
}

.icon-google-plus2:before {
    content: "\ea89"
}

.icon-google-plus3:before {
    content: "\ea8a"
}

.icon-google-drive:before {
    content: "\ea8b"
}

.icon-facebook:before {
    content: "\ea8c"
}

.icon-facebook2:before {
    content: "\ea8d"
}

.icon-facebook3:before {
    content: "\ea8e"
}

.icon-ello:before {
    content: "\ea8f"
}

.icon-instagram:before {
    content: "\ea90"
}

.icon-twitter2:before {
    content: "\ea92"
}

.icon-twitter3:before {
    content: "\ea93"
}

.icon-feed2:before {
    content: "\ea94"
}

.icon-feed3:before {
    content: "\ea95"
}

.icon-feed4:before {
    content: "\ea96"
}

.icon-youtube:before {
    content: "\ea97"
}

.icon-youtube2:before {
    content: "\ea98"
}

.icon-youtube3:before {
    content: "\ea99"
}

.icon-youtube4:before {
    content: "\ea9a"
}

.icon-twitch:before {
    content: "\ea9b"
}

.icon-vimeo:before {
    content: "\ea9c"
}

.icon-vimeo3:before {
    content: "\ea9e"
}

.icon-lanyrd:before {
    content: "\ea9f"
}

.icon-flickr:before {
    content: "\eaa0"
}

.icon-flickr2:before {
    content: "\eaa1"
}

.icon-flickr3:before {
    content: "\eaa2"
}

.icon-flickr4:before {
    content: "\eaa3"
}

.icon-picassa:before {
    content: "\eaa4"
}

.icon-picassa2:before {
    content: "\eaa5"
}

.icon-dribbble:before {
    content: "\eaa6"
}

.icon-dribbble2:before {
    content: "\eaa7"
}

.icon-dribbble3:before {
    content: "\eaa8"
}

.icon-forrst:before {
    content: "\eaa9"
}

.icon-deviantart:before {
    content: "\eaab"
}

.icon-deviantart2:before {
    content: "\eaac"
}

.icon-steam:before {
    content: "\eaad"
}

.icon-steam2:before {
    content: "\eaae"
}

.icon-dropbox:before {
    content: "\eaaf"
}

.icon-onedrive:before {
    content: "\eab0"
}

.icon-github:before {
    content: "\eab1"
}

.icon-github2:before {
    content: "\eab2"
}

.icon-github3:before {
    content: "\eab3"
}

.icon-github4:before {
    content: "\eab4"
}

.icon-github5:before {
    content: "\eab5"
}

.icon-wordpress:before {
    content: "\eab6"
}

.icon-wordpress2:before {
    content: "\eab7"
}

.icon-joomla:before {
    content: "\eab8"
}

.icon-blogger:before {
    content: "\eab9"
}

.icon-blogger2:before {
    content: "\eaba"
}

.icon-tumblr:before {
    content: "\eabb"
}

.icon-tumblr2:before {
    content: "\eabc"
}

.icon-yahoo:before {
    content: "\eabd"
}

.icon-tux:before {
    content: "\eabe"
}

.icon-apple:before {
    content: "\eabf"
}

.icon-finder:before {
    content: "\eac0"
}

.icon-android:before {
    content: "\eac1"
}

.icon-windows:before {
    content: "\eac2"
}

.icon-windows8:before {
    content: "\eac3"
}

.icon-soundcloud:before {
    content: "\eac4"
}

.icon-soundcloud2:before {
    content: "\eac5"
}

.icon-skype:before {
    content: "\eac6"
}

.icon-reddit:before {
    content: "\eac7"
}

.icon-linkedin:before {
    content: "\eac8"
}

.icon-linkedin2:before {
    content: "\eac9"
}

.icon-lastfm:before {
    content: "\eaca"
}

.icon-lastfm2:before {
    content: "\eacb"
}

.icon-delicious:before {
    content: "\eacc"
}

.icon-stumbleupon:before {
    content: "\eacd"
}

.icon-stumbleupon2:before {
    content: "\eace"
}

.icon-stackoverflow:before {
    content: "\eacf"
}

.icon-pinterest:before {
    content: "\ead0"
}

.icon-pinterest2:before {
    content: "\ead1"
}

.icon-xing:before {
    content: "\ead2"
}

.icon-xing2:before {
    content: "\ead3"
}

.icon-flattr:before {
    content: "\ead4"
}

.icon-foursquare:before {
    content: "\ead5"
}

.icon-paypal:before {
    content: "\ead6"
}

.icon-paypal2:before {
    content: "\ead7"
}

.icon-paypal3:before {
    content: "\ead8"
}

.icon-yelp:before {
    content: "\ead9"
}

.icon-file-pdf:before {
    content: "\eada"
}

.icon-file-openoffice:before {
    content: "\eadb"
}

.icon-file-word:before {
    content: "\eadc"
}

.icon-libreoffice:before {
    content: "\eade"
}

.icon-html5:before {
    content: "\eadf"
}

.icon-css3:before {
    content: "\eae1"
}

.icon-svg:before {
    content: "\eae3"
}

.icon-codepen:before {
    content: "\eae4"
}

.icon-chrome:before {
    content: "\eae5"
}

.icon-firefox:before {
    content: "\eae6"
}

.icon-IE:before {
    content: "\eae7"
}

.icon-opera:before {
    content: "\eae8"
}

.icon-safari:before {
    content: "\eae9"
}

.icon-IcoMoon:before {
    content: "\eaea"
}

.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

.penarol_landing #stripes {
    background: linear-gradient(150deg, #4b4b4b 15%, #fffa65 85%, #2c3e50 80%);
}

.penarol_landing #stripes2 {
    background-color: #4b4b4b;
}

.penarol_landing #stripes :first-child {
    background: #4b4b4b;
}

.penarol_landing #stripes :nth-child(2) {
    background: #fff200;
}

.penarol_landing #stripes :nth-child(3) {
    background: #55efc4;
}

.penarol_landing #stripes :nth-child(4) {
    background: #3d3d3d;
}

.penarol_landing #stripes :nth-child(5) {
    background: #fffa65;
}


.nacional_landing #stripes {
    background: linear-gradient(150deg, #3742fa 15%, #ffffff 85%, #ffffff 80%);
}

.nacional_landing #stripes2 {
    background-color: #3742fa;
}

.nacional_landing #stripes :first-child {
    background: #ff4757;
}

.nacional_landing #stripes :nth-child(2) {
    background: #ffffff;
}

.nacional_landing #stripes :nth-child(3) {
    background: #ff4757;
}

.nacional_landing #stripes :nth-child(4) {
    background: #ff4757;
}

.nacional_landing #stripes :nth-child(5) {
    background: #ff4757;
}


.colombia_landing #stripes,
.millonarios_landing #stripes,
.america_landing #stripes,
.atletico-nacional_landing #stripes,
.cali_landing #stripes {
    background: linear-gradient(150deg, #CE1126 15%, #003893 85%, #003893 80%);
}

.colombia_landing #stripes2,
.millonarios_landing #stripes2,
.america_landing #stripes2,
.atletico-nacional_landing #stripes2,
.cali_landing #stripes2 {
    background-color: #003893;
}

.colombia_landing #stripes :first-child,
.millonarios_landing #stripes :first-child,
.america_landing #stripes :first-child,
.atletico-nacional_landing #stripes :first-child,
.cali_landing #stripes :first-child {
    background: #FCD116;
}

.colombia_landing #stripes :nth-child(2),
.millonarios_landing #stripes :nth-child(2),
.america_landing #stripes :nth-child(2),
.atletico-nacional_landing #stripes :nth-child(2),
.cali_landing #stripes :nth-child(2) {
    background: #003893;
}

.colombia_landing #stripes :nth-child(3),
.millonarios_landing #stripes :nth-child(3),
.america_landing #stripes :nth-child(3),
.atletico-nacional_landing #stripes :nth-child(3),
.cali_landing #stripes :nth-child(3) {
    background: #FCD116;
}

.colombia_landing #stripes :nth-child(4),
.millonarios_landing #stripes :nth-child(4),
.america_landing #stripes :nth-child(4),
.atletico-nacional_landing #stripes :nth-child(4),
.cali_landing #stripes :nth-child(4) {
    background: #FCD116;
}

.colombia_landing #stripes :nth-child(5),
.millonarios_landing #stripes :nth-child(5),
.america_landing #stripes :nth-child(5),
.atletico-nacional_landing #stripes :nth-child(5),
.cali_landing #stripes :nth-child(5) {
    background: #ff4757;
}


.container .row {
    clear: both;
}

.flag-Colombia {
    background-image: url(../img/flag_colombia.svg) !important;
    background-size: cover !important;
    width: 1em !important;
}


.carnaval_landing #stripes {
    background: linear-gradient(150deg, #2c3e50 15%, #8e44ad 85%, #ffffff 80%);
}

.carnaval_landing #stripes2 {
    background-color: #182C61;
}

.carnaval_landing #stripes :first-child {
    background: #2c3e50;
}

.carnaval_landing #stripes :nth-child(2) {
    background: #ffffff;
}

.carnaval_landing #stripes :nth-child(3) {
    background: #8e44ad;
}

.carnaval_landing #stripes :nth-child(4) {
    background: #30336b;
}

.carnaval_landing #stripes :nth-child(5) {
    background: #8e44ad;
}


/* price table */
#generic_price_table {
    background-color: #f0eded;
}

/*PRICE COLOR CODE START*/
#generic_price_table .generic_content {
    background-color: #fff;
}

#generic_price_table .generic_content .generic_head_price {
    background-color: #f6f6f6;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg {
    border-color: #e4e4e4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e4e4e4;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span {
    color: #525252;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign {
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency {
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent {
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .month {
    color: #414141;
}

#generic_price_table .generic_content .generic_feature_list ul li {
    color: #a7a7a7;
}

#generic_price_table .generic_content .generic_feature_list ul li span {
    color: #414141;
}

#generic_price_table .generic_content .generic_feature_list ul li:hover {
    background-color: #E4E4E4;
    border-left: 5px solid #27ae60;
}

#generic_price_table .generic_content .generic_price_btn a {
    border: 1px solid #27ae60;
    color: #27ae60;
}

#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg {
    border-color: #27ae60 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #27ae60;
    color: #fff;
}

#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head span,
#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head span {
    color: #fff;
}

#generic_price_table .generic_content:hover .generic_price_btn a,
#generic_price_table .generic_content.active .generic_price_btn a {
    background-color: #27ae60;
    color: #fff;
}

#generic_price_table {
    /*margin: 50px 0 50px 0;*/
}

.row .table {
    padding: 28px 0;
}

/*PRICE BODY CODE START*/

#generic_price_table .generic_content {
    overflow: hidden;
    position: relative;
    text-align: center;
}

#generic_price_table .generic_content .generic_head_price {
    margin: 0 0 20px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content {
    margin: 0 0 20px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg {
    border-style: solid;
    border-width: 50px 1411px 23px 399px;
    position: absolute;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head {
    padding-top: 20px;
    position: relative;
    z-index: 1;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag {
    padding: 0 0 20px;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price {
    display: block;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign {
    display: inline-block;
    font-size: 28px;
    font-weight: 400;
    vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency {
    font-size: 36px;
    font-weight: 300;
    letter-spacing: -2px;
    line-height: 60px;
    padding: 0;
    vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent {
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    vertical-align: bottom;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .month {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 3px;
    vertical-align: bottom;
}

#generic_price_table .generic_content .generic_feature_list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#generic_price_table .generic_content .generic_feature_list ul li {
    font-size: 18px;
    padding: 15px 0;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table .generic_content .generic_feature_list ul li:hover {
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;

}

#generic_price_table .generic_content .generic_feature_list ul li .fa {
    padding: 0 10px;
}

#generic_price_table .generic_content .generic_price_btn {
    margin: 20px 0 32px;
}

#generic_price_table .generic_content .generic_price_btn a {
    border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    -webkit-border-radius: 50px;
    display: inline-block;
    font-size: 18px;
    outline: medium none;
    padding: 12px 30px;
    text-decoration: none;
    text-transform: uppercase;
}

#generic_price_table .generic_content,
#generic_price_table .generic_content:hover,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content .price,
#generic_price_table .generic_content:hover .price,
#generic_price_table .generic_content .generic_price_btn a,
#generic_price_table .generic_content:hover .generic_price_btn a {
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

@media (max-width: 320px) {
}

@media (max-width: 767px) {
    #generic_price_table .generic_content {
        margin-bottom: 75px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #generic_price_table .col-md-3 {
        float: left;
        width: 50%;
    }

    #generic_price_table .col-md-4 {
        float: left;
        width: 50%;
    }

    #generic_price_table .generic_content {
        margin-bottom: 75px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
}

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

#generic_price_table_home {
}

.text-center h1,
.text-center h1 a {
    color: #7885CB;
    font-size: 30px;
    font-weight: 300;
    text-decoration: none;
}

.demo-pic {
    margin: 0 auto;
}

.demo-pic:hover {
    opacity: 0.7;
}

#generic_price_table_home ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: table;
}

#generic_price_table_home li {
    float: left;
}

#generic_price_table_home li + li {
    margin-left: 10px;
    padding-bottom: 10px;
}

#generic_price_table_home li a {
    display: block;
    width: 50px;
    height: 50px;
    font-size: 0px;
}

#generic_price_table_home .blue {
    background: #3498DB;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .emerald {
    background: #27ae60;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .grey {
    background: #7F8C8D;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .midnight {
    background: #34495E;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .orange {
    background: #E67E22;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .purple {
    background: #9B59B6;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .red {
    background: #E74C3C;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .turquoise {
    background: #1ABC9C;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .blue:hover,
#generic_price_table_home .emerald:hover,
#generic_price_table_home .grey:hover,
#generic_price_table_home .midnight:hover,
#generic_price_table_home .orange:hover,
#generic_price_table_home .purple:hover,
#generic_price_table_home .red:hover,
#generic_price_table_home .turquoise:hover {
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .divider {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 20px;
}

#generic_price_table_home .divider span {
    width: 100%;
    display: table;
    height: 2px;
    background: #ddd;
    margin: 50px auto;
    line-height: 2px;
}

#generic_price_table_home .itemname {
    text-align: center;
    font-size: 50px;
    padding: 50px 0 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
    text-decoration: none;
    font-weight: 300;
}

#generic_price_table_home .itemnametext {
    text-align: center;
    font-size: 20px;
    padding-top: 5px;
    text-transform: uppercase;
    display: inline-block;
}

#generic_price_table_home .footer {
    padding: 40px 0;
}

#generic_price_table a:hover,
#generic_price_table a:active,
#generic_price_table a:visited,
#generic_price_table a:focus {
    text-decoration: none;
    cursor: pointer;
}

.price-heading {
    text-align: center;
}

.price-heading h1 {
    color: #666;
    margin: 0;
    padding: 0 0 50px 0;
}

.demo-button {
    background-color: #333333;
    color: #ffffff;
    display: table;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 50px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}

.bottom_btn {
    background-color: #333333;
    color: #ffffff;
    display: table;
    font-size: 28px;
    margin: 60px auto 20px;
    padding: 10px 25px;
    text-align: center;
    text-transform: uppercase;
}

.demo-button:hover {
    background-color: #666;
    color: #FFF;
    text-decoration: none;

}

.bottom_btn:hover {
    background-color: #666;
    color: #FFF;
    text-decoration: none;
}


.round {
    position: relative;
    display: inline-block;
    width: 40px;
}

.round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 40px;
    left: 13px;
    position: absolute;
    top: -8px;
    width: 40px;
}

.round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 7px;
    left: 10px;
    opacity: 0;
    position: absolute;
    top: 13px;
    transform: rotate(-45deg);
    width: 20px;
}

.round input[type="checkbox"] {
    visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
    background-color: #66bb6a;
    border-color: #66bb6a;
}

.round input[type="checkbox"]:checked + label:after {
    opacity: 1;
}


.owl-carousel {
    -webkit-tap-highlight-color: transparent;
    position: relative;
    display: none;
    width: 100%;
    z-index: 1;
}

.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none;
}

.no-js .owl-carousel {
    display: block;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.owl-height {
    transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 0.4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    margin-top: 10px;
}

.owl-theme .owl-nav [class*="owl-"] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none;
}

.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 20px 7px 4px;
    background: #27ae60;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 50%;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
}

.owl-theme .owl-dot:focus {
    outline: 0;
}

.poipes-video {
    /* 	background: black; */
}

.wrap {
    position: absolute;
    background: #00000082;
    width: 100%;
    height: 100%;
    z-index: 10;
    left: 0;
    top: 0;
}

.info {
    z-index: 11;
    position: absolute;
    bottom: 0px;
}

.poipes-video.half {
    height: 75px;
    position: relative;
}

.poipes-video.half h2 {
    font-size: 12px;
}

.poipes-video.half:first-child {
    margin-bottom: 10px;
}

.poipes-nav.disabled .owl-next, .poipes-nav.disabled .owl-prev {
    opacity: 0.3;
}

.poipes-nav .owl-next {
    /* background: #000;
    color: #fff;
    padding: 10px;
    font-size: 40px;
    line-height: 40px;
    position: absolute;
    z-index: 999;
    right: 0;
    top: 165px;
    border: none; */

    background: #151515;
    color: #fff;
    padding: 10px 10px 24px 10px;
    font-size: 65px;
    position: absolute;
    z-index: 999;
    right: 0;
    top: 151px;
    line-height: 60px;
    border: none;
    border-radius:  10px 0 0 10px;
}

.poipes-nav .owl-prev {
    background: #151515;
    color: #fff;
    padding: 10px 10px 24px 10px;
    font-size: 65px;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 151px;
    line-height: 60px;
    border: none;
    border-radius: 0 10px 10px 0;
}

@keyframes FadeIn {
    0% {
        opacity: 0;
        transform: scale(0.1);
    }
    85% {
        opacity: 1;
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

#home-features-wrapper .feature {
    animation: FadeIn 0.5s linear;
    animation-fill-mode: both;
}

#home-features-wrapper .col-md-4:nth-child(0n) .feature {
    animation-delay: 0s;
}

#home-features-wrapper .col-md-4:nth-child(1n) .feature {
    animation-delay: 0.5s;
}

#home-features-wrapper .col-md-4:nth-child(2n) .feature {
    animation-delay: 1s;
}

#home-features-wrapper .col-md-4:nth-child(3n) .feature {
    animation-delay: 1.5s;
}

.slider-academia {
    max-height: 300px;
    margin-bottom: 60px;
    position: relative;
}

.slider-academia .swiper-button-next {
    background-image: url(../img/der-arrow-videos.svg);
    height: 60px;
    width: 40px;
    background-size: 40px 60px;
    right: 0;
    margin-top: -30px;
}

.slider-academia .swiper-button-prev {
    background-image: url(../img/izq-arrow-videos.svg);
    height: 60px;
    width: 40px;
    left: 0;
    margin-top: -30px;
    background-size: 40px 60px;
}

.slider-academia h2 {
    font-size: 36px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    margin-top: 40px;
    color: #aac3a3;
}

.slider-academia a.see-more {
    float: right;
    margin-top: 9px;
    color: #61806a;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
}

.slider-academia a.see-more i {
        padding: 2px;
    margin-left: 8px;
    background: #26351a;
}

.slider-academia .item-slider {
    min-height: 280px;
}

.slider-academia .item-slider .inner-container {
    position: relative;
    position: relative;
    height: 100%;
    background-size: contain;
    min-height: 184px;
    width: 100%;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: top center;
}

.slider-academia .item-slider .player-img {
    position: absolute;
    right: calc(50% - 25px);
    bottom: calc(50% - 25px);
    width: 50px;
    height: auto;
    background: #0000007d;
    border-radius: 50%;
}
.ribbon-wrapper {
    position: absolute;
    top: 0;
    /* left: 10px; */
    background: #15773e;
    padding: 0px 8px 2px;
    font-size: 14px;
    /* border-radius: 0 0 4px 0px; */
    /* font-weight: 500; */
    letter-spacing: 0.5pt;
}
.slider-academia .item-slider .warn {
    background-image: linear-gradient(to bottom, rgba(238, 238, 238, 0) 33%,  #151515 80%, #151515 100%);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.slider-academia .item-slider .video {
    min-height: 280px;
    padding: 10px;
    cursor: pointer;
    background-size: cover;
    background-position: center center;
}

.slider-academia .item-slider .video:hover {
    background-color: #FAFAFA;
}

.slider-academia .item-slider .video-info {
    position: absolute;
    bottom: 0;
    padding: 0px 20px 20px;
    color: #fff;
    width: 100%;
}

.slider-academia .item-slider .video-info h3 {
    margin: 0;
    padding: 0;
    font-size: 23px;
    font-weight: 500;
    line-height: 1.33;
    /* text-transform: uppercase; */
    letter-spacing: 0.6pt;
    text-align: center;
}

.slider-academia img {
    width: 366px;
}

.pricing-table {
    padding: 90px 0;
    margin-bottom: 30px;
}

.pricing-table h4 {
    text-align: center;
    font-size: 12px;
}

.pricing-table sup {
    font-size: 62%;
}

.pricing-table .btn-success {
    background-color: #27ae60;
    color: #000000;
    padding: 13px 40px;
    border-radius: 0;
    color: #fff;
    border: none;
    font-weight: 800;
    font-size: 18px;
}

.pricing-table .item {
    display: block;
    text-decoration: none;
    color: #525252;
}

.pricing-table .item:hover {
    transform: scale(1.1);
    transition: all 0.5s ease;
}

.pricing-table .block-heading {
    padding-top: 50px;
    margin-bottom: 40px;
    text-align: center;
}

.pricing-table .block-heading h2 {
}

.pricing-table .block-heading p {
    text-align: center;
    max-width: 420px;
    margin: auto;
    opacity: 0.7;
}

.pricing-table .heading {
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 2px solid #5cb85c;
}

.pricing-table .heading h3 {
    font-weight: bold;
    font-size: 22px;
}

.pricing-table .item {
    background-color: #fff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
    width: 90%;
    overflow: hidden;
    position: relative;
}

.pricing-table .col-md-5:not(:last-child) .item {
    margin-bottom: 30px;
}

.pricing-table .item button {
    font-weight: 600;
    border-radius: 0;
}

.pricing-table .item p {
    text-align: center;
    margin-top: 20px;
    opacity: 0.7;
}

.pricing-table .features .feature {
    font-weight: 600;
}

.pricing-table .features h4 {
    text-align: center;
    font-size: 18px;
    padding: 5px;
}

.pricing-table .price h4 {
    margin: 15px 0;
    font-size: 45px;
    text-align: center;
    color: #222;
    font-weight: bold;
}

.pricing-table .price .small {
    font-size: 16px;
    text-align: center;
    text-transform: capitalize;
}

.pricing-table .buy-now button {
    text-align: center;
    margin: auto;
    font-weight: 600;
    padding: 9px 0;
}

.pricing-table .current .item {
    transform: scale(1.1);
}

.pricing-table .current .price h4,
.pricing-table .current .price .small {
}

.pricing-table .current a {
    cursor: not-allowed;
}

.center-block {
    margin: 0 auto;
}


@keyframes opacity-pincha {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flow {
    0% {
        left: -20px;
        opacity: 0;
    }
    50% {
        left: 100px;
        opacity: 0.3;
    }
    100% {
        left: 180px;
        opacity: 0;
    }
}

@keyframes flow {
    0% {
        left: -20px;
        opacity: 0;
    }
    50% {
        left: 100px;
        opacity: 0.3;
    }
    100% {
        left: 180px;
        opacity: 0;
    }
}


.video-featured {
    padding: 0pt;
    min-height: 500px;
    position: relative;
    overflow: hidden;
}

.video-featured .videp-top {
    min-height: 500px;
    animation: opacity-pincha 3s ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: 2s;
    opacity: 0;
    position: relative;
    cursor: pointer;
    background-size: cover;
    border-radius: 16px;
}

/*.video-featured .videp-top:after {*/
/*    content: '';*/
/*    width: 103px;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    left: -50px;*/
/*    transform: skewX(-8deg);*/
/*    background: #141414;*/
/*}*/

/*.video-featured .videp-top:before {*/
/*    content: '';*/
/*    width: 103px;*/
/*    height: 100%;*/
/*    background: #141414;*/
/*    position: absolute;*/
/*    z-index: 999;*/
/*    right: -50px;*/
/*    transform: skewX(-8deg);*/
/*}*/

.video-featured img.player-img {
    /* margin: 50px auto; */
    z-index: 9999;
    width: 90px;
    display: block;
    position: absolute;
    left: calc(50% - 45px);
    top: calc(50% - 45px);
}

.video-featured .warn {
    background-image: linear-gradient(to bottom, rgba(238, 238, 238, 0) 33%,  #151515 80%, #151515 100%);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.video-featured .video-info {
    position: absolute;
    bottom: 0;
    padding: 0px 60px 40px 90px;
    /* color: #7C2629; */
    /* width: 100%; */
    /* z-index: 2; */
    z-index: 2;
    text-align: center;
    width: 100%;
    /* text-transform: uppercase; */
}

.video-featured .video-info h2,
.video-featured .video-info small {
    color: #fff;
}

.video-featured .video-info h2 {
    font-size: 40px;
    margin: 10px 0 0;
    /* letter-spacing: -0.31px; */
    font-weight: 500;
}

.video-featured .video-info small {
    text-transform: uppercase;
    font-size: 20px;
}

.modal-content {
    background-color: #141414;
  border-radius: 0; }