/* --------- Grid --------- */

/* 5 Column layout */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.col-xs-15 {
    width: 20%;
    float: left;
}

/* Remove Gutter */
.gutter-0.row {
    margin-right: 0;
    margin-left: 0;
}

.gutter-0 > [class^="col-"],
.gutter-0 > [class^=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

.gutter-20.row {
    margin-right: -0.625em;
    margin-left: -0.625em;
}

.gutter-20 > [class^="col-"],
.gutter-20 > [class^=" col-"] {
    padding-right: 0.625em;
    padding-left: 0.625em;
}

/* Extra Row margin on the top */
.rowtop {
    margin-top: 1.25em;
}

.rowtop-lg {
    margin-top: 2em;
}

/* Grey background container */
.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.container-fluid.section-grey {
    background: rgba(0, 0, 0, 0.03);
}

.container-fluid.section-darkgrey {
    background: #363e45;
}

.container-fluid.section-blue {
    background: linear-gradient(270deg,  rgb(31 144 239 / 0%), rgb(31 144 239) 66%), url(https://canadiancollege.com/img/career-back.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.container-fluid.section-live {
    color: #fff;
    background: rgb(8,112,102);
    background: linear-gradient(270deg, rgba(8,112,102,1) 0%, rgba(0,150,136,1) 75%);
}

.container-fluid.section-live .block-inside {
    color: #117167;
}

.container-fluid.section-live #block-level .months {
    border-color: rgb(2 150 136);
    background-color: rgb(12 114 103);
    border-width: .3em;
}

.container-fluid.section-live a {
    color: #fff;
    text-decoration: underline;
}

#live .container-fluid.section-live .section-header,
#live .container-fluid.section-live #block-minfees #promovalid {
    color: #fff;
}


.container-fluid.section-career {
    color: #fff;
    background: #1c90ef;
    background: linear-gradient(333deg, rgba(71,102,179,1) 0%, rgba(0,151,250,1) 100%);
}

.container-fluid.section-greydient {
    background-image: linear-gradient(#f7f7f7, white);
}

.container-fluid.section-year {
    color: #fff;
    background: #1c90ef;
    background: linear-gradient(333deg, rgba(71,102,179,1) 0%, rgba(0,151,250,1) 100%);
}

.container-fluid.section-grey .nav-tabs > li.active > a,
.container-fluid.section-grey .nav-tabs > li.active > a:focus,
.container-fluid.section-grey .nav-tabs > li.active > a:hover {
    background: rgb(247, 247, 247);
}

.container-fluid.fullwidth {
    padding-right: 0;
    padding-left: 0;
    border-top: 30px solid rgb(247, 247, 247);
    border-bottom: 30px solid #fff;
}



.playimg {
    position: relative;
    width: 300px;
    display: inline-block;
}

.playimg i {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    font-size: 10rem;
    color: #fff;
    opacity: 80%;
}

.playimg:hover i {
    font-size: 13rem;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    opacity: 100%;
}

.playimg img {
    max-width: 100%;
    height: auto;
    border-radius: 1rem !important;
    vertical-align: middle;
    border-style: none;
}



/* --------- Text --------- */

h1,
h2,
h3,
h4,
h5,
h6,
lead {
    font-family: 'Oswald', sans-serif;
    -webkit-font-smoothing: antialiased;
}

h1,
h2 {
    text-transform: uppercase;
    color: rgb(64, 64, 64);
}

h3 {
    margin-top: 40px;
}

lead,
.lead {
    font-weight: 300;
    font-size: 1.5em;
    font-family: 'Open Sans', serif;
    margin-bottom: 1.3em;
    display: inline-block;
}

p,
div {
    font-family: 'Open Sans', serif;
    -webkit-font-smoothing: antialiased;
}

p {
    font-size: 1em;
}

a:focus,
a:hover,
a:active {
    text-decoration: none;
    color: rgb(64, 64, 64);
}

.fadein {
    opacity: 0;
}

.grecaptcha-badge {
    visibility: collapse !important;
}

/* --------- Buttons --------- */

.btn-action {
    font-family: 'Oswald', sans-serif;
    font-size: 1em;
    background-color: rgb(51, 51, 51);
    color: rgba(255, 255, 255, 0.9);
    border-radius: 0;
}

.btn-action.fullwidth {
    width: 100%;
}

.btn-action:hover,
.btn-action:focus {
    color: rgb(255, 255, 255);
}

.btn-form:hover {
    background-color: rgb(255, 255, 255);
}

.btn-default {
    font-family: 'Oswald', sans-serif;
    font-size: 1em;
    border: 0;
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}


/* --------- Other --------- */

hr {
    border-top: 1px solid rgba(51, 51, 51, 0.25);
}

.alert {
    margin-top: 30px;
}

.img-round {
    border-radius: 2%;
}

.ccel-logo {
    height: 37px;
}

#languagealert {
    margin: 3em 1em 0 0;
    position: absolute;
    top: 0;
    right: 0;
    color: #333;
    background-color: rgba(255, 255, 255, 1);
    border-color: #777;
}

#languagealert .alert-link {
    padding-left: .5em;
    color: #3d3d3d;
}

.languagebubble {
    display: none;
    position: absolute;
    padding: 8px;
    top: 59px;
    z-index: 3;
    width: 100%;
    background: rgb(255, 255, 255);
    text-align: center;
}

.languagebubble a {
    padding-left: 10px;
}

.visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.fc-event {
    border: 1px solid rgb(201, 82, 72);
    background-color: rgb(201, 82, 72);
}

.fc-event.option1 {
    border: 1px solid #2196f3;
    background-color: #2196f3;
}

.fc-event.option2 {
    border: 1px solid #009688;
    background-color: #009688;
}

.fc-event.option3 {
    border: 1px solid #d84315;
    background-color: #d84315;
}

.fc-event.option4 {
    border: 1px solid #3f51b5;
    background-color: #3f51b5;
}

.fc-event.option5 {
    border: 1px solid #4caf50;
    background-color: #4caf50;
}

#card-errors {
    color: #F44336;
    font-size: 16px;
}

/* --------- Nav --------- */

.navbar-brand {
    float: left;
    height: 57px;
}

.navbar {
    margin-bottom: 0;
    /*opacity:0;*/
}

.navbar-default .navbar-nav > li > a.index-contact {
    color: #FFFFFF;
    background-color: rgb(201, 82, 72);
}

.navbar-default .navbar-nav > li > a {
    color: #4C4C4C;
    -webkit-font-smoothing: antialiased;
}

.navbar-nav > li > a {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 300;
    padding: 1.1em .8em;
}

.navbar-default {
    background-color: rgba(255, 255, 255, 1.00);
    border-color: transparent;
    border: 0;
    border-bottom: 2px solid #434343;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.navbar .dropdown-menu {
    background-color: #E7E7E7;
    border: 0;
}

.navbar .dropdown-menu .divider {
    background-color: rgba(0, 0, 0, 0.08);
}

.navbar .dropdown-menu > .active > a,
.navbar .dropdown-menu > .active > a:focus,
.navbar .dropdown-menu > .active > a:hover {
    color: #333;
    background-color: rgba(0, 0, 0, 0.08);
}

.nav-tabs {
    margin-bottom: 2em;
    border-bottom: 2px solid #ddd;
}

.nav-tabs > li {
    margin-bottom: -2px;
}

