.font-size-18 {
    font-size: 18px;
}
.col .row {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}

.row {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.row .col {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.75rem;
    min-height: 1px;
}

.row .col[class*="push-"], .row .col[class*="pull-"] {
    position: relative;
}

.row .col.s1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
}

#rowDelegaciones .row .col .s12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto;
        margin-bottom: 2%;
        padding: 1%;
}

#colNueva .row .col.s12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
    margin-bottom: 4%;
    padding: 2%;
}

.row .col.offset-s1 {
    margin-left: 8.3333333333%;
}

.row .col.pull-s1 {
    right: 8.3333333333%;
}

.row .col.push-s1 {
    left: 8.3333333333%;
}

.row .col.offset-s2 {
    margin-left: 16.6666666667%;
}

.row .col.pull-s2 {
    right: 16.6666666667%;
}

.row .col.push-s2 {
    left: 16.6666666667%;
}

.row .col.offset-s3 {
    margin-left: 25%;
}

.row .col.pull-s3 {
    right: 25%;
}

.row .col.push-s3 {
    left: 25%;
}

.row .col.offset-s4 {
    margin-left: 33.3333333333%;
}

.row .col.pull-s4 {
    right: 33.3333333333%;
}

.row .col.push-s4 {
    left: 33.3333333333%;
}

.row .col.offset-s5 {
    margin-left: 41.6666666667%;
}

.row .col.pull-s5 {
    right: 41.6666666667%;
}

.row .col.push-s5 {
    left: 41.6666666667%;
}

.row .col.offset-s6 {
    margin-left: 50%;
}

.row .col.pull-s6 {
    right: 50%;
}

.row .col.push-s6 {
    left: 50%;
}

.row .col.offset-s7 {
    margin-left: 58.3333333333%;
}

.row .col.pull-s7 {
    right: 58.3333333333%;
}

.row .col.push-s7 {
    left: 58.3333333333%;
}

.row .col.offset-s8 {
    margin-left: 66.6666666667%;
}

.row .col.pull-s8 {
    right: 66.6666666667%;
}

.row .col.push-s8 {
    left: 66.6666666667%;
}

.row .col.offset-s9 {
    margin-left: 75%;
}

.row .col.pull-s9 {
    right: 75%;
}

.row .col.push-s9 {
    left: 75%;
}

.row .col.offset-s10 {
    margin-left: 83.3333333333%;
}

.row .col.pull-s10 {
    right: 83.3333333333%;
}

.row .col.push-s10 {
    left: 83.3333333333%;
}

.row .col.offset-s11 {
    margin-left: 91.6666666667%;
}

.row .col.pull-s11 {
    right: 91.6666666667%;
}

.row .col.push-s11 {
    left: 91.6666666667%;
}

.row .col.offset-s12 {
    margin-left: 100%;
}

.row .col.pull-s12 {
    right: 100%;
}

.row .col.push-s12 {
    left: 100%;
}

