body {
    font-size: 17px;
    color: #666;
}

.main {
    min-height: calc(100vh - 90px); /* Footer is 90px; */
    margin-top: 60px;
}

@media(max-width:767px){ /*Móviles*/
    body{
        font-size: 12px;
    }

    .web-title {
        font-size: 25px;
        text-align: center !important;
        text-align-last: center !important;
    }

    .news-carousel-caption {
        padding: 0px !important;
    }

    .teacher {
    	text-align: center;
    }
    .teacher-img {
    	margin: auto;
    	margin-bottom: 25px; 
    }

    .main {
        min-height: calc(100vh - 151px); /* Footer is 151px; */
    }
}

@media (min-width: 768px) {
    body{
        font-size: 14px;
    }

    .web-title {
        font-size: 32px;
    }

    .new .image-col {
        width: calc(50% - 384px + 250px) !important;
    }
}

@media(min-width:992px){
    .web-title {
        font-size: 33px;
    }
    
    body {
        font-size: 17px;
    }

    .new .image-col {
        width: calc(50% - 496px + 323px) !important;
    }
}

@media(min-width:1200px){
    .web-title {
        font-size: 40px;
    }

    body {
        font-size: 17px;
    }

    .new .image-col {
        width: calc(50% - 600px + 390px) !important;
    }

}


h2 {
    font-weight: bold;
    font-size: 23px;
    color: #666;
}

h3 {
    margin-top: 0px;
    font-weight: bold;
    font-size: 20px;
    color: #666;
}

h4 {
    margin-top: 0px;
    font-size: 17px;
    color: #9E9E9E;
}

a.green {
    color: green;
}

.main-container {
    /*margin-bottom: 77px;*/
}

#new-courses-section {
    margin-top: 30px;
    padding-bottom: 60px;
}


#search-section {
	padding-top:60px;
	padding-bottom: 180px;
}

#opinion-section {
	background-color: #EEE;
}

#referrals-section {
	background-color: #e6e6e6;
	padding-top:30px;
}

.referral {
    text-align: left;
    margin-bottom: 40px;
    height: 49px;
}

.main-referral img,
.referral img {
    max-height: 50px;
    max-width: 100%;
}


#nav-section {
    top: 0px;
    width:100%;
    z-index:100;
}

nav, .navbar{
    border-radius: 0px !important;
    margin-bottom: 0px !important;
}

.navbar-meetingcampus .navbar-right a:last-child {
    padding-right: 0px;
}

.navbar>.container .navbar-brand {
    margin-left: 0px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

.meeting-header {
    font-size: 10.99px !important;
    letter-spacing: 0.08em;
    min-height:31px;
    border: 0px;

    position: fixed;
    width: 100%;
    z-index: 10;
    top: 0px;
}

.meeting-header .navbar-collapse.collapse {
display: block!important;
}

.meeting-header .navbar-nav>li, .meeting-header .navbar-nav {
float: left !important;
}

.meeting-header .navbar-nav>li.selected a {
color: white;
}

.meeting-header .navbar-nav.navbar-right:last-child {
margin-right: -15px !important;
}

.meeting-header .navbar-right {
float: right!important;
}

.meeting-header a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;

    font-size: 15px;
    font-weight: bold;
}

.meeting-header li.social a {
    padding-right: 7px;
    padding-left: 7px;
}

#sections-section {
    overflow:auto;
    background-color:#59c499;
    color: white;
    padding-top: 60px;
    padding-bottom: 60px;
}

.sections-wrapper {
    padding-bottom: 30px;
    line-height: 1.5;
}

.course-thumb {
    background-color: #585858;
    padding:0px;
    color: white;
    margin-bottom: 30px;
}

.course-thumb a {
    color: inherit;
}

.course-thumb a:hover {
    background-color: #585858;
    padding:0px;
    color: white;
}

.course-thumb .image {
    height:150px;
    background-position: center;
    background-size: cover;
}

.course-thumb .course-name {
    min-height: 65px;
}

.new-thumb {
    background-color: #585858;
    padding:0px;
    color: white;
    margin-bottom: 30px;
}

.new-thumb a {
    color: inherit;
}

.new-thumb .image {
    height:150px;
    background-position: center;
    background-size: cover;
}

.new-thumb span {
    font-size: 1.2em;
    min-height:90px;
    background-position: center;
    background-size: cover;
    display: block;
}

.course-title {
    padding-bottom: 50px;
}
.course-title h1 {
    font-weight: bold;
    white-space: pre-wrap;
}

.course-name {
    font-size: 1.1em;
    line-height: 1.1;
    margin-bottom: 10px;
}

.course-thumb span {
    display: block;

}

.course-thumb span {
    display: block;
}

.course-thumb .course-section {
    background-color: black;
    padding: 10px 20px;
    font-weight: bold;
}

.course-thumb .course-credits {
    position: absolute;
    bottom: 0px; 
    right: 0px;
    width: 70px;
    height: 70px;
    text-align: center;
    color: white;
    background-color: #F2392A;
    font-size: 15px;
}

.course-thumb .course-credits-number {
    margin-top: 5px;
    font-size: 25px;
    font-weight: bold;
}