.nav-tabs > li > a {
    border: 2px solid transparent;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #555;
    border: 2px solid #ddd;
    border-bottom-color: transparent;
}



/* --------- SubNav --------- */

#subnav.container {
    padding: 0;
}

#subnav a {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 1.4em;
    text-align: center;
    line-height: 1.6em;
    margin: 0;
    padding: 1em;
    width: 100%;
    background-color: rgb(242, 242, 242);
    position: relative;
    opacity: .7;
    display: block;
    text-align: left;
    color: #191919;
}

#subnav a.active {
    background-color: transparent;
    opacity: .9;
}

#subnav a .glyphicon {
    padding-right: .5em;
}


#subnav a.active .glyphicon.glyphicon-heart,
#subnav a.active .glyphicon.glyphicon-comment,
#subnav a.active .glyphicon.glyphicon-file,
#subnav a.active .glyphicon.glyphicon-usd,
#subnav a.active .glyphicon.glyphicon-calendar,
#subnav a.active .glyphicon.glyphicon-plane,
#subnav a.active .glyphicon.glyphicon-th-list {
    color: rgb(201, 82, 72);
}

#subnav a.active .glyphicon.glyphicon-comment {
    color: rgb(0, 150, 136);
}

#subnav a.active .glyphicon.glyphicon-education {
    color: rgb(38, 186, 242);
}

#subnav a.active .glyphicon.glyphicon-ok {
    color: rgb(229, 25, 54);
}

#subnav a.active .glyphicon.glyphicon-briefcase {
    color: rgb(121, 79, 109);
}

#subnav a:hover {
    opacity: .9;
}


/* --------- Logo --------- */

.ccellive {
    width: 500px;
    margin: auto;
    display: block;
    max-width: 100%;
}

/* --------- Map --------- */

.map-overlay {
    background: transparent;
    position: relative;
    width: 100%;
    height: 450px;
    /* your iframe height */
    top: 450px;
    /* your iframe height */
    margin-top: -450px;
    /* your iframe height */
}


/* --------- Pages --------- */

.section-header {
    color: rgb(201, 82, 72);
}

.bubble-under {
    background: #ffffffd1;
    padding: 18px;
    margin: 2em 0;
    border-radius: 5px;
    color: #373e44;
}

.bubble-side {
    padding: 18px;
    margin: 2em;
    background: #fff;
    border-radius: 5px;
}

#masterclass {
    background-color: #2f343a;
    color: #fff;
    margin-bottom: 500px;
}

#masterclass #splash {
    width: 100%;
    height: 0;
    min-height: 450px;
    margin: auto;
    padding: 0;
    position: relative;
    overflow: hidden;
    background: rgba(54, 62, 69, .6), url(https://www.canada-english.com/img/masterclass/back.jpg) 50% 50%/cover no-repeat;
    background: -moz-radial-gradient(center, ellipse cover, rgba(54, 62, 69, .6) 0, rgba(47, 52, 58, .6) 65%), url(https://www.canada-english.com/img/masterclass/back.jpg) 50% 50%/cover no-repeat;
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, rgba(54, 62, 69, .6)), color-stop(65%, rgba(47, 52, 58, .6))), url(https://www.canada-english.com/img/masterclass/back.jpg) 50% 50%/cover no-repeat;
    background: -webkit-radial-gradient(center, ellipse cover, rgba(54, 62, 69, .6) 0, rgba(47, 52, 58, .6) 65%), url(https://www.canada-english.com/img/masterclass/back.jpg) 50% 50%/cover no-repeat;
    background: -o-radial-gradient(center, ellipse cover, rgba(54, 62, 69, .6) 0, rgba(47, 52, 58, .6) 65%), url(https://www.canada-english.com/img/masterclass/back.jpg) 50% 50%/cover no-repeat;
    background: -ms-radial-gradient(center, ellipse cover, rgba(54, 62, 69, .6) 0, rgba(47, 52, 58, .6) 65%), url(https://www.canada-english.com/img/masterclass/back.jpg) 50% 50%/cover no-repeat;
    background: radial-gradient(ellipse at center, rgba(54, 62, 69, .6) 0, rgba(47, 52, 58, .6) 65%), url(https://www.canada-english.com/img/masterclass/back.jpg) 50% 50%/cover no-repeat
}

#masterclass #splash .container.content-block {
    margin-top: 175px;
}

#masterclass #splash img {
    width: 60%;
    max-width: 800px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -42%);
}

#masterclass .navbar-default {
    background-color: #1d2329;
    border-bottom: 0;
}

#masterclass .navbar-default .navbar-nav > li > a {
    color: #ffffffbf;
}

#masterclass .navbar-default .navbar-nav > li > a.index-contact {
    background-color: rgb(33, 150, 243);
}

#masterclass .navbar-default .navbar-nav > .open > a,
#masterclass .navbar-default .navbar-nav > .open > a:focus,
#masterclass .navbar-default .navbar-nav > .open > a:hover {
    background-color: #3a3f45;
}

#masterclass .navbar .dropdown-menu {
    background-color: #3a3f45;
}

#masterclass .dropdown-menu > li > a {
    color: #fff;
}

#masterclass .dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    background-color: #ffffff26;
}

#masterclass h2.section-header {
    color: #fff;
    font-family: 'Quicksand', serif;
    text-transform: none;
    text-align: center;
    font-weight: 600;
    font-size: 36px;
}

#masterclass h2.section-note {
    color: #bdcbd7;
    font-family: 'Quicksand', serif;
    text-transform: none;
    text-align: center;
    font-weight: 400;
    font-size: 30px;
    margin-top: 0;
}

#masterclass h3.section-header {
    color: #fff;
    font-family: 'Quicksand', serif;
    text-transform: none;
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    margin-top: 100px;
}

#masterclass h3.section-note {
    color: #bdcbd7;
    font-family: 'Quicksand', serif;
    text-transform: none;
    text-align: center;
    font-weight: 400;
    font-size: 23px;
    margin: 5px;
}

#masterclass p,
#masterclass p a,
#masterclass li {
    color: #bdcbd7;
    font-family: 'Quicksand', serif;
    text-transform: none;
    font-weight: 400;
}

#masterclass h4 {
    font-family: 'Open Sans', serif;
    color: #fff;
}

#masterclass #block-smrt h4 span {
    font-size: .8em;
    color: #bdcbd7;
}

#masterclass .container-fluid {
    margin: 40px 0;
}

#masterclass .container.content-block {
    margin-top: 70px;
    margin-bottom: 0px;
}

#masterclass .container.three-col {
    text-align: center;
    display: flex;
    width: 100%;
}

@media (max-width: 768px) {
    #masterclass .container.three-col {
        display: block;
    }

    #masterclass #splash img {
        width: 90%;
    }
}

#masterclass .container.three-col .col-block {
    flex: 1;
    background-color: #00000014;
    border-radius: 5px;
    padding-top: 30px;
    padding-bottom: 30px;
}

#masterclass .container.three-col i {
    font-size: 50px;
}

#masterclass .container.three-col h4 {
    font-family: 'Quicksand', serif;
    text-transform: none;
    text-align: center;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 15px;
}

#masterclass .container.three-col p {
    text-transform: none;
    text-align: center;
    font-size: 18px;
    width: 80%;
    margin: auto;
    color: #bdcbd7;
}

#masterclass img.smrt-logo {
    width: 50px;
    margin-bottom: 5px;
}

#masterclass img.youtube-logo {
    width: 50px;
    margin-bottom: 5px;
}

