/* CSS Document */

body{
overflow-wrap: break-word;
}

iframe {
border: medium none;
}
table{
font-family:sans-serif;
}

li{
font-family: 'Open Sans', sans-serif;
color: #666666;
line-height: 1.5em;
}
.swipe{
font-size: 1.4em;
color: #5f77f3;
background: rgb(255, 254, 162);
padding: 3px;
}
video { 
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
transform: translateX(-50%) translateY(-50%);
background-size: cover;
transition: 1s opacity;
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
left: 0;
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-right {
right: 0;
}
.slide-s{
padding: 17px;
width: auto;
margin: auto;
border-radius: 20px;
border: solid 2px #e0ebff;
margin-top: 20px;
margin-bottom: 20px;
}
.right-top{
position: absolute;
right: 10%;
top: 60px;
transition: 1s;
}
.middle-top{
position: absolute;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
transition: 1s;
}

.middle-main{
position: absolute;
top: 150px;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
transition: 1s;
}
.left-top{
position: absolute;
left: 10%;
top: 60px;
transition: 1s;
}

.right-b{
position: absolute;
right: 10%;
top: 224px;transition: 1s;
}

.middle-b{
position: absolute;
top: 150px;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
top: 300px;
transition: 1s;
}
.left-b{
position: absolute;
left: 10%;
top: 224px;
transition: 1s;
}
.note-container{
text-align: center;
}
.note {
vertical-align: top;
height: initial !important;
position: relative;
width: 200px;
height: 200px;
padding: 1em 1.5em;
margin: 2em auto;
color: #b1a134;
background: #fff5a0;
overflow: hidden;
display: -webkit-inline-box;
font-size: 1.7em;
margin: 0;
margin-bottom: 10px;
transform: rotate(3deg);
margin-right: 10px;
}

.note:before {
content: "";
position: absolute;
top: 0;
right: 0;
border-width: 0 16px 16px 0;
border-style: solid;
border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #e2d15c rgba(255, 255, 255, 0);
background: #ffffff;  
/* -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); */
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
/* box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); */
display: block;
width: 0;
}

.note.rounded {
-moz-border-radius: 5px 0 5px 5px;
border-radius: 5px 0 5px 5px;
}

.note.rounded:before {
border-width: 8px;
border-color: #fff #fff transparent transparent;
-moz-border-radius: 0 0 0 5px;
border-radius: 0 0 0 5px;
}


.negative-top{
margin-top: -93px;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
outline: none;
background: #5040bb;
transition: 1s;
color: white;

}
.quest{
font-size: 2em;
}
.main-c{
border-radius: 88px;
/* padding: 31px 28px; */
background: #6853f3;
color: white;
width: 135px;
height: 133px;
}
.item-c{
border-radius: 88px;
/* padding: 31px 28px; */
background: #b8adff;

color: #6853f3;
width: 135px;
height: 133px;
box-shadow: -11px 7px 35px rgba(23, 55, 87, 0.07), 2px 3px 8px rgba(0, 0, 0, 0.05);
}
.item-c:hover {
background: #5040bb;
color: white;
}
.speech{
margin-bottom:160px;
}
.blu-bub{
position: absolute;
border-left-radius: 2px;
top: -69px;
background: rgb(215, 249, 208);
padding: 20px;
width: 300px;
left: 0;
right: -223px;
color: #657350;
border-radius: 31px 30px 30px 7px;
margin-left: auto;
margin-right: auto;
}
.news-border{
border-top: solid 1px;
border-bottom: solid 1px;
}
.news-bottom{
text-transform: uppercase;
font-size: .8em;
}
.newspaper{
padding: 8px 56px;
box-shadow: 0 15px 35px rgba(23,55,87,.1), 0 5px 15px rgba(0,0,0,.07);
margin-bottom: 20px;
}
.newspaper h1{
color: black;
font-size: 2.8em;
text-transform: uppercase;
letter-spacing: 0px;
font-family: -webkit-body;
margin-bottom: 0;
}
.teacher{
position: absolute;
top: 195px;
width: 100%;
max-width: 250px;
z-index: 1;
}
.chalkboard{
padding: 20px;
background-image: url(../img/fabric_1.png);
border: solid 11px #ffd996;
margin-bottom: 20px;
border-bottom: solid 18px #f9ead0;
box-shadow: inset 1px -1px 16px rgba(0,0,0,0.40), -4px 5px 20px 0px rgba(0,0,0,0.30);

}
.chalkboard p{
font-family: 'Neucha', cursive;
font-size: 1.5em;
font-weight: 100;
letter-spacing: 1.3px;
color: #666;
}
.newspaper h2{
font-size: 1.2em;
text-transform: uppercase;
letter-spacing: 5px;
font-family: -webkit-body;
color: black;
border-top: solid 1px;
border-bottom: solid 1px;
text-align: center;
font-weight: 100;
padding: 10px;
}
.newspaper p{
font-family: -webkit-body;
color: black;
text-align: justify;
font-size: 1em;

}
.news-t{
font-size: 1.3em;
text-transform: uppercase;
}
.divider-news{
border-right: solid 1px;
padding-right: 20px;
}
.center-advice{
padding: 20px 50px !important;
max-width: 420px;
display: block;
margin: auto;
width: 100%;
}

.btn-arrow{
width: 100%;
margin: auto;
font-size: 2em;
padding: 10px;
position: absolute;
top: 700px;
text-align: center;
left: -1px;
}
.arrow-control-r{
margin-right: 20px;
position: relative;
top: -300px;
float: right;
background: rgba(0, 0, 0, 0.3);
padding: 20px;
color: white;
}
.arrow-control-l{
margin-right: 20px;
position: relative;
top: -300px;
float: left;
background: rgba(0, 0, 0, 0.3);
padding: 20px;
color: white;
}
.stopfade { 
opacity: .5;
}
.delay-1{
-webkit-animation-delay: .5s; /* Safari 4.0 - 8.0 */
animation-delay: .5s;
}
.delay-2{
-webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
animation-delay: 1s;
}
.delay-3{
-webkit-animation-delay: 1.5s; /* Safari 4.0 - 8.0 */
animation-delay: 1.5s;
}
.delay-4{
-webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
animation-delay: 2s;
}
.delay-5{
-webkit-animation-delay: 2.5s; /* Safari 4.0 - 8.0 */
animation-delay: 2.5s;
}
.delay-6{
-webkit-animation-delay: 3s; /* Safari 4.0 - 8.0 */
animation-delay: 3s;
}
/* ============================================================
PRIMARY STRUCTURE
============================================================ */
.container-pa {
max-width: 960px;
margin: 0 auto;
}

/* ============================================================
SECTIONS
============================================================ */
section.module:last-child {
margin-bottom: 0;
}

section.module.parallax-1 {
background-image: url('../img/pattern.svg');
background-blend-mode: soft-light;
}
section.module.parallax-2 {
background-image: url('../img/pattern2.svg');
background-blend-mode: soft-light;
}
section.module.parallax-3 {
background-image: url("../img/demo/pattern3.png");
}
.carousel-control.right {

background: none;
}
.carousel-control.left {

background: none;
}
.index-text{
position: absolute;
z-index: 1;
text-align:center;
font-size: 3.3em;
line-height: 1.3;
font-weight: bold;
text-shadow: -1px 2px 3px rgba(109, 20, 20, 0.83);
color: #fd5600;
}
.question{
width: 30%;
margin: auto;
display: block;
transform: rotate(5deg);
padding: : 80px 0px ;
margin-top: 20px;
margin-bottom: 20px;
}
.viewer{
height: 150px;
overflow: hidden;

}
.nav-viewer{
height: 150px;
overflow: scroll;
margin-bottom: 20px;
background: white;
}
.glosary-item{
margin:400px 0px;
}
.glosary-1{
margin:0;
}
.center-button{
margin: auto;
display: -webkit-box;
margin-bottom: 20px;
}
.hideme
{
opacity:0;
}
.pin{
width: 12%;
right: 0;
margin-left: auto;
margin-right: auto;
position: relative;
top: 60px;
z-index: 1;
left: 249px;
}
.img-cen{
max-width: 480px;
margin: auto;
display: -webkit-box;
}
.img-cen-2{
max-width: 289px;
margin: auto;
display: -webkit-box;

}
.postit{


padding: 35px 28px;
margin: auto;
width: 72%;
color: #eee;
box-shadow: 0 15px 35px rgba(23,55,87,.1), 0 5px 15px rgba(0,0,0,.07);
background-color: #fdfd82;
-ms-transform: rotate(7deg); /* IE 9 */
-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
transform: rotate(5deg);
margin-bottom: 20px;
}
.list-group {
font-family: 'Open Sans', sans-serif;
color: #666666;
}
ol, ul {
font-family: 'Open Sans', sans-serif;
color: #666666;
font-size: 1.08em;
font-weight: 100;
}
a{
font-family: 'Open Sans', sans-serif;
text-decoration: underline;
color: #8f70e8;
}
.drop-shadow{
box-shadow: 0 15px 35px rgba(23,55,87,.1), 0 5px 15px rgba(0,0,0,.07);
}

.tab-1{
font-family: 'Open Sans', sans-serif;
margin: auto;
text-align: center;
overflow: auto;
}
.back-ob{
background-image: url('../img/mg.jpg') !important;
background-blend-mode: multiply;
}
.ej1{
background: aliceblue;
text-align: -webkit-auto;
margin-bottom: 10px;

margin-left: 10px;
width: 20%;
min-width: 240px;
display: inline-block;
box-shadow: 0 2px 2px rgba(23,55,87,.1), 0 0px 6px rgba(0,0,0,.07);
}
.ej2{
background: aliceblue;
text-align: -webkit-auto;
margin-bottom: 10px;
margin-left: 10px;
width:20%;
min-width: 240px;
display: inline-block;
box-shadow: 0 2px 2px rgba(23,55,87,.1), 0 0px 6px rgba(0,0,0,.07);  
}
.ej3{
background: aliceblue;
text-align: -webkit-auto;
margin-bottom: 10px;
margin-left: 10px;  
width: 20%;
min-width: 240px;
display: inline-block;
box-shadow: 0 2px 2px rgba(23,55,87,.1), 0 0px 6px rgba(0,0,0,.07);   
}
.ej4{
background: #efefef;
padding-top: 1px;
margin-bottom: 10px;
min-width: 240px;
width: 20%;
text-align: -webkit-auto;
display: inline-block;
box-shadow: 0 2px 2px rgba(23,55,87,.1), 0 0px 6px rgba(0,0,0,.07); 
margin-left: 10px;  
}
.display-line{
display: -webkit-inline-box;

}
/* TIME LINE STARTS*/
/* Timeline */
.timeline,
.timeline-horizontal {
list-style: none;
padding: 20px;
position: relative;
}
.timeline:before {
top: 40px;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #eeeeee;
left: 50%;
margin-left: -1.5px;
}
.timeline .timeline-item {
margin-bottom: 20px;
position: relative;
}
.timeline .timeline-item:before,
.timeline .timeline-item:after {
content: "";
display: table;
}
.timeline .timeline-item:after {
clear: both;
}
.timeline .timeline-item .timeline-badge {
color: #fff;
width: 54px;
height: 54px;
line-height: 52px;
font-size: 22px;
text-align: center;
position: absolute;
top: 18px;
left: 50%;
margin-left: -25px;
background-color: #7c7c7c;
border: 3px solid #ffffff;
z-index: 100;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
}
.timeline .timeline-item .timeline-badge i,
.timeline .timeline-item .timeline-badge .fa,
.timeline .timeline-item .timeline-badge .glyphicon {
top: 2px;
left: 0px;
}
.timeline .timeline-item .timeline-badge.primary {
background-color: #1f9eba;
}
.timeline .timeline-item .timeline-badge.info {
background-color: #5bc0de;
}
.timeline .timeline-item .timeline-badge.success {
background-color: #59ba1f;
}
.timeline .timeline-item .timeline-badge.warning {
background-color: #d1bd10;
}
.timeline .timeline-item .timeline-badge.danger {
background-color: #ba1f1f;
}
.timeline .timeline-item .timeline-panel {
position: relative;
width: 46%;
float: left;
right: 16px;
border: 1px solid #c0c0c0;
background: #ffffff;
border-radius: 2px;
padding: 20px;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline .timeline-item .timeline-panel:before {
position: absolute;
top: 26px;
right: -16px;
display: inline-block;
border-top: 16px solid transparent;
border-left: 16px solid #c0c0c0;
border-right: 0 solid #c0c0c0;
border-bottom: 16px solid transparent;
content: " ";
}
.timeline .timeline-item .timeline-panel .timeline-title {
margin-top: 0;
color: inherit;
}
.timeline .timeline-item .timeline-panel .timeline-body > p,
.timeline .timeline-item .timeline-panel .timeline-body > ul {
margin-bottom: 0;
margin-top: 10px;
line-height: 1.3;
background: #fdffed;
padding: 10px;
color: #7b7b79;
}
.timeline .timeline-item .timeline-panel .timeline-body > p + p {
margin-top: 5px;
}
.timeline .timeline-item:last-child:nth-child(even) {
float: right;
}
.timeline .timeline-item:nth-child(even) .timeline-panel {
float: right;
left: 16px;
}
.timeline .timeline-item:nth-child(even) .timeline-panel:before {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline-horizontal {
list-style: none;
position: relative;
padding: 80px 0px 20px 0px;
display: inline-block;
}
.timeline-horizontal:before {
height: 3px;
top: auto;
bottom: 26px;
left: 56px;
right: 0;
width: 95%;
margin-bottom: 20px;
}
.timeline-horizontal .timeline-item {
display: table-cell;
height: 280px;
width: 20%;
min-width: 320px;
float: none !important;
padding-left: 0px;
padding-right: 20px;
margin: 0 auto;
vertical-align: bottom;
}
.timeline-horizontal .timeline-item .timeline-panel {
top: auto;
bottom: 64px;
display: inline-block;
float: none !important;
left: 0 !important;
right: 0 !important;
width: 100%;
margin-bottom: 20px;
}
.timeline-horizontal .timeline-item .timeline-panel:before {
top: auto;
bottom: -16px;
left: 28px !important;
right: auto;
border-right: 16px solid transparent !important;
border-top: 16px solid #c0c0c0 !important;
border-bottom: 0 solid #c0c0c0 !important;
border-left: 16px solid transparent !important;
}
.timeline-horizontal .timeline-item:before,
.timeline-horizontal .timeline-item:after {
display: none;
}
.timeline-horizontal .timeline-item .timeline-badge {
top: auto;
bottom: 0px;
left: 43px;
}
/*TIME LINE ENDS */
.lineheight{
line-height: 1.6em;
}
.color-container{
text-align: center;

}
.color-container2{
text-align: center;

}
.inline{
display: -webkit-inline-box;
}
.red-b{
background: #ef5151;
color: #ffffff;
padding: 3px 6px;
letter-spacing: 1px;
border-radius: 3px;

}
.green{
background: #33d669;
color: #ffffff;
padding: 3px 6px;
letter-spacing: 1px;
border-radius: 3px;

}
.purple{
background: #915dbf;
color: #ffffff;
padding: 3px 6px;
letter-spacing: 1px;
border-radius: 3px;


}

.light-table{
background: #f1f1f1;
vertical-align: inherit !important;
}
.dark-table{
background: #dcdcdc;
}
.light-border{
border: solid 1px #f1f1f1 !important;
}
.light-row{
background: #f8fafd;}

.dark-row{
background:#f4f7fb;
}
.botton-container{
margin-bottom: 30px;
display: block;
text-align: center;
}
.botton-container-2{
margin-bottom: 30px;
display: block;
text-align: center;
}

.btn-act-rub{
background:  #68da6c;  
border: none;
font-family: 'Open Sans', sans-serif;
letter-spacing: 1.5px;
color: #fff;
margin: auto ;
transition: 0.25s;
transition-timing-function: ease-out;


}
.btn-act-rub:hover{
color: #fff;
background-color: #4bb14f;
transition: 0.25s;
transition-timing-function: ease-out;

}

.btn-act-rub:focus{
color: white;
}
.btn-act{
background:  #68da6c;  
border: none;
font-family: 'Open Sans', sans-serif;
letter-spacing: 1.5px;
color: #fff;
margin: auto ;
display: block !important;
margin-bottom: 25px !important;
}
.btn-act:hover{

color: #fff;
background-color: #4bb14f;
}

.read-bub{
background:#6ca4ff;
padding: 15px;
margin: auto;
box-shadow: 0 15px 35px rgba(23,55,87,.1), 0 5px 15px rgba(0,0,0,.07);
color: #fcfcff !important;
font-size: 1.6em !important;
}    

.ej4 ul li{
color: #525050;
}

.pauses{
transition: 0.25s;
transition-timing-function: ease-out;
background-color: #333;
outline: none;
}
.hid{
display: none;
}
.circle-audio{
background: #3dbcff;
width: 65px;
padding: 13px;
border-radius: 100px;
text-align: center;
display:block;
color: white;
margin-bottom: 20px !important;
margin: auto;
height: 66px;
transition: 0.25s;
transition-timing-function: ease-out;
border: none;
}
.circle-audio:hover
{
transition: 0.25s;
transition-timing-function: ease-out;
background-color: #33A8E7
}
.circle-audio.active:before
{
transition: 0.25s;
transition-timing-function: ease-out;
background-color: #33A8E7
}
.circle-audio.active:after
{
transition: 0.25s;
transition-timing-function: ease-out;
background-color: #33A8E7
}
.embed-container-sm {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
height: 600px;
}
.embed-container-sm iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 850px;
overflow: hidden;
}
.embed-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
.circle-record{
background: #3dbcff;
width: 65px;
padding: 13px;
border-radius: 100px;
text-align: -center;
display:block;
color: white;
margin-bottom: 20px !important;
margin: auto;
height: 66px;
}
.cover-title{
max-width: 1049px;
font-family: sans-serif;
margin-left: auto;
margin-top: 100px;
position: relative;
margin-right: auto;
}
.cover-title h2{

font-size: 4.5em;
color: #fff;
letter-spacing: 2px;
font-weight: bold;



}
.cover-title ul{
font-size: 1em;
font-family: sans-serif;
text-decoration: none;
list-style: none;
color: #bbbbbb;
padding: 0;
margin-top: 36px;
}

.cover-title li{

margin-bottom: 10px;
padding: 3px 20px;
max-width: 520px;
color: #ffffff;
letter-spacing: 2px;
font-size: 1.5em;
font-weight: 100;
line-height: 1.5;
text-align: -webkit-left;

}
.small-title{
color: #ffffff;
font-size: 1.2em;
line-height: 33px;
text-align: -center;
font-weight: 100;
letter-spacing: 1px;
padding: 0px 80px;

}
#fuentes {
font-family: 'Open Sans', sans-serif !important;
}
.panel-footer {
font-size: 11px;
}

.padding{
padding-top: 5%;
padding-bottom: 5%;
}
.bluesky{
background:#ffeecb;
padding: 5% 0%;
}
.cartelera h1{
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
text-align: center;
border-color: #e5f3ff !important;
border-top: solid 2px;
border-bottom: solid 2px;
letter-spacing: 5px;
color: #666666 !important;


}
.cartelera h3{
padding: 0;
margin: 0;
text-align: center;
font-size: 1em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
letter-spacing: 8px;
transform: rotate(-1deg);
color: #666666 !important;
}
.cartelera i{
vertical-align: middle; 
color: #666666;
}
.billboard{
border: solid 9px;
padding: 10px 0;
box-shadow: -1px 5px 15px rgba(125, 124, 124, 0.43), inset -1px 2px 20px 4px rgba(181, 221, 255, 0.31);
margin-bottom: 20px;
border-radius: 20px;
transform: rotate(2deg);

}
.alice{
background: aliceblue;
padding: 20px;
}
.left-icon{
max-width: 150px;
display: block;
margin: auto;
width: 100%;
float: left;
}

.corn{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbf8b5+0,fff1d3+97 */
background: #fbf8b5; /* Old browsers */
background: -moz-linear-gradient(top, #fbf8b5 0%, #fff1d3 97%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fbf8b5 0%,#fff1d3 97%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fbf8b5 0%,#fff1d3 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf8b5', endColorstr='#fff1d3',GradientType=0 ); /* IE6-9 */

}
.corn2{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbde96+0,f9e9c2+97 */
background: #fbde96; /* Old browsers */
background: -moz-linear-gradient(top, #fbde96 0%, #f9e9c2 97%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fbde96 0%,#f9e9c2 97%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fbde96 0%,#f9e9c2 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbde96', endColorstr='#f9e9c2',GradientType=0 ); /* IE6-9 */
}
.corn3{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bdf9c5+0,d2f7d7+97 */
background: #bdf9c5; /* Old browsers */
background: -moz-linear-gradient(top, #bdf9c5 0%, #d2f7d7 97%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #bdf9c5 0%,#d2f7d7 97%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #bdf9c5 0%,#d2f7d7 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdf9c5', endColorstr='#d2f7d7',GradientType=0 ); /* IE6-9 */
}
.corn4{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4f1fc+0,e1f4f7+97 */
background: #b4f1fc; /* Old browsers */
background: -moz-linear-gradient(top, #b4f1fc 0%, #e1f4f7 97%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #b4f1fc 0%,#e1f4f7 97%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b4f1fc 0%,#e1f4f7 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4f1fc', endColorstr='#e1f4f7',GradientType=0 ); /* IE6-9 */
}
.corn5{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ded3fe+0,f2effc+97 */
background: #ded3fe; /* Old browsers */
background: -moz-linear-gradient(top, #ded3fe 0%, #f2effc 97%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ded3fe 0%,#f2effc 97%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ded3fe 0%,#f2effc 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ded3fe', endColorstr='#f2effc',GradientType=0 ); /* IE6-9 */
}
.corn6{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9baf6+0,f7def6+97 */
background: #f9baf6; /* Old browsers */
background: -moz-linear-gradient(top, #f9baf6 0%, #f7def6 97%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f9baf6 0%,#f7def6 97%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f9baf6 0%,#f7def6 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9baf6', endColorstr='#f7def6',GradientType=0 ); /* IE6-9 */
}
.corn7{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6b9be+0,f4dee0+97 */
background: #f6b9be; /* Old browsers */
background: -moz-linear-gradient(top, #f6b9be 0%, #f4dee0 97%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f6b9be 0%,#f4dee0 97%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f6b9be 0%,#f4dee0 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6b9be', endColorstr='#f4dee0',GradientType=0 ); /* IE6-9 */
}
.corn8{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbc2aa+0,f9dfd4+97 */
background: #fbc2aa; /* Old browsers */
background: -moz-linear-gradient(top, #fbc2aa 0%, #f9dfd4 97%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fbc2aa 0%,#f9dfd4 97%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fbc2aa 0%,#f9dfd4 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc2aa', endColorstr='#f9dfd4',GradientType=0 ); /* IE6-9 */
}

.panel-group .panel {

border: none;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {

background: #ffffff;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body p{

font-size: 1.2em;
}
.panel-blue{
background: #6e96cc !important;
color: white !important;
}
.panel-blue a:focus{
text-decoration: none;
}
.panel-blue a:hover{
color:white;
}
.panel-blue-2{
background: #8dbeff !important;
color: white !important;
}
.panel-blue-2 a:focus{
text-decoration: none;
}
.panel-blue-2 a:hover{
color:white;
}
.arr{
background: #637afb;
padding: 8px;
border-radius: 61px;
/* margin: 0; */
width: 50px !important;
height: 50px !important;
}

.down-1{
display: block !important;
color: #778cff;
text-align: center;
}

.upAndDown {
animation: MoveUpDown 3s ease-in-out infinite;
position: relative;
left: 0;
bottom: 0;
margin: 0;
}
@keyframes MoveUpDown {
0 {
bottom: 0;
}
50% {
bottom: 10px;
}
100% {
bottom:  0;
}
}


.tab-1{
font-family: 'Open Sans', sans-serif;
margin: auto;
text-align: center;
overflow: auto;
}

.leftAndRight {
animation: leftAndRight 3s ease-in-out infinite;
position: relative;
left: 0;
bottom: 0;
margin: 0;
}

@keyframes leftAndRight{
0 {
left: 0;
}
50% {
left: -20px;
}
100% {
left: 0;
}
}
.min-bub{
font-family: 'Open Sans', sans-serif;
background: #ffdea2;
max-width: 103px;
border-radius: 30px;
padding: 3px 13px;
color: #ffffff;
letter-spacing: 1px;
font-weight: 400;
font-size: 1em;
margin: 0;
margin-bottom: 10px;
}
.min-bub-1{
font-family: 'Open Sans', sans-serif;
background: #ea5859;
max-width: 144px;
border-radius: 30px;
padding: 1px 10px;
color: #fff !important;
font-weight: 400;
font-size: .9em;
margin: 0;
/* margin-bottom: 10px; */
margin-top: 17px;
}
.bubble{
background: #ffffff;
padding: 22px 25px;
border-radius: 10px;
box-shadow: 0 15px 35px rgba(23,55,87,.1), 0 5px 15px rgba(0,0,0,.07);
}
.menu {
position: absolute;
top: 112px;
width: 100%;
z-index: 1000;
}
.fixed1 {
position:fixed;
top:0;
}
.list-in{
background: transparent;
width: 408px;
margin: auto;
}
.list-in ul{
padding: 0;
display: -webkit-inline-box;
list-style: none;
}
.list-in li{
background: #efefef;
padding: 10px;
border-radius: 20px;
margin-left: 10px;
color: #2d2d2d;
width: 80px;
text-align: -center;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

background-color: #efebff;
color: #b27fff !important;
}
.speaking{
max-width: 90px;
background: #beff9f;
padding: 5px;
border-radius: 20px;
text-align: center;
color: #5aad5d !important;
margin-bottom: 15px !important;
}
.speaking:hover{
color:white;
}
.self{
max-width: 90px;
background: #d7d7d7;
padding: 5px;
border-radius: 20px;
text-align: center;
color: #333 !important;
margin-bottom: 15px !important;
font-size: 12px !important;

}
.under-sa {
border-bottom: solid #9ACED9;
border-width: 3px;
padding-bottom: 9px;
width: 62%;
}

.under-re{
border-bottom: solid #9ACED9;
border-width: 3px;
padding-bottom: 9px;
width: 100%;
}
.writing{
max-width: 90px;
background: #9ff0ff;
padding: 5px;
border-radius: 20px;
text-align: center;
color: #5A8DB0 !important;
margin-bottom: 15px !important;
}
.under-wr{
border-bottom: solid #9ACED9;
border-width: 3px;
padding-bottom: 9px;
width: 80%;
}
.listening{
max-width: 90px;
background: #ffcfcf;
padding: 5px;
border-radius: 20px;
text-align: center;
color: #d86e5b!important;
margin-bottom: 15px !important;
}
.under-li{
border-bottom: solid #9ACED9;
border-width: 3px;
padding-bottom: 9px;
width: 80%;
}
.reading{
max-width: 90px;
background: #fff59f;
padding: 5px;
border-radius: 20px;
text-align: center;
color: #ada45a !important;
margin-bottom: 15px!important;
}
.under-sp{
border-bottom: solid #beff9f;
border-width: 3px;
padding-bottom: 9px;
width: 62%;
}
.com-fun{
max-width: 230px;
border-radius: 5px;
padding: 5px 10px;
color: #ffffff;
font-weight: 500;
border: solid 2px;
font-size: 1em;
letter-spacing: 1.5px;
margin-bottom: 20px;
background: none;

}
.circle{
width: 113px;
height: 112px;
margin: auto;
border-radius: 100px;
margin-top: 16px;
background-color: transparent;

}

.content-back{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7cd85d+0,ffffff+100&1+0,0+51 */
background: -moz-linear-gradient(top,  rgb(230, 245, 255) 0%, rgba(191,236,176,0) 51%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rrgb(230, 245, 255) 0%,rgba(191,236,176,0) 51%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(230, 245, 255) 0%,rgba(191,236,176,0) 51%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cd85d', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}
.margin-top{
margin-top: 20px !important;
}
.margin-bottom{
margin-bottom: 20px !important;
}
.cover-index{

background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 550px;
background-image: url(../img/cover.jpg);
}
.modal-backdrop {
z-index: 20000;
;
}
.modal {

z-index: 20050;

}
#bullet{
color: #00d4c0;
font-size: 2em;
vertical-align: middle;
}
.fixed-sub{
position:fixed; 
height:2em;
}
.title-cover{
height: 350px;
}
.title-text{
font-size: 4em;
}
.wrapper-section{
width: 100%;
}
.nav-tabs { border-bottom: solid thin #f3f3f3;;
padding: 10px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #666; }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #4285F4 !important; background: transparent; }
.nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-content{padding:20px}

.card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0 15px 35px rgba(23,55,87,.1), 0 5px 15px rgba(0,0,0,.07); margin-bottom: 30px;     border-radius: 8px; }

.list-int{
margin:0;
line-height: 2px;
padding: 15px;
}
.list-int-no{

list-style: none;
text-align: -webkit-auto;
margin: 0px;
padding: 0px;
}
.xs-text{
font-size: 60%;
}
xs-text{
font-size: 60%;
}
.headings{

font-family: 'Open Sans', sans-serif;
color: #b1b1b1;
letter-spacing: 1px;
font-size: 1em;
margin:0;
}
.headings-int{

font-family: 'Open Sans', sans-serif;
color:#6c6b82;
letter-spacing: 1px;
font-size: 2em;
margin-top: 0;
}
.top-text-section{
font-family: 'Open Sans', sans-serif;
color: #6c6b82;
font-size: 2em;
letter-spacing: 1px;
line-height: 1.6em;
margin: 0;
}
.presentation-section{
font-family: 'Open Sans', sans-serif;
color: #6c6b82;
font-size: 2em;
letter-spacing: 1px;
line-height: 1.6em;
margin-bottom: 10px;
}
.scroll-limit{
padding-top:50px;
height:500px;
}

#topnavbar {
margin: 0;
}
#topnavbar.affix {
position: fixed;
top: 0;
width: 100%;
}

.objetive{
background: #ffffff;
padding: 5% 0%;

}
.border-top{
border-top: solid 2px #ececec;
padding-top: 22px;
}
.cinta{
background: #ee881a;
height: 112px;
border-top: solid 19px;
border-color: #007ebb;
position: relative;
z-index: 20000;
}
.logo-uapa{
position: absolute;
margin-top:-45px;
right: 20px;
}
.logounam{
width: 70px;
padding: 6px;
margin-top: 4px;
}
.logo-avi{
width: 100%;
margin: auto;
padding-top: 5px;
text-align: center;
height: 89px;
max-width: 71px;


}
.blue-row{
background: #9bc8ff;
padding: 20px;

}
.blue-row h1{
color: #e1f0ff;
}
.blue-row p{
color: #ffffff;
margin: auto;
}
.cont-act{
background: #f8faff;
padding: 30px;
border-radius: 17px;
}
.center-activity{
margin: auto;
display: block;
width: 100%;
max-width: 800px;
}
.fixed-sub{
position:fixed; height:2em;
}

.padding-top{
padding-top: 70px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 100px;
}


.scroll-limit{
padding-top:50px;
height:500px;
}
.foot{
font-family: 'Open Sans', sans-serif;
color: #fff;
font-weight: 400;
line-height: auto;
font-size: 10px;
margin-top: -12px;

}
.foot2{
font-family: 'Open Sans', sans-serif;
color: #fff;
font-weight: 400;
line-height: auto;
font-size: 12px;

}
#footimg{
float: left;
}
#hechoen {
border-right: 2px solid #f3f3f3;
}
#footsection{
background-color: #5C5C5C;
padding-top: 20px;
}
@media (min-width: 768px) {
.navbar .navbar-nav {
display: inline-block;
float: none;
vertical-align: top;
}

.navbar .navbar-collapse {
text-align: center;
}
}
/************ Estilo de los textos ************/
h1{
font-family: 'Open Sans', sans-serif;
color: #00d4c0;
letter-spacing: .4px;
font-size: 2em;
}
p{
font-family: 'Open Sans', sans-serif;
color: #666666;
font-size: 1.1em;
line-height: 1.8em;
font-weight: 300;
letter-spacing: .7px;
}
/************ Estilo de los botones ************/
a{

color: #8f70e8;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
}
a:hover{

color: #d1c1ff;
text-decoration: none;
}
a>p{

color: #666666;
text-decoration: none;
}
a:hover>p{

color: #00d4c0;
text-decoration: none;
}
a:visited { 
text-decoration: none;
}
/************ Estilo de los botones de los hemisferios ************/
#divergente{
float: right;
}
i{
font-style: italic;
}
/************ Estilo del menú principal ************/
.dropdown-menu {
top: 120%;
padding: 16px 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background: none;
}
.navbar-default .navbar-toggle {
border:none;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
margin-bottom: 6px;
}
.navbar-toggle .icon-bar {
display: block;
width: 29px;
height: 3px;
border-radius: 7px;

} 
.dropdown-menu.animated {
/* Speed up animations */
-webkit-animation-duration: 0.55s;
animation-duration: 0.55s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
}
.activity-text{
font-family: 'Open Sans', sans-serif;
color: #6c6b82;
font-size: 1.2em;
letter-spacing: 1px;
line-height: .2em;

}
.activity{
margin: auto;
padding: 4px 12px !important;
}
.alpha-menu{
background-color: #333;
border: none;
}
.navbar-default .navbar-nav > li > a {
color: #fff;
letter-spacing: 1.5px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #ffe085;
background-color: rgba(231, 231, 231, 0);
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
/************ Estilos de las secciones ************/
.gradient{


background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(226,222,247,0) 29%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(226,222,247,0) 29%,rgb(199, 244, 255) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(226,222,247,0) 29%, rgba(196, 244, 255, 0.98)100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#9a8ce4',GradientType=0 );
}
.divider-sec{
border-right: solid 2px #f4f7fb;

}
/************ Estilos de los acordeones ************/
.panel-default > .panel-heading {
color: #666666;
background-color: #CEF7FF;
border-color:none;
}
.small-xs{
font-size: .7em;	
}
.spin{
-webkit-transition:all 1s ease-in-out 0s;
transition: all 1s ease-in-out 0s;

}
.spin:hover{

transform: rotate(360deg);
-webkit-transition:all 1s ease-in-out 0s;
transition: all 1s ease-in-out 0s;

}
.btn{
font-family: 'Open Sans', sans-serif;  
}
.btn-margin-bottom{
margin-bottom: 10px;
}

.panel h3{
margin-top: 0;
margin-bottom: 0;
display: -webkit-inline-box;
}
.modal-title{
font-family: 'Open Sans', sans-serif;
}


.advice-g{

background: #deffcc;
padding: 20px;
font-family: 'Open Sans', sans-serif;
margin-bottom: 20px;
border: solid 1px #acc79d;
letter-spacing: 1px;
}
.advice-g i{

color: #66da66 !important;
}
.advice{

background: #f9f5ff;
padding: 20px;
font-family: 'Open Sans', sans-serif;
margin-bottom: 20px;
}

.no-bullets{
list-style: none;
padding: 0;
}
.advice-y{
background: #fff27f;
padding: 20px;

}
.yellow{
background: #fff27f;

}
.red{ 
color:#d62e2e;
}
.advice-b{
background: #6ca4ff;
padding: 20px;
font-family: 'Open Sans', sans-serif;
color: white;
margin-bottom: 10px;

}
.dark-blue-back {
background: #cee3ff;
padding: 20px;
line-height: 36px;
}
.blue-back {
background: #ecf4ff;
padding: 20px;
line-height: 36px;
}
/************ Estilos del footer ************/

footer { 
width: 100%;
font-size: 12px;
background-color:#4d4d4d; 
min-height:240px; 
font-family: 'Open Sans', sans-serif; 
}
.footerleft { margin-top:50px; padding:0 36px; }
.logofooter { margin-bottom:10px; font-size:25px; color:#fff; font-weight:700;}

.footerleft p { 
color:#fff; 
font-size:10px !important;
font-family: 'Open Sans', sans-serif;
margin-bottom:15px;}

.footerleft p i { width:20px; color:#999;}


.paddingtop-bottom {  margin-top:50px;}
.footer-ul { list-style-type:none;  padding-left:0px; margin-left:2px;}
.footer-ul li { line-height:29px; font-size:12px;}
.footer-ul li a { color:#a0a3a4; transition: color 0.2s linear 0s, background 0.2s linear 0s; }
.footer-ul i { margin-right:10px;}
.footer-ul li a:hover {transition: color 0.2s linear 0s, background 0.2s linear 0s; color:#ff670f; }

.social:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}




.icon-ul { list-style-type:none !important; margin:0px; padding:0px;}
.icon-ul li { line-height:75px; width:100%; float:left;}
.icon { float:left; margin-right:5px;}


.copyright { min-height:40px; background-color:#000000;}
.copyright p { text-align:left; color:#FFF; padding:10px 0; margin-bottom:0px;}
.heading7 { font-size:21px; font-weight:700; color:#d9d6d6; margin-bottom:22px;}
.post p { font-size:10px; color:#FFF; line-height:20px;}
.post p span { display:block; color:#8f8f8f;}
.bottom_ul { list-style-type:none; float:right; margin-bottom:0px;}
.bottom_ul li { float:left; line-height:40px;}
.bottom_ul li:after { content:"/"; color:#FFF; margin-right:8px; margin-left:8px;}
.bottom_ul li a { color:#FFF;  font-size:12px;}

@media (max-width:1200px){


.pin{
width: 8%;
top: 62px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
display: block;
}   

}

@media (max-width:990px){

.postit
{
padding: 47px 20px;
margin: auto;
width: 55%;
font-size: 1.6em !important;
margin-bottom: 30px;
}
.pin{
width: 10%;
top: 67px;
display: block;
}   
.teacher{
position: absolute;
top: 304px;
width: 100%;
max-width: 306px;
z-index: 2;
}
.blu-bub{
position: absolute;
top: 18px;
width: 100%;
max-width: 431px;
z-index: 1;
min-width: 100px;
left: 0;
right: 0;
margin-right: 2%;
}
.absolute-gap{
margin-top: 500px;
}
}
@media (max-width: 820px){

.cover-title {
max-width: 1049px;
font-family: sans-serif;
margin-left: auto;
margin-top: 130px;
position: relative;
margin-right: auto;
}
}

@media (min-width: 768px) {
.navbar .navbar-nav {
display: inline-block;
float: none;
vertical-align: top;
}

.navbar .navbar-collapse {
text-align: center;
}

}

@media (max-width: 766px) {
.logo-uapa{
position: absolute;
top: -91px;
margin-left: auto;
margin-right: auto;
}
.cover-title h2 {
font-size: 5.5em;
color: #fff;
letter-spacing: 2px;
font-weight: bold;
text-align: center;
}
.postit{
padding: 39px 44px;
margin: auto;
width: 69%;
font-size: 1.8em !important;
margin-bottom: 30px;
}
.alpha-menu{
background-color: #333;

}
.navbar-default .navbar-nav > li > a {
color: #fff;
letter-spacing: 1.5px;
}
.navbar-default .navbar-collapse{
background: #333;
border: none;
}
.navbar-default .navbar-brand {
color: #a5a5a5;
font-size: 1em;
width: 78%;
padding: 11px 15px;
}
.pin{
width: 11%;
top: 58px;
}
.margin{
margin-top: 10%;
}
.com-fun {
max-width: 230px;
border-radius: 5px;
padding: 5px 10px;
color: #ffffff;
font-weight: 500;
border: solid 2px;
font-size: 1em;
letter-spacing: 1.5px;
margin: auto;
margin-bottom: 20px;
background: none;
}
.cover-title li {
margin-bottom: 77px;
padding: 3px 20px;
max-width: 100%;
color: #ffffff;
letter-spacing: 2px;
font-size: 1.5em;
font-weight: 100;
line-height: 1.5;
text-align: center;
}

}

@media (max-width: 620px) {
.logo-uapa{
position: absolute;
top: -2px;
margin-left: auto;
margin-right: auto;
left: -1px;
right: 0;
}
.top-text-section{
font-size: 1.2em;
}
.margin{
margin-top: 23%;
}
.cover-index {

background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background: rgb(104, 83, 243);
min-height: 550px;
}
.center-button{
margin: auto;
width: 200px;
display: -webkit-box;
}
.center-btn{
margin: auto;
display: -webkit-box;
}
.presentation-section {
font-size: 2.8em;
}
.postit{

padding: 35px 10px;
margin: auto;
width: 67%;
margin-bottom: 30px;
font-size: 1em !important;

}


.pad-mob{
padding: 18% 0%;
}
.hid{
display: none;
}
.not{
display: none;
}

.cover-title ul {
font-size: .9em;
margin-top: 12px;
}
.cover-title li{
margin-bottom: 10px;
padding: 3px 20px !important;
max-width: 520px;
color: #ffffff;
letter-spacing: 2px;
font-size: 1.2em;
font-weight: 100;
/* padding: 36px; */
line-height: 1.4;
}
.small-title {
color: #ffffff;
font-weight: 100;
font-size: 1.2em;
margin-top: 20px;
line-height: 23px;
padding: 10px;
letter-spacing: 1px;
margin-bottom: 0;
}
}
@media (max-width: 520px) {
.not-xs{
display: none;
}
.absolute-gap {
margin-top: 419px;
}
.speech {
margin-bottom: 307px;
}
.blu-bub {
position: absolute;
top: -291px;
width: 100%;
max-width: 431px;
z-index: 1;
min-width: 100px;
left: 0;
right: 0;
margin-right: auto;
}
.item-c {
border-radius: 88px;
/* padding: 31px 28px; */

width: 101px;
height: 99px;
box-shadow: -11px 7px 35px rgba(23, 55, 87, 0.07), 2px 3px 8px rgba(0, 0, 0, 0.05);
}

.main-c{
width: 112px;
height: 108px;
}
.right-top{
position: absolute;
right: 5%;
top: 60px;
}
.middle-top{
position: absolute;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
}

.middle-main{
position: absolute;
top: 150px;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
}
.left-top{
position: absolute;
left: 5%;
top: 60px;
}

.right-b{
position: absolute;
right:5%;
top: 224px;
}

.middle-b{
position: absolute;
top: 150px;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
top: 300px;
}
.left-b{
position: absolute;
left: 5%;
top: 224px;
}


.margin{
margin-top: 380px;
}
.teacher{
left: 0 right: 0;
margin-left: auto;
margin-right: auto;
position: absolute;
top: -15px;
width: 100%;
max-width: 329px;
z-index: 2;
}

.chalkboard p {

font-size: 1.2em;

} 
.img-cen {
max-width: 261px;
}
.left-icon{
max-width: 150px;
display: block;
margin: auto;
width: 100%;
float: none;
text-align: center;
margin-bottom: 20px;
}
.ovflow{
overflow: auto !important; 
}
.botton-container-2{
margin-bottom: 30px;
display: block;
text-align: center;

}
.top-text-section{
font-size: 1.7em;
}
.pin{
width: 15%;
top: 42px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
display: block;
}
.postit ul{
padding: 30px;
}
.cover-title {
max-width: 800px;
font-family: sans-serif;
margin-top: 36%;
margin-left: 0;

}
.tab-content {
padding: 10px;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 9px;
}
.cover-title h2 {
font-size: 3em;
line-height: 1;
margin-bottom: 31px;
/* text-align: center; */
text-transform: none;
font-weight: bold;


}
.cover-index{
min-height: 500px;
}
.list-in{
background: transparent;
width: 100%;
}
.postit{
padding: 0px 10px;
margin: auto;
width: 101%;
margin-bottom: 30px;
}
.under-sp{
width: 76%;
}
.list-in li {

padding: 10px;
border-radius: 20px;
/* margin-left: 10px; */
width: 45%;
margin-bottom: 20px;

}
.list-in ul {
padding: 0;
display: block;
list-style: none;
text-align: center;
}
}

@media (max-width: 425px) {
.teacher {
left: 0 right: 0;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 9px;
width: 100%;
max-width: 300px;
z-index: 2;
}
.cover-title {
max-width: 800px;
font-family: sans-serif;
margin-top: 29%;
margin-left: 0;
}
.cover-title h2 {
font-size: 4em;
line-height: 1;
margin-bottom: 31px;
/* text-align: -center; */
text-transform: none;
font-weight: bold;

}
}
@media (max-width: 375px) {
.teacher {

top: 80px;
max-width: 255px;
}
}

@media (max-width: 320px) {
.teacher{

top: 125px;
width: 100%;
max-width: 226px;
z-index: 2;
}
.cover-title h2 {
font-size: 3.4em;
line-height: 1;
margin-bottom: 31px;
/* text-align: -center; */
text-transform: none;
font-weight: bold;

}
.newspaper{
padding: 8px 15px;
}
}