.course-thumb .course-credits-number.pending {
    font-size: 20px;
    line-height: 35px;
}

.course-thumb .course-info {
    padding-right: 80px;
    min-height:60px;
}

.course-header {
    width: 100%;
    padding-top: 70px;
    background-size: cover;
    background-position: center;
    color: white;
    font-size: 40px;
    font-weight: bold;
}

.enrol-button {
    background-color: #F2392A;
    border-radius: 0px;
    color: white;
    width: 100%;
    padding: 25px 0px;
    font-weight: bold;
    font-size: 23px;
    min-height: 90px;
}

.course-spec {
    margin-top: 5px;
    padding: 20px 10px;
    font-weight: bold;
    color: white;
}

.course-spec .spec-left {
    font-size: 18px;
}
.course-spec .spec-right {
    font-size: 50px;
    line-height: 40px;
}

.main-referral {
    background-color: black;
}
.main-referral img {
    background-color: inherit;
    border: 0px;
}

.course-credits {
    background-color: #DBDBDB;
    color: black;
}
.course-credits.mc {
    background-color: #00A06C;
    color: white;
}

.course-nav {
    font-size: 23px;
    font-weight: bold;
}

.teacher {
    margin-bottom: 25px;
}

.teacher-img {
    max-width: 250px;
    max-height: 250px;
    display: block;
}

.nav-pills>li>a {
    background-color: #00a06b;
    color: white;
}
.nav-pills>li>a:hover {
    background-color: #00a06b;
}
.nav-pills>li.active>a {
    background-color: #585858;
}
.nav-pills>li.active>a:hover {
    background-color: #585858;
}
.nav-pills>li.active>a:focus {
    background-color: #585858;
}

.grey-b {
    background-color: #585858;
}

.grey-b2 {
    background-color: #DBDBDB;
}

a {
    /*color:inherit;*/
}

.red {
    color:red;
}

.no-pad {
    padding: 0px;
}

.new {
   /*display: table;*/
}

.new .carousel-caption {
    /*background-color: #60CDAB;*/
}

.new .image-col {
    height: 100%;
    background-size: cover;
        width: 33.33333333%;
}

.js {
height: 1.5em;
line-height: 1.5em;
text-align: justify;
text-align-last: justify;
}

.js:after {
content: ”;
display: inline-block;
width: 100%;
}


.micro-col {
    min-height: 300px;
    background-size: 200px auto;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}

.btn-1 {
    /*margin-top: 20px;*/
    background-color: #00a06b;
    border-radius: 0px;
    color: white;
    font-weight: bold;
    padding: 10px 16px;
    font-size: 18px;
    border: 0px;
}

.btn-1:hover {
    color: white;
    text-decoration: none;
    background-color: #00a06b !important;
}
.btn-1:focus {
    color: white;
}

.a-clear:hover {
    text-decoration: none;
    color: inherit;
}

.navbar-default {
  background-color: inherit;
  border: 0px;
}

.navbar-meetingcampus .navbar-header {
    height: 122px;
}
.navbar-meetingcampus .navbar-toggle {
    margin-top: 45px;
}

.navbar-meetingcampus a {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

input[type="text"]:not(.use-bootstrap), input[type="password"]:not(.use-bootstrap), input[type="email"]:not(.use-bootstrap), input[type="date"]:not(.use-bootstrap), textarea:not(.use-bootstrap) {
    border-radius: 0px !important;
    border: 0px !important;
}

input.italic-ph::-webkit-input-placeholder {
   font-style: italic;
}
input.italic-ph:-moz-placeholder {
   font-style: italic;  
}
input.italic-ph::-moz-placeholder {
   font-style: italic;  
}
input.italic-ph:-ms-input-placeholder {  
   font-style: italic; 
}


select:not(.use-bootstrap) {
    border-radius: 0px !important;
    border: 0px !important;
    font-size: 18px !important;
    /*font-weight: bold !important;*/
    padding:10px 15px !important;
    height:40px !important;
    color: #AAA !important;
}

select[name="period"] {
    color: #555 !important;
    font-weight: 700;
}

.styled-select select {
    background-color: transparent;
   width: calc(100%);
   padding: 5px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   -webkit-appearance: none;
}

.styled-select {
   overflow: hidden;
   background: url(/img/down_arrow_select.png) no-repeat right #ddd;
   background-color: white;
}


#search-bar {
    height:62px;
    font-size: 20px;   
    font-weight: bold;
}

#search-button {
    border-radius: 0px;
    border: 0px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #00A06C;
    color:white;
}



.web-title {
    display:block;
    width: 100%;
    font-weight: bold;
    /*font-size: 40px;*/
    color: white;
    text-align: center;
    margin-top: 50px;
    display: inline-block;
    margin-bottom: 20px;
}

#news-section {
    /*margin-top: 30px;*/
    background-color: #59c499;
}

.new-text-container {
    padding: 0px;
}

.news-carousel-caption {
    padding-left:  0px;
    padding-right: 60px;
    /*min-height: 400px;*/
}

#news-carousel .new-title {
    line-height: 1;
    font-size: 1.8em;
    margin-bottom: 20px;
    margin-top: 10px;
    display: block;
}