#masterclass #video {
    max-width: 800px;
    margin: 50px auto;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    line-height: 0;
}

#masterclass .plyr--video {
    background: #000;
    overflow: hidden;
}

#masterclass .plyr--full-ui input[type=range] {
    color: #2196f3;
}

#masterclass .plyr__control--overlaid {
    background: rgba(33, 150, 243, .8);
}

#masterclass .plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: #2196f3;
}

#masterclass .plyr__control.plyr__tab-focus {
    box-shadow: 0 0 0 5px rgba(33, 150, 243, .5);
}

#masterclass .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
    background: #2196f3;
}

#masterclass .btn-action {
    color: rgb(255, 255, 255);
    background-color: rgb(201, 82, 72);
    margin-bottom: 1em;
    border-radius: .25em;
}

#masterclass .nav-tabs > li > a {
    color: rgb(201, 82, 72);
}

#masterclass .nav-tabs > li.active > a {
    color: #555;
}

#masterclass .block-inside {
    padding: 5px 20px 10px 20px;
    border-color: rgb(34, 150, 243);
    background-color: rgba(34, 150, 243, 0.15);
}

#masterclass .btn-action {
    color: rgb(255, 255, 255);
    background-color: rgb(33, 150, 243);
    margin-bottom: 1em;
    border-radius: .25em;
    font-family: 'Quicksand', serif;
    font-size: 23px;
}

#masterclass #block-button {
    margin-top: 20px;
}

#masterclass #block-partnership {
    border-radius: 5px;
    padding: 30px;
    width: 86%;
    margin: auto;
}

#masterclass #block-smrt {
    background-color: #00000014;
    border-radius: 5px;
    padding: 30px;
    width: 100%;
}

#masterclass #block-askexpert h3 {
    font-family: 'Quicksand', serif;
    font-weight: 600;
    font-size: 24px;
}

#masterclass #block-askexpert label {
    font-family: 'Quicksand', serif;
    font-weight: 400;
    font-size: 20px;
}

#masterclass #block-askexpert .form-group .btn-form {
    background-color: rgb(33, 150, 243);
    font-family: 'Quicksand', serif;
    font-weight: 600;
}

#masterclass #block-askexpert .form-control {
    color: #fff;
    background-color: #ffffff45;
}

#masterclass #block-footer {
    background-color: #1d2329;
    height: 300px;
    margin: 0;
}

#masterclass #block-level {
    width: 100%;
}

#masterclass #block-level .months.a {
    border-color: rgb(34, 150, 243);
    background-color: rgba(34, 150, 243, 0.15);
}

#masterclass #block-level .months.b {
    border-color: rgb(34, 150, 243);
    background-color: rgba(34, 150, 243, 0.15);
}

#masterclass #block-level .months.c {
    border-color: rgb(34, 150, 243);
    background-color: rgba(34, 150, 243, 0.15);
}

#masterclass #block-level .months.d {
    border-color: rgb(34, 150, 243);
    background-color: rgba(34, 150, 243, 0.15);
}

#masterclass #block-level .months.e {
    border-color: rgb(34, 150, 243);
    background-color: rgba(34, 150, 243, 0.15);
}

#masterclass #block-level .months.f {
    border-color: rgb(34, 150, 243);
    background-color: rgba(34, 150, 243, 0.15);
}

#index {}

#index .btn-action {
    color: rgb(255, 255, 255);
    background-color: rgb(201, 82, 72);
    border-radius: 4px;
}

#index .nav-tabs > li > a {
    color: rgb(201, 82, 72);
}

#index .nav-tabs > li.active > a {
    color: #555;
}

#ccellive.alert-warning.message {
    color: #019688;
    background-color: #0196881a;
    border: 10px solid #019688;
}

#ccellive.alert-warning.message .btn-action {
    background-color: #019688;
}

#live {}

#live .content {
    font-size: 1.2em;
    line-height: 1.8em;
}

#live .navbar-default .navbar-nav > li > a.index-contact {
    background-color: rgb(0, 150, 136);
}

#live .section-header {
    color: rgb(0, 150, 136);
}

#live .btn-action {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 150, 136);
    margin-bottom: 1em;
    border-radius: .25em;
}

#live .nav-tabs > li > a {
    color: rgb(0, 150, 136);
}

#live .nav-tabs > li.active > a {
    color: #555;
}

#live #block-askexpert .form-group .btn-form {
    background-color: rgb(0, 150, 136);
}

#live #block-shedule .active .button {
    border-color: #009688;
    color: #009688 !important;
    background-color: #0096881f;
}

#live #calendar {
    margin: 30px 0;
}

.dot {
    color: #ffffff;
    border-radius: 3px;
    padding: 2px 10px;
    font-size: 16px;
}
    .dot.any {
        background-color: #607d8b;
    }
    .dot.opt1 {
        background-color: #2196f3;
    }
    .dot.opt2 {
        background-color: #d84315;
    }
    .dot.opt3 {
        background-color: #3f51b5;
    }
    .dot.opt4 {
        background-color: #029688;
    }
    .dot.opt5 {
        background-color: #4cb14f;
    }

#intensive {}

#intensive .navbar-default .navbar-nav > li > a.index-contact {
    background-color: rgb(201, 82, 72);
}

#intensive .section-header {
    color: rgb(201, 82, 72);
}

#intensive .btn-action {
    color: rgb(255, 255, 255);
    background-color: rgb(201, 82, 72);
    margin-bottom: 1em;
    border-radius: .25em;
}

#intensive .nav-tabs > li > a {
    color: rgb(201, 82, 72);
}

#intensive .nav-tabs > li.active > a {
    color: #555;
}

#intensive #block-askexpert .form-group .btn-form {
    background-color: rgb(201, 82, 72);
}

#intensive #block-shedule .active .button {
    border-color: #c95248;
    color: #c95248 !important;
    background-color: #c952481f;
}

#exam {}

#exam .navbar-default .navbar-nav > li > a.index-contact {
    background-color: rgb(229, 25, 54);
}

#exam .section-header {
    color: rgb(229, 25, 54);
}

#exam .btn-action {
    color: rgb(255, 255, 255);
    background-color: rgb(229, 25, 54);
    margin-bottom: 1em;
    border-radius: .25em;
}

#exam .nav-tabs > li > a {
    color: rgb(229, 25, 54);
}

#exam .nav-tabs > li.active > a {
    color: #555;
}

#exam #block-askexpert .form-group .btn-form {
    background-color: rgb(229, 25, 54);
}

#exam #block-shedule .active .button {
    border-color: #75c377;
    color: #75c377 !important;
    background-color: #75c3771f;
}

#university {}

#university .navbar-default .navbar-nav > li > a.index-contact {
    background-color: rgb(38, 186, 242);
}

#university .section-header {
    color: rgb(38, 186, 242);
}

#university .btn-action {
    color: rgb(255, 255, 255);
    background-color: rgb(38, 186, 242);
    margin-bottom: 1em;
    border-radius: .25em;
}

#university .nav-tabs > li > a {
    color: rgb(38, 186, 242);
}

#university .nav-tabs > li.active > a {
    color: #555;
}

#university #block-askexpert .form-group .btn-form {
    background-color: rgb(38, 186, 242);
}

#university #block-shedule .active .button {
    border-color: #26baf2;
    color: #26baf2 !important;
    background-color: #26baf21f;
}

#business {}