@media only screen and (min-width: 601px) {
    .row .col.m1 {
        width: 8.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.m2 {
        width: 16.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.m3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.m4 {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    #colNueva .row .col.m4 {
        width: 33%;
        margin-left: auto;
        left: auto;
        right: auto;
        margin-bottom: 2%;
        padding: 2%;
    }
    .row .col.m5 {
        width: 41.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.m6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    #rowDelegaciones .row .col.m6 {
        width: 44.5%;
        margin-left: auto;
        left: auto;
        right: auto;
        margin-bottom: 2%;
        padding: 1%;
    }


    .row .col.m7 {
        width: 58.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.m8 {
        width: 66.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.m9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.m10 {
        width: 83.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.m11 {
        width: 91.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.m12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    #colNueva .row .col.m12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto;
        margin-bottom: 2%;
        padding: 2%;
    }
    .row .col.offset-m1 {
        margin-left: 8.3333333333%;
    }
    .row .col.pull-m1 {
        right: 8.3333333333%;
    }
    .row .col.push-m1 {
        left: 8.3333333333%;
    }
    .row .col.offset-m2 {
        margin-left: 16.6666666667%;
    }
    .row .col.pull-m2 {
        right: 16.6666666667%;
    }
    .row .col.push-m2 {
        left: 16.6666666667%;
    }
    .row .col.offset-m3 {
        margin-left: 25%;
    }
    .row .col.pull-m3 {
        right: 25%;
    }
    .row .col.push-m3 {
        left: 25%;
    }
    .row .col.offset-m4 {
        margin-left: 33.3333333333%;
    }
    .row .col.pull-m4 {
        right: 33.3333333333%;
    }
    .row .col.push-m4 {
        left: 33.3333333333%;
    }
    .row .col.offset-m5 {
        margin-left: 41.6666666667%;
    }
    .row .col.pull-m5 {
        right: 41.6666666667%;
    }
    .row .col.push-m5 {
        left: 41.6666666667%;
    }
    .row .col.offset-m6 {
        margin-left: 50%;
    }
    .row .col.pull-m6 {
        right: 50%;
    }
    .row .col.push-m6 {
        left: 50%;
    }
    .row .col.offset-m7 {
        margin-left: 58.3333333333%;
    }
    .row .col.pull-m7 {
        right: 58.3333333333%;
    }
    .row .col.push-m7 {
        left: 58.3333333333%;
    }
    .row .col.offset-m8 {
        margin-left: 66.6666666667%;
    }
    .row .col.pull-m8 {
        right: 66.6666666667%;
    }
    .row .col.push-m8 {
        left: 66.6666666667%;
    }
    .row .col.offset-m9 {
        margin-left: 75%;
    }
    .row .col.pull-m9 {
        right: 75%;
    }
    .row .col.push-m9 {
        left: 75%;
    }
    .row .col.offset-m10 {
        margin-left: 83.3333333333%;
    }
    .row .col.pull-m10 {
        right: 83.3333333333%;
    }
    .row .col.push-m10 {
        left: 83.3333333333%;
    }
    .row .col.offset-m11 {
        margin-left: 91.6666666667%;
    }
    .row .col.pull-m11 {
        right: 91.6666666667%;
    }
    .row .col.push-m11 {
        left: 91.6666666667%;
    }
    .row .col.offset-m12 {
        margin-left: 100%;
    }
    .row .col.pull-m12 {
        right: 100%;
    }
    .row .col.push-m12 {
        left: 100%;
    }
}

@media only screen and (min-width: 993px) {
    .row .col.l1 {
        width: 8.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.l2 {
        width: 16.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.l3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    #rowDelegaciones .row .col.l3 {
        width: 24.5%;
        margin-left: auto;
        left: auto;
        right: auto;
        margin-bottom: 2%;
        padding: 1%;
    }

    .row .col.l4 {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    #colNueva .row .col.l4 {
        width: 31.5%;
        margin-left: auto;
        left: auto;
        right: auto;
        padding: 2%;
    }
    .row .col.l5 {
        width: 41.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.l6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

	#rowDelegaciones .row .col .l6 {
	        width: 49.5%;
	        margin-left: auto;
	        left: auto;
	        right: auto;
	        margin-bottom: 2%;
	        padding: 1%;
	}
    .row .col.l7 {
        width: 58.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.l8 {
        width: 66.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.l9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.l10 {
        width: 83.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.l11 {
        width: 91.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.l12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.offset-l1 {
        margin-left: 8.3333333333%;
    }
    .row .col.pull-l1 {
        right: 8.3333333333%;
    }
    .row .col.push-l1 {
        left: 8.3333333333%;
    }
    .row .col.offset-l2 {
        margin-left: 16.6666666667%;
    }
    .row .col.pull-l2 {
        right: 16.6666666667%;
    }
    .row .col.push-l2 {
        left: 16.6666666667%;
    }
    .row .col.offset-l3 {
        margin-left: 25%;
    }
    .row .col.pull-l3 {
        right: 25%;
    }
    .row .col.push-l3 {
        left: 25%;
    }
    .row .col.offset-l4 {
        margin-left: 33.3333333333%;
    }
    .row .col.pull-l4 {
        right: 33.3333333333%;
    }
    .row .col.push-l4 {
        left: 33.3333333333%;
    }
    .row .col.offset-l5 {
        margin-left: 41.6666666667%;
    }
    .row .col.pull-l5 {
        right: 41.6666666667%;
    }
    .row .col.push-l5 {
        left: 41.6666666667%;
    }
    .row .col.offset-l6 {
        margin-left: 50%;
    }
    .row .col.pull-l6 {
        right: 50%;
    }
    .row .col.push-l6 {
        left: 50%;
    }
    .row .col.offset-l7 {
        margin-left: 58.3333333333%;
    }
    .row .col.pull-l7 {
        right: 58.3333333333%;
    }
    .row .col.push-l7 {
        left: 58.3333333333%;
    }
    .row .col.offset-l8 {
        margin-left: 66.6666666667%;
    }
    .row .col.pull-l8 {
        right: 66.6666666667%;
    }
    .row .col.push-l8 {
        left: 66.6666666667%;
    }
    .row .col.offset-l9 {
        margin-left: 75%;
    }
    .row .col.pull-l9 {
        right: 75%;
    }
    .row .col.push-l9 {
        left: 75%;
    }
    .row .col.offset-l10 {
        margin-left: 83.3333333333%;
    }
    .row .col.pull-l10 {
        right: 83.3333333333%;
    }
    .row .col.push-l10 {
        left: 83.3333333333%;
    }
    .row .col.offset-l11 {
        margin-left: 91.6666666667%;
    }
    .row .col.pull-l11 {
        right: 91.6666666667%;
    }
    .row .col.push-l11 {
        left: 91.6666666667%;
    }
    .row .col.offset-l12 {
        margin-left: 100%;
    }
    .row .col.pull-l12 {
        right: 100%;
    }
    .row .col.push-l12 {
        left: 100%;
    }
}

@media only screen and (min-width: 1201px) {
    .row .col.xl1 {
        width: 8.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.xl2 {
        width: 16.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.xl3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.xl4 {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.xl5 {
        width: 41.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.xl6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.xl7 {
        width: 58.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.xl8 {
        width: 66.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.xl9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.xl10 {
        width: 83.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.xl11 {
        width: 91.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.xl12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    .row .col.offset-xl1 {
        margin-left: 8.3333333333%;
    }
    .row .col.pull-xl1 {
        right: 8.3333333333%;
    }
    .row .col.push-xl1 {
        left: 8.3333333333%;
    }
    .row .col.offset-xl2 {
        margin-left: 16.6666666667%;
    }
    .row .col.pull-xl2 {
        right: 16.6666666667%;
    }
    .row .col.push-xl2 {
        left: 16.6666666667%;
    }
    .row .col.offset-xl3 {
        margin-left: 25%;
    }
    .row .col.pull-xl3 {
        right: 25%;
    }
    .row .col.push-xl3 {
        left: 25%;
    }
    .row .col.offset-xl4 {
        margin-left: 33.3333333333%;
    }
    .row .col.pull-xl4 {
        right: 33.3333333333%;
    }
    .row .col.push-xl4 {
        left: 33.3333333333%;
    }
    .row .col.offset-xl5 {
        margin-left: 41.6666666667%;
    }
    .row .col.pull-xl5 {
        right: 41.6666666667%;
    }
    .row .col.push-xl5 {
        left: 41.6666666667%;
    }
    .row .col.offset-xl6 {
        margin-left: 50%;
    }
    .row .col.pull-xl6 {
        right: 50%;
    }
    .row .col.push-xl6 {
        left: 50%;
    }
    .row .col.offset-xl7 {
        margin-left: 58.3333333333%;
    }
    .row .col.pull-xl7 {
        right: 58.3333333333%;
    }
    .row .col.push-xl7 {
        left: 58.3333333333%;
    }
    .row .col.offset-xl8 {
        margin-left: 66.6666666667%;
    }
    .row .col.pull-xl8 {
        right: 66.6666666667%;
    }
    .row .col.push-xl8 {
        left: 66.6666666667%;
    }
    .row .col.offset-xl9 {
        margin-left: 75%;
    }
    .row .col.pull-xl9 {
        right: 75%;
    }
    .row .col.push-xl9 {
        left: 75%;
    }
    .row .col.offset-xl10 {
        margin-left: 83.3333333333%;
    }
    .row .col.pull-xl10 {
        right: 83.3333333333%;
    }
    .row .col.push-xl10 {
        left: 83.3333333333%;
    }
    .row .col.offset-xl11 {
        margin-left: 91.6666666667%;
    }
    .row .col.pull-xl11 {
        right: 91.6666666667%;
    }
    .row .col.push-xl11 {
        left: 91.6666666667%;
    }
    .row .col.offset-xl12 {
        margin-left: 100%;
    }
    .row .col.pull-xl12 {
        right: 100%;
    }
    .row .col.push-xl12 {
        left: 100%;
    }
}


.hide {
    display: none !important;
}

.visible {
    display: block;
}

.left-align {
    text-align: left;
}

.right-align {
    text-align: right;
}

.center, .center-align {
    text-align: center;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}
.upper {
    text-transform: uppercase;
}

.justify {
    text-align: justify;
}

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


.border {
    border-top-width: 5px;
    border-top-color: #0063af;
    border-top-style: solid;
    width: 5%;
    margin-left: 47%;
    margin-top: 4%;
}

.margin-top-4 {
    margin-top: 4%;
}

.margin-bottom-4 {
    margin-bottom: 4%;
}

.margin-top-9 {
    margin-top: 9%;
}

.padding-2{
    padding: 0px 2%;
}

.padding-4{
    padding: 0px 4%;
}

.padding-4p{
    padding: 4%;
}
.margin-0 {
    margin: 0;
}

.azul1{
    background-color: #40bbfc;
}

.azul-claro-text {
    color: #40bbfc;
}
.azul2{
    background-color: #4c91c7;.
}
.azul-mayuscula{
    font-size: 2.5rem;
    text-transform: uppercase;
}

.azul-mayuscula-2{
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: bold;
}
.azul4{
    background-color: #cbdfee;
}
.white-text {
    color: #FFFFFF !important;
}
.bold{
    font-weight: bold;
}
.site {
    word-wrap: break-word;
    -moz-hyphens: auto;
    hyphens: auto;
}
.margin-bottom-0 {
    margin-bottom: 0;
}

.padding-bottom-0 {
    padding-bottom: 0;
}

.padding-0-5rem {
    padding: 0.5rem 0px;
}


.Aligner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.Aligner-one-column {
    flex-direction: column;
}

. Aligner-left {

    display: flex;
    align-items: center;
}

.Aligner-item {
    max-width: 50%;
}

.Aligner-item--top {
    align-self: flex-start;
}

.Aligner-item--bottom {
    align-self: flex-end;
}

.Grid--stretch {
    align-items: stretch;
}

.Grid {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.square-button {
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 20px;
    background-color: transparent;
}

.square-button:hover {
    color: #3a3a3a;
    border: 1px solid #fff;
    padding: 5px 20px;
    background-color: #fff;
}

.hoverSquare {
    border: none;
}

.hoverSquare:hover {
    border: 1px solid #fff;
    padding: 5px 20px;
}

.hoverLine {
    text-decoration: none;
}
.buttonFadingLinear {
    margin: 0;
    font-size: 120%;
    line-height: 110%;
}

.padding-4-1 {
    padding: 4% 1%;
}

.hoverLine:hover {
    text-decoration: underline;
}

.containerPersonalizado {
    margin: 0 auto;
    max-width: 1280px;
    width: 90%;
}

.margin-bottom-2{
    margin-bottom: 2%;
}
.margin-bottom-5{
    margin-bottom: 5%;
}

.margin-bottom-6{
    margin-bottom: 6%;
}

.margin-top-8 {
    margin-top: 8%;
}


.margin-bottom-8{
    margin-bottom: 8%;
}

.margin-top-10 {
    margin-top: 10%;
}

.bold{
    font-weight: bold;
}

@media only screen and (min-width: 601px) {
    .hide-on-med-and-up {
        display: none !important;
    }
    .containerPersonalizado {
        width: 85%;
    }
}

@media only screen and (min-width: 993px) {
    .containerPersonalizado {
        width: 70%;
    }
}

.imagen-responsiva {
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat !important;
}

.padding-3 {
    padding: 3%;
}

.padding-5 {
    padding: 5%;
}

.margin-bottom-4rem {
    margin-bottom: 4rem;
}

.azulOscuro {
    background-color:  #28293e;
}

.integrantes1{
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 1.3;
    font-family: Raleway, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.integrantes2{
    font-size: 20px;
    font-style: normal;
    font-family: Raleway, sans-serif;
    letter-spacing: 0px;
    color: gray;
}

rowFlex {
  content: ".";
  display: block;
  clear: both;
  box-sizing: border-box;
}

.colFlex {
  background-size: cover;
  background-position: center;
  box-sizing: border-box;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.moduloFlex {
  display: block;
  content: " ";
  clear: both;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  clear: none;
  box-sizing: border-box;
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}

.container_image_flex {
  width: 100%;
  display: block;
  order: 0 !important;
  overflow: hidden;
  position: relative;
  align-items: stretch;
  text-decoration: none;
  box-sizing: border-box;
  background-color: transparent;
  transition: all 0.3s ease;
}

.image_flex {
  transition: all 0.5s ease;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  height: 100%;
  padding-bottom: 60%;
  background-size: cover;
  background-position: center left;
  visibility: visible;
  display: block;
}

.word-wrap {
  word-wrap: break-word;
  -moz-hyphens: auto;
  hyphens: auto;
}

.hoverGaleria:hover{
    animation-duration: 1s;
    animation-timing-function: ease-out; /* how the animation will behave */
    animation-delay: 1ms; /* how long to delay the animation from starting */
    animation-iteration-count: infinite; /* how many times the animation will play */
    animation-name: hvr-bounce-to-top; /* the name of the animation we defined above */
}


.hover-azul {
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    background-color: #4054b2;
    opacity: 1;
    transition: all 0.52s ease;
}


.hover-azul:hover {
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    background-color: #4054b2;
    opacity: 0.4;
    transition: all 0.52s ease;
}

.subtituloAzul{
    background: #4c91c7;
    color: #fff;
    padding: 1%;
    font-weight: normal;
}

@media only screen and (max-width: 600px) {
    .eventos {
        text-align: center;
    }
}

@media only screen and (min-width: 601px) {
    .eventos {
        text-align: left;
    }
}

.videos{
    width:100%;
    border:none;
}
.videos:hover {
    animation-duration:1s;
    animation-timing-function:ease-out;
    animation-delay:1ms;
    animation-iteration-count:1;
    animation-name:pulse;
}

.width-100 {
    width: 100%;
}

.efecto-zoom .img-zoom{
    -webkit-transition: transform .2s;
    transition: transform .2s;
}

.efecto-zoom:hover  .img-zoom{
    animation-duration:1s;
    animation-timing-function:ease-out;
    animation-delay:1ms;
    animation-iteration-count:1;
    animation-name:pulse;
}

.overflow-hidden {
    overflow: hidden;
}


.colTarjetaBlanca {
    background-color: #fff;
    border: 3px solid #4c91c7;
}

.colTarjetaBlanca a {
    color: #4c91c7;
}

.colTarjetaBlanca p {
    color: #000;
}

.colTarjetaBlanca:hover {
    background-color:  #28293e;
    border: 3px solid #28293e;
}

.colTarjetaBlanca:hover a {
    color: #4c91c7;
}
.colTarjetaBlanca:hover a:hover {
    color: #fff;
    text-decoration: underline;
    text-decoration-color:#fff;
}

.colTarjetaBlanca:hover p {
    color: #fff;
}



.botonVerMas:hover {
    color: #ffffff;
    border-color: #010407;
    background-color: #010407;
}

.botonVerMas {
    font-family: Rokkitt, serif;
    font-weight: 400;
    color: #ffffff;
    background-color: transparent;
    text-transform: uppercase;
    border: 1px solid #fff;
    width: auto;
    margin-bottom: 20px;
    padding: 12px 41px;
}

.width-2rem {
    width: 2rem
}

.gris {
    background-color: #f9fafc;
}


.gris-medio {
    background-color: #ebedf0;
}

.gris-oscuro {
    background-color: #dadadb;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.responder {
    color: #4965a2;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Rokkitt, serif;
    padding: 0;
    background-color: transparent;
    border: none;
    line-height: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.responder:hover {
    color: #000;
}
.font-size-60{
    font-size: 60%;
}

.btnAgregar{
    font-size: 2rem;
    padding: 0px 12px;
    color: inherit;
    background-color: inherit;
}
.btnAgregar:hover{
    font-size: 2rem;
    padding: 0px 12px;
    color:#fff;
    background-color: #000;
}


.notificacion{
    position: absolute;
    left: 10%;
    background-color: #0063af;
    color:#fff;
    z-index: 999;
    width: 80%;
    max-height: 70%;
    border-radius: 2px;
}


#botonCerrar {
    cursor: pointer;
}

.textoNotificacion {
    font-size: 1.64rem;
    line-height: 110%;
}

.card-panel {
    transition: box-shadow .25s;
    padding: 20px;
    margin: 0.5rem 0 1rem 0;
    border-radius: 2px;
    background-color: #fff; }


.red {
    background-color: #F44336 !important; }

.red-text {
    color: #F44336 !important; }

.red.lighten-5 {
    background-color: #FFEBEE !important; }

.red-text.text-lighten-5 {
    color: #FFEBEE !important; }

.red.lighten-4 {
    background-color: #FFCDD2 !important; }

.red-text.text-lighten-4 {
    color: #FFCDD2 !important; }

.red.lighten-3 {
    background-color: #EF9A9A !important; }

.red-text.text-lighten-3 {
    color: #EF9A9A !important; }

.red.lighten-2 {
    background-color: #E57373 !important; }

.red-text.text-lighten-2 {
    color: #E57373 !important; }

.red.lighten-1 {
    background-color: #EF5350 !important; }

.red-text.text-lighten-1 {
    color: #EF5350 !important; }

.red.darken-1 {
    background-color: #E53935 !important; }

.red-text.text-darken-1 {
    color: #E53935 !important; }

.red.darken-2 {
    background-color: #D32F2F !important; }

.red-text.text-darken-2 {
    color: #D32F2F !important; }

.red.darken-3 {
    background-color: #C62828 !important; }

.red-text.text-darken-3 {
    color: #C62828 !important; }

.red.darken-4 {
    background-color: #B71C1C !important; }

.red-text.text-darken-4 {
    color: #B71C1C !important; }


.green {
    background-color: #4CAF50 !important; }

.green-text {
    color: #4CAF50 !important; }

.green.lighten-5 {
    background-color: #E8F5E9 !important; }

.green-text.text-lighten-5 {
    color: #E8F5E9 !important; }

.green.lighten-4 {
    background-color: #C8E6C9 !important; }

.green-text.text-lighten-4 {
    color: #C8E6C9 !important; }

.green.lighten-3 {
    background-color: #A5D6A7 !important; }

.green-text.text-lighten-3 {
    color: #A5D6A7 !important; }

.green.lighten-2 {
    background-color: #81C784 !important; }

.green-text.text-lighten-2 {
    color: #81C784 !important; }

.green.lighten-1 {
    background-color: #66BB6A !important; }

.green-text.text-lighten-1 {
    color: #66BB6A !important; }

.green.darken-1 {
    background-color: #43A047 !important; }

.green-text.text-darken-1 {
    color: #43A047 !important; }

.green.darken-2 {
    background-color: #388E3C !important; }

.green-text.text-darken-2 {
    color: #388E3C !important; }

.green.darken-3 {
    background-color: #2E7D32 !important; }

.green-text.text-darken-3 {
    color: #2E7D32 !important; }

.green.darken-4 {
    background-color: #1B5E20 !important; }

.green-text.text-darken-4 {
    color: #1B5E20 !important; }

.botonContacto {
    background-color: #0063af;
    color: #fff;
    padding: 13px 50px;
    font-family: Rokkitt, serif;
    font-weight: 400;
    font-size: 19.2px;
    font-weight: 400;
    hyphens: auto;
    letter-spacing: 1px;
    line-height: 32.6333px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 35px;
    max-width: 100%;
    overflow: visible;
    overflow-wrap: break-word;
}

.botonContacto:hover{
    color: #fff;
    background-color: #000;
}

.redes {
    color:#4267b2;
    font-size: 3rem;
}

.fondo1 {
    background-image: url(https://oficina.yektia.com/sindicato/www/wp/wp-content/uploads/2019/04/FONDO-LOGO.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
}
.padding-top-2rem {
    padding-top: 2rem;
}

.margin-top-4rem {
    margin-top: 4rem;
}

.Aligner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fondo2 {
    background-image: url(https://oficina.yektia.com/sindicato/www/wp/wp-content/uploads/2019/04/FONDO-LOGO.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.cafe {
	background: linear-gradient(#851d27 70%, #eeddd8);
	font-weight: bold;
    font-size: 17px;
}

.cafe-text {
	color: #851d27;
}

.verde {
	background: linear-gradient(#255b34 70%, #d1d6cf);
	font-weight: bold;
    font-size: 17px;
}

.verde-text {
	color: #255b34;
}

.turquesa {
	background: linear-gradient(#57c5c5 70%, #d1eded);
	font-weight: bold;
    font-size: 17px;
}

.turquesa-text {
	color: #57c5c5;
}

.naranja {
	background: linear-gradient(#f58120 70%, #fee2cb);
	font-weight: bold;
    font-size: 17px;
}

.naranja-text {
	color: #f58120;
}


.morado {
	background: linear-gradient(#6f54a3 70%, #d6d0e8);
	font-weight: bold;
    font-size: 17px;
}

.morado-text {
	color: #6f54a3;
}
.white-text {
	color:#fff;
}