.head_tab
{
	text-align: center;
	background-color: 	darkturquoise;
padding: 10px;
text-shadow: 1px 3px 1px teal;
}

.head1{
	color: 	#800000;
	font-weight: bolder;
}
.colblack{
  color: black;
}
.colwhite{
  color: white;
}

.para{
  color: black;
	font-size: 16px;
}

ul.fancy{counter-reset: li}
	ul.fancy li{list-style: none; margin-bottom: 12px; font: 24px "times new roman";}

	ul.fancy li:before{
	  content: counter(li);
		counter-increment: li;
		color: #fff;
		margin-right: 14px;
		padding: 0px 7px;
		border-radius: 100%;
		border: 1px dashed white;
	}

	li.green:before{background: green; box-shadow: 0 0 0 2px green;}
	li.red:before{background: red; box-shadow: 0 0 0 2px red;}
	li.blue:before{background: blue; box-shadow: 0 0 0 2px blue;}
	li.darkred:before{background: darkred; box-shadow: 0 0 0 2px darkred;}
	li.orange:before{background: orange; box-shadow: 0 0 0 2px orange;}
	li.teal:before{background: teal; box-shadow: 0 0 0 2px teal;}
	li.magenta:before{background: magenta; box-shadow: 0 0 0 2px magenta;}
  li.cyan:before{background: cyan; box-shadow: 0 0 0 2px cyan;}
	li.yellow:before{background: #00FF7A; box-shadow: 0 0 0 2px #00FF7A;}


  .blockquote1 {
  font-style: italic;
  margin: 1em auto;
  max-width: 62.5rem;
}
	.blockquote1 {
  font-style: italic;
  margin: 1em auto;
  max-width: 82.5rem;
}


@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
html{
  height:100%
}
::selection{
     background:red;
  color:#fff;
}
a{
  text-decoration:none;
  color:#444;
}
h1{
  color:#0a2f54;
  margin:0 0 20px 0
}
.wrap{
  position:relative;
  background:rgba(255,255,255,0.5);
  max-width:600px;
  margin:90px auto;
  padding:50px;
  border-radius:5px;
  font-family: 'Roboto', sans-serif;
  color:#222;
  line-height:25px;
  transition:all 0.2s;
}
.gen,.sel{
  display:block;
  position:absolute;
  right:30px;
  top:30px;
  background:rgba(255,255,255,0);
  width:30px;
  height:30px;
  text-align:center;
  line-height:31px;
  border-radius:50%;
  transition:all 0.2s
}
.sel{
  right:70px;
  line-height:35px
}
.gen:hover,.sel:hover{
  background:#0a2f54;
  color:#ddd
}

/*body {
  margin: 10% 5%;
  text-align: center;
  font-family: sans-serif;
  color: #666;
}
*/
h1 {
 /* margin: 2em 0;
  color: #00a99d;*/
}

p {
 /* max-width: 30em;
  margin: 2em auto;*/
}

h1 {
  color: #00a99d;
  text-align: center;
  overflow: hidden;
}
h1 span {
  display: inline-block;
  position: relative;
}
h1 span:before, h1 span:after {
  content: "";
  border-bottom: 2px solid maroon;
  width: 3em;
  margin: 0 1.5em;
  position: absolute;
  bottom: .5em;
}
h1 span:before {
  right: 100%;
}
h1 span:after {
  left: 100%;
}







@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
html, body {
/*  background-color: #2c3e50;
  font-family: 'Open Sans', sans-serif;*/
}

.container {
 /* display: flex;
  align-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-around;
  position: relative;
  width: 100%;*/
}
.container1 section {
  width: 100%;

  flex: 1;
  display: flex;
  text-align: center;
  position: relative;
  overflow: hidden;
  background-color: #000;
}
.container1 section:nth-child(1) .image {
  background-image: url(../images/openbook.jpg);
}
/*.container section:nth-child(2) .image {
  background-image: url(https://images.unsplash.com/photo-1462819067004-905a72ea3996?iq=100&fm=jpg&w=1000);
}
.container section:nth-child(3) .image {
  background-image: url(https://images.unsplash.com/photo-1461770354136-8f58567b617a?iq=100&fm=jpg&w=1000);
}
.container section:nth-child(4) .image {
  background-image: url(https://images.unsplash.com/photo-1461080639469-66d73688fb21?iq=100&fm=jpg&w=1000);
}
.container section:nth-child(5) .image {
  background-image: url(https://images.unsplash.com/photo-1460804198264-011ca89eaa43?iq=100&fm=jpg&w=1000);
}
.container section:nth-child(6) .image {
  background-image: url(https://images.unsplash.com/photo-1463123081488-789f998ac9c4?iq=100&fm=jpg&w=1000);
}*/
.container1 section .image {
  background-attachment: fixed;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 500;
  opacity: 0.4;
}
.container1 section .stuff {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  width: 100%;
  max-width: 70%;
  justify-content: center;
  text-align: center;
/*  z-index: 1000;*/
  color: #e67e22;
  margin: 0 auto;
  font-size: 26px;
  position: relative;
}
.container1 section .stuff h2 {
  margin: 0px;
}
.container1 section .stuff:before, .container1 section .stuff:after {
  width: 100%;
  height: 1px;
  display: block;
  background-color: #d35400;
  content: "";
  margin: 30px 0;
}


/*===============boxr design===================*/

.boxr:hover{
  -webkit-transition-timing-function: linear;
 transition: all 0.6s;
box-shadow: 1px 1px 3px 2px maroon; 
}




/*=====================Vision===================================*/







/* .no-mostrar */



.letra-principal,
.titulo,
.menu .enlaces,
.slider figcaption,
.servicios .btn.cta,
.btn.enviar {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
 font-size: 16px;
  text-align: center;
}


.titulo {
  font-size: 1.5em;
  color: rgb(53, 107, 148);
  line-height: 1.1em;
}

.icono::before,
.icono::after {
  content: '';
  font-family: "FontAwesome";
}

.menu-config:hover li {
  display: block;
}

.trigger-config.icono::before {
  width: 2em;
  height: 2em;
  line-height: 2em;
  display: block;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, .5);
}

