body {
	background: #fff;
	color:#002843;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 25px;
}

button, 
input, 
select, 
textarea {
	color: #000;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	line-height: 20px;
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	clear: both;
	color:#002843;
	padding: 0;
	margin: 0 0 10px 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}
a {
	font-family: 'Montserrat', sans-serif;
	color: #606060;
	background-color: transparent;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	text-decoration: none;
}

a:hover, a:focus, a:active {
	color: #000000;
	text-decoration: none;
}
a:focus {
	outline: none !important;
}
a:hover, a:active {
	outline: 0;
}
p {
	margin-bottom: 15px;
	font-size: 14px;
	color: #000;
	line-height: 25px;
	font-family: 'Montserrat', sans-serif;
}
ul {
	margin: 0;
	padding-left: 15px;
	list-style: square outside none;
}
ol {
	padding-left: 15px;
	margin-bottom: 15px;
}
li {
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
}
ul.lista-areas {
	margin: 0;
	padding-left: 30px;
}

img {
    border: 0;
    max-width: 100%;
    max-height: 100%;
}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
 }
.logo{
    max-width: 40%;
    height: auto;
}

.font-quadon{
    font-family: 'Quadon';
}

.bold{
     font-weight: 500;
}
.bold-600{
     font-weight: 600;
}
.bold-700{
     font-weight: 700;
}
.bold-800{
     font-weight: 800;
}
.bold-900{
     font-weight: 900;
}
		

.h1{
	font-size: 6em;
	font-weight: bold;
	line-height: .9em;
}

.h2{
	font-size: 5em;
	font-weight: bold;
	line-height: .9em;
}

.h3{
	font-size: 3.5em;
	line-height: .9em;
	font-weight: lighter;
}


.text-justify{
    text-align: justify !important;
}
			
.text-primary{
	color:#002843 !important;
}

.text-secondary{
	color:#670614 !important;
}

.bg {
	background-color: #021b35
}

.bg-primary 
{
    background-color: #002843 !important;
    border-color: #002843 !important;
}
.bg-secondary 
{
    background-color: #670614 !important;
}
.bg-orange{
	background-color: #e1ac47;
}

.btn-primary 
{
    color: #fff !important;
    background-color: #002843 !important;
    border-color: #002843 !important;
}

.btn-primary:hover {
    color: #fff !important;
    background-color: #670614 !important;
    border-color: #670614 !important;
}

.btn-secondary 
{
    color: #fff !important;
    background-color: #670614 !important;
    border-color: #670614 !important;
}

.btn-secondary:hover {
    color: #fff !important;
    background-color: #002843 !important;
    border-color: #002843 !important;
}

.bg-img {
    background: #021b35;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
}

.bg-textured
{
    background: #dddbd9;
    background-image: url(../images/textures/textured_paper_increased_contrast@2X.jpg);
    background-repeat: repeat;
    background-size: 10.60417%;
    overflow: hidden;
    position: relative;
    z-index: initial;
    padding: 120px 0;
}

.bg-texture
{
    background: #dddbd9;
    background-image: url(../images/textures/textured_paper_increased_contrast@2X.jpg);
    background-repeat: repeat;
    background-size: 10.60417%;
    position: relative;
    z-index: initial;
}

.section-ripped::after {
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    visibility: visible;
    width: 100%;
    z-index: 300;
    bottom: auto;
    transform: scaleY(-1);
    background-image: url(../images/textures/torn-paper-jumbotron.png);
    top: -37px;
    top: -2.05556vw;
    background-size: 100% 3vw;
    height: 3vw;
}

.dot-matrix {
    background: url(../images/textures/dot-matrix.png) repeat;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    /*z-index: 0;*/
}


.box-img-primary
{
    border: 5px solid #fff;
    box-shadow: -0.5vw 0.6vw 0 #002843;
}

.box-img-secondary
{
    border: 5px solid #fff;
    box-shadow: -0.5vw 0.6vw 0 #670614;
}

.box-img-black
{
    border: 5px solid #fff;
    box-shadow: -0.5vw 0.6vw 0 #000;
}



.text-justify{
	text-align: justify !important;
}


.list-none{
	list-style-type: none;
}

.circle {
    border-radius: 50%;
    width: 100px;
    height: 100px;
	text-align: center;
	padding: 20px;
	font-size: 60px;
}

.rectangle-rounded {
    border-radius: 5%;
    width: 100px;
    height: 100px;
	text-align: center;
	padding: 20px;
	font-size: 60px;
}

.rectangle-rounded-medium {
    border-radius: 5%;
    width: 80px;
    height: 80px;
	text-align: center;
	padding: 15px;
	font-size: 40px;
}

.rectangle-rounded-small {
    border-radius: 5%;
    width: 50px;
    height: 50px;
	text-align: center;
	padding: 10px;
	font-size: 30px;
}

.bg-img {
    background: #021b35;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
}

.bg-img-h100 {
    background: #021b35;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
    height: 100vh;
}

/*TITULOS*/
.title {
    font-family: 'Quadon';
    font-size: 8em;
    font-weight: 900;
    font-style: normal;
    color: #fff;
    text-shadow: -0.5vw 0.5vw 0 #ac1315;
    line-height: 1.1em;
}