#business .navbar-default .navbar-nav > li > a.index-contact {
    background-color: rgb(121, 79, 109);
}

#business .section-header {
    color: rgb(121, 79, 109);
}

#business .btn-action {
    color: rgb(255, 255, 255);
    background-color: rgb(121, 79, 109);
    margin-bottom: 1em;
    border-radius: .25em;
}

#business .nav-tabs > li > a {
    color: rgb(121, 79, 109);
}

#business .nav-tabs > li.active > a {
    color: #555;
}

#business #block-askexpert .form-group .btn-form {
    background-color: rgb(121, 79, 109);
}

#business #block-shedule .active .button {
    border-color: #794e6d;
    color: #794e6d !important;
    background-color: #794e6d1f;
}

#staff {}

#staff .nav-tabs > li > a {
    color: rgb(201, 82, 72);
}

#staff .nav-tabs > li.active > a {
    color: #555;
}

#smrtenglish {}

#smrtenglish .nav-tabs > li > a {
    color: rgb(201, 82, 72);
}

#smrtenglish .nav-tabs > li.active > a {
    color: #555;
}

#activities {}

#activities .nav-tabs > li > a {
    color: rgb(201, 82, 72);
}

#activities .nav-tabs > li.active > a {
    color: #555;
}

#career {}

#career .navbar-default .navbar-nav>li>a.index-contact {
    background-color: rgb(0 151 250);
}

#career .section-header {
    color: rgb(0 151 250);
}

#career .btn-action {
    color: rgb(255, 255, 255);
    background-color: rgb(26 85 149);
    margin-bottom: 1em;
    border-radius: .25em;
}

#career .btn-action:hover {
    background-color: rgb(12 120 190);
}

#career .sidepill p {
    font-size: 15px;
}

#career .sidepill strong {
    padding: 3px 8px;
    margin-right: 5px;
}

#career .nav-tabs>li>a {
    color: rgb(229, 25, 54);
}

#career .nav-tabs>li.active>a {
    color: #555;
}

#career #block-askexpert .form-group .btn-form {
    background-color: rgb(0 151 250);
}

#career #block-shedule .active .button {
    border-color: #75c377;
    color: #75c377 !important;
    background-color: #75c3771f;
}

#career .asside {
    
}

/* #year Page Styles */
#year .sidepill p {
    font-size: 15px;
}

#year .sidepill strong {
    padding: 3px 8px;
    margin-right: 5px;
}

#year .nav-tabs > li > a {
    color: rgb(229, 25, 54);
}

#year .nav-tabs > li.active > a {
    color: #555;
}

#year .asside {
    
}


/* --------- Common Page Elements ---------  */

.greyback {
    background-color: #363e45;
    z-index: -1;
    margin-top: 30px;
}

/* Page Backgrounds */
.bg {
    position: relative;
    image-rendering: -webkit-optimize-contrast;
}

.bg .fade {
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: .5;
}

.bg .fade.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

.bg .fade.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}

.bg.sm {
    height: 57px;
}

.bg.live {
    background: url('https://canada-english.com/img/covers/cover-live.jpg') no-repeat center center;
    background-size: cover;
}

.bg.intensive {
    background: url('https://canada-english.com/img/covers/cover-intensive.jpg') no-repeat center center;
    background-size: cover;
}

.bg.index {
    background: url('https://canada-english.com/img/covers/cover-index01.jpg') no-repeat center center;
    background-size: cover;
}

.bg.university-pathway {
    background: url('https://canada-english.com/img/covers/cover-university-pathway.jpg') no-repeat center center;
    background-size: cover;
}

.bg.business {
    background: url('https://canada-english.com/img/covers/cover-business.jpg') no-repeat center center;
    background-size: cover;
}

.bg.exam {
    background: url('https://canada-english.com/img/covers/cover-exam2.png') no-repeat center center;
    background-size: cover;
}

.bg.residence {
    background: url('https://canada-english.com/img/covers/cover-residence.jpg') no-repeat bottom center;
    background-size: cover;
}

.bg.homestay {
    background: url('https://canada-english.com/img/covers/cover-homestay.jpg') no-repeat center center;
    background-size: cover;
}

.bg.vancouver {
    background: url('https://canada-english.com/img/covers/cover-vancouver.jpg') no-repeat center center;
    background-size: cover;
}

.bg.campus {
    background: url('https://canada-english.com/img/covers/cover-campus01.jpg') no-repeat bottom center;
    background-size: cover;
}

.bg.visa {
    background: url('https://canada-english.com/img/covers/cover-visa.jpg') no-repeat bottom center;
    background-size: cover;
}

.bg.calendar {
    background: url('https://canada-english.com/img/covers/cover-calendar.jpg') no-repeat bottom center;
    background-size: cover;
}

.bg.application {
    background: url('https://canada-english.com/img/covers/cover-application.jpg') no-repeat bottom center;
    background-size: cover;
}

.bg.fees {
    background: url('https://canada-english.com/img/covers/cover-fees.jpg') no-repeat bottom center;
    background-size: cover;
}

.bg.smrt {
    background: url('https://canada-english.com/img/covers/cover-smrt.jpg') no-repeat center center;
    background-size: cover;
}

.bg.activities {
    background: url('https://canada-english.com/img/covers/cover-activities.jpg') no-repeat center center;
    background-size: cover;
}

.bg.staff {
    background: url('https://canada-english.com/img/covers/cover-staff.jpg') no-repeat center center;
    background-size: cover;
}

.bg.employee {
    background: url('https://canada-english.com/img/covers/cover-employment.jpg') no-repeat center center;
    background-size: cover;
}

.bg.error {
    background: url('https://canada-english.com/img/covers/cover-error.jpg') no-repeat center center;
    background-size: cover;
}

.bg.year {
    background: url('https://canada-english.com/img/covers/cover-year2.jpg') no-repeat center center;
    background-size: cover;
}

.container.content-block {
    margin-top: 50px;
    margin-bottom: 70px;
}

#index .huge {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 1.4em;
    text-align: center;
    line-height: 1.6em;
    margin: 0;
    padding: 3.23em 1em;
    width: 100%;
    color: #191919;
    background-color: rgb(242, 242, 242);
    position: relative;
    opacity: .8;
    display: block;
    border-radius: 0.5em;

    background: rgba(255, 255, 255, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 50%, rgba(235, 235, 235, 1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(50%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(235, 235, 235, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 50%, rgba(235, 235, 235, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 50%, rgba(235, 235, 235, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 50%, rgba(235, 235, 235, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 50%, rgba(235, 235, 235, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=1);
}

#index .huge.cc {
    font-size: 1.2em;
    padding: 2.24em 1em;
}

#index .huge.cc .glyphicon {
    font-size: 2.3em;
}

#index .huge .glyphicon {
    padding-bottom: .2em;
    display: block;
    font-size: 3em;
    color: #191919;
}

#index .huge:hover .glyphicon.glyphicon-heart {
    color: rgb(201, 82, 72);
}

#index .huge:hover .glyphicon.glyphicon-education {
    color: rgb(38, 186, 242);
}

#index .huge:hover .glyphicon.glyphicon-ok {
    color: rgb(229, 25, 54);
}

#index .huge:hover .glyphicon.glyphicon-briefcase {
    color: rgb(121, 79, 109);
}

#index .huge:hover .glyphicon.glyphicon-comment {
    color: rgb(0, 150, 136);
}

