/*
 * Fonts
 */

@font-face {
    font-family: 'PF DinDisplay Pro Regular';
    src: local('PF DinDisplay Pro Regular'), url("/fonts/pfdindisplaypro-regular.ttf") format('opentype');
}

@font-face {
    font-family: 'PF DinDisplay Pro Bold';
    src: local('PF DinDisplay Pro Bold'), url('/fonts/pfdindisplaypro-bold.ttf') format('opentype');
}

@font-face {
    font-family: 'PF DinDisplay Pro Medium';
    src: local('PF DinDisplay Pro Medium'), url('/fonts/pfdindisplaypro-medium.ttf') format('opentype');
}

@font-face {
    font-family: 'PF DinDisplay Pro Light';
    src: local('PF DinDisplay Pro Light'), url('/fonts/pfdindisplaypro-light.ttf') format('opentype');
}
/**
 * Margins
 */
.margin-top-20 {
    margin-top: 20px;
}
.margin-bottom-40 {
    margin-bottom: 40px;
}

/*
 * Planes Section
 */

.planes {
    padding: 60px;
}
.plans-container {
    border: 2px solid #c2c2c2;
    border-bottom-width: 5px;
    border-radius: 3px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

.plans-head {
    background-color: #088fbf;
    color: white;
    font-size: 30px;
    padding: 10px 0px;
    font-style: italic;
    /*font-family: Arial;*/
    font-family: "PF DinDisplay Pro Regular";
}

.plans-head { color:white; font-weight: bold  }

.plans-head i hr {
    border: 1px solid white;
    display: inline-block;
    vertical-align: middle;
    width: 25%;
}
@media (min-width: 400px) and (max-width: 1300px){
    .plans-head i hr {
        width: 15%;
    }
}

@media (max-width: 400px) {
    .plans-head i hr {
        width: 15%;
    }
}

.plans-price-annual {
    background-color: #ffcd16;
    color: #907000;
    font-size: 30px;
    padding: 10px 0px;
    FONT-weight: bold;
    font-style: italic;
    font-family: "PF DinDisplay Pro Bold";
}

.plans-include {
    color: #747474;
    font-size: 18px;
    padding: 10px 0px;
    border-bottom: 2px solid #c2c2c2;;
}

/*.plan-month:hover .plans-price-monthly {
  background-color: #144b5f;
    color: #f9f9ff;
}
.plan-month:hover .title {
    background-color: #144b5f;
    color: #f9f9ff;
}*/
.plans-price-monthly {

    background-color: #ffcd16;
    color: #907000;
    font-size: 30px;
    padding: 10px 0px;
    FONT-weight: bold;
    font-style: italic;
    font-family: "PF DinDisplay Pro Bold";
}

.company-text, .collaborators-text {
    color: #3e3e3e;
    font-size: 23px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.plans-companies hr {
    width: 90%;
    border-top: 2px dashed #144b5f;
}

.plans-proof {
    /*background-color: #78A300;*/
    color: white;
    font-size: 25px;
    margin-top: 10px;
    padding: 10px 0px;
}

.plans-footer {
    margin-bottom: 50px;
    margin-top: 30px;
}
.plans-divider-image {
    margin-top: 80%;
    width: 60%;
}

.register-btn-responsive {
    display: none;
}

.plans-title {
    color: black;
    border-bottom: solid 2px #1491bf;
    font-family: "PF DinDisplay Pro Regular", sans-serif;
    font-size: 20px;
    margin-bottom: 20px;
}

.plans-companies p small {
    margin: 20px 20px!important;
    font-size: 15px;
}
.btn-max-width {
    display: block;
}

.btn-plans {
    background-color: rgba(81,185,10,1);
    color: #fff;
    font-size: 20px;
}

.btn-plans:hover {
    color: #fff;
    box-shadow: 1px 1px 8px #0a0c0c;
}
.btn-plans:focus {
    color: #fff;
}

@media(max-width: 991px) {
    .divider-image {
        display: none;
    }
    .register-btn-responsive {
        display: block;
    }
    .btn-max-width {
        display: none;
    }
}

@media (max-width: 480px) {
    .plans-footer img {
        display: none;
        width: 80%;
    }
}

/*
* Suscribe button
*/

.suscrbe-btn {
    background: rgba(160,214,122,1);
    background: -moz-linear-gradient(top, rgba(160,214,122,1) 0%, rgba(120,191,73,1) 50%, rgba(80,185,10,1) 51%, rgba(81,185,10,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(160,214,122,1)), color-stop(50%, rgba(120,191,73,1)), color-stop(51%, rgba(80,185,10,1)), color-stop(100%, rgba(81,185,10,1)));
    background: -webkit-linear-gradient(top, rgba(160,214,122,1) 0%, rgba(120,191,73,1) 50%, rgba(80,185,10,1) 51%, rgba(81,185,10,1) 100%);
    background: -o-linear-gradient(top, rgba(160,214,122,1) 0%, rgba(120,191,73,1) 50%, rgba(80,185,10,1) 51%, rgba(81,185,10,1) 100%);
    background: -ms-linear-gradient(top, rgba(160,214,122,1) 0%, rgba(120,191,73,1) 50%, rgba(80,185,10,1) 51%, rgba(81,185,10,1) 100%);
    background: linear-gradient(to bottom, rgba(160,214,122,1) 0%, rgba(120,191,73,1) 50%, rgba(80,185,10,1) 51%, rgba(81,185,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0d67a', endColorstr='#51b90a', GradientType=0 );

    border: 1px transparent;
    border-radius: 3px;
    color: white;
    font-size: 20px;
    padding: 10px 70px;
}
.suscrbe-btn:hover {
    box-shadow: 2px 2px 8px #0a0c0c;
    color: white;
}

.register-btn-container a {
    text-decoration: none;
    color: white;
    font-family: "PF DinDisplay Pro Bold";
}
@media(min-width: 415px) and (max-width: 991px){
    .register-btn-container {
        margin-bottom: 30px;
    }
    .suscrbe-btn {
        font-size: 15px;
        padding: 15px 10px;
    }
}

@media (max-width: 991px) {
    .margin-responsive {
        margin-top: 30px;
    }
}

@media(max-width: 477px) {
    .register-btn-container {
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .suscrbe-btn {
        font-size: 14px;
        padding: 15px 5px;
    }
    .plans-companies p {
        display: none;
    }
    .plans-footer {
        margin-bottom: 20px;
    }
    .plans-head, .plans-price-annual, .plans-price-monthly {
        font-size: 20px;
    }
    .company-text, .collaborators-text {
        font-size: 15px;
    }
    .price-divice {
        font-size: 17px;
        margin-top: 10px;
    }
    .btn-plans {
        font-size: 12px;
    }
}