.title-1{
    font-family: 'Quadon';
    font-size: 8em;
    font-weight: 900;
    color: #fff;
    text-shadow: -0.5vw 0.5vw 0 #ac1315;		
    line-height: 65%;
}
.title-1 span{
    margin-left: 23%;
}

.text-1{
    text-align: justify;
    color: #fff;
    line-height: 1.2em; 
    text-shadow: 5px 5px 10px #000;
    font-size: 2.5em;
}

.title-2{
    font-family: 'Quadon';
    font-size: 8em;
    font-weight: 900;
    color: #fff;
    text-shadow: -0.5vw 0.5vw 0 #ac1315;		
}
.text-2{
    text-align: justify;
    color: #fff;
    line-height: 1.2em; 
    text-shadow: 5px 5px 10px #000;
    font-size: 2em;
}

.title-3{
    font-family: 'Quadon';
    font-size: 8em;
    font-weight: 900;
    color: #213047;
    text-shadow: -0.5vw 0.5vw 0 #3188bd;		
}

.title-4{
    font-family: 'Quadon';
    font-size: 4em;
    font-weight: 900;
    color: #213047;
    text-shadow: -0.2vw 0.2vw 0 #3188bd;		
}

.title-3b {
    font-family: 'Quadon';
    font-size: 3em;
    font-weight: 900;
    color: #fff;
    text-shadow: -0.3vw 0.3vw 0 #3188bd;
}
.title-4b {
    font-family: 'Quadon';
    font-size: 5em;
    font-weight: 900;
    color: #fff;
    text-shadow: -0.5vw 0.5vw 0 #3188bd;
}

/*TITULOS*/


.tab-admisiones .tab .nav-link {
    font-size: 1.4em;
    color: #ffffff;
    line-height: 1;
    font-weight: bold;
    padding: 5px 25px;
    background: #670614;
    height: 90px;
    display: table-cell;
    vertical-align: middle;
}
.tab-admisiones .tab .active {
    font-weight: bold;
    color: #ffffff !important;
    background: #032843;
    padding: 5px 25px;
}
.tab-admisiones .tab .nav-link:hover {
    background: #032843;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}


.link:hover{
    animation: pulse; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s; /* don't forget to set a duration! */
}
		
		
.section-links {
    background-color: #002d72;
    background-image: url(../images/homepage/links/links-bg-2-1080.jpg);
    background-position: top center;
    background-size: 100% 100%;
    position: relative;
    z-index: 0;
}

.marker-stroke {
    background-image: url(../images/homepage/links/links-bg-1-1080.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    padding-top: 3.28125%;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-95%);
    -moz-transform: translateY(-95%);
    -o-transform: translateY(-95%);
    -ms-transform: translateY(-95%);
    transform: translateY(-95%);
    width: 100%;
}

.section-links a{
    color: #fff;
    text-decoration: none;
    font-size: 2em;
}

.section-links a:hover{
    text-decoration: underline;
}


/*LICENCIATURAS*/
.contenedor_perfil{
	color: #fff;
	padding: 0px 40px;
}
.contenedor_perfil p, .contenedor_perfil strong{
	color: #fff;
	margin-top: 15px;
	margin-bottom: 15px;
}
.contenedor_perfil ul{
	
    margin: 0;
    padding-left: 10px;
    list-style: circle outside none;

}


/*FAMILIA CERT*/
.familia_cert_logo
{
    width: 300px;
    min-height: 300px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;

    /* position the div in center */
    position: absolute;
    top: 20%;
    left: 38%;
    transform: translate(-50%, -50%);

 }
.familia_cert
{
    background: #dddbd9;
    background-image: url(../images/textures/textured_paper_increased_contrast@2X.jpg);
    background-repeat: repeat;
    background-size: 10.60417%;
    overflow: hidden;
    position: relative;
    z-index: initial;
    padding: 180px 0 100px 0;
}
.inner-bg:hover{
    animation: pulse; 
    animation-duration: 2s;
}


.btn-link{
    border: solid #fff 0.1875em;
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;
    border-width: 0.1875em;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.375em;
    text-decoration: none;
}

.btn-link:hover{
    border: solid #002843 0.1875em;
    background-color: transparent;
    color: #002843 !important;
    text-transform: uppercase;
    border-width: 0.1875em;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.375em;
    text-decoration: none;
}



.border-right-white{
    border-right: 1px solid #fff;
}


.areas a
{
	font-family: 'Montserrat', sans-serif;
	font-size: 1rem;
    font-weight: 400;
    -webkit-transition: padding-left,padding-right,background-color,color;
    -moz-transition: padding-left,padding-right,background-color,color;
    -o-transition: padding-left,padding-right,background-color,color;
    transition: padding-left,padding-right,background-color,color;
    -webkit-transition-duration: 250ms,250ms,250ms,250ms;
    -moz-transition-duration: 250ms,250ms,250ms,250ms;
    -o-transition-duration: 250ms,250ms,250ms,250ms;
    transition-duration: 250ms,250ms,250ms,250ms;
    -webkit-transition-timing-function: ease-in-out,ease-in-out,ease-in-out,ease-in-out;
    -moz-transition-timing-function: ease-in-out,ease-in-out,ease-in-out,ease-in-out;
    -o-transition-timing-function: ease-in-out,ease-in-out,ease-in-out,ease-in-out;
    transition-timing-function: ease-in-out,ease-in-out,ease-in-out,ease-in-out;
}

.areas a:hover{
    padding-left: 0.75em;
}

#campo_laboral p{
	color:#fff !important;
}



