/* Load Fonts */
/*@font-face {*/
    /*font-family: 'MyWebFont';*/
    /*src: url('webfont.eot'); !* IE9 Compat Modes *!*/
    /*src: url('webfont.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
    /*url('webfont.woff2') format('woff2'), !* Super Modern Browsers *!*/
    /*url('webfont.woff') format('woff'), !* Pretty Modern Browsers *!*/
    /*url('webfont.ttf')  format('truetype'), !* Safari, Android, iOS *!*/
    /*url('webfont.svg#svgFontName') format('svg'); !* Legacy iOS *!*/
/*}*/
@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/poppins-regular.eot');
    src: url('../fonts/poppins-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/poppins-regular.woff2') format('woff2'),
         url('../fonts/poppins-regular.woff') format('woff'),
         url('../fonts/poppins-regular.ttf') format('truetype'),
         url('../fonts/poppins-regular.svg#poppinsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


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


@font-face {
    font-family: 'poppinssemi';
    src: url('../fonts/poppins-semibold.eot');
    src: url('../fonts/poppins-semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/poppins-semibold.woff2') format('woff2'),
         url('../fonts/poppins-semibold.woff') format('woff'),
         url('../fonts/poppins-semibold.ttf') format('truetype'),
         url('../fonts/poppins-semibold.svg#poppinsblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Util */
body {
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: 'poppinsregular';
    background-color: #151516 !important;
    color: #f5f5f7;
}

a,a:hover,a:focus{
    color: #f5f5f7;
    text-decoration: none;
    cursor: pointer;
    outline: none;
}

strong{
    /*color: #20166D;*/
    font-weight: bolder;
    margin: 0;
    text-transform: uppercase;
    font-size: 13px;
}

.mosca{
    display: inline-block;
    position: fixed;
    right: 20px;
    bottom: 30px;
    z-index: 99;
}

.holder {
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
}


.align-top,
.align-middle,
.align-bottom {
    display: inline-block;
    float: none;
    margin-left: -2px;
    margin-right: -2px;
}

.align-top    { vertical-align: top; }
.align-middle { vertical-align: middle; }
.align-bottom { vertical-align: bottom; }


.table-layout { display: table; width: 100%; }
.table-cell-layout { display: table-cell; }

/*loading*/
#loading{
    z-index: 99;
    position: fixed;
    width:100%;
    height: 100%;
    background: #f5f5f7 url(../imgs/spinner.svg) no-repeat center;
    background-size: 15%;
}


/* Navigation */
.navigation{
    height: 80px;
    padding: 10px 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 98;
    background-color: transparent;
    text-transform: uppercase;
    font-family: poppinssemi;
    transition: background-color 350ms;
    background-color: #151516;
}

.navigation.Scrolling{
    background-color: #151516;
}

/* Navigation - Logo */
.navigation .logo-container{
    display: inline-block;
    float: left;
}


.navigation .logo {
    display: inline-block;
}

.navigation .logo-blue{
    display: none;
    opacity: 0;
}

.navigation.Scrolling .logo-blue{
    display: inline-block;
    opacity: 100%;
}

.navigation .logo-white{
    display: inline-block;
    opacity: 100%;
}

.navigation.Scrolling .logo-white{
    display: none;
    visibility: hidden;
    opacity: 0;
}

.navigation .holder .container-fluid{
    position: relative;
    height: 70px;
    text-align: center;
}

.navigation .logo img{
    width: 100%;
    max-width: 210px;
}

/* Navigation - List */
.navigation .list {
    list-style: none;
    padding: 0;
    display: inline-block;
    margin: 0;
    float: right;
    font-size: 16px;
}

.navigation .list li {
    display: inline;
    margin-left: 20px;
    vertical-align: middle;
}

.navigation .list li .phones{
    display: inline-block;
    margin-left: 25px;
    /*font-weight: bold;*/
}

.navigation .list a {
    color: #f5f5f7;
    line-height: 46px;
    /*font-weight: 700;*/
    /*font-size: 16px;*/
    transition: color 230ms;
    display: table-caption;
    line-height: normal;
}

.navigation.Scrolling .list a {
    color: #f5f5f7;
}

.navigation .list a:hover{
    /*color: #fff;*/
    background: #AE2E9F;
    background: linear-gradient(to right, #AE2E9F 0%, #FF2E4B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.navigation.Scrolling .list a:hover{
    /*color: #a5a5a5;*/
    background: #AE2E9F;
    background: linear-gradient(to right, #AE2E9F 0%, #FF2E4B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}


.navigation .list .sub::after{
    position: absolute;
    width: 0.35em;
    height: 0.35em;
    border-right: 0.1em solid;
    border-top: 0.1em solid;
    transform: rotate(135deg);
    content: "";
    bottom: 5px;
    color: white;
    transition: color 350ms;
}

.navigation.Scrolling .list .sub::after{
    color: #fff;
}

.navigation .phone-container{
    display: inline-block !important;
    right: 15px;
    top: 0;
}

.navigation .phone-container, .navigation .phone-container a{
    
    color: #fff;
    /*font-weight: bold;*/
}

.navigation .toggle-btn {
    background-color: transparent;
    border: none;
    float: right;
    outline: none;
    padding: 10px;
    width: 50px;
}

.navigation .toggle-btn .bar {
    background-color: #fff;
    display: block;
    height: 3px;
    margin-bottom: 4px;
    width: 100%;
}

.navigation .toggle-btn .bar:last-child { margin-bottom: 0; }

.navigation .holder{
    max-width: 1400px;
}

/*menu desplegable*/

.navigation .list li.sub{
    position: relative;
}

.navigation .list li.sub ul{
    position: absolute;
    padding: 0;
    height: 0;
    overflow: hidden;
    top: 33px;
    transition: height 400ms;
    width: max-content;
    right: -10px;
}

.navigation .list li.sub:hover ul, li.sub ul:hover{
    height: 192px;
    background: #151516;
}


.navigation .list li.sub ul li{
    display: block;
    margin: 0;
    padding: 0 4px;
    background-color: #151516;
    border-bottom: 1px solid #AE2E9F;
    border-top: 1px solid #FF2E4B;
    transition: background-color 350ms;
}
.navigation .list li.sub ul a:hover{
    background-color: #151516;
}

.navigation .list li.sub ul a li{
    color: #FFFFFF;
    transition: color 350ms;
    /*font-size: 14px;*/
}

.navigation .list li.sub ul a li:hover{
    background: #AE2E9F;
    background: linear-gradient(to right, #AE2E9F 0%, #FF2E4B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-phone{
    display: flex;
    align-items: center;
    height: 25px;
}

/* Outer wrapper */
.outer-wrapper {
    position: relative;
}


/* Block */
.block {
    padding: 35px 0;
}

.block .header {
    margin-bottom: 35px;
}

.title {
    margin-top: 0;
    text-align: center;
    color: #f5f5f7;
    font-size: 2vw;
    text-transform: uppercase;
    font-family: poppinsblack;
    letter-spacing: 2px;margin-bottom: 15px;
    /*display: inline-block;*/
}

.grad1{
    display: inline-block;
    background: #AE2E9F;
    background: linear-gradient(to right, #AE2E9F 0%, #FF2E4B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.grad2{
    display: inline-block;
    background: #402EF8;
    background: linear-gradient(to right, #402EF8 0%, #9C2EAF 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.us-text{
    font-family: "poppinsregular";
    text-align: center;
    font-size: 18px;
}
/*Video Landing*/
main{
    overflow: hidden;
    top: 0 !important;
}

.video_landing{
    width: 100%;
    height: 100vh;
    position: relative;
}
.video-container{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 0;
}

.video-container video{
    /*min-width: 100%;*/
    /*min-height: 100%;*/
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
}

.landing-container{
    position: absolute;
    width: 100%;
    height: 100%;
}

.logos-landing-container{
    position: relative;
    width: 100%;
    height: 100%;
}

.top-main-video{
    z-index: 97;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 90px;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.75) 1%, rgba(0,0,0,0.75) 2%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.75) 1%,rgba(0,0,0,0.75) 2%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.75) 1%,rgba(0,0,0,0.75) 2%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.bottom-main-video{
    z-index: 90;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 160px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
}

.main-text{
    font-family: poppinsblack;
    font-size: 25px;
    width: 50%;
    color: white;
    font-size: 30px;
    letter-spacing: 3px;
    /*position: absolute;*/
    bottom: 150px;
    left: 130px;
    border-left: 5px solid #cc000a;
    padding: 2px 15px;
    text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
}

/*banner mail*/


.inview-element {
    opacity: 0;
    transition: all 250ms;
    transition-duration: 250ms;
}

.zoomIn-effect{
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -o-transform: scale(.5);
    transform:scale(.5);

}

.zoomIn-effect.displayed{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform:scale(1);

}
/*iconos*/
.icons-content img{
    width: 100%;
    max-width: 100px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
}

.icons-content h2.text{
    font-family: poppinsblack;
    display: flex;
    font-size: 18px;
}

/*banner*/
.banner-container{
    /*background: #1d1d1f;*/
    color: #f5f5f7;
    /*margin: 8% auto 0;*/
    text-align: center;
    font-family: poppinsblack;
    font-size: 20px;
    border-radius:25px;
    position: relative;
    height: 100%;
}

.img-container{
    width: 100%;
    position: relative;
    margin: 10px auto;
}
.img-container img{
    border-radius: 25px;
    width: 100%;

    /*position: absolute;*/
    /*left: 50%;*/
    /*-webkit-transform: translate(-50%, -50%);*/
    /*top: 50%;*/
    /*transform: translate(-50%, -50%);*/

}

.justify-content-center{
    align-items: center;
}

.banner-container .text{
    font-family: poppinsregular;
    text-align: left;
    width: 100%;
    /*position: absolute;*/
    /*left: 50%;*/
    /*-webkit-transform: translate(-50%, -50%);*/
    /*top: 50%;*/
    /*transform: translate(-50%, -50%);*/
    padding-left: 10%;
}

.banner-empresa{
    width: 100%;
    padding: 30px;
    text-align: center;
    background: rgb(83,31,97);
    background: linear-gradient(90deg, rgba(83,31,97,1) 0%, rgba(193,56,51,1) 75%);
    border-radius: 25px;
    color: #f5f5f7;
    font-family: poppinsregular;
    font-size: 18px;
    margin-top: 60px;
}

.banner-empresa p{
    font-family: poppinssemi;
    display: inline-block;
}


.banner-container .button-contaner{
    /*width: 50%;*/
    margin: 0 auto;
    /*position: absolute;*/
    bottom: 10px;
    margin: 0 auto;
    right: 0;
    left: 0;
    padding: 15px 0;
}

.info-btn{
    background: rgb(83,31,97);
    background: linear-gradient(90deg, rgba(83,31,97,1) 0%, rgba(193,56,51,1) 75%);
    width: 100%;
    color: #fff;
    border-radius: 25px;
    text-align: center;
    padding: 15px;

}

.button-contaner{
    max-width: 200px;
    margin: 30px auto;
    font-size: 20px;
}

.planes{
    width:100%;
    max-width: 200px;
    margin: 0 auto;
    /*background: #20166D;*/
    text-align: center;
    padding: 5px;
    /*font-family: 'Roboto', sans-serif;*/
    
}


/*ventajas*/
.content .resources{
}

.content .resources .point-number{
    margin-bottom: 30px;
    width: 100%;
    max-width: 300px;
    /*font-family: 'Roboto', sans-serif;*/
}

.content .resources .point-number .text{
    color: #333;
    float: none;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    font-size: 15px;
}

.content .resources .point-number .text h2{
    color: #fff;
    font-size: 21px;
    /*margin-top: -10px;*/
    text-align: left;
}
.content .resources .point-number .number{
    float: none;
    display: inherit;
    vertical-align: top;
    width: 45px;
    text-align: left;
    font-weight: 700;
    height: 50px;
    margin-bottom: 5px;
}

.beneficios .button-contaner{
    width:20%;
    font-size: 16px;
    /*font-weight: bold;*/
}
/*clients*/

#carousel_container{
    /*position: absolute;*/
    overflow: hidden;
    bottom: 20px;
    right: 0;
    left: 0;
    z-index: 91;
}

#carousel_inner {
    /*max-width:1200px; !* important (this width = width of list item(including margin) * items shown *!*/
    width: 100%;
    overflow: hidden;  /* important (hide the items outside the div) */
    /* non-important styling bellow */
    background: transparent;
    margin: 0 auto;
    position: relative;

}

#carousel_ul {
    position:relative;
    left:-210px; /* important (this should be negative number of list items width(including margin) */
    list-style-type: none; /* removing the default styling for unordered list items */
    margin: 0px;
    padding: 0px;
    width:9999px; /* important */
    /* non-important styling bellow */
    padding-bottom:10px;
}

#carousel_ul li{
    float: left; /* important for inline positioning of the list items */
    width:150px;  /* fixed width, important */
    /* just styling bellow*/
    padding:0px;
    height:110px;
    background: transparent;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:5px;
    margin-right:5px;
    text-align: center;
    display: table;
    padding: 0 15px;
}

#carousel_ul li .list-content{
    display: table-cell;
    vertical-align: middle;
}

#carousel_ul li img {
    margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
    /* styling */
    border:0px;
    max-width: 100%;
}