.icono.config::before {
  content: '\f1de';
  color: #fff;
}

.icono.ojo::before {
  content: '\f06e';
}



  .misionvision div {
    font-size: 1.2em;
    vertical-align: top;
    padding: 0 2em;
    padding: 0 3vw;
  }

.v_over:hover{
  background-image: linear-gradient(to right top, #dbff8a, #00aff2, #00d3dc, #5aeeae, #5083dc);

}



/*=========================Library===================================*/
.image1 {
  background-image: url(../images/openbook.jpg);
}

.lib_img {
  width: 100%;
  height: 400px;
  flex: 1;
  display: flex;
  text-align: center;
  position: relative;
  overflow: hidden;
  background-color: #000;
}
/*.stuff {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  width: 100%;
  max-width: 70%;
  justify-content: center;
  text-align: center;
  z-index: 1000;
  color: #e67e22;
  margin: 0 auto;
  font-size: 26px;
  position: relative;
}*/

.txt_lib{
  font-weight: bolder;
  color: white;
  font-size: 22px;
  text-align: justify;
 /* vertical-align: text-bottom;*/
 vertical-align: middle;
 text-shadow: 2px 2px #D20C0C;
  /*text-align: center;*/
}



.boxs{
   box-shadow: 2px 5px 3px 2px;
   background-color: white;
}

.dashed {
  background-image: linear-gradient(to right, #051937, #004d7a, #008793, #00bf72, #a8eb12);
  background-position: 0 1.04em;
  background-repeat: repeat-x;
  background-size: 8px 3px;
}

.dotted {
 background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
  background-position: 0 1.04em;
  background-repeat: repeat-x;
  background-size: 6px 3px;
}

.double {
background-image: linear-gradient(to right, #2a00a3, #92008b, #c80066, #e5003c, #ed0000);
  background-position: 0 1.03em;
  background-repeat: repeat-x;
  background-size: 50% 6px;

}

/*.double1{
background-image: linear-gradient(to right, #2a00a3, #92008b, #c80066, #e5003c, #ed0000);
  background-position: 2 ;
  background-repeat: repeat-x;
  background-size: 100% 6px;  
}*/


/*Responsive table*/
table { 
  width: 100%; 
  border-collapse: collapse; 
  background: #34495e; 
  color: #f3f3f3;
}

td, th { 
  padding: 8px; 
  text-align: left; 
}

/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #16a085; 
}

th { 
  background: #2c3e50; 
  font-weight: bold; 
}


/*=======================Contact us===============================*/


.contact {
  align-self: center;

}
.contact i {
  padding: 0 20px;
  font-size: 0.8em;

}
.contact h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 2.5em;
  border: 1px solid #555;
  background-color: rgba(0, 0, 0, 0.7);
  padding-top: 20px;
  height: 75px;
  color: #fff;
  font-weight: 500;
  line-height: 40px;
  padding-left: 50px;
  text-align: center;
}
#contactform {
 
}
#contactform .right {
  float: right;
}
 #contactform input {
  color:black; 
  margin-bottom: 14px;
  width: 100%;
  outline: none;
  border: none;
  
  letter-spacing: 2px;
  font-size: 11px;
  padding-left: 15px;
  height: 44px;
  border-radius: 0;
}
#contactform textarea {
  margin-bottom: 14px;
  width: 100%;
  outline: none;
  border: none;
  
  letter-spacing: 2px;
  font-size: 11px;
  padding: 15px;
  height: 218px;
  border-radius: 0;
}
 #contactform .btn {
  width: 100%;
  height: 50px;
  border-radius: 0;
  border: 1px solid #333;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
}
 #contactform .btn:hover {
  background: rgba(51, 51, 51, 0.7);
}


