@charset "utf-8";
/* CSS Document */
html {
    background: url(../images/ipad_bg.jpg) center top repeat;
}

.clear {
    clear: both;
}

.swiper-scrollbar {
    display: none;
}

body {
    background: none !important;
    margin: 0px;
    padding: 0px;
    font-family: 'Roboto', sans-serif !important;
}

body.over-hide {
    overflow-x: hidden;
}

/*.container{width:70% !important;}*/
/*-------------first section--------------*/
.page-number {
    color: black;
    margin:auto;
    text-align: center;
    box-shadow: 0 0 19px #077DBF inset;
    border-radius: 5px;
    width: 10%;
}
.score1{
    text-decoration: underline;
}
.page-number-main {
    text-align: center;
    position: relative;
    width: 100%;
    bottom: 20px;
}

.main_wrapper {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.main_wrapper .wrapper {
    width: 100%;
}

.header {
    clear: both;
    color: #fff;
    text-align: center;
}

.header h1 {
    background: rgb(7, 107, 167); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA3NmJhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMGY3ZGJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiMwODgwYmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzBlN2JjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzA2N2RiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjM5ODMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDQyMzUyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(7, 107, 167, 1) 0%, rgba(15, 125, 186, 1) 1%, rgba(8, 128, 189, 1) 2%, rgba(14, 123, 192, 1) 5%, rgba(6, 125, 191, 1) 39%, rgba(63, 57, 131, 1) 100%, rgba(68, 35, 82, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(7, 107, 167, 1)), color-stop(1%, rgba(15, 125, 186, 1)), color-stop(2%, rgba(8, 128, 189, 1)), color-stop(5%, rgba(14, 123, 192, 1)), color-stop(39%, rgba(6, 125, 191, 1)), color-stop(100%, rgba(63, 57, 131, 1)), color-stop(100%, rgba(68, 35, 82, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(7, 107, 167, 1) 0%, rgba(15, 125, 186, 1) 1%, rgba(8, 128, 189, 1) 2%, rgba(14, 123, 192, 1) 5%, rgba(6, 125, 191, 1) 39%, rgba(63, 57, 131, 1) 100%, rgba(68, 35, 82, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(7, 107, 167, 1) 0%, rgba(15, 125, 186, 1) 1%, rgba(8, 128, 189, 1) 2%, rgba(14, 123, 192, 1) 5%, rgba(6, 125, 191, 1) 39%, rgba(63, 57, 131, 1) 100%, rgba(68, 35, 82, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(7, 107, 167, 1) 0%, rgba(15, 125, 186, 1) 1%, rgba(8, 128, 189, 1) 2%, rgba(14, 123, 192, 1) 5%, rgba(6, 125, 191, 1) 39%, rgba(63, 57, 131, 1) 100%, rgba(68, 35, 82, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(7, 107, 167, 1) 0%, rgba(15, 125, 186, 1) 1%, rgba(8, 128, 189, 1) 2%, rgba(14, 123, 192, 1) 5%, rgba(6, 125, 191, 1) 39%, rgba(63, 57, 131, 1) 100%, rgba(68, 35, 82, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#076ba7', endColorstr='#442352', GradientType=0); /* IE6-8 */

    font-size: 25px;
    padding: 10px 0;
    text-transform: uppercase;
    margin: 0px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
}

.back-result {
    position: absolute;
    background: url(../images/icon/r-arrow.png) no-repeat;
    left: 0px;
    color: #fff;
    font-size: 18px;
    background-size: 20px;
    margin-left: 10px;
    padding: 0 0 0 25px;
    top: 15px;
}

.back-result:hover {
    color: #0FF;
    text-decoration: none
}
.user_dorpdownnav{
  font-size: 16px;
  color:#ffffff;
  right:10px;
  float:right;
  text-transform:none;
  margin-top:5px;
  margin-right:10px;
}

.back-quiz {
    background: url("../images/icon/r-arrow.png") no-repeat scroll 0 0 / 20px auto rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    left: 0;
    line-height: 17px;
    margin-left: 10px;
    padding: 0 0 4px 25px;
    position: absolute;
    text-transform: uppercase;
    top: 134px;
}

.back-slider {
    background: url("../images/icon/r-arrow.png") no-repeat scroll 0 0 / 20px auto rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    left: 0;
    line-height: 17px;
    margin-left: 10px;
    padding: 0 0 4px 25px;
    position: absolute;
    text-transform: uppercase;
    top: 15px;
    z-index: 99999;
}

.back-slider:hover {
    color: #0FF;
    text-decoration: none
}

.back-quiz:hover {
    color: #0FF;
    text-decoration: none
}
.back_button1:hover {
    color: #0FF;
    text-decoration: none
}
.header h2 {
    background: none repeat scroll 0 0 #5274bb;
    font-size: 18px;
    line-height: 30px;
    padding: 5px 0;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    margin: 0px;
    font-weight: 600;
}

/*-------------first section--------------*/

/*-------------Second section--------------*/
.ccu_logo {
    width: 100%;
    text-align: center;
}

.ccu_logo img {
    /* border-radius: 10px;*/

    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px;
    max-height: 195px;
}


.tab_section {
    width: 100%;
    padding-bottom: 40px;
}

.tab_section .container {
    width: 80%;
    border-radius: 20px;
}

.tab_section .round {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

.tab_section .round a {
    color: #18024b;
    font: bold 16px "Roboto", sans-serif;
    padding-bottom: 35px;
    text-transform: uppercase;
}

.tab_section .round a:hover {
    text-decoration: none;
    color: #7AA9F7;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}

.tab_section .round a .bienvenidos {
    background: url("../images/icon/bienvenidos.png") no-repeat;
    background-color: #422E6D;
    background-size: 100%;
    border: 6px solid #FFFFFF;
    border-radius: 50%;
    display: block;
    height: 100px;
    margin: auto;
    padding: 40px;
    width: 100px;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}

.tab_section .round a:hover .bienvenidos {
    background: url("../images/icon/bienvenidos_hov.png") no-repeat;
    background-color: #ffffff;
    background-size: 100%;
    border: 6px solid #422E6D;
    text-decoration: none;
}

.tab_section .round a .introduction {
    background: url("../images/icon/introduction.png") no-repeat;
    background-color: #422E6D;
    background-size: 100%;
    border: 6px solid #FFFFFF;
    border-radius: 50%;
    display: block;
    height: 100px;
    margin: auto;
    padding: 40px;
    width: 100px;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}

.tab_section .round a:hover .introduction {
    background: url("../images/icon/introduction_hov.png") no-repeat;
    background-color: #ffffff;
    background-size: 100%;
    border: 6px solid #422E6D;
    text-decoration: none;
}

.tab_section .round a .curso {
    background: url("../images/icon/curso.png") no-repeat;
    background-color: #422E6D;
    background-size: 100%;
    border: 6px solid #FFFFFF;
    border-radius: 50%;
    display: block;
    height: 100px;
    margin: auto;
    padding: 40px;
    width: 100px;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}

.tab_section .round a:hover .curso {
    background: url("../images/icon/curso_hov.png") no-repeat;
    background-color: #ffffff;
    background-size: 100%;
    border: 6px solid #422E6D;
    text-decoration: none;
}

.tab_section .round a .contenido {
    background: url("../images/icon/contenido.png") no-repeat;
    background-color: #422E6D;
    background-size: 100%;
    border: 6px solid #FFFFFF;
    border-radius: 50%;
    display: block;
    height: 100px;
    margin: auto;
    padding: 40px;
    width: 100px;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}

.tab_section .round a:hover .contenido {
    background: url("../images/icon/contenido_hov.png") no-repeat;
    background-color: #ffffff;
    background-size: 100%;
    border: 6px solid #422E6D;
    text-decoration: none;
}

.tab_section .round a .video {
    background: url("../images/icon/video.png") no-repeat;
    background-color: #422E6D;
    background-size: 100%;
    border: 6px solid #FFFFFF;
    border-radius: 50%;
    display: block;
    height: 100px;
    margin: auto;
    padding: 40px;
    width: 100px;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}

.tab_section .round a:hover .video {
    background: url("../images/icon/video_hov.png") no-repeat;
    background-color: #ffffff;
    background-size: 100%;
    border: 6px solid #422E6D;
    text-decoration: none;
}

.tab_section .round a .quiz {
    background: url("../images/icon/quiz.png") no-repeat;
    background-color: #422E6D;
    background-size: 100%;
    border: 6px solid #FFFFFF;
    border-radius: 50%;
    display: block;
    height: 100px;
    margin: auto;
    padding: 40px;
    width: 100px;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}

.tab_section .round a:hover .quiz {
    background: url("../images/icon/quiz_hov.png") no-repeat;
    background-color: #ffffff;
    background-size: 100%;
    border: 6px solid #422E6D;
    text-decoration: none;

}

.attention {
    background: none repeat scroll 0 0 #3e2660;
    bottom: 0;
    color: #fff;
    padding: 5px 0;
    position: fixed;
    text-align: center;
    width: 100%;
    word-spacing: 2px;
    z-index: 999;
}

.social_media_link {
    display: block;
}

.social_media_link img {
    transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    border: 2px solid #3E2660;
    border-radius: 50%;
    padding: 2px;
}

.social_media_link img:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    border: 2px solid;
    border-radius: 50%;
    padding: 2px;
    background: #253a80;
}

/*-------------Second section--------------*/

/*-------------inner-top-section--------------*/

.home_button {
    margin-top:-3px;
    margin-left: 35px;
    color: #fff;
    font-size: 30px;
    transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
}
.home_button1 {
    position: absolute;
    top: 58px;
    right: 15px;
    color: #fff;
    font-size: 30px;
    transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
}


.back_button1 {
    background: url("../images/icon/r-arrow.png") no-repeat scroll 0 0 / 20px auto rgba(0, 0, 0, 0);
    position: absolute;
    top: 10px;
    left: 15px;
    color: #fff;
    font-size:14px !important;
    font-size: 14px;
    margin-left: 0px;
    padding: 0 0 4px 25px;
    position: absolute;

}
.back_button {
    position: absolute;
    top: 17px;
    right: 15px;
}

.ba_button:hover {
    color: #fff;
    font-size: 35px;
}

.home_button img:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    border: 2px solid;
    border-radius: 50%;
    padding: 5px;
    background: transperent;
}

.container .inner-container {
    color: #422e6d;
    font-size: 18px;
    height: auto !important;
    margin: 0 auto;
    max-width: 990px;
    padding: 0px 20px 20px;

}

.inner-container .inner_title {
    font-size: 25px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 15px;
}

.inner-container .spacer {
    margin: 20px 0 20px;
    width: 100%;
}

.for-scroll p {
    padding: 10px;
}

.for-scroll p b {
    margin-top: 5px;
    display: block;
}

.img-shadow {
    border: medium solid;
    border-radius: 5px;
    padding: 5px;
}

.abt_proposito {
    line-height: 30px
}

.esencialmente {
    margin-bottom: 50px;
}

.esencialmente ul li {
    list-style: outside none none;
    font-weight: 600;
    background: url(../images/bullets.png) no-repeat left center;
    padding-left: 35px;
    background-size: 20px;
    line-height: 30px;
}

.inner-container .text_center {
    display: block;
    margin-bottom: 10px;
    text-align: center;
}

.inner-container .text_center .los_cuatro_img {
    box-shadow: 1px 0 16px #000;
}

.req-list {
    margin-top: 50px;
}

.req-list ul li {
    list-style: outside none none;
    background: url(../images/bullets.png) no-repeat left center;
    padding-left: 35px;
    background-size: 20px;
    line-height: 35px;
}

.calificació n {
    margin-top: 40px;
    line-height: 32px;
}

.calificació n p {
    margin: 0px;
}

.hend {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px #000;
    display: table;
    height: 150px;
    margin: auto;
    width: 150px;
    text-align: center;
	margin-top:7px;
	margin-bottom: 7px;
}

.video-page h3 {
    margin: 0px;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
}

.video-page p a {
    color: #873C8B;
}

.video-page p a:hover {
    color: #EF9B36;
}

.hend:hover {
    background-color: rgba(255, 255, 0, 0.37);
}

.hend > a {
    display: table-cell;
    vertical-align: middle;
}

.video:hover {
    background-color: #000;
}

.video {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px #000;
    display: table;
    height: 150px;
    margin: auto;
    width: 100%;
    text-align: center;
    position: relative;
}

.video img {
    width: 100%;
}

.video > a {
    display: table-cell;
    vertical-align: middle;
}

.video-hov {
    position: absolute;
    left: 0px;
    top: 27px;
    opacity: 0;
    transition: 1s;
    border-radius: 5px;
}

.video > a:hover .video-hov {
    opacity: 0.97;
}

.slide-contain {
    margin: auto;
    padding: 2px 20px;
    width: 99% !important;
}

.page-inner {
    height: 400px;
}

.content-width {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    color: #000;
    width: 900px;
    margin: auto;
    padding: 15px 20px;
    position: relative;
}

.left-arrow {
    position: absolute;
    border: 1px solid #ffffff;
    bottom: 5px;
    z-index: 2;
    border-radius: 41%;
    box-shadow: 0 0 41px #1D0A28 inset;
    padding: 10px;
    transition: 500ms;
    left: 10px;
}

.left-arrow:hover {
    box-shadow: 0 0 41px #1D0A28 inset;
}

.right-arrow {
    position: absolute;
    right: 0px;
    z-index: 2;
    border: 1px solid #fff;
    border-radius: 41%;
    box-shadow: 0 0 41px #1D0A28 inset;
    padding: 10px;
    transition: 500ms;
    bottom: 5px;
    right: 26px;
}

.right-arrow:hover {
    box-shadow: 0 0 41px #fff inset;
}

/*.left-arrow{background: none repeat scroll 0 0 transparent;
    border: 1px solid #fff;
    border-radius: 41%;
    box-shadow: 0 0 41px #515151 inset;
    padding: 10px;
    }
.right-arrow{
	background: none repeat scroll 0 0 transparent;
    border: 1px solid #fff;
    border-radius: 41%;
    box-shadow: 0 0 41px #515151 inset;
    padding: 10px;
   }*/

.right-arrow img {
    width: 15px !important;
}

.left-arrow img {
    width: 15px !important;
}

.slide-contain img {
    max-width: 100%;
}

.slide-contain p {
    margin: 10px 0 20px 0;
    color: #000;
}

.slide-contain .address {
    width: 100%;
}

.slide-contain h1 {
    color: #000;
}

.slide-contain .address p {
    text-align: center;
    color: #000;
}

.slide-contain .address h2 {
    text-align: center;
    color: #000;
    margin-top: 0px;
}

.slide-contain h1 {
    color: #000;
    margin-top: 0px;
}

.swiper-pages {
    max-height: 70%;
}

.swiper-slide.swiper-slide-visible > h3 {
    color: #000;
}

.quiz-main {
    width: 100%;
    padding: 20px 0;
}

.quiz-main .quiz-contain {
    width: 70%;
    margin: auto;
}

.quiz-contain > h2 a {
    color: #fff;
    text-decoration: none;
}

.quiz-contain > h2 {
    padding: 10px;
    border-radius: 5px;
    font-size: 22px;
    background: linear-gradient(to bottom, rgba(7, 107, 167, 1) 0%, rgba(15, 125, 186, 1) 1%, rgba(8, 128, 189, 1) 2%, rgba(14, 123, 192, 1) 5%, rgba(6, 125, 191, 1) 39%, rgba(63, 57, 131, 1) 100%, rgba(68, 35, 82, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0)
}

.quiz-one-main {
    width: 100%;
}

.quiz-one-main .quiz-one-contain {
    width: 70%;
    border-radius: 5px;
    overflow: hidden;
    margin: auto;
    padding-bottom: 20px;
}

.quiz-one-main .quiz-one-contain .question {
    width: 100%;
    padding: 10px;
    color: #fff; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iIzVmOWFjZiIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(30, 87, 153, 1) 0%, rgba(95, 154, 207, 0.7) 68%, rgba(125, 185, 232, 0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 87, 153, 1)), color-stop(68%, rgba(95, 154, 207, 0.7)), color-stop(100%, rgba(125, 185, 232, 0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(30, 87, 153, 1) 0%, rgba(95, 154, 207, 0.7) 68%, rgba(125, 185, 232, 0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(30, 87, 153, 1) 0%, rgba(95, 154, 207, 0.7) 68%, rgba(125, 185, 232, 0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(30, 87, 153, 1) 0%, rgba(95, 154, 207, 0.7) 68%, rgba(125, 185, 232, 0) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(30, 87, 153, 1) 0%, rgba(95, 154, 207, 0.7) 68%, rgba(125, 185, 232, 0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#007db9e8', GradientType=0); /* IE6-8 */

}

.quiz-one-main .quiz-one-contain .score-main {
    width: 100%;
    text-align: center;
}

.quiz-one-main .quiz-one-contain .score-main .center-main {
    width: 100%;
    margin: 40px 0px;
}

.quiz-one-main .quiz-one-contain .score-main .center-main .left {
    display: inline-block;
    border: 1px solid;
    box-shadow: 0 0 13px #2b5198 inset;
    padding: 2px 10px;
    border-radius: 5px;
}

.quiz-one-main .quiz-one-contain .score-main .center-main .middle {
    display: inline-block;
    border: 1px solid;
    box-shadow: 0 0 13px #2b5198 inset;
    position: relative;
    top: 12px;
    padding: 0px 10px;
    border-radius: 5px;
}

.quiz-one-main .quiz-one-contain .score-main .center-main .right {
    display: inline-block;
    border: 1px solid;
    box-shadow: 0 0 13px #2b5198 inset;
    padding: 2px 10px;
    border-radius: 5px;
}

.quiz-one-main .option-main {
    width: 90%;
    margin: auto;
    text-decoration: none;
}

.quiz-one-main .option-main a:hover {
    text-decoration: none;
}

.quiz-one-main .option-main a:focus {
    text-decoration: none;
}

.quiz-one-main .option-main .ans {
    width: 100%;
    padding: 10px 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    border: 1px solid #fff;
    box-shadow: 0 0 20px #77AFD9 inset;
	background:#fff;
}

.quiz-one-main .option-main .ans .degit {
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 2px;
    margin-right: 10px
}

.quiz-footer {
    width: 100%;
    background: #1d0a28;
    clear: both;
    height: 40px;
    bottom: 0;
    color: #fff;
    font-weight: 500;
    position: fixed;
    text-align: center;
    word-spacing: 2px;
    z-index: 999;
}

.quiz-footer .left {
    float: left;
    text-align: left;
    padding: 10px;
}

.quiz-footer .left .skip_ques {
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px #6284cb inset;
    padding: 2px 10px;
    text-decoration: none;
}

.quiz-footer .right {
    float: right;
    text-align: right;
    padding: 10px;
}

.quiz-footer .right .salir {
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px #6284cb inset;
    padding: 2px 10px;
    text-decoration: none;

}
.quiz-footer .right .point{
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px #6284cb inset;
    padding: 2px 10px;
    text-decoration: none;
    background: #f4f4f4;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    display: inline-block;
    margin-right: -10px;
    padding: 6px 11px 6px 6px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3;

}

.slider-footer {
    background: none repeat scroll 0 0 #1d0a28;
    padding: 10px 0;
    padding-left:230px !important;
    text-align: left;
    position: fixed;
    bottom: 0px;
    width: 100%;
}

.slider-footer > a {
    background: #f4f4f4;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    display: inline-block;
    margin-right: -10px;
    padding: 6px 11px 6px 6px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3;
}

.slider-footer > a:hover {
    background: #E9E9E9
}

.bookmark_btn {
    background: #f4f4f4;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    display: inline-block;
    margin: 0px 28px 0 10px;
    padding: 6px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3;
}

.bookmark_btn img {
    width: 25px
}

a.bookmark_btn:hover {
    background: #E9E9E9
}

.fontsize-controllers.group {
    display: inline;
}

.slider-footer img {
    width: 25px
}

.indexing-main {
    padding: 20px 0;
    width: 100%;
}

.indexing-main .indexing-contain {
    background: #fff;
    margin: auto;
    width: 70%;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
}

.indexing-main .indexing-contain p {
    border-bottom: 1px solid #ededed;
    margin: 0px;
    padding: 5px 0px;
}

.indexing-contain > h2 a {
    color: #fff;
    text-decoration: none;
}

.correct {
    color: green;
}

.correct:hover {
    color: green;
}

.correct:active {
    color: green;
}

.correct:focus {
    color: green;
}

.wrong {
    color: red;
}

.wrong:hover {
    color: red;
}

.wrong:active {
    color: red;
}

.wrong:focus {
    color: red;
}

.cup {
    width: 100%;
    text-align: center;
    margin-top: 90px;
}

.result-main {
    box-shadow: 0 0 157px #3e2660 inset;
    margin: 20px auto auto;
    padding: 20px 0;
    width: 70%;
    border-radius: 5px;
}

.score {
    text-align: center;
    margin-top: 20px;
    color: #FFF;
    font-size: 18px;
}

.score span {
    color: #fff !important;
}

/*----------slider-------------*/
.font-size {
    position: relative;
    width: 100%;
    font-size: 16px !important;
}

.font-size h2 {
    color: #000;
}

/* .font-size.rvfs-5 h3, span {
    color: #000;
} */

.manual-hed {
    font-size: 25px;
    left: 0;
    line-height: 39px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 80px;
    width: 56%;
    box-shadow: 0 0 12px #fff inset;
    border-radius: 5px;
    padding-bottom: 10px;
}

.manual-hed > span {
    color: #fff !important;
}

.manual-hed h3 {
    margin: 0px;
}

.ccu-img {
    width: 300px !important;
    margin-bottom: 10px;
}

.coutro {
    margin-bottom: 30px;
    text-align: center;
    margin-top: 10px
}

.col-md-7.nuevo {
    color: #000;
    font-size: 20px;
    margin-top: 20px;
}

.del-hed {
    border: solid 1px #000;
    padding: 5px;
    color: #000;
}

.blue {
    color: #4e77a9;
}

.red {
    color: #900;
}

.for-size {
    font-size: 16px !important;
}

.cross {
    width: 100%;
    height: 300px;
}

.list-main li {
    list-style: none;
    color: #000;
    line-height: 35px;
}

/*----------slider-------------*/

/*----------Link-------------*/
.link-main {
    width: 70%;
    margin: auto;
}

.link-main ul {
    padding-left: 0px
}

.link-main ul li {
    background: url("../images/1.png") no-repeat scroll 9px center / 20px auto rgba(0, 0, 0, 0);
    border-radius: 5px;
    box-shadow: 0 0 50px #0c7cc0 inset;
    color: #fff;
    line-height: 46px;
    list-style: outside none none;
    margin-bottom: 5px;
    padding: 0 0 0 40px;
}

.link-main ul li a {
    color: #fff;
    text-decoration: none;
}

.link-main ul li a:hover {
    transition: 300ms;
    font-size: 20px;
    color: #4285F4;
}

.link-main ul li {
    list-style: none;
}

/*----------Link-------------*/

/* 21-1 */
.que_pdt20 .question_no{margin: 20px 0 0 0;}
.container .manual{margin:20px auto auto auto;}

/*-------------inner-top-section--------------*/
.innerSlider {
    width: 100%;
}

.swiper-slide.slidingSpaces {
    width: 100%;
}

/*kirti*/
.login_mainpadding{
  padding: 30px 20px;
}
.login_left6psdding{
  padding: 30px 70px!important;
  border:1px solid #ccc;
  border-radius:10px;
}
.login_right6padding .carousel-inner .item img{max-width:100%;}
.member_main div.memver_li{
  padding: 12px 0;
  border-bottom: 1px solid #C8C8C8;
  background-color: #eee;
  color: black;
}
.member_main div.memver_li a{
  color: #929191;
  font-size: 16px;
}
.emojiclass {
  float: left;
  width: 80%;
  padding: 1%;
}
.attachclass {
  float: right;
  width: 20%;
  padding: 1%;
}
.forgotpwd{cursor: pointer;}
span.text-danger{color:red!important;}
.login_wrapper .wrapper_coverdiv,.register_wrapper .wrapper_coverdiv {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  border:3px solid #fff;
  min-height: 100vh;
  position: relative;
  background: #fff;
}
.login_wrapper .header_white,.register_wrapper .header_white{
  background: #fff;
  margin: 0px;
  padding:5px 25px;
}
.login_wrapper .header_white h1,.register_wrapper .header_white h1{
  font-size: 33px;
  display: inline-block;
  font-weight: 700;
  font-family:'Times New Roman', Times, serif;
  color: #5d5e60;
  vertical-align: middle;
  margin: 0 0 0 15px;
  text-shadow: -1px 2px #cccccc;
}

.page_wrapper .header_white{
  background: #fff;
  margin: 0px;
  padding:5px 25px;
}
.page_wrapper .header_white h1{
  font-size: 28px;
  display: inline-block;
  font-weight: 600;
  font-family:'Times New Roman', Times, serif;
  color: #5d5e60;
  vertical-align: middle;
  margin: 0 0 0 15px;
  text-shadow: -1px 2px #cccccc;
}
.page_wrapper .header_white img{
  height:60px;
  width: 60px;
}
.form-group {
  margin-bottom: 10px!important;
}
.login_wrapper .btn-default{
  background: linear-gradient(to bottom, rgb(7, 107, 167) 0%, rgb(15, 125, 186) 1%, rgb(8, 128, 189) 2%, rgb(14, 123, 192) 5%, rgb(6, 125, 191) 39%, rgb(63, 57, 131) 100%, rgb(68, 35, 82) 100%);
  color:#fff;
}
.login_wrapper .btn-default:hover{
  color:#B0ACAC;;
}
.register_wrapper .header_white img,.login_wrapper .header_white img{
  height:100px;
  width: 100px;;
}
.expirediv{
  font-size:30px;
  text-align: center;
}
.has-error.form-control {
  border-color: #a94442;
}
.wrapper_coverdiv .attention {
  position:absolute;
}

.student_profilediv{
  height: 173px;
  padding: 26px;
  text-align: center;
  background-color: #3c8dbc;
}
.print_official{
    height: 173px;
    padding: 26px;
    text-align: center;
    background-color: #b3eaf7;
    border-radius: 10px;;
}
.print_official a{
    height: 173px;
    padding: 26px;
    text-align: center;
    background-color: #00b9f2;
    border-radius: 10px;;
}
.print_official p {
    font-size:12px;
    color:#fff;
    margin-top:3px;
  }

.student_profilediv p {
  font-size:12px;
  color:#fff;
  margin-top:3px;
}
.plus_iconprofile{
  float: left;
  margin-top: -129px;
  position: relative;
  margin-left: 99px;
  cursor: pointer;
}

.tbl-responsive {
  width: 100%;
  overflow-y: hidden;
  min-height: .01%;
  overflow-x: auto;

}

.fixbellclass{
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 99;
}
.pusherchat-menu {
  width: 280px;
  position: fixed;
  top:60px;
  right: 10px;
  display: none;
  z-index: 99;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  border: 1px solid rgba(0, 0, 0, .15);
}
.subpusherchat{
  max-height:280px;
  overflow: auto;
}
.pusherchat-menu a {
    border-top: 1px solid white !important;
    border-bottom: 1px solid #cdc5d0 !important;
}
.pusherchat-menu::before {
  position: absolute;
    top: -7px;
    right: 20px;
    display: inline-block !important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    content: '';
}
.pusherchat-menu a {
  background-color: #eee;
  color: black;
  display: inline-block;
  padding: 12px;
  text-decoration: none;
  font-size: 12px;
  line-height: 20px;
  width: 100%;
}

.pusherchat-menu a:hover {
  background-color: #e8e8e8;
  text-decoration: none;
}
.mCSB_inside > .mCSB_container{
  margin-right:0px!important;
}

.badge {
  background-color: red !important;
  position: absolute;
  left:18px;
}

.calldivno1{display: inline-block;float:left;}
.calldivno2{display: inline-block;float:left;margin-left:5px;}

#chat_wrapper .rightpart{padding: 0px;margin-left:12px;width:23%;border-radius:10px;box-shadow:2px 1px 5px 0px rgba(1, 22, 30, 0.43);background: #fff;}
#chat_wrapper .leftpart{padding:0;margin-right:12px;width:25%;border-radius:10px;box-shadow:2px 1px 5px 0px rgba(1, 22, 30, 0.43);background: #fff;}
#chat_wrapper .centerpart{padding: 0px;width:50%;border-radius:10px;box-shadow:2px 1px 5px 0px rgba(1, 22, 30, 0.43);background: #fff;}
.redcircleicon{
  background-color:#ff0000;
}
.parrotcircleicon{
  background-color:#92d050;
}
.onlinecls{
  float:right;
  height:20px;
  width:20px;
 border-radius:50%;
 margin:8px 10px 8px 0;
}

.video_badge{
display: inline-block;
min-width: 10px;
padding: 2px 5px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
border-radius: 10px;
background-color: red !important;
position: absolute;
right: 36px;
}

/* Center Model Start */
.modal {
  text-align: center;
  padding: 0!important;
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
/*-------------Responsive-------------*/
@media only screen and (min-width: 1046px) and (max-width: 1980px) {
    .scroll-container {
        width: 100% !important;
    }
    

}
@media only screen and (min-width: 1367px) and (max-width: 1920px){
  /*.logodiv_3{
    width:22%!important;
  }*/
  .login_left6psdding{padding:30px 150px!important}
  }

@media only screen and (min-width: 959px) and (max-width: 1045px) {
    .scroll-container {
        width: 100% !important;
    }

    .quiz-contain > h2 {
        font-size: 20px !important;
    }

    .container .inner-container .hend {
        margin-bottom: 20px
    }

    .page-number {
        width: 12%;
        top: 5px;
    }

    .back-slider {
        top: 14px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

    .tab_section {
        text-align: center;
    }

    .col-md-4.new {
        display: inline-block;
        width: 31%;
    }

    .tab_section .round a {
        font-size: 11px;
    }

    .tab_section .round a .bienvenidos {
        width: 100px;
        height: 100px;
        padding: 0px
    }

    .container .inner-container .hend {
        margin-bottom: 20px
    }

    .tab_section .round a .introduction {
        width: 100px;
        height: 100px;
        padding: 0px
    }

    .tab_section .round a .curso {
        width: 100px;
        height: 100px;
        padding: 0px
    }

    .tab_section .round a .contenido {
        width: 100px;
        height: 100px;
        padding: 0px
    }

    .tab_section .round a .video {
        width: 100px;
        height: 100px;
        padding: 0px
    }

    .tab_section .round a .quiz {
        width: 100px;
        height: 100px;
        padding: 0px
    }

    .quiz-contain > h2 {
        font-size: 20px !important;
    }

    .content-width {
        width: 100%;
    }

    .manual-hed {
        font-size: 15px;
        line-height: 25px;
        padding-bottom: 10px;
        top: 60px;
    }

    .page-number {
        width: 20%;
        top: 5px;
    }
}

@media only screen and (min-width: 591px) and (max-width: 790px) {
  .login_left6psdding{
    padding: 10px 40px!important;
  }
    .slide-contain {
        width: 100%;
    }

    .swiper-container .pagination {
        display: none !important;
    }

    .container {
        width: 100% !important
    }

    .container .inner-container {
        padding: 0px;
    }

    .container .inner-container p, strong {
        text-align: left;
    }

    .container .inner-container .hend {
        margin-bottom: 20px
    }

    .img-shadow {
        margin-bottom: 30px
    }

    .req-list ul {
        padding: 0px;
    }

    .calificació n p {
        text-align: left !important;
    }

    .inner-container .text_center {
        margin-top: 20px
    }

    .col-md-3.intro {
        text-align: center;
    }

    .for-scroll > p {
        font-size: 20px;
    }

    .for-scroll i {
        font-size: 18px;
    }

    .esencialmente {
        margin-bottom: 150px;
    }

    .esencialmente ul {
        padding: 0px;
    }

    .calificació n {
        margin-bottom: 150px;
    }

    .video > a:hover .video-hov {
        top: 0px;
    }

    .col-md-9.video-page {
        margin-top: 20px;
    }

    .col-md-9.video-page p {
        text-align: left;
    }

    .col-md-12.video-line {
        margin-bottom: 100px;
    }

    .header.ipad_header img {
        width: 25px;
    }

    .header.ipad_header > h1 {
        font-size: 20px;
    }

    .slide-contain {
        padding: 10px 20px 12px 20px;
    }

    .header h2 {
        padding: 3px 0;
    }

    .page-inner {
        padding: 15px !important;
    }

    .tab_section {
        text-align: center;
    }

    .col-md-4.new {
        display: inline-block;
        width: 30%;
    }

    .tab_section .round a {
        font-size: 12px;
    }

    .tab_section .round a .bienvenidos {
        width: 100px;
        height: 100px;
        padding: 0px;
    }

    .tab_section .round a .introduction {
        width: 100px;
        height: 100px;
        padding: 0px;
    }

    .tab_section .round a .curso {
        width: 100px;
        height: 100px;
        padding: 0px;
    }

    .tab_section .round a .contenido {
        width: 100px;
        height: 100px;
        padding: 0px;
    }

    .tab_section .round a .video {
        width: 100px;
        height: 100px;
        padding: 0px;
    }

    .tab_section .round a .quiz {
        width: 100px;
        height: 100px;
        padding: 0px;
    }

    .quiz-one-main .quiz-one-contain {
        width: 100%;
        margin: 20px 0px;
    }

    .que_pdt20 .quiz-one-main .quiz-one-contain {
        margin: 0px 0px;
    }

    .quiz-one-main .quiz-one-contain .score-main .center-main {
        width: 100%;
        font-size: 12px;
    }

    .quiz-one-main .quiz-one-contain .score-main .center-main .middle {
        top: 8px;
    }

    .quiz-one-main .option-main {
        font-size: 12px
    }

    .quiz-contain > h2 {
        font-size: 14px;
    }

    .quiz-main .quiz-contain {
        width: 80%;
        margin-bottom: 80px;
    }

    .content-width {
        width: 100%;
        padding: 0px;
    }

    .manual-hed {
        font-size: 11px;
        line-height: 20px;
        padding-bottom: 10px;
        top: 45px;
    }

    .back-slider {
        font-size: 12px;
        line-height: 12px;
        background-size: 14px;
        top: 17px;
        padding-left: 15px;
    }
    .home_button1 {
        position: absolute;
        top: 48px;
        right: 8px;
        color: #fff;
        font-size: 30px;
        transition: all 500ms ease 0s;
        -webkit-transition: all 500ms ease 0s;
        -moz-transition: all 500ms ease 0s;
    }


    .back-quiz {
        font-size: 12px;
        line-height: 12px;
        background-size: 14px;
        top: 58px;
        padding-left: 15px;
    }
    .home_button {

        top: 8px;

    }

    .video > a:hover .video-hov {
        top: -15px;
    }

    .page-number {
        width: 20%;
        top: 5px;
    }

    .page-number-main {
        bottom: 2px;
    }
}

@media only screen and (min-width: 471px) and (max-width: 590px) {

    .back-quiz{top:47px !important;}
    .slide-contain {
        width: 100%;
    }

    .social_media_link {
        float: none;
        margin-top: 10px;
    }

    .swiper-container .pagination {
        display: none !important;
    }

    .container {
        width: 100% !important
    }

    .container .inner-container {
        padding: 0px;
    }

    .container .inner-container p, strong {
        text-align: left;
    }

    .container .inner-container .hend {
        margin-bottom: 20px
    }

    .img-shadow {
        margin-bottom: 30px
    }

    .req-list ul {
        padding: 0px;
    }

    .calificació n p {
        text-align: left !important;
    }

    .inner-container .text_center {
        margin-top: 20px
    }

    .col-md-3.intro {
        text-align: center;
    }

    .for-scroll > p {
        font-size: 14px;
    }

    .for-scroll i {
        font-size: 11px;
    }

    .esencialmente {
        margin-bottom: 150px;
    }

    .esencialmente ul {
        padding: 0px;
    }

    .calificació n {
        margin-bottom: 150px;
    }

    .video > a:hover .video-hov {
        top: 0px;
    }

    .col-md-9.video-page {
        margin-top: 20px;
    }

    .col-md-9.video-page p {
        text-align: left;
    }

    .col-md-12.video-line {
        margin-bottom: 100px;
    }

    .header.ipad_header img {
        width: 25px;
    }

    .header.ipad_header > h1 {
        font-size: 20px;
    }

    .slide-contain {
        padding: 12px;
        width: 95% !important;
    }

    .header h2 {
        padding: 3px 0;
    }

    .col-md-4.new {
        display: inline-block;
        width: 48%;
    }

    .tab_section .round a {
        font-size: 12px;
    }

    .tab_section .round a .bienvenidos {
        width: 75px;
        height: 75px;
        padding: 0px
    }

    .tab_section .round a .introduction {
        width: 75px;
        height: 75px;
        padding: 0px
    }

    .tab_section .round a .curso {
        width: 75px;
        height: 75px;
        padding: 0px
    }

    .tab_section .round a .contenido {
        width: 75px;
        height: 75px;
        padding: 0px
    }

    .tab_section .round a .video {
        width: 75px;
        height: 75px;
        padding: 0px
    }

    .tab_section .round a .quiz {
        width: 75px;
        height: 75px;
        padding: 0px
    }

    .quiz-one-main .quiz-one-contain {
        width: 100%;
        margin: 20px 0px;
    }

    .que_pdt20 .quiz-one-main .quiz-one-contain {
        margin: 0px 0px;
    }

    .quiz-one-main .quiz-one-contain .score-main .center-main {
        width: 100%;
        font-size: 12px;
    }

    .quiz-one-main .quiz-one-contain .score-main .center-main .middle {
        top: 8px;
    }

    .quiz-one-main .option-main {
        font-size: 12px
    }

    .quiz-contain > h2 {
        font-size: 12px;
    }

    .quiz-main .quiz-contain {
        width: 97%;
        margin: 0 0 90px;
    }

    .back_button > img {
        width: 30px
    }

    .content-width {
        width: 100%;
        padding: 0px;
    }

    .manual-hed {
        font-size: 10px;
        line-height: 15px;
        padding-bottom: 6px;
        top: 32px;
    }

    .back-slider {
        font-size: 12px;
        line-height: 12px;
        background-size: 14px;
        top: 60px;
        padding: 0 0 4px 15px;
    }

    .back-quiz {
        font-size: 12px;
        line-height: 12px;
        background-size: 14px;
        top: 60px;
        padding-left: 15px;
    }
    .home_button {
        top: 8px;
        left:26px;
    }
    .video > a:hover .video-hov {
        top: -11px;
    }

    .page-number {
        width: 40%;
    }

    .page-number-main {
        bottom: 5px;
    }

    .link-main {
        width: 100%;
    }

    .link-main ul li a {
        font-size: 14px;
    }

    .link-main ul li a:hover {
        font-size: 15px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
    .slide-contain {
        width: 100%;
    }

    .header h1 {
        font-size: 10px;
    }

    .header h2 {
        font-size: 12px;
    }

    .tab_section .round a .bienvenidos {
        padding: 60px;
    }

    .tab_section .round a .introduction {
        padding: 60px;
    }

    .tab_section .round a .curso {
        padding: 60px;
    }

    .tab_section .round a .contenido {
        padding: 60px;
    }

    .tab_section .round a .video {
        padding: 60px;
    }

    .tab_section .round a .quiz {
        padding: 60px;
    }

    .swiper-container .pagination {
        display: none !important;
    }

    .container {
        width: 100% !important
    }

    .container .inner-container {
        padding: 0px;
    }

    .container .inner-container p, strong {
        text-align: left;
    }

    .container .inner-container .hend {
        margin-bottom: 20px
    }

    .img-shadow {
        margin-bottom: 30px
    }

    .req-list ul {
        padding: 0px;
    }

    .calificació n p {
        text-align: left !important;
    }

    .inner-container .text_center {
        margin-top: 20px
    }

    .col-md-3.intro {
        text-align: center;
    }

    .for-scroll > p {
        font-size: 14px;
    }

    .for-scroll i {
        font-size: 11px;
    }

    .esencialmente {
        margin-bottom: 150px;
    }

    .esencialmente ul {
        padding: 0px;
    }

    .calificació n {
        margin-bottom: 150px;
    }

    .video > a:hover .video-hov {
        top: 0px;
    }

    .col-md-9.video-page {
        margin-top: 20px;
    }

    .col-md-9.video-page p {
        text-align: left;
    }

    .col-md-12.video-line {
        margin-bottom: 100px;
    }

    .header.ipad_header img {
        width: 25px;
    }

    .header.ipad_header > h1 {
        font-size: 20px;
    }

    .slide-contain {
        /* padding: 30px 0px; */
        padding: 10px 0 50px;
    }

    .content-width {
        width: 100%;
    }

    .gratis {
        margin-left: 60px;
    }

    .col-md-4.new {
        display: inline-block;
        width: 48%;
    }

    .tab_section .round a {
        font-size: 13px;
    }

    .tab_section .round a .bienvenidos {
        width: 75px;
        height: 75px;
        padding: 0px
    }

    .tab_section .round a .introduction {
        width: 75px;
        height: 75px;
        padding: 0px
    }

    .tab_section .round a .curso {
        width: 75px;
        height: 75px;
        padding: 0px
    }

    .tab_section .round a .contenido {
        width: 75px;
        height: 75px;
        padding: 0px
    }

    .tab_section .round a .video {
        width: 75px;
        height: 75px;
        padding: 0px
    }

    .tab_section .round a .quiz {
        width: 75px;
        height: 75px;
        padding: 0px
    }

    .quiz-one-main .quiz-one-contain {
        width: 100%;
        margin: 20px 0px;
    }

    .que_pdt20 .quiz-one-main .quiz-one-contain {
        margin: 0px 0px;
    }

    .quiz-one-main .quiz-one-contain .score-main .center-main {
        width: 100%;
        font-size: 12px;
    }

    .quiz-one-main .quiz-one-contain .score-main .center-main .middle {
        top: 8px;
    }

    .quiz-one-main .option-main {
        font-size: 12px
    }

    .quiz-contain > h2 {
        font-size: 12px;
    }

    .quiz-main .quiz-contain {
        width: 97% !important;
    }

    .back_button > img {
        width: 30px
    }

    .slide-contain {
        width: 94% !important
    }

    .page-inner {
        padding: 0px !important;
    }

    .video-hov {
        top: 0px;
    }

    .col-md-9.video-page {
        font-size: 14px
    }

    .manual-hed {
        font-size: 10px;
        line-height: 15px;
        padding-bottom: 6px;
        top: 16px;
    }

    .back-slider {
        font-size: 10px;
        line-height: 12px;
        background-size: 14px;
        top: 10px;
        padding-left: 15px;
    }

    .back-quiz {
        font-size: 12px;
        line-height: 12px;
        background-size: 14px;
        top: 124px;
        padding-left: 15px !important;
    }
    .home_button1 {
        position: absolute;
        top: 36px;
        right: 15px;
        color: #fff;
        font-size: 30px;
        transition: all 500ms ease 0s;
        -webkit-transition: all 500ms ease 0s;
        -moz-transition: all 500ms ease 0s;
    }


    .home_button {
        top: 2px;
        left:20px;
    }

    .page-number {
        width: 40%;
        padding: 0px;
        margin:auto;
    }

    .page-number-main {
        bottom: 28px;
        position: relative;
    }

    .content-width {
        padding: 0px !important;
    }

    .link-main {
        width: 100%;
    }

    .link-main ul li a {
        font-size: 14px;
    }

    .link-main ul li a:hover {
        font-size: 15px;
    }

    /*kirti*/
    .login_wrapper .header_white,.register_wrapper .header_white{
      padding:5px 15px;
      text-align: center;
    }
    .login_wrapper .header_white img,.register_wrapper .header_white img{
       height: 70px;
       width: 70px;
    }
    .login_wrapper .header_white h1,.register_wrapper .header_white h1{
      font-size:15px;
    }
    /* .ccu_logo img{
      height: 100px;
      width: 100px;
    } */
    body{
      font-size:12px!important;
    }
    .login_wrapper .wrapper_coverdiv, .register_wrapper .wrapper_coverdiv{
      width:100%;
    }

}



/*-------------Responsive-------------*/
.pdf-table table{background:#fff;}
.pdf-table table p{font-size: 14px;}
.pdf-table table .hend{max-height:130px;}


/** 12-1-15 **/
.page-number{color:#FFF;}
.page-number-main{text-align: center; position: relative; width: 100%; bottom: 5px;}
.swiper-wrapper{z-index: 999; position: relative;}
.left-arrow, .right-arrow{z-index: 9999999;}
.slider-footer{padding-left: 0 !important;}
.slider-footer > a{position: relative; z-index:9999999; margin-left: 235px;}
.fontsize-controllers.group{position: relative; z-index:9999999;}

@media (max-width:980px){
    .slider-footer > a{margin-left: 60px !important;}
  
}

@media (max-width:768px){
    .page-number-main{ bottom: 54px;}
    .badge {
      left:0px!important;
      top:0px!important;
      font-size:8px!important;
       padding: 2px 4px!important;
     }
     .navbar-nav.navbar-right{margin: 10px 0 5px 35px!important;}
     #header_notification_bar{float:left!important;}
     #header_notification_bar a{width:30px!important;}
     #header_notification_bar a i {font-size:14px!important;}
     .modal-dialog{width:auto!important;}
     #grade_modal{width:96%!important;}
     .rightpart{width:100%!important;}
  .leftpart{width:100%!important;}
  .centerpart{width:100%!important;}
  .member_main.rightpart{margin-left:0px!important;}
  #chat_wrapper .leftpart .box-main,#chat_wrapper .rightpart .box-main{height:auto!important;}
  #chat_wrapper .leftpart,#chat_wrapper .centerpart{margin-bottom:10px;}
  .fheight video{height:calc(100vh - 180px)}
  .sheight video{height:calc((100vh - 180px)/2)}
  .theight video{height:calc((100vh - 180px)/3)}
  .foheight video{height:calc((100vh - 180px)/4)}
  .fiheight video{height:calc((100vh - 180px)/5)}
  .btnoption,.send_reqbtn{height: 10px;}
  .remoteusername{padding:5px !important;}
  .controls_div img{height:15px !important;}
  .controls_div img.video_showicon{margin-right:19px !important;}
  .expand_btn img{height:15px !important;}
  .controls_div{bottom:-2px !important;right:26px!important;}
  .expand_btn{bottom:-2px !important;right:6px!important;}
  .login_right6padding{margin-top:20px;}
  .login_left6psdding{padding:10px!important}
}

@media (max-width:640px){
    .f16{font-size: 16px !important;}
}

@media (max-width:480px){
    .slider-footer > a{margin-left: 51px !important;}
   

    .header h1 {
        font-size: 10px;
    }
    .header.ipad_header > h1{font-size: 13px;}

    .header h2 {
        font-size: 12px;
    }

    .home_button
    {
        top:6px;
        font-size: 22px;
    }
    .bookmark_btn{
      margin: 0px 4px;
      padding: 0px;
    }
    .header.ipad_header img {
      width: 16px;
    }
    .btn-group a.rvfs-decrease,.btn-group a.rvfs-reset,.btn-group a.rvfs-increase{
      padding: 0px 4px;
      font-size: 8px;
    }
    #rvfs-controllers{
      margin-top: -4px;
    }

}

@media (max-width:479px){
    .page-number-main{ bottom: 41px;}
    .f16{font-size: 14px !important;}
    .header.ipad_header > h1{font-size: 11px;}
    .score1 {
        text-align: center;
        margin-top: 0px;
        color: #FFF;
        width: 100%;
        font-size: 18px;
        display:block;
        text-decoration: underline;
        padding: 0px;
        text-align: left;
    }

}
@media (max-width:320px){
    .container .pd0{padding:0px;}
    .pd0 .quiz-one-main .quiz-one-contain{width:100%;}
    .f16{font-size: 14px !important;}
    .pd0 .quiz-main .quiz-contain{width:100%;}

    .quiz-footer .left{padding: 10px 0 0 8px;font-size: 12px;}
    .quiz-footer .right{padding: 10px 8px 0 0px;font-size: 12px;}
    .quiz-main {
        padding: 4px 0;
        width: 100%;}
    .home_button{left: 20px;}

    .back-quiz {
        font-size: 12px;
        line-height: 12px;
        background-size: 14px;
        top: 48px;
        padding-left: 15px;
    }
    .header.ipad_header img {
        width: 25px;
    }
    .score1 {
        text-align: center;
        margin-top: 0px;
        color: #FFF;
        width: 100%;
        font-size: 18px;
        display:block;
        text-decoration: underline;
        padding: 0px;
        text-align: left;
    }

}

.dataTables_wrapper .dataTables_length{
  padding: 10px;
}
.dataTables_wrapper .dataTables_info{ clear: none !important; float: left;}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  
  #section1.col-md-3{width:25%;float: left;}
  #section2.col-md-6{width:37.5%;float: left;border-left:5px solid #cdc5d0!important;}
  #section3.col-md-3{width:37.5%;float: left;border-left:5px solid #cdc5d0!important;}
  .tab_section{text-align: left;}
  .user_dorpdownnav{margin-top:3px;}
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  
  #section1.col-md-3{width:50%;float: left;}
  #section2.col-md-6{width:50%;float: left;border-left:5px solid #cdc5d0!important;}
  #section3.col-md-6{width:50%;float: left;border-left:5px solid #cdc5d0!important;height: auto !important;}
  .tab_section{text-align: left;}
  .user_dorpdownnav{margin-top:3px;}
  .hed_tit_mob{ width: 100%;
    display: block;
    float: left;
    margin: 0 0 10px 0;}
    #section2{
      border-top-right-radius: 18px;
      border-bottom-right-radius: 18px;
    }
    #section3{
      border-top-right-radius: 18px;
      border-top-left-radius: 18px;
      border-bottom-left-radius: 18px;
      clear: both;
    }
    .tutor_home #section3{
      border-top-right-radius: 0px!important;
      border-bottom-left-radius: 18px;
      height: auto!important;
      border-left:5px solid #cdc5d0!important;
    }
    
}



@media only screen and (min-width: 320px) and (max-width: 767px) {
  
#section1.col-md-3{width:100%;height: auto !important;}
#section2.col-md-6{width:100%;border-left:5px solid #cdc5d0!important;height: auto !important;}
#section3.col-md-3{width:100%;border-left:5px solid #cdc5d0!important;height: auto !important;}
.tab_section{text-align: left;}
.user_dorpdownnav{margin-top:1px;font-size:9px;}
.home_button{margin-left:8px;margin-top:-6px;}
.header h1 a i.fa-home{font-size:20px;margin-top:-3px;}
#sample_1_length{float: left !important;width:50% !important;}
#sample_1_info{float: right !important;width:50% !important;}
#sample_1_paginate{width:100% !important;text-align: center;margin: 0 0 20px 0 !important;float: left !important;}
.hed_tit_mob{ width: 100%;
  display: block;
  float: left;
  margin: 0 0 10px 0;}
.col-md-4.new {float: left;min-height: 163px;}
.page_tit_main_head button.btn.btn-sm.btn-primary.pull-right{float:  left !important;width:100%;margin-bottom: 8px;}
.page_tit_main_head button.btn.btn-sm.btn-primary.pull-right + button.btn.btn-sm.btn-primary.pull-right{margin-bottom: 0px;}
.col-sm-offset-2.col-sm-10 button.btn.btn-primary{float:  left !important;width:100%;margin-bottom: 8px;}
.page_wrapper .header_white h1{font-size: 19px;}
.back-quiz
{
    top: 85px !important;
    margin-left: 55px !important;
}
.back-quiz + .home_txt_menu{color: #fff !important;
  position: relative;
  left: 35px;}

#section1{
  border-top-right-radius: 18px;
  border-bottom-left-radius: 0px!important;
}
#section3{
  border-top-right-radius: 0px!important;
  border-bottom-left-radius: 18px;
}
.tutor_home #section3{
  border-top-right-radius: 0px!important;
  border-bottom-left-radius: 18px;
  height: auto!important;
  border-left:5px solid #cdc5d0!important;
}
.tutor_home #section3 img.note_icon{width:80%;}
.login_right6padding{margin-top:20px;}
     .login_left6psdding{padding:10px!important}
}

.bs-example{
  margin: 20px 0;
}
.accordion .fa{
  margin-right: 0.5rem;
}
.accordion > .card {
overflow: hidden;
}
.card {

position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border-radius: .25rem;
word-wrap: break-word;
border-bottom: 1px solid

rgba(0,0,0,.125);
}
.accordion > .card .card-header {
padding: 5px;
margin-bottom: -1px;
background:  #efedee;

}
.card-header:first-child {

border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;

}
.card-header {

background-color: 

rgba(0,0,0,.03);
}
.card-body {
padding: 1.25rem;
border: 1px solid rgba(0,0,0,.125);

}
.new_form_main_tit {
  background-color: #efedee !important;
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
  border-radius: 0 !important;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 15px;
  padding: 7px 10px;
  border-bottom: 1px solid

rgba(0,0,0,.125);

}

@media only screen and (max-width: 450px) and (min-width: 410px)
{
    .back-quiz {top: 79px !important;margin-left: 24px !important;}
}

@media (max-width:380px)
{
  .page_wrapper .header_white h1{font-size: 12px;}
  .back-quiz
  {
    font-size: 10px;
    line-height: 12px;
    background-size: 14px;
    padding-left: 15px;
    margin-top: -7px;
    margin-left: 27px !important
  }
  .back-quiz + .home_txt_menu{color: #fff !important;
    position: relative;
    left: 15px;
    font-size: 9px;
  }
  
}

#homepagetable td{ background-color: yellow;}
#homepagetable td{ text-align: center !important; vertical-align: inherit; height: 78px;}
#homepagetable thead th {
  border-radius: 10px 10px 0px 0px !important;
}
  
 
#homepagetable tbody tr:last-child td:first-child {
  border-radius: 0px 0px 0px 15px !important;  
}
 #homepagetable tbody tr:last-child td:last-child {
  border-radius: 0px  0px 15px 0px!important;
} 
#homepagetable.table{ border-collapse:inherit !important;border: none !important;} 
.hide-arrow::-ms-expand {
  display: none;
}
.hide-arrow{
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
.mt-5{
    margin-top:5px;
}
.ml-2{
    margin-left:5px;
}
.p-0{
 padding:0px !important;
}

@media only screen and (min-width:1921px){
    .login_mainpadding .login_left6psdding {
        padding: 30px 130px !important;
    }
    .login_mainpadding .form-control{
        height: 35px !important;
    }
}
@media only screen and (min-width: 2400px) {
    .login_mainpadding .login_left6psdding {
        padding: 30px 190px !important;
    }
    .login_mainpadding .form-control{
        height: 38px !important;
    }
    #frmlogin label{
        font-size: 18px;
        margin: 10px 0;
    }
}
@media only screen and (min-width: 2560px) {
    .login_mainpadding .login_left6psdding {
        padding: 30px 210px !important;
    }
    .login_mainpadding .form-control{
        height: 38px !important;
    }
    #frmlogin label{
        font-size: 18px;
        margin: 10px 0;
    }
}
@media only screen and (min-width: 2880px) {
    .login_mainpadding .login_left6psdding {
        padding: 30px 260px !important;
    }
    #frmlogin label{
        font-size: 20px;
        margin: 12px 0;
    }
    .login_mainpadding .form-control {
        height: 40px !important;
    }
    .forgotpwd {
        font-size: 18px;
    }
    .register-link {
        font-size: 18px;
    }
}
@media only screen and (min-width: 3840px) {
    .login_mainpadding .login_left6psdding {
        padding: 30px 350px !important;
    }
    #frmlogin label{
        font-size: 25px;
        margin: 15px 0;
    }
    .login_mainpadding .form-control {
        height: 50px !important;
    }
    .forgotpwd{
        font-size: 24px;
    }
    .register-link {
        font-size: 24px;
    }
}
@media only screen and (min-width: 5760px) {
    .login_mainpadding .login_left6psdding {
        padding: 100px 550px !important;
    }
    #frmlogin label{
        font-size: 32px;
        margin: 20px 0;
    }
    .login_mainpadding .form-control {
        height: 70px !important;
    }
    .forgotpwd{
        font-size: 30px;
    }
    .register-link {
        font-size: 30px;
    }
}
@media only screen and (min-width: 7680px) {
    .login_mainpadding .login_left6psdding {
        padding: 200px 800px !important;
    }
    #frmlogin label{
        font-size: 42px;
        margin: 20px 0;
    }
    .login_mainpadding .form-control {
        height: 80px !important;
    }
    .forgotpwd{
        font-size: 40px;
    }
    .register-link {
        font-size: 40px;
    }
}