/*FOOTER*/
footer a
{
    -webkit-transition: padding-left,padding-right,background-color,color;
    -moz-transition: padding-left,padding-right,background-color,color;
    -o-transition: padding-left,padding-right,background-color,color;
    transition: padding-left,padding-right,background-color,color;
    -webkit-transition-duration: 250ms,250ms,250ms,250ms;
    -moz-transition-duration: 250ms,250ms,250ms,250ms;
    -o-transition-duration: 250ms,250ms,250ms,250ms;
    transition-duration: 250ms,250ms,250ms,250ms;
    -webkit-transition-timing-function: ease-in-out,ease-in-out,ease-in-out,ease-in-out;
    -moz-transition-timing-function: ease-in-out,ease-in-out,ease-in-out,ease-in-out;
    -o-transition-timing-function: ease-in-out,ease-in-out,ease-in-out,ease-in-out;
    transition-timing-function: ease-in-out,ease-in-out,ease-in-out,ease-in-out;
}

footer a:hover{
    padding-left: 0.75em;
}


/*VIDEO*/
.video-container{
    height: 100vh;
}
.video {
    position:fixed;
    z-index: -1;

    /*not work if the screen ratio is below 16/9*/
    width:100%;     
    height: auto;
}


.btn-whatsapp-flotante {
    position: fixed;
    bottom: 100px;
    right: 20px;
    min-width: 64px;
    min-height: 64px;
    max-width: 64px;
    max-height: 64px;
    border-radius: 1000px;
    background-color: green;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10000;
}
.btn-whatsapp-flotante__link:active, .btn-whatsapp-flotante__link:hover, .btn-whatsapp-flotante__link:visited, .btnText2:active, .icon-whithe a:hover, .white {
    color: #fff;
}
.font-size-45px {
    font-size: 45px;
}

/* cookies */

	.aviso-cookies {
	display: none;
	background: #fff;
	padding: 20px;
	width: calc(100% - 40px);
	max-width: 300px;
	line-height: 150%;
	border-radius: 10px;
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 100;
	padding-top: 60px;
	box-shadow: 0px 2px 20px 10px rgba(222, 222, 222, .25);
	text-align: center;
	}

	.aviso-cookies.activo {
	display: block;
	}

	.aviso-cookies .galleta {
	max-width: 100px;
	position: absolute;
	top: -50px;
	left: calc(50% - 50px);
	}

	.aviso-cookies .titulo,
	.aviso-cookies .parrafo {
	margin-bottom: 15px;
	}

	.aviso-cookies .boton {
	width: 100%;
	background: #595959;
	border: none;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	padding: 15px 20px;
	font-weight: 700;
	cursor: pointer;
	transition: .3s ease all;
	border-radius: 5px;
	margin-bottom: 15px;
	font-size: 14px;
	}

	.aviso-cookies .boton:hover {
	background: #000;
	}

	.aviso-cookies .enlace {
	color: #002744;
	text-decoration: none;
	font-size: 14px;
	}

	.aviso-cookies .enlace:hover {
	text-decoration: underline;
	}

	.fondo-aviso-cookies {
	display: none;
	background: rgba(0, 0, 0, .20);
	position: fixed;
	z-index: 99;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	}

	.fondo-aviso-cookies.activo {
	display: block;
	}

    .a_hvr {
        color: white;
    }
    .a_hvr:hover {
        color: #8b1a13;
    }
    .a_hvr:focus {
        color: #8b1a13;
    }

@media (min-aspect-ratio: 16/9) {
    .video {
        width:100%;
        height: auto;
    }
}
@media (max-aspect-ratio: 16/9) {
    .video { 
        width:auto;
        height: 100%;
    }
}
@media (max-width: 767px) {
    .video {
        display: none;
    }
    .video-container {
        background: url('../images/bg/6.jpg');
        background-size: cover;
    }
}
		
		
		

@media (min-width: 1699px){
    .title-1{
        font-size: 13em;
    }

}

@media (min-width: 992px){
    .title-3{
        font-size: 7em;
    }
}
			

		

@media screen and (max-width: 500px) {
	.title{
		font-size: 5em;
		text-shadow: -2px 2px #670614;
	}
	.subtitle{
		font-size: 2em;
	}
	.h1{
		font-size: 4em;
		font-weight: bold;
	}
	.h2{
		font-size: 3em;
	}
	.h3{
		font-size: 2em;
	}
	.title-1{
        font-size: 7em;
    }
	.title-1 span {
    	margin-left: 15%;
	}
	.title-2{
        font-size: 6em;
	}
    .logo{
        max-width: 80%;
    }
}