.transbox{
   margin: 30px;
  background-image: url(../images/map.jpg);
  border: 1px solid black;
  

  filter: alpha(opacity=60); /* For IE8 and earlier */
}



.mar_10{
   margin:13px; 
}


.well {
  background-color: #ddd;
}


.well .nav_bg{
 background-image: linear-gradient(to top, #730000, #920109, #b30210, #d50118, #f80020);
  color: #fff;
}
.well .nav_bg li a{
  color: #fff;
}
.well .nav_bg li a:hover{
 background-image: linear-gradient(to  bottom, #d6008c, #da006b, #d7004a, #cd0029, #be0000);
color: #fff;
border-image:  linear-gradient(to  bottom, #d6008c, #da006b, #d7004a, #cd0029, #be0000);
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
background-image: linear-gradient(to  bottom, #d6008c, #da006b, #d7004a, #cd0029, #be0000);
color: #fff;
border-image:  linear-gradient(to  bottom, #d6008c, #da006b, #d7004a, #cd0029, #be0000);
}



.big-button {
  border-radius: 20%;
  width:40vh;
  height:40vh;
  background-image: linear-gradient(to right bottom, #d60000, #f7003c, #ff0074, #ff00b2, #ff1df5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 4vh;
  color: #fff;
  box-shadow: 0 5px 5px rgba(50, 50, 93, 0.2), 0 5px 5px rgba(0, 0, 0, 0.2);
  transition: box-shadow 350ms;
  transition: transform 350ms;
  cursor: pointer;
}
.big-button:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.5), 0 5px 15px rgba(0, 0, 0, 0.5);
  transform: translateY(-5px);
}
.big-button:active {
  box-shadow: 0 5px 5px rgba(50, 50, 93, 0.2), 0 5px 5px rgba(0, 0, 0, 0.2);
  transform: translateY(-5px);
}
.big-button .big-button__title {
  font-size: 4vh;
  text-align: center;
  transition: transform 350ms;
  user-select: none;
}
.big-button:hover .big-button__title {
  transform: translateY(-10px);
}
.big-button .big-button__icon {
  color: #fff;
  font-size: 3vh;
}


/*=====================jounior home page ==============================*/


.services-container {
  background: #34495e;
  padding: 10px;
}
.services-title {
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  color: #ecf0f1;
}
.services-border {
  width: 150px;
  height: 2px;
  background: #81D4FA;
  margin: 30px auto;
}
.services-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.services-content--box {
  max-width: 33.33%;
  padding: 14px;
  text-align: center;
  color: #ecf0f1;
  cursor: pointer;
  margin-bottom: 15px;
}
.services-content--box:hover .services-content__icon {
  background: #81D4FA;
  color: #ecf0f1;
}
.services-content--box:hover .services-content__title {
  border-color: #81D4FA;
}
.services-content__icon {
  display: inline-block;
  width: 75px;
  height: 75px;
  border: 3px solid #81D4FA;
  transform: rotate(45deg);
  margin: 16px 0 30px;
  transition: 0.3s linear;
  color: #81D4FA;
  border-radius: 40px;
}
.services-content__icon i {
  line-height: 70px;
  transform: rotate(-45deg);
  font-size: 20px;
}
.services-content__title {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 12px;
  border-bottom: 1px solid transparent;
  transition: 0.25s ease-out;
  color: #FAFAFA;
}
.services-content__desc {
  font-size: 16px;
  color: #FAFAFA;
}

.inner-width {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
  overflow: hidden;
}

.lightbox-container {
  min-width: 500px;
  min-height: 200px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -80%);
  border-radius: 15px;
  background-color: #ECEFF1;
  transition: transform 0.25s ease-out;
  display: none;
}
.lightbox:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}
.lightbox:target .lightbox-container {
  display: block;
}
.lightbox:target:before {
  display: block;
}
.lightbox-content {
  padding: 25px;
}
.lightbox-content__actions {
  margin-top: 15px;
}
.lightbox-btn {
  background-color: #039BE5;
  color: #EEEEEE;
  margin: 10px;
  padding: 10px;
  border-radius: 10px;
}
.lightbox-btn:hover {
  color: #EEEEEE;
  background-color: #0277BD;
  cursor: pointer;
}
.lightbox-submit {
  background-color: #039BE5;
  color: #EEEEEE;
}
.lightbox-submit:hover {
  color: #EEEEEE;
  background-color: #0277BD;
  cursor: pointer;
}
.lightbox-close {
  display: inline-block;
  float: right;
}

@media screen and (max-width: 960px) {
  .services-content--box {
    max-width: 45%;
  }
}
@media screen and (max-width: 768px) {
  .services-content--box {
    max-width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .services-content--box {
    max-width: 100%;
  }
}

/*======================Redius=======================*/
.body1 {
  background: url(../images/background-svg.svg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.redius{

  width: 100%;
 
  border-radius: 20px;
}

.myul{
  list-style-type: none;
  background: url('../images/arrow.png');
  font-size: 18px;
  background-repeat: no-repeat;
  
  background-size: 28px;
  padding-left: 50px;
  margin-left: 15px;
  margin-bottom: 5px;
/* list-style-image: url('http://pngriver.com/wp-content/uploads/2017/11/gns-png-transparent-images-clipart-icons-pngriver-download-free-6BTgqqGi8.png');*/
} 

.bg1{background-color: rgba(27, 134, 244, 0.5);  min-height: 250px;}
.bg2{background-color: rgba(164, 227, 69, 0.5);  min-height: 250px;}
.bg3{background-color: rgba(62, 241, 158, 0.5);  min-height: 300px;}
.bg4{background-color: rgba(206, 12, 155, 0.5);  min-height: 360px;}
.bg5{background-color: rgba(250, 203, 21, 0.5);  min-height: 230px;}
.bg6{background-color: rgba(87, 237, 255, 0.5);  min-height: 230px;}
.bg7{background-color: rgba(17, 97, 247, 0.5);  min-height: 230px;}
.bg8{background-color: rgba(190, 104, 109, 0.5);  min-height: 230px;}
.bg9{background-color: rgba(222, 80, 182, 0.5);  min-height: 320px;}
.bg10{background-color: rgba(212, 172, 237, 0.5);  min-height: 230px;}
.bg11{background-color: rgba(22, 172, 237, 0.5);  min-height: 130px;}


.hm-gradient {
    background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}
.darken-grey-text {
    color: #2E2E2E;
}
.sunny-morning-gradient {
    background-image: linear-gradient(120deg, #6610f2 0%, #fda085 100%);
    padding: 10px;
}
.dusty-grass-gradient {
    background-image: linear-gradient(120deg, #007bff 0%, #d4fc79 100%);
       padding: 10px;
}   


.dusty-grass-gradient1 {
    background-image: linear-gradient(120deg, #6f42c1 0%, #96e6a1 100%);
       padding: 10px;
}   

.vertical-menu {
  width: 100%;
}

.vertical-menu a {
  background-color: #eee;
  color: black;
  display: block;
  padding: 12px;
  text-decoration: none;
  text-align: center;
}

.vertical-menu a:hover {
  background-color: #ccc;
}

.vertical-menu a.active {
  background-color: #17202A;
  color: white;
}


/*card*/
.card{ background-color: #fff; border: 1px solid transparent; border-radius: 6px; color: black; }
.card > .card-link{ color: #333; }
.card > .card-link:hover{  text-decoration: none; }
.card > .card-link .card-img img{ border-radius: 6px 6px 0 0; }
.card .card-img{ position: relative; padding: 0; display: table; }
.card .card-img .card-caption{
  position: absolute;
  right: 0;
  bottom: 16px;
  left: 0;
}
.card .card-body{ display: table; width: 100%; padding: 12px; }
.card .card-header{ border-radius: 6px 6px 0 0; padding: 8px; background: #cecece; text-align: center; color: #fff; }
.card .card-footer{ border-radius: 0 0 6px 6px; padding: 8px; }
.card .card-left{ position: relative; float: left; padding: 0 0 8px 0; }
.card .card-right{ position: relative; float: left; padding: 8px 0 0 0; }
.card .card-body h1:first-child,
.card .card-body h2:first-child,
.card .card-body h3:first-child, 
.card .card-body h4:first-child,
.card .card-body .h1,
.card .card-body .h2,
.card .card-body .h3, 
.card .card-body .h4{ margin-top: 0; }
.card .card-body .heading{ display: block;  }
.card .card-body .heading:last-child{ margin-bottom: 0; }

.card .card-body .lead{ text-align: center; }

@media( min-width: 768px ){
  .card .card-left{ float: left; padding: 0 8px 0 0; }
  .card .card-right{ float: left; padding: 0 0 0 8px; }
    
  .card .card-4-8 .card-left{ width: 33.33333333%; }
  .card .card-4-8 .card-right{ width: 66.66666667%; }

  .card .card-5-7 .card-left{ width: 41.66666667%; }
  .card .card-5-7 .card-right{ width: 58.33333333%; }
  
  .card .card-6-6 .card-left{ width: 50%; }
  .card .card-6-6 .card-right{ width: 50%; }
  
  .card .card-7-5 .card-left{ width: 58.33333333%; }
  .card .card-7-5 .card-right{ width: 41.66666667%; }
  
  .card .card-8-4 .card-left{ width: 66.66666667%; }
  .card .card-8-4 .card-right{ width: 33.33333333%; }
}
.trusty{
  background-color: #eef1f6;
}
.bearers_title{
  text-align: center;
  margin: 60px 0 30px 0;
  position: relative;
  color: #07407b;
  font-size: 26px;
  /* font-family: 'Roboto-Medium'; */
  line-height: 32px;
}
.bearers_title span {
  display: block;
  color: crimson;
  font-size: 18px;
}
.managment_pic{
  position: relative;
    padding: 22px 0 0 104px;
    min-height: 108px;
    margin: 0 0 15px 0;
    background: #FFF;
    border: 4px solid #e8eaef;
}
.managment_pic h3 span{
  display: block;
    color: #555;
    font-size: 16px /*14px*/;
    font-family: 'Roboto-Regular';
}
.managment_pic h3{
  font-size: 18px;
  font-family: 'Roboto-Medium';
  color: crimson;
  line-height: 24px;
}
.managment_pic img{
  border-radius: 50%;
  width: 80px;
  height: 80px;
  padding: 5px;
  background: #f5f5f5;
  position: absolute;
  left: 10px;
  top: 10px;
}


.fw-bold{
  font-weight: 600;
}
.fs-5{
  font-size: 16px;
}
.list-styled{
  list-style: disc !important;
}
.p-5{
  padding: 5px 15px ;
}
.mb-3{
  margin-bottom: 5px;
}
/* Course Applied Art Semester Table Start */
.applied-art-table{
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
  padding: 20px;
  justify-content: center;
}
.applied-art-table-item{
  flex-direction: column;
  display: flex;
}
@media (min-width: 991px ) {
  .applied-art-table-item{
    width: 30%;
  }
}
/* Course Applied Art Semester Table End */