#news-carousel a.btn {
    margin-top: 30px;
    margin-bottom: 60px;
}

/*#comments-carousel {
    background-color: rgba(100, 100, 100, .5);
    min-height: 220px;
}

.comments-carousel-caption {
    padding-left: 16.66666667%;
    padding-right:16.66666667%;
}*/

.navbar-meetingcampus {
    font-size: 20px;
    border-bottom: 0px;
}

.comment {
    font-size: 20px;
}

.section-thumb {
    font-size: 18px;
}

.hidden-section {
    display: none;
}

.section-thumb a {
    color: inherit;
}

.section-thumb a:hover {
    color: #666;
    text-decoration: none;
}

.register-tick {
    font-size:25px;
    color: green;
}

.more-info-banner {
    padding: 30px 30px;
    text-align: center;
    margin-top: 50px;
}
.more-info-banner span {
    font-weight: bold;
    font-size: 23px;
    color: white;
    text-align: center;
}
.more-info-banner input[type="text"] {
    height: 45px;
    font-size: 16px;
}

.more-info-info {
    color: white; 
    display: block; 
    line-height: 1.4;
    margin-bottom: 15px;
}

.preview-wrapper iframe, #description-tab iframe {
    width: 100%;
    height: 500px;
}

#photo-modal .modal-dialog {
    width: 80vw;
}

.teacher-social img {
    width: 35px;
    margin-right: 15px;
    margin-top: 10px;
}

.purchase-tabs {
    border: 0px;
}

.purchase-tabs .tab {
    color: white;
    background-color: #585858;
    text-align: center;
    padding: 10px 0px;
}

.purchase-tabs .tab.active {
    color: #666;
    background-color: #EBEBEB;
}


.purchase-tabs .tab {
    font-weight: bold;
    font-size: 23px;
}

.purchase-tabs .holder-tab {
    background-color: white;
}

.purchase-tab-container {
    background-color: #EBEBEB;
    padding: 50px 30px;
    margin-bottom: 20px;
} 

.summary-table li {
    border: 0px;
    border-radius: 0px !important;
}

#news-carousel .new-body {
    position: relative;
    white-space: pre-wrap;
    max-height: 140px;
    height: 140px;
    overflow: hidden;
    margin: 0px;
    margin-bottom: 15px;
}



.share-new {
    margin-top: 5px;
    color: white;
    padding: 20px;
    text-align: center;
}

.share-new span {
    font-weight: bold;
    font-size: 23px;
    color: white;
}

.share-new input {
    height: 45px;
    font-size: 16px;
}

.modal-content {
    border-radius: 0px;
}

.modal .close {
    font-size: 30px;
    color: #000;
    opacity: .5;
}

.modal-body {
    padding: 30px;
    padding-top: 20px;
}

.modal-footer {
    border-top: 0px;
}

.modal-title {
    margin-bottom: 20px;
}


input[type="checkbox"].custom {
    /*display:none;*/
    position: absolute;
    z-index: 0;
}
input[type="checkbox"].custom + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 8px 0 0;
    vertical-align:middle;
    background-color: white;
    cursor:pointer;
    position: relative;
    z-index: 1;
}
input[type="checkbox"].custom:checked + label span {
    background-color: #585858;
}

.alert-banner {
    background-color: red;
    padding: 20px;
    color: white;
}

.register-panel .control-label {
    text-align: left;
    font-weight: normal;
}
.register-panel-content {
    padding-top: 40px;
    padding-left: 30px;
}
.panel-head {
    background-color: #585858;
    color: white;
    text-align: center;
}
.panel-head.blue {
    border-bottom: 5px solid #12B9EE;
}
.panel-head.green {
    border-bottom: 5px solid #00a06b;
}
.panel-head.yellow {
    border-bottom: 5px solid #FFED00;
}

.panel-head h1 {
    font-size: 1.5em !important;
}

.share-buttons {
    text-align: left;
    padding: 20px 0px;
}

.share-buttons img {
    height: 25px;
    margin-right: 15px;
}

.testimonial * {
    font-size: .7em;
}

#buttons-section {
    padding-bottom: 30px;
    text-align: center;
}

#buttons-section button {
    margin: 40px 0px;
    background-color: #585858;
    padding: 20px 32px;
    width: 85%;
    white-space: normal !important;
    font-size: 1.1em;
}

.btn-blue {
    border-bottom: 8px solid #12B9EE;    
}
.btn-yellow {
    border-bottom: 8px solid #FFED00;    
}

.btn-img {
    position: relative;
    border-right: 65px solid #F2392A;
}
.btn-img img {
    position: absolute;
    right: -50px;
    top: 15px;
    width: 35px;
    margin-left: 15px;
}

.coupon-inscription input {
    text-align: center;
    color: black;
    padding: 10px 10px;
}

.coupon-inscription button {
    background-color: #F2392A;
    border: 0px;
    width: 100%;
    padding: 10px 10px;
    margin-top: 5px;
}

span.empty:empty:before {
  content: "\200b";
}


/*footer {
    padding-right: 50px;
}
*/