/*blog*/

.blog{
    /*background-color: white;*/
    overflow: hidden;
}

.blog .line{
    margin: 0 auto;
    width: 93%;
}

.blog-container{
    /*height: 900px;*/
}

.black-content{
    height: 410px;
    /*width: 100%;*/
    background-color: #21282d;
    color: white;
    overflow: hidden;
    position: absolute;
    z-index: 0;
    right: 0;
    left: 0;
}

.black-content .content-background{
    right:0;
    left: auto;
    z-index: 0;
    height: 100%;
    position: absolute;
    top:5%;
}

.black-content .content-background img{
    right: -100px;
    height: 90%;
    position: relative;
    z-index: 0;
    opacity: .2;
}

.black-content .text{
    text-transform: uppercase;
    font-size: 45px;
    padding-top: 165px;
    max-width: 1200px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
    letter-spacing: 3px;
    font-weight: bold;
}


.post-container{
    width: 100%;
    /*max-width: 1200px;*/
    margin: 0 auto;
}

.animate-element{
    position: relative;
    top:250px;
    transition: all 375ms;
}

.animate-display{
    top:0;
}

.post{
    /*padding-top: 280px;*/
    display: inline-block;
    /*padding-bottom: 125px;*/
}

.post-image{
    width: 100%;
    position: relative;
    overflow: hidden;
    /*overflow: hidden;*/
    height: 300px;
    border-radius: 25px;
    /*max-width: 254px;*/
    /*position: relative;*/
    /*background: center center no-repeat;*/
    /*background-size: auto 100%;*/
}