#index .huge:hover .glyphicon.glyphicon-briefcase.ccel {
    color: rgb(73, 93, 110);
}

#index .huge:hover .glyphicon.glyphicon-bed.ccel {
    color: rgb(157, 89, 91);
}

#index .huge:hover .glyphicon.glyphicon-globe.ccel {
    color: rgb(69, 82, 125);
}

#index .huge:hover .glyphicon.glyphicon-stats.ccel {
    color: rgb(226, 102, 94);
}

#index .huge:hover .glyphicon.glyphicon-hdd.ccel {
    color: rgb(19, 188, 250);
}

#index .huge:hover .glyphicon.glyphicon-comment.ccel {
    color: rgb(249, 156, 58);
}

#index .huge:hover {
    opacity: .9;
}



#index .academic {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 1em;
    text-align: center;
    line-height: 1.6em;
    margin-top: 0;
    margin-bottom: 1.3em;
    width: 100%;
    background-color: rgb(242, 242, 242);
    position: relative;
    opacity: .7;
    display: block;
    border-radius: 0.5em;

    background: rgba(255, 255, 255, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 50%, rgba(235, 235, 235, 1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(50%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(235, 235, 235, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 50%, rgba(235, 235, 235, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 50%, rgba(235, 235, 235, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 50%, rgba(235, 235, 235, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 50%, rgba(235, 235, 235, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=1);
}

#index .academic:hover {
    opacity: .9;
}

#index .academic .logo {
    width: 80%;
}


.logobox {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 1em;
    text-align: center;
    line-height: 1.6em;
    margin-top: 1em;
    width: 100%;
    background-color: rgb(242, 242, 242);
    position: relative;
    opacity: .7;
    display: block;
    border-radius: 0.5em;

    background: rgba(255, 255, 255, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 50%, rgba(235, 235, 235, 1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(50%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(235, 235, 235, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 50%, rgba(235, 235, 235, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 50%, rgba(235, 235, 235, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 50%, rgba(235, 235, 235, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 50%, rgba(235, 235, 235, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=1);
}

.logobox .logo {
    width: 80%;
}

.logobox:hover {
    opacity: .9;
}






.only {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 1em;
    height: 12.54em;
    font-weight: 300;
    text-align: center;
    background-color: rgb(242, 242, 242);
    position: relative;
    image-rendering: -webkit-optimize-contrast;
}

.only.residence {
    background: url('https://canada-english.com/img/index-residence.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.only.smrt {
    background: url('https://canada-english.com/img/index-smrt.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.only.activities {
    background: url('https://canada-english.com/img/index-activities.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.only.restaurant {
    background: url('https://canada-english.com/img/index-restaurant.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.only a {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: rgba(255, 255, 255, 0.95);
    background-color: rgba(0, 0, 0, 0.50);
    text-transform: capitalize;
    font-size: 1em;
    padding: .5em;
    font-weight: 400;
    font-family: 'Open Sans', serif;
}

.only-text {
    font-size: 1em;
    /*height: 13.5em;*/
    position: relative;
    padding: 1em;
}

.only-text h1 {
    padding-bottom: .4em;
    margin: 0;
}

.only-text a {
    font-size: .9em;
    text-transform: capitalize;
    display: block;
    position: absolute;
    bottom: .8em;
}


.square-photo3 {
    font-family: 'Oswald', sans-serif;
    font-size: 1em;
    text-align: center;
    line-height: 1.6em;
    height: 25.86em;
    width: 100%;
    background-color: rgb(242, 242, 242);
    position: relative;
    image-rendering: -webkit-optimize-contrast;
    -webkit-filter: grayscale(20%);
}

.square-photo3.int.photo01 {
    background: url('https://canada-english.com/img/intensive-photo-01.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.square-photo3.int.photo02 {
    background: url('https://canada-english.com/img/intensive-photo-02.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.square-photo3.int.photo03 {
    background: url('https://canada-english.com/img/intensive-photo-03.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.square-photo3.uni.photo01 {
    background: url('https://canada-english.com/img/uni-photo-01.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.square-photo3.uni.photo02 {
    background: url('https://canada-english.com/img/uni-photo-02.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.square-photo3.uni.photo03 {
    background: url('https://canada-english.com/img/uni-photo-03.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.square-photo3.bus.photo01 {
    background: url('https://canada-english.com/img/bus-photo-01.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.square-photo3.bus.photo02 {
    background: url('https://canada-english.com/img/bus-photo-02.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.square-photo3.bus.photo03 {
    background: url('https://canada-english.com/img/bus-photo-03.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.square-photo3.exa.photo01 {
    background: url('https://canada-english.com/img/exa-photo-01.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.square-photo3.exa.photo02 {
    background: url('https://canada-english.com/img/exa-photo-02.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.square-photo3.exa.photo03 {
    background: url('https://canada-english.com/img/exa-photo-03.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.square-photo3.ielts.photo01 {
    background: url('https://canada-english.com/img/ielts-photo-03.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.square-photo3.ielts.photo02 {
    background: url('https://canada-english.com/img/ielts-photo-02.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.square-photo3.ielts.photo03 {
    background: url('https://canada-english.com/img/ielts-photo-01.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.square-50 {
    font-family: 'Oswald', sans-serif;
    font-size: 1em;
    text-align: center;
    line-height: 1.6em;
    height: 25.86em;
    width: 100%;
    background-color: rgb(242, 242, 242);
    position: relative;
    image-rendering: -webkit-optimize-contrast;
    border-radius: 0.5em;
}

.square-50.english {
    background: url('https://canada-english.com/img/index-english-courses.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.square-50.eap {
    background: url('https://canada-english.com/img/index-eap.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.square-50 h1 {
    font-family: 'Open Sans', serif;
    color: #fff;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 1.5em;
    margin: .5em 0 .2em 0;
}

.square-50 .container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: rgba(255, 255, 255, 0.95);
    background-color: rgba(54, 62, 69, 0.80);
    font-size: 1em;
    font-weight: 300;
    line-height: 1.5em;
    text-transform: capitalize;
    height: 50%;
    border-radius: 0 0 0.5em 0.5em;
}

.square-50 .btn {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 1.3em 33%;
    width: 34%;
}

.square-50.ccel {
    background: url('https://canada-english.com/img/ccel-index-english-courses.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.index-square {
    font-size: 1em;
}

.index-square .title {
    font-weight: 300;
    padding: .5em;
    font-size: 1em;
}



/* --------- Block Default --------- */

.block-inside {
    padding: 0 20px 10px 20px;
    background-color: rgb(249, 249, 249);
    border: solid 2px;
    border-radius: 4px;
}

.block-inside h3 {
    margin-top: 20px;
}

.block-inside h4.loading {
    font-size: 43px;
    color: #333;
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: center;
    font-family: 'Open Sans', serif;
}

.block-inside .big {
    font-weight: 300;
    font-size: 1.5em;
    font-family: 'Open Sans', serif;
    margin-bottom: 1.3em;
    line-height: 2em;
}

.block-inside .form-group-lg select.form-control {
    background-color: #FFF;
}

.block-inside .radio-inline {
    height: 46px;
    padding: 10px 0 10px 30px;
    font-size: 18px;
    line-height: 1.3333333;
}


/* --------- Placement Test --------- */

#placement .block-leveltest .form-control {
    font-size: 1em;
}

#placement .btn.btn-form {
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
    background-color: rgb(201, 82, 72);
    color: rgba(255, 255, 255, 0.9);
}

#placement .btn.btn-form.start {
    font-size: 1.5em;
    margin: 40px auto 20px auto;
    display: block;
    width: 30%;
}

#placement #test {
    margin-bottom: 70px;
}

#placement #test .form-control {
    background-color: #F7F7F7;
}



/* --------- Course University --------- */

#block-university {}

#block-university .box {
    font-size: 1em;
    position: relative;
}

#block-university h1 {
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    line-height: 1.2em;
    margin: 0;
    padding-bottom: .5em;
}

#block-university .content {
    font-size: 1.2em;
}

#block-university.blank {
    background-color: rgba(0, 0, 0, 0);
    border: solid 0em rgba(0, 0, 0, 0);
    position: relative;
    padding: 0em;
    height: 15em;
}

#block-university .horzontal-divider {
    font-size: 3em;
    position: relative;
    background: url(https://canada-english.com/img/icons/horizontal-divider.svg) center center no-repeat;
    background-size: 95%;
    display: block;
    width: .9em;
    height: 2.8em;
    opacity: .6;
    margin-top: 2.2em;
}

/* --------- Course Content --------- */

.block-info {}

.block-info .content {
    font-size: 1.2em;
    line-height: 1.8em;
}

.block-info .content h3 {
    font-size: 1.5em;
    margin-top: 1em;
}

.block-info .asside {
    margin-top: 1.45em;
}

.block-info .asside .btn-action {
    font-size: 1.2em;
}

.block-info .asside .box {
    width: 100%;
    padding: 10px 0;
}

.block-info .asside .box .pill {
    font-size: 1.1em;
    line-height: 1.4em;
    display: inline-block;
    margin: 0 5px 10px 0;
    padding: .3em .5em;
    font-family: 'Open Sans', serif;
    background-color: rgb(232, 232, 232);
    border-radius: .25em;
}

.block-info .asside .box .pill .glyphicon {
    margin-right: 2px;
    vertical-align: middle;
}

.demo {
    width: 100%;
    border-radius: .25em;
    margin: 16px 0;
}

.block-info .asside .box {
    width: 100%;
    padding: 10px 0;
}

.block-info .asside .box .pill {
    font-size: 1.1em;
    line-height: 1.4em;
    display: inline-block;
    margin: 0 5px 0 0;
    padding: .3em .5em;
    font-family: 'Open Sans', serif;
    border-radius: .25em;
}

.block-info .asside .box .pill .glyphicon {
    margin-right: 2px;
    vertical-align: middle;
}

.block-info .asside .box.flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    padding: 4px 0;
}

.block-info .asside .box.flex .date {
    background-color: #495d6e1a;
    border-radius: .25em;
    padding: 6px;
    margin: 0 4px;
    font-size: 14px;
    font-weight: 600;
    width: 33%;
    text-align: center;
}

.block-info .asside .box.flex .date.empty {
    background-color: transparent;
}

.block-info .asside .box.flex .date:first-child {
    margin: 0 4px 0 0;
}

.block-info .asside .box.flex .date:last-child {
    margin: 0 0 0 4px;
}




#block-shedule {
    font-size: 1em;
}

#block-shedule ul.bottom {
    margin-top: 2em;
    font-size: 1.2em;
}

#block-shedule .time {
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
}

#block-shedule .button {
    text-align: center;
    border-width: .2em;
    border-style: solid;
    padding: .8em;
    margin-top: 1em;
    margin-right: 1em;
    border-radius: 0.5em;
    display: inline-block;
    border-color: #363e44;
    color: #363e44 !important;
}

#block-shedule .day {
    text-align: center;
    width: 100%;
    border-width: .2em;
    border-style: solid;
    position: relative;
    padding: .8em;
    margin-top: 1em;
    display: block;
    border-radius: 0.5em;
}

#block-shedule .day.blank {
    border-color: rgb(242, 242, 242);
    background-color: rgb(242, 242, 242);
}

#block-shedule .day.core {
    border-color: rgba(0, 174, 239, 1);
    background-color: rgba(0, 174, 239, 0.05);
}

#block-shedule .day.elective {
    border-color: rgba(44, 168, 74, 1);
    background-color: rgba(44, 168, 74, 0.05);
}

#block-shedule .day.electiveopt {
    border-color: rgba(44, 168, 74, 1);
    background-color: rgba(44, 168, 74, 0.05);
    background: repeating-linear-gradient(45deg, rgba(44, 168, 74, 0.0), rgba(44, 168, 74, 0.0) 10px, rgba(44, 168, 61, 0.1) 10px, rgba(44, 168, 61, 0.1) 20px);
}

#block-shedule .week {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    text-align: right;
    width: 100%;
    border-width: .2em;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    position: relative;
    padding: .8em 0;
    margin-top: 1em;
    display: block;
}

#block-shedule .week-row {
    width: 5.5%;
}

#block-minfees {
    padding: 2em;
    background-color: #ffffff1a;
    border-radius: 10px;
    max-width: 100%;
}

#block-minfees #fees {
    margin: 5em auto 0 auto;
}

#block-minfees .radio-inline {
    height: 46px;
    padding: 10px 0 10px 30px;
    font-size: 18px;
    line-height: 1.3333333;
}

#block-minfees .form-group-lg select.form-control {
    background-color: #FFF;
}

#block-minfees #promovalid {
    padding: 5px;
    color: #009688;
}

#block-minfees #promoinvalid {
    padding: 5px;
    /*color: #F44336;*/
}

#block-minfees #superpromo {
    text-align: center;
    font-size: 20px;
    margin-top: 20px;
    color: #009688;
    font-weight: 600;
}

.feesdisplay {
    padding: 2em;
    margin-top: 30px;
}



#block-level {
    font-size: 1em;
    margin-top: 120px;
    margin-bottom: 70px;
}

#block-level .group {
    height: 25em;
}

#block-level .section {
    position: absolute;
    bottom: 0;
    width: 88%;
}

#block-level .level {
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
}

#block-level .months {
    width: 100%;
    border-width: .2em;
    border-style: solid;
    position: relative;
    padding: .8em;
    margin-top: 1em;
    display: block;
    border-radius: 0.5em;
}

#block-level .months.beg {
    height: 5em;
}

#block-level .months.lowint {
    height: 10em;
}

#block-level .months.int {
    height: 15em;
}

#block-level .months.uppint {
    height: 20em;
}

#block-level .months.adv {
    height: 25em;
}

#block-level .months.uppadv {
    height: 30em;
}

#block-level .months.grey {
    border-style: dashed;
    border-color: rgba(64, 64, 64, .5);
    color: rgba(64, 64, 64, 0.5);
    background-color: #fff;
}

#block-level .months.uni {
    border-color: rgba(38, 186, 242, 1);
    background-color: rgba(38, 186, 242, 0.1);
}

#block-level .months.exam {
    border-color: rgba(229, 27, 54, 1);
    background-color: rgba(229, 27, 54, 0.1);
}

#block-level .months.business {
    border-color: rgba(121, 79, 109, 1);
    background-color: rgba(121, 79, 109, 0.1);
}

#block-level .months.a {
    border-color: rgba(248, 186, 50, 1);
    background-color: rgba(248, 186, 50, 0.1);
}

#block-level .months.b {
    border-color: rgba(231, 154, 62, 1);
    background-color: rgba(231, 154, 62, 0.1);
}