.post-image img{

    height: 100%;
    position: absolute;
}
.post-container a{
    text-decoration: none;
    color: #333333;
}

.post-container .post .title{
    /*text-transform: uppercase;*/
    font-size: 1vw;
    padding: 30px;
    color: #fff;
    font-weight: bold;
    letter-spacing: .5px;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.post-container .post .text{
    font-size: 15px;
    color: #333333;
}

.post-container .post .text span{
    text-decoration: underline;
}

/*.post1{*/
    /*background-image: url(../imgs/blog/townhall.jpg);*/
/*}*/
/*.post2{*/
    /*background-image: url(../imgs/blog/what-streaming.jpg);*/
/*}*/
/*.post3{*/
    /*background-image: url(../imgs/blog/webinar-lo.jpg);*/
/*}*/
/*.post4{*/
    /*background-image: url(../imgs/blog/streaming.jpg);*/
/*}*/

/* Block Contact */
.block.contact {
    /*background-color: #21282d;*/
    position: relative;
    overflow: hidden;
}

.block.contact .img-contact {
    position: absolute;
    width: 100%;
    z-index: 0;
}

.block.contact .header .title{
    color: white;
    /*margin-top: 15px;*/
}

.address .map{
    overflow: hidden;
    max-height: 265px;
}

.address .map a img {
    width: 100%;
}

/* Override Holder */
.block.contact > .holder {
    max-width: 680px;
}

.block.contact .content{
    max-width: 100%;
    margin: 0 auto;
}

/* Block Contact - Contact Info */
.block.contact .contact-info {
    margin-bottom: 35px;
}

.block.contact .contact-info .phones {
    font-size: 15px;
    color: white;
    margin-bottom: 10px;
}

.block.contact .contact-info .address {
    font-size: 13px;
    text-align: right;
    padding-top: 22px;
    color: white;
}

.whatsapp{
    width: 45px;
}

.send-mail img{
    width: 210px;
}
.social{
    padding-top: 20px;
}

.social a img{
    display: inline-block;
    width: 30px;
    margin-right: 15px;
}

/* Block Contact - Contact Form */
.block.contact .contact-form {
    min-height: 150px;
    position: relative;
    color: #fff;
    font-size: 15px;
}

.block.contact .contact-form span{
    color: white;
}

.block.contact .contact-form input[type=text],
.block.contact .contact-form input[type=tel],
.block.contact .contact-form input[type=email],
.block.contact .contact-form textarea {
    border: 1px solid #dcdcdc;
    display: block;
    margin-bottom: 10px;
    padding: 5px;
    width: 100%;
}

.block.contact .contact-form textarea {
    height: 125px;
    resize: none;
}

.block.contact .contact-form input[type=submit] {
    /*background-color: #20166D;*/
    border: none;
    color: #ffffff;
    cursor: pointer;
    display: block;
    margin-left: auto;
    max-width: 180px;
    padding: 5px;
    text-align: center;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    
}

.block.contact .bg_filter{
    padding: 35px 0;
}

.error-msg{
    position: absolute;
    margin-top: -10px;
    right: 0;
    border-radius: 5px;
    background-color: #fff;
    color: white !important;
}

/*terminos y copyright*/
.copyright{
    float: left;
    color: #A8A8A8;
}
.terminos{  }
.terminos ul{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.terminos ul li a{
    color: #A8A8A8;
    text-decoration: underline;
}
/* Footer */
.footer {
    background-color: #f1f1f1;
    color: #9a9a9a;
    font-size: 11px;
    padding: 15px 0;
}

.footer .footer-logo {
    display: block;
    margin-left: auto;
    max-width: 150px;
}

/*planes*/
/*.plan .content{*/
/*    border-radius: 10px;*/
/*}*/
/*.plan-container{*/
/*    border-radius: 10px;*/
/*}*/
/*.plan-container .cell-layout{*/
/*    border: 1px solid #ddd;*/
/*}*/

.block.plan .header .title{
    font-size: 30px;
    padding-top: 20px;
}
.block.plan .content .text{
    margin-bottom: 15px;
    text-align: justify;
    color: #fff;
    font-family: poppinsregular;
}

.content .sub{
    margin-top: 0;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    font-family: poppinsregular;
    letter-spacing: 2px;
    font-size: 25px;
    padding: 20px 0;
}

table {
    width:100%;
    border-collapse: collapse;
    margin-bottom: 50px;

}
table, th, td {
    border: 1px solid #ddd;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
    text-align: center;
}
table#t01 tr:nth-child(even) {
    background-color: rgba(241,241,241,.9);
}
table#t01 tr:nth-child(odd) {
    background-color:rgba(249,249,249,.9);
}
td a, td a:hover{
    padding: 5px;
    background: linear-gradient(to right, #AE2E9F 0%, #FF2E4B 100%);
}
td img {
    max-width: 20px;
}

form .server-response{
    color: white;
}

h4, .banner-container .title{
    color: #fff;
    font-weight: bolder;
    font-size: 24px;
}


/* main blog */

.posts-container{
    position: relative;
    z-index: 0;
    margin-top: 10px;
}

.main-blog .lemon-background{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}

.main-blog .olive-background{
    bottom: 0;
    top: auto;
}

.posts-container .post{
    display: none;
    padding: 0 20px;
    padding-bottom: 40px;
    text-decoration: none;
    width: 300px;
}

.posts-container .post .image{
    margin-bottom: 15px;
}

.posts-container .post .image img{
    width: 100%;
}

.posts-container .post .title{
    color: #20166D;
    font-size: 15px;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase;
    font-family: 'roboto-bold', sans-serif;
}

.posts-container .post .date{
    color: #999999;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    font-size: 13px;
    position: relative;
    text-align: center;
}

.posts-container .post .date:after{
    background-color: #20166D;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    width: 14px;
    margin: 10px auto;
}

.posts-container .post .description{
    color: #999999;
    font-size: 13px;
    letter-spacing: 1px;
    font-family: 'Roboto', sans-serif;
}

.posts-container .post .description span{
    color: #999999;
    font-family: 'Roboto', sans-serif;
}
section.blog-conten{
    padding: 35px 0 0;
}

section.blog-content .holder{
    max-width: 970px;
}

/* post*/

.posted{
    padding-top: 10px;
    max-width: 1100px;
    margin: 0 auto;
}

.post-content {
    position: relative;
}

.img-post{
    width: 50%;
    margin: 0 auto;
}

.img-post img{
    width: 100%;
}

.img-post .funte-imagen{
    color: #999999;
    font-size: 12px;
}

.posted .title{
    font-family: Roboto;
    font-size: 35px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    color: #20166D;
}

.posted .text{
    font-family: Roboto;
    font-size: 15px;
    color: #333333;
    text-align: justify;
    padding-top: 45px;
    letter-spacing: .5px;
    line-height: 156%;
    margin-bottom: 15px;
}

.social-btns{
    display: table;
    padding-top: 30px;
}

.social-btns .titeerDiv{
    display: table-cell;
    vertical-align: top;
    padding-left: 10px;
}

.social-btns .facebookDiv{
    display: table-cell;
    vertical-align: top;
}

.back-btn a{
    margin-top: 30px;
    margin-bottom: 10px;
    /*font-family: 'verb-semibold';*/
    color: #20166D;
    display: inline-block;
    text-decoration: none;
}

.comment-container{
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
    text-align: center;
}

/*head servicios*/
.block.plan{
    padding: 0;
}

.head-service{
    overflow: hidden;
    /*position: relative;*/
    width: 100%;
    /*height: 60vh;*/
    /*margin-top: 80px;*/
    padding-top: 75px;
}

.head-service .bg_filter{
    /*background: rgba(9,13,15,0.4);*/
    background: none;
    /*width: auto;*/
}

.head-service .bg_filter h1{
    margin: 0;
    padding: 30px;
    font-size: 48pt;
    /*width: 100%;*/
    text-align: left;
    font-family: poppinsblack;
    /*font-weight: bold;*/
    background: #AE2E9F;
    background: linear-gradient(to right, #AE2E9F 0%, #FF2E4B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.head-service img{
    width: 100%;
}

/*imagenes demos de secciones*/

.demos-container div img{
    width: 100%;
    padding: 15px;
}

/*News*/
/*login*/
body.news{
    background-image: url(../../design/imgs/x-bg-01.svg);
    background-size: 25px;
    background-repeat: repeat;
}

.login-container{
    background-color: rgb(209, 209, 209);
    border-radius: 10px;
    text-align: center;
    padding: 15px;
}
.login-container img{
    width: 80%;
    margin: 0 auto;
}
.login-container form.login .label{
    color: #333333;
}
.login-container form.login input[type="text"], .login-container form.login input[type="password"]{
    width: 80%;
    float: left;
    margin-bottom: 10px;
}
/*interface header*/
.admin-header{
    background-color: rgb(209, 209, 209);
    padding: 15px;
    min-height: 100px;
    width: 100%;
    margin: 0;
}

.admin-header .logo img{
    width: 100%;
}

.admin-name{
    float: right;
    text-align: right;
}
.admin-name .admin-button{
    display: inline-block;
    cursor: pointer;
    padding:5px;
}
.admin-name .admin-button .arrow{
    display: inline-block;
    width: 25px;
}
.admin-name .admin-button .name{
    display: inline-block;
}
.admin-name .logout{
    display: block;
    padding: 0 5px;
    background-color: #21282d;
    height: 0px;
    overflow: hidden;
    -webkit-transition: height 365ms;
    -moz-transition: height 365ms;
    -o-transition: height 365ms;
    transition: height 365ms;
}
.admin-name .logout.show{
    height: 35px;
}
.admin-name .logout .text{
    display: inline-block;
}
.admin-name .logout .poweroff{
    display: inline-block;
    width: 25px;
    padding: 5px 0;
}
a .back-doc{
    color: #fff;
}
.new-doc-form{
    overflow: hidden;
}
.new-doc-form input[type="file"]{
    margin: 4px 0;
}
.new-doc-form input[type="text"], .new-doc-form textarea{
    width: 70%;
    margin: 4px 0;
    resize: none;
}

/*/boton animado*/

.btn-container{
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

/*.btn-container .a .serv-button{*/
/*    display: inline-block;*/
/*}*/

/*iframe SAT*/
.embed-container {
    position: relative;
    padding-bottom: 80%;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.demo-container{
    /*padding-top: 10px;*/
    /*padding-bottom: 40px;*/
    /*width: 100%;*/
    /*margin: 0 auto;*/
}

.demo-container img{
    width:100%;
}

.demo-container .title{
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
    font-size: 30pt;



}

.demo-container .demo-show{
    position: relative;
    margin-bottom:15px;
}

.demo-container .demo-text{
    opacity: 0;
    background-color: rgba(0,0,0,.7);
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 30%;
    padding-right: 5px;
    padding-left: 5px;
    text-align: center;
    color: #fff;
}

.demo-container .demo-text:hover{
    opacity: 100;
    -webkit-transition: opacity 365ms;
    -moz-transition: opacity 365ms;
    -o-transition: opacity 365ms;
    transition: opacity 365ms;
    transition-timing-function:cubic-bezier(0.78, 0.03, 0.62, 0.58);
    -webkit-transition-timing-function:cubic-bezier(0.78, 0.03, 0.62, 0.58);
}
.no-found{
    height: 100vh;
}

.no-found img{
    width: 50%;
    margin: 0 auto;
    padding: 35px;
    display: block;
}
.no-found .text{
    text-align: center;
    width: 100%;
    padding: 25px;
}