#block-level .months.c {
    border-color: rgba(217, 130, 60, 1);
    background-color: rgba(217, 130, 60, 0.1);
}

#block-level .months.d {
    border-color: rgba(209, 112, 57, 1);
    background-color: rgba(209, 112, 57, 0.1);
}

#block-level .months.e {
    border-color: rgba(199, 90, 53, 1);
    background-color: rgba(199, 90, 53, 0.1);
}

#block-level .months.f {
    border-color: rgba(193, 56, 61, 1);
    background-color: rgba(193, 56, 61, 0.1);
}

#block-smrt .book {
    width: 100%;
    border-radius: .25em;
}

#block-smrt .tab-content {
    font-size: 1.2em;
    font-weight: 300;
}

#block-smrt h4 {
    font-size: 1.3em;
}

#block-smrt .book-block {
    margin-bottom: 2em;
}

    
#smrt-content {
    font-size: 1.4em;
}

#smrt-content .single {
    width: 95%;
    background-color: #fff;
    border-radius: .5rem;
}

#smrt-content .double {
    width: 95%;
    background-color: #fff;
    border-radius: .5rem;
}

#smrt-content .screenshot-right .shot {
    padding: 2em;
}

#smrt-content .nav-tabs > li.active > a {
    background-color: #f6f6f4;
} 
#smrt-content .nav>li>a {
    padding: 15px 24px;
}

#smrt-content .curriculum {
    font-size: .8em;
    padding-bottom: 2em;
}
#smrt-content .curriculum .book {
    width: 100%;
    border-radius: 5px;
}

.justify-content-center {
    justify-content: center!important;
    display: flex;
}


#block-activites .book {
    width: 100%;
    border-radius: .25em;
}

#block-activites .tab-content {
    font-size: 1.2em;
    font-weight: 300;
}

#block-activites h4 {
    font-size: 1.3em;
}

#block-activites .book-block {
    margin-bottom: 2em;
}

/* --------- Staff --------- */

.staff {
    width: 100%;
}

.staff h3 {
    margin-top: 0;
}

.staff.lg {
    height: 21.67em;
    background-color: #fff !important;
}

.staff.sm {
    height: 14em;
    margin-bottom: 1.25em;
}

.staff.blank {
    background-color: rgb(242, 242, 242);
}

.staff.zach {
    background: url('https://canada-english.com/img/staff/zach.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: rgb(242, 242, 242);
}

.staff.jim {
    background: url('https://canada-english.com/img/staff/jim.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: rgb(242, 242, 242);
}

.staff.sebastian {
    background: url('https://canada-english.com/img/staff/sebastian.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: rgb(242, 242, 242);
}

.staff.mila {
    background: url('https://canada-english.com/img/staff/mila.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: rgb(242, 242, 242);
}

.staff.ivan {
    background: url('https://canada-english.com/img/staff/ivan.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: rgb(242, 242, 242);
}

.staff.ayako {
    background: url('https://canada-english.com/img/staff/ayako.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: rgb(242, 242, 242);
}

.staff.fabio {
    background: url('https://canada-english.com/img/staff/fabio.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: rgb(242, 242, 242);
}

.staff.shaun {
    background: url('https://canada-english.com/img/staff/shaun.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: rgb(242, 242, 242);
}

.staff.majeed {
    background: url('https://canada-english.com/img/staff/majeed.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: rgb(242, 242, 242);
}

.staff.annabel {
    background: url('https://canada-english.com/img/staff/annabel.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: rgb(242, 242, 242);
}

.staff.aleksandr {
    background: url('https://canada-english.com/img/staff/aleksandr.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: rgb(242, 242, 242);
}

.staff.shoji {
    background: url('https://canada-english.com/img/staff/shoji.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: rgb(242, 242, 242);
}

.staff.leanne {
    background: url('https://canada-english.com/img/staff/leanne.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: rgb(242, 242, 242);
}

.staff.adam {
    background: url('https://canada-english.com/img/staff/adam.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: rgb(242, 242, 242);
}

.staff.mark {
    background: url('https://canada-english.com/img/staff/mark.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: rgb(242, 242, 242);
}

.staff.sabrina {
    background: url('https://canada-english.com/img/staff/sabrina.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: rgb(242, 242, 242);
}

.staff.ian {
    background: url('https://canada-english.com/img/staff/ian.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: rgb(242, 242, 242);
}

.staff.ivy {
    background: url('https://canada-english.com/img/staff/ivy.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: rgb(242, 243, 243);
}

.staff.ozlem {
    background: url('https://canada-english.com/img/staff/ozlem.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: rgb(242, 243, 243);
}

/* --------- Footer --------- */

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 351px;
    /* Footer size */
}

#block-footer {
    background-color: #363e45;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 251px;
    /* Footer size */
    margin-top: 100px;
}

#block-footer h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.3em;
}

#block-footer a {
    font-weight: 400;
    font-family: 'Open Sans', serif;
    margin: .2em 0;
    display: inline-block;
    color: rgb(97, 97, 97);
}

#block-footer .logos {
    opacity: .5;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
    margin-left: 20px;
}

#block-footer .logos:hover {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none;
}

#block-footer #copywrite {
    padding: 15px 0;
    color: rgba(241, 241, 241, 0.50);
}

#block-footer #copywrite a {
    color: rgba(241, 241, 241, 0.50);
    margin: 0;
}

#block-footer #copywrite p {
    margin: 2px 0;
}

#block-fees hr,
#application hr {
    border-top: 1px solid rgb(51, 51, 51);
    margin: 3em auto;
}

#block-social {
    margin: 40px auto;
    max-width: 1100px;
}

#block-social a {
    color: #333;
}

#block-social .social-box {
    font-family: 'Oswald', sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
}

#block-social .social-box p {
    padding-top: 10px;
    font-family: 'Oswald', sans-serif;
}

#block-social #partners {
    text-align: right;
}

#block-social .icon {
    opacity: .5;
    font-size: 1em;
    position: relative;
    display: block;
    width: 4em;
    height: 4em;
    margin: auto;
    background-position: center center;
    background-repeat: no-repeat;
}

#block-social .icon:hover {
    opacity: 1;
}

#block-social .icon.icon-facebook {
    background-image: url(https://canada-english.com/img/icons/social-facebook.svg);
    margin-right: 25px;
}

#block-social .icon.icon-instagram {
    background-image: url(https://canada-english.com/img/icons/social-instagram.svg);
    margin-right: 25px;
}

#block-social .icon.icon-youtube {
    background-image: url(https://canada-english.com/img/icons/social-youtube.svg);
    margin-right: 25px;
}

#block-social .icon.icon-twitter {
    background-image: url(https://canada-english.com/img/icons/social-twitter.svg);
    margin-right: 25px;
}

#block-social .icon.icon-snapchat {
    background-image: url(https://canada-english.com/img/icons/social-snapchat.svg);
    margin-right: 25px;
}

/* --------- Tables --------- */

table.table100 {
    border-spacing: 1;
    border-collapse: collapse;
    background: #f5f5f5;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin: 2em 0;
}

table.table100 * {
    position: relative;
}

table.table100 th {
    font-family: OpenSans-Regular;
    font-size: 18px;
    color: #fff;
    line-height: 1.2;
    font-weight: unset;
    text-align: center;
    width: 16.66%;
}

table.table100 tr.table100-head {
    height: 60px;
    background: #e51b36;
}

table.table100 tr.table100-head2 {
    height: 60px;
    background: #36314914;
}
    table.table100 tr.table100-head2 th {
        color: #333;
    }

table.table100 tr.table100-ccel {
    height: 60px;
    background: rgb(201, 82, 72);
}
    table.table100 tr.table100-ccel th p {
        margin: 20px;
    }

table.table100 tr.table100-cc {
    height: 60px;
    background: rgb(45, 126, 192);
}
    table.table100 tr.table100-cc th p {
        margin: 20px;
    }

table.table100 tbody tr {
    font-family: OpenSans-Regular;
    font-size: 16px;
    color: #2b2b2b;
    line-height: 1.4;
    font-weight: unset;
}

table.table100 .column {
    text-align: center;
    vertical-align: top;
}

table.table100 .column p {
    margin: 30px 25px;
}


/* --------- Forms --------- */

.required {
    color: rgb(201, 82, 72);
}

.form-group-lg {
    margin-bottom: 15px;
}

.form-group-lg .control-label {
    /*font-weight: 700;
	text-align: left;*/
}

.form-group-lg select.form-control {
    background-color: #F7F7F7;
}


.form-control {
    box-shadow: none;
}

.has-error .form-control,
.has-error .control-label {
    color: #C95248;
}

.panel-default {
    background-color: rgb(249, 249, 249);
}

.disabled-label {
    display: block;
    height: 34px;
    padding: 6px 12px;
    border: 1px solid rgba(204, 204, 204, 0);
    padding-top: 7px;
    text-align: right;
    font-weight: 700;
}

.disabled-text {
    display: block;
    height: 34px;
    padding: 6px 12px;
    border: 1px solid rgba(204, 204, 204, 0.53);
    border-radius: 4px;
    background-color: transparent;
}

.disabled-text.bold {
    font-weight: 700;
}

.disabled-text.lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
}

label.control-label {
    text-align: left !important;
}

#application {}

h4.sent {
    font-size: 43px;
    color: #333;
    margin-top: 2em;
    margin-bottom: 2em;
    text-align: center;
    font-family: 'Open Sans', serif;
}

.btn.btn-form {
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
    background-color: rgb(201, 82, 72);
    color: rgba(255, 255, 255, 0.9);
}

/* --------- Carousel --------- */
.carousel-fade .carousel-inner .item {
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}

.carousel,
.carousel-inner,
.carousel-inner .item {
    height: 100%;
}

.item:nth-child(1) {
    background: url('https://canada-english.com/img/covers/cover-index01.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.item:nth-child(2) {
    background: url('https://canada-english.com/img/covers/cover-index02.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.item:nth-child(3) {
    background: url('https://canada-english.com/img/covers/cover-index03.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/* --------- Css Animations --------- */

.os-animation,
.staggered-animation {
    visibility: hidden;
}

.animated {
    visibility: visible !important;
}


/* --------- Stripe --------- */

/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
    box-sizing: border-box;

    height: 40px;

    padding: 10px 12px;

    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;

    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}



/* Very Small devices (iPhone) */

@media(max-width:767px) {

    .ccel-logo {
        height: 31px;
    }

    .languagebubble {
        top: 53px;
    }

    .index-square,
    .only,
    .only-text,
    .square-50 {
        font-size: 1.4em;
    }

    .navbar-nav > li > a {
        font-size: 1.2em;
        padding: .7em .4em;
    }

    .nav-tabs > li > a {
        font-size: .8em;
    }

    .navbar-brand {
        height: 51px;
        padding: 10px;
    }

    .bg {
        height: 200px;
    }

    #subnav a {
        font-size: 1.2em;
    }

    #block-footer .logos.pad {
        margin-left: 10px;
    }

    #index .huge {
        font-size: 1.1em;
    }

    .square-50.english,
    .square-50.eap {
        height: 21em;
    }

    .square-50 .btn {
        margin: 1.3em 13%;
        width: 75%;
    }

    .square-50 .container {
        font-size: .8em;
    }

    #block-shedule .day,
    #block-shedule .week-row,
    #block-shedule .week,
    #block-shedule .time {
        font-size: .7em;
    }

    #block-shedule .day {
        height: 4.7em;
    }

    #block-shedule .week {
        height: 7.2em;
    }

    #block-level .group {
        height: auto;
    }

    #block-level .level {
        margin-top: 1em;
    }

    #block-level .section {
        position: relative;
        width: 100%;
    }

    #block-level .months.beg,
    #block-level .months.lowint,
    #block-level .months.int,
    #block-level .months.uppint,
    #block-level .months.adv,
    #block-level .months.uppadv {
        height: auto;
    }

    .g-recaptcha {
        transform: scale(0.77);
        transform-origin: 0 0
    }

    #placement .btn.btn-form.start {
        width: 50%;
    }
    
    #block-minfees {
        margin-bottom: 0;
    }

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .ccel-logo {
        height: 31px;
    }

    .languagebubble {
        top: 59px;
    }

    .index-square,
    .only,
    .only-text,
    .square-50 {
        font-size: 1.4em;
    }

    .navbar-nav > li > a {
        font-size: .95em;
        padding: 1.2em .4em;
    }

    .navbar-brand {
        height: 51px;
        padding: 10px;
    }

    .bg {
        height: 350px;
    }

    #subnav a {
        font-size: 1.2em;
    }

    #index .academic .logo {
        margin: 1.1em 0;
    }

    .col-sm-15 {
        width: 20%;
        float: left;
    }

    .square-50 .container {}

    .square-50 .btn {
        margin: 1.3em 13%;
        width: 75%;
    }

    #block-shedule .day,
    #block-shedule .week-row,
    #block-shedule .week,
    #block-shedule .time {}

    #block-shedule .day,
    #block-shedule .week {}

    .g-recaptcha {
        transform: scale(0.77);
        transform-origin: 0 0
    }

    #placement .btn.btn-form.start {
        width: 33%;
    }
    
    #block-minfees {
        margin-bottom: 0;
    }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .ccel-logo {
        height: 37px;
    }

    .index-square,
    .only,
    .only-text,
    .square-50 {
        font-size: 1.293em;
    }

    .navbar-nav > li > a {
        font-size: 1.2em;
        padding: 1.1em .7em;
    }

    .navbar-brand {
        height: 57px;
    }

    .bg {
        height: 400px;
    }

    #subnav a {
        font-size: 1.2em;
    }

    #index .academic .logo {
        margin: 1.1em 0;
    }

    .col-md-15 {
        width: 20%;
        float: left;
    }

    .square-50 .container {
        font-size: 1em;
    }

    .square-50 .btn {
        margin: 1.3em 21%;
        width: 58%;
    }

    .g-recaptcha {
        transform: scale(1);
        transform-origin: 0 0
    }
    
    #block-minfees {
        margin-bottom: 70px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .container {
        /*width: 970px;*/
    }

    .index-square,
    .only,
    .only-text,
    .square-50 {
        font-size: 1.293em;
    }

    .navbar-nav > li > a {
        font-size: 1.2em;
        padding: 1.1em .8em;
    }

    .navbar-brand {
        height: 57px;
    }

    .bg {
        height: 400px;
        width: 1170px;
        margin: auto;
    }

    #subnav a {
        font-size: 1.4em;
    }

    #index .academic .logo {
        margin: .13em 0;
    }

    .col-lg-15 {
        width: 20%;
        float: left;
    }
    
    #block-minfees {
        margin-bottom: 70px;
    }
}