/*
Theme Name: Eduma Child
Theme URI: http://127.0.0.1:82/wordpress/eduma-Child/
Description: Eduma Child Theme
Author: Promentor Solutions Oy
AUTHOR URI: http://thimspress.com
template: eduma
Version: 1.0.0
Text Domain: eduma-child
*/

/* Body */
html, body {
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-family: 'Roboto', sans-serif !important;
}

/* Top Navigation */
div.topNavigation {
    background: #000;
}
div.topNavigation ul {
    list-style-type: none;
    list-style: none;
    list-style-image: none;
    max-width: 1165px;
    margin: auto;
    padding: 10px 0 10px 0;
}
@media (max-width: 1200px) {
    div.topNavigation ul {
        margin-left: 10px;
        margin-right: 10px;
    }
    /*
    div.navigation.col-sm-12 {
        padding-left: 0;
        padding-right: 0;
    }
    */
}
@media screen and (max-width: 1200px) and (min-width: 1025px) {
    .site-header .navbar-nav>li {
        max-height: 38px !important;
    }
}
@media (max-width: 999px) {
    div.topNavigation ul {
        max-width: 935px;
    }
}
@media (max-width: 1024px) {
    div.topNavigation ul {
        padding: 40px 0 10px 0;
    }
    div.navigation.col-sm-12 {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 990px) {
    div.topNavigation ul {
        margin-left: 15px;
        margin-right: 15px;
        padding: 10px 0 10px 0;
    }
}
div.topNavigation li {
    display: inline;
}
div.topNavigation .topNavText span {
    color: #fff;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
}
@media (max-width: 391px) {
    div.topNavigation .topNavText span,
    div.topNavigation .topNavLink-left a {
        font-size: 10px !important;
    }
}
div.topNavigation .topNavLink-left a {
    color: #fff;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}
div.topNavigation .topNavLink-right {
    float: right;
}
@media (max-width: 580px) {
    div.topNavigation .topNavLink-right {
        float: left;
    }
    div.topNavigation ul {
        padding: 10px 0 30px 0;
    }
}
div.topNavigation .topNavLink-right a {
    color: #fff;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}
div.topNavigation .topNavLink-right a:hover,
div.topNavigation .topNavLink-right a:focus {
    color: #00a884;
}
/* Main Menu */
div.navigation .width-navigation .navbar-nav > li > a {
    font-weight: 500;
    letter-spacing: 0.65px;
}
.mobile-menu-container ul li a {
    font-size: 18px;
}
/* Main Menu Submenu */
div.navigation .width-navigation .navbar-nav > li .sub-menu li > a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
}
ul.navbar-nav li .sub-menu[class*=tc-columns-]>ul>li .sub-menu:before {
    background: transparent !important;
}
ul.navbar-nav li .sub-menu[class*=tc-columns-]>ul>li .sub-menu li>a, .navbar-nav li .sub-menu[class*=tc-columns-]>ul>li .sub-menu li>span {
    padding: 4px 0;
}
div.navigation .width-navigation .navbar-nav > li .sub-menu .mainLinkMenu > a {
    color: #00a884;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #000;
}
div.navigation .width-navigation .navbar-nav > li .sub-menu li > a {
    font-size: 16px;
}
@media screen and (min-width: 1025px) {
    div.navigation .width-navigation .navbar-nav > li .sub-menu li > a:after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 0%;
        content: '.';
        color: transparent;
        background: #000;
        height: 1px;
    }
    div.navigation .width-navigation .navbar-nav > li .sub-menu li > a:hover:after {
        width: 100%;
    }
    div.navigation .width-navigation .navbar-nav > li .sub-menu li > a,
    div.navigation .width-navigation .navbar-nav > li .sub-menu li > a:after,
    div.navigation .width-navigation .navbar-nav > li .sub-menu li > a:before {
        transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
    }
    div.navigation .width-navigation .navbar-nav > li .sub-menu li > a:hover {
        color: #00a884;
    }
}
div.navigation .width-navigation .navbar-nav > li .sub-menu .mainLinkMenu > a:hover {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #000;
}
.navbar-nav li .sub-menu[class*=tc-columns-]>ul>li .sub-menu {
    padding: 0 0 0 5px !important;
}
div.navigation .width-navigation .navbar-nav > li .sub-menu li > a:hover,
div.navigation .width-navigation .navbar-nav > li .sub-menu li > a:focus {
    color: #00a884;
}
span.tc-menu-inner.tc-megamenu-title {
    color: #00a884 !important;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #000 !important;
}
div.tc-megamenu-wrapper .far {
    font-size: 35px;
    text-align: center;
}
.astm-search-menu svg {
    fill: #fff !important;
}
.astm-search-menu .search-form label .search-field {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    letter-spacing: 0.65px;
    color: #fff;
    text-align: center;
    z-index: 999;
    height: 65px;
    background: rgba(0,0,0,0.95);
}
.astm-search-menu .search-form:after {
    line-height: 58px;
    font-size: 25px;
    color: #fff;
}
.astm-search-menu.astm-search-menu.full-width-menu {
    float: right;
}
/* Mobile Navbar Toggle */
div.menu-mobile-effect.navbar-toggle {
    right: 30px;
}
@media (max-width: 1024px) {
    div.mobile-menu-container ul li .icon-toggle .fa {
        margin-left: -20px !important;
    }
}
@media screen and (max-width: 1200px) and (min-width: 1025px) {
    .site-header .navbar-nav {
        margin-left: -5px;
    }
}
/* ETUSIVU */

/* REV SLIDER / HEADER */

div#rev_slider_1_1_wrapper.rev_slider_wrapper.fullscreen-container,
div#rev_slider_2_1_wrapper.rev_slider_wrapper.fullscreen-container {
    background: none !important;
    height: 850px !important;
}
div.tp-fullwidth-forcer {
    height: 850px !important;
}
.marginRow,
.marginRow .wpb_content_element {
    margin-bottom: 0 !important;
}

@media screen and (max-width: 480px) {
div#rev_slider_1_1_wrapper.rev_slider_wrapper.fullscreen-container,
div#rev_slider_2_1_wrapper.rev_slider_wrapper.fullscreen-container {
    height: 550px !important;
}
div.tp-fullwidth-forcer {
    height: 550px !important;
}
}


/* Section 1 */
h3 {
    font-family: 'Roboto', sans-serif !important;
    letter-spacing: 0.65px;
}
.heightEqualRow {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 0 !important;
}
.heightEqualCol {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.heightEqualCol p {
    padding: 75px 0 125px 0;
    font-family: 'Roboto', sans-serif !important;
    letter-spacing: 0.65px;
    color: #fff;
    font-size: 18px;
    line-height: 1.5em;
    font-weight: 700;
}
.heightEqualCol .readMoreButton {
    position: absolute;
    bottom: 0;
    width: 100% !important;
    display: block;
    margin: auto;
    padding: 0 35px 75px 0;
}
.heightEqualCol .readMoreButton .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    width: 100%;
    text-align: center;
    font-family: 'Roboto', sans-serif !important;
    letter-spacing: 0.65px;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 700;
    color: #fff;
    border: 2px solid #fff;
    background: transparent;
    border-radius: 0;
    padding: 10px;
}
.heightEqualCol .readMoreButton > .vc_btn3.vc_btn3-size-md.vc_btn3-icon-right:not(.vc_btn3-o-empty) .vc_btn3-icon {
    top: 20px !important;
}
.heightEqualCol .readMoreButton .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    border: 2px solid #fff;
    background: #000;
}
@media screen and (max-width: 1200px) and (min-width: 950px) {
    .heightEqualCol .readMoreButton .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
        font-size: 14px;
        padding: 10px 20px 10px 0px;
    }
}
@media screen and (max-width: 949px) and (min-width: 1px) {
    .heightEqualRow {
        display: block;
    }
    .heightEqualCol {
        flex: unset;
        width: 100%;
    }
}


/* Newsletter language */
.newsletterHeading {
    font-size: 30px !important;
    line-height: 1.5em !important;
    font-family: 'Roboto', sans-serif !important;
}
div.vc_custom_1522132712410 {
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}
.mc4wp-form .mc4wp-form-fields input[type=email], .mc4wp-form .mc4wp-form-fields input[type=text] {
    margin: auto !important;
    display: block;
    border: 2px solid #00a884;
    width: 85%;
    color: #000;
    text-align: center;
    font-family: 'Roboto', sans-serif !important;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-size: 18px;
    font-weight: 700;
}
.mc4wp-form .mc4wp-form-fields input[type=submit] {
    display: block;
    margin: auto !important;
    width: 85%;
    font-family: 'Roboto', sans-serif !important;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-size: 18px;
    font-weight: 700;
    border: 2px solid #00a884;
}
.mc4wp-form .mc4wp-form-fields input[type=submit]:hover {
    background: #000;
    border: 2px solid #00a884;
}
.mc4wp-form ::-webkit-input-placeholder { /* WebKit browsers */
    color: #000 !important;
    font-weight: 400;
}
    
.mc4wp-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000 !important;
    opacity: 1;
    font-weight: 400;
}
    
.mc4wp-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000 !important;
    opacity: 1;
    font-weight: 400;
}
    
.mc4wp-form :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #000 !important;
    font-weight: 400;
}

.mc4wp-alert.mc4wp-notice,
.mc4wp-alert.mc4wp-error {
    color: red;
    font-size: 16px;
    font-family: 'Roboto', sans-serif !important;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    width: 85%;
    display: block;
    margin: auto;
}
@media screen and (max-width: 480px) and (min-width: 1px) {
    .newsletterHeading {
        font-size: 20px !important;
    }
    .newsletterCol {
        margin-bottom: -105px !important;
    }
    div.topNavigation ul {
        padding: 5px !important;
    }
    div.thim-register-now-form .title {
        font-size: 16px;
    }
    div.thim-widget-header.sc_heading h3 {
        font-size: 16px;
    }
    .thim-register-now-form {
        min-height: 390px !important;
    }
    .mc4wp-form .mc4wp-form-fields input[type=submit],
    .mc4wp-form .mc4wp-form-fields input[type=email], 
    .mc4wp-form .mc4wp-form-fields input[type=text] {
        font-size: 14px;
    }
    div.thim-register-now-form .title {
        line-height: 1.5em !important;
    }
    /* For all headings */
    div.sc_heading .title {
        font-size: 20px;
        line-height: 1em;
    }
}
@media screen and (max-width: 768px) and (min-width: 481px) {
    .newsletterHeading {
        font-size: 25px !important;
    }
    .mc4wp-form .mc4wp-form-fields input[type=email], .mc4wp-form .mc4wp-form-fields input[type=text] {
        font-size: 16px;
    }
    .mc4wp-form .mc4wp-form-fields input[type=submit] {
        font-size: 16px;
    }     
}

/* BLOG */
.thim-testimonial-slider .control-nav:before {
    font-size: 45px;
    color: #00a884;
}
.thim-testimonial-slider .control-nav {
    border: none !important;
}
@media screen and (max-width: 768px) and (min-width: 1px) {
    .thim-testimonial-slider .control-nav:before {
        font-size: 25px !important;
        color: #00a884 !important;
    }
    .thim-testimonial-slider .control-nav {
        border: none !important;
    }
}
.thim-owl-carousel-post .title a {
    letter-spacing: 0.65px;
    font-family: 'Roboto', sans-serif;
}
.thim-testimonial-slider ul.scrollable li:first-child {
    left: -95px !important;
}
.widget-area aside .widget-title,
.socialForSidebar h4 {
    letter-spacing: 0.65px;
    font-family: 'Roboto', sans-serif;
    line-height: 1.5em;
    font-size: 16px;
    font-weight: 700;
}
.socialForSidebar .fab {
    font-size: 25px;
    padding: 2.5px;
    color: #000;
}
.blog-switch-layout.blog-grid article {
    border: 1px solid rgba(0, 168, 132, 0.2);
}
.blog-switch-layout.blog-grid article .entry-grid-meta>div {
    color: #555;
}
article .thim-social-share li>div a {
    color: #000;
    width: 50px;
    height: 50px;
    font-size: 25px;
}
article .thim-social-share li>div a i {
    line-height: 50px;
}
.prev-post h5,
.next-post h5 {
    letter-spacing: 0.65px;
    font-family: 'Roboto', sans-serif;
    line-height: 1.5em;
    font-size: 16px;
    font-weight: 700;
}
article .entry-header .entry-meta li span {
    color: #555;
}
.entry-navigation-post .next-post .date, .entry-navigation-post .prev-post .date,
.related-archive ul.archived-posts .date {
    letter-spacing: 0.65px;
    font-family: 'Roboto', sans-serif;
    line-height: 1.5em;
    color: #555;
}
.entry-navigation-post .next-post .heading, .entry-navigation-post .prev-post .heading {
    letter-spacing: 0.65px;
    font-family: 'Roboto', sans-serif;
    line-height: 1.5em;
    color: #000;
    font-weight: 700;
}
@media screen and (max-width: 480px) {
    div.thim-buy-now-desc .heading {
        font-size: 20px;
        line-height: 1.2em;
    }
    div.thim-buy-now-desc .description {
        font-size: 14px;
        line-height: 1.2em;
    }
    div.thim-testimonial-slider .control-nav {
        top: 55px !important;
        border: none;
    }
    div.thim-testimonial-slider .control-nav:before {
        font-size: 12px;
        color: #000;
    }
    div.thim-testimonial-slider .description {
        font-size: 14px;
        line-height: 1.4em;
    }
}

@media screen and (max-width: 767px) {
    div.thim-buy-now-desc .heading,
    div.thim-buy-now-desc .description,
    div.thim-testimonial-slider .description {
        line-height: 1.2em;
    }
    div.thim-testimonial-slider .control-nav {
        border: none;
    }
    div.thim-testimonial-slider .control-nav:before {
        font-size: 12px;
        color: #000;
    }
}
@media screen and (max-width: 1024px) {
    div.thim-buy-now-desc .heading,
    div.thim-buy-now-desc .description,
    div.thim-testimonial-slider .description {
        line-height: 1.2em;
    }
    div.thim-testimonial-slider .control-nav {
        border: none;
    }
    div.thim-testimonial-slider .control-nav:before {
        font-size: 12px;
        color: #000;
    }
    div.thim-buy-now .thim-widget-button > a {
        font-size: 12px !important;
    }
    a.widget-button.medium {
        padding: 5px 20px;
    }
}


/* FOOTER */
.footer {
    background: #000;
}
.footer h4,
.footer p,
.footer .newsletterButton {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    text-align: center;
}
.footer h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}
.footer p {
    font-size: 16px;
    font-weight: 500;
}
.footer .social-bar {
    text-align: center;
}
.footer .social-bar a .fa {
    font-size: 30px;
    padding: 20px 10px 10px 10px;
}
.send_button input {
    width: 100% !important;
    background: #000;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    border: 2px solid #00a884;
    font-size: 18px;
    padding: 10px;
    font-weight: 700;
}
.send_button input:hover,
.send_button input:focus,
.send_button input:active {
    background: #000;
    border: 2px solid #00a884;
}
.contact_element input,
.contact_element textarea {
    color: #000;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    font-size: 16px;
    font-weight: 500;
}
.contact_element textarea {
    resize: none;
}
.contact_element input::-webkit-input-placeholder,
.contact_element textarea::-webkit-input-placeholder{
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    color: #000;
}
.contact_element input:-ms-input-placeholder,
.contact_element textarea:-ms-input-placeholder{
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    color: #000;
}
.contact_element input:-moz-input-placeholder,
.contact_element textarea:-moz-input-placeholder {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    color: #000;
}
.contact_element input::-moz-input-placeholder,
.contact_element textarea::-moz-input-placeholder {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    color: #000;
}
footer#colophon .copyright-area .text-copyright, 
footer#colophon .copyright-area .text-copyright a {
    line-height: 18px !important;
}
footer#colophon .copyright-area {
    background: #000 !important;
}
footer#colophon .copyright-area .copyright-content {
    border-top-color: transparent !important;
}
footer#colophon .copyright-area .copyright-content .col-sm-12 {
    text-align: center;
    font-size: 16px;
}
#back-to-top {
    background: #00a884 !important;
    bottom: 34px !important;
}
#back-to-top:hover,
#back-to-top:focus,
#back-to-top:active {
    color: #fff !important;
}
#mc-embedded-subscribe, #mce-EMAIL {
    display: block;
    margin: auto;
    width: 85%;
    margin-bottom: 15px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding: 10px;
}
#mce-EMAIL {
    color: #000;    
}
#mce-EMAIL::-webkit-input-placeholder {
    color: #000;
}
#mce-EMAIL:-ms-input-placeholder {
    color: #000;
}
#mce-EMAIL:-moz-input-placeholder {
    color: #000;
}
#mce-EMAIL::-moz-input-placeholder {
    color: #000;
}
@media (max-width: 830px) {
    footer#colophon .footer {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .footer {
        width: 100%;
    }
    .footer h4,
    .footer p {
        text-align: center;
    }
    .contact_element input,
    .contact_element textarea,
    .send_button input {
        max-width: 85%;
    }
    .footer .nf-form-cont {
        text-align: center;
    }
}
@media (max-width: 667px) {
    #back-to-top {
        display: inline !important;
    }
}
@media (max-width: 500px) {
    .contact_element input,
    .contact_element textarea,
    .send_button input {
        max-width: 100%;
    }
}

/* MAIN HEADER TEXT */
.top_site_main .page-title-wrapper h1 {
    font-family: 'Roboto', sans-serif;
    line-height: 1.5em;
    letter-spacing: 0.65px;
    font-size: 32px;
    font-weight: 700;
}

/* PALVELUT page */
.mainText {
    color: #000;
    font-family: 'Roboto', sans-serif;
    line-height: 1.5em;
    letter-spacing: 0.65px;
    font-size: 20px;
    font-weight: 700;
}
.servicesText {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-weight: 500;
}
.readMoreButton .vc_btn3.vc_btn3-color-white.vc_btn3-style-modern {
    background: #00a884;
    border: 2px solid #00a884;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}
.readMoreButton > .vc_btn3.vc_btn3-size-md.vc_btn3-icon-right:not(.vc_btn3-o-empty) .vc_btn3-icon {
    top: 23px !important;
}
.readMoreButton .vc_btn3.vc_btn3-color-white.vc_btn3-style-modern:hover,
.readMoreButton .vc_btn3.vc_btn3-color-white.vc_btn3-style-modern:focus,
.readMoreButton .vc_btn3.vc_btn3-color-white.vc_btn3-style-modern:active {
    background: #000;
    border: 2px solid #00a884;
}
.equalHeightRow {
    display: flex;
}
.equalHeightCol {
    flex: 1;
}
.equalHeightCol p {
    padding-bottom: 85px;
}
.equalHeightCol .readMoreButton {
    position: absolute;
    bottom: 0;
    width: 100% !important;
    padding: 0 35px 0 0;
}
.equalHeightCol .readMoreButton .vc_btn3.vc_btn3-color-white.vc_btn3-style-modern {
    width: 100% !important;
    text-align: center;
}
@media screen and (max-width: 580px) and (min-width: 1px) {
    .equalHeightRow {
        display: block;
    }
    .equalHeightCol {
        flex: unset;
    }
}
@media screen and (max-width: 480px) and (min-width: 1px) {
    .top_site_main .page-title-wrapper h1 {
        font-size: 20px;
    }
    .mainText {
        font-size: 16px;
    }
}


/* Palvelut yrityksille page */
.companiesText {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-weight: 400;
    color: #000;
}
.companyContact p {
    font-size: 25px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-weight: 500;
    color: #fff;
}
@media screen and (max-width: 1020px) and (min-width: 769px) {
    div.companiesEmptySpace {
        height: 75px !important;
    }
}
@media screen and (max-width: 768px) and (min-width: 481px) {
    .companiesRow .vc_col-sm-6,
    .flexBoxReverse .vc_col-sm-6,
    .vc_col-sm-4 {
        width: 100% !important;
    }
    .flexBoxReverse {
        display: flex;
        flex-direction: column-reverse;
    }
    div.companiesEmptySpace,
    div.companiesEmptySpaceOne {
        height: 25px !important;
    }
}
@media screen and (max-width: 480px) and (min-width: 1px) {
    .flexBoxReverse {
        display: flex;
        flex-direction: column-reverse;
    }
    div.companiesEmptySpace,
    div.companiesEmptySpaceOne {
        height: 25px !important;
    }
    .mainText p {
        font-size: 18px;
    }
    .companiesText {
        font-size: 16px;
    }
    .companyContact p {
        font-size: 20px;
    }
    .companyContact img {
        width: 52px;
    }
}
div.coursesRow .thim-widget-courses .thim-category-tabs.thim-course-grid {
    margin-top: 0px !important;
}
div.coursesRow .thim-category-tabs .nav-tabs .active {
    background: #00a884;
    padding: 5px 20px;
}
div.coursesRow .thim-category-tabs .nav-tabs li {
    background: #000;
    padding: 5px 20px;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
}
div.coursesRow .thim-category-tabs .nav-tabs li:hover,
div.coursesRow .thim-category-tabs .nav-tabs li:focus {
    background: #00a884;
}
div.coursesRow .thim-category-tabs .nav-tabs li a {
    color: #fff;
    border-bottom: none;
} 
.readMoreButton > .vc_btn3.vc_btn3-size-md.vc_btn3-icon-right:not(.vc_btn3-o-empty) .vc_btn3-icon {
    top: 22px;
}
.imageIcons {
    width: 200px;
    position: relative;
    left: 12%;
    margin-bottom: -20px;
}
div.rowMarginTop {
    margin-top: -30px;
}
div.rowMarginTop .thim-widget-heading .sc_heading h3.title {
    font-size: 25px !important;
}
.imageIcon_two {
    width: 250px;
    display: block;
    margin: auto;
    position: relative;
    opacity: 0.25;
}
div.vc_row.wpb_row.vc_row-fluid.vc_custom_1519740699824.vc_row-has-fill {
    margin-bottom: -100px;
}
.languageSelector img {
    width: 100px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
}
.languageText {
    position: relative;
    top: 20px;
    left: 10px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading {
    background: #00a884 !important;
    border-color: none !important;
    border-radius: 0px;
    padding: 10px 20px;
}
body .vc_tta.vc_general .vc_tta-panel-title {
    border: 0px !important;
}
.coursesList li {
    list-style-type: none !important;
    padding: 5px 0 5px 0;
}
@media screen and (max-width: 768px) and (min-width: 1px) {
    .coursesList li a {
        width: 112% !important;
        margin: 0 -20px !important;
        font-size: 15px !important;
    }
}
.coursesList li a {
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    display: block;
    text-decoration: none;
    margin: 0 5px;
    position: relative;
}
.coursesList li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    color: transparent;
    background: #000;
    height: 1px;
}
.coursesList li a:hover:after {
    width: 100%;
}
.coursesList li a,
.coursesList li a:after,
.coursesList li a:before {
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}
.coursesList li a:hover {
    color: #000;
}
.coursesList li a > i {
    float: right;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title>a {
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    line-height: 1.5em;
}
body .vc_tta.vc_general .vc_tta-panel-title > a:before {
    background: none !important;
}
.wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before {
    border-color: #fff !important;
    left: -4px !important;
    right: -4px !important;
    top: -4px !important;
    bottom: -4px !important;
}
@media screen and (max-width: 665px) and (min-width: 1px) {
    .wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before {
        border-color: #fff !important;
        left: 2px !important;
        right: 2px !important;
        top: 2px !important;
        bottom: 2px !important;
    }
    body .vc_tta.vc_general .vc_tta-panel-title {
        padding-left: 0px !important;
    }
    body .vc_tta.vc_general .vc_tta-panel-title > a {
        padding-left: 0px !important;
    }
    body .vc_tta.vc_general .vc_tta-panel-title span {
        max-width: 450px;
        display: block;
    }
}
@media screen and (max-width: 500px) and (min-width: 1px) {
    body .vc_tta.vc_general .vc_tta-panel-title span {
        max-width: 290px;
        display: block;
    }
}
@media screen and (max-width: 370px) and (min-width: 1px) {
    body .vc_tta.vc_general .vc_tta-panel-title span {
        max-width: 258px;
        display: block;
    }
}
div.coursesListRow .vc_tta-panel.vc_active .vc_tta-panel-body {
    background: #00a884 !important;
    border-radius: 0px !important;
}

div.vc_row.wpb_row.vc_row-fluid.lastRow {
    margin-bottom: -130px !important;
}
@media screen and (max-width: 872px) {
    .coursesList {
        width: 100%;
    }
}
@media screen and (max-width: 830px) and (min-width: 769px) {
    div.vc_row.wpb_row.vc_row-fluid.lastRow {
        margin-bottom: -100px !important;
    }
}
@media screen and (max-width: 768px) and (min-width: 481px) {
    div.vc_row.wpb_row.vc_row-fluid.lastRow {
        margin-bottom: -45px !important;
    }
}
@media screen and (max-width: 480px) and (min-width: 1px) {
    .behindTextImg {
        max-width: 350px;
        top: 25%;
        left: 50%;
    }
    .imageIcon_two {
        width: 200px;
        margin-bottom: -20px;
    }
    div.vc_row.wpb_row.vc_row-fluid.lastRow {
        margin-bottom: -45px !important;
    }
}

/* COURSE Page */
.entry-title,
.top_site_main .page-title-wrapper .banner-wrapper {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    letter-spacing: 0.65px;
    line-height: 1.5em;
}
.learn-press .course-tabs .nav.nav-tabs li a,
.thim-course-info .title {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.65px;
    line-height: 1.5em;
}
.learn-press .course-tabs .thim-course-content {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.65px;
    line-height: 1.5em;
}
.learn-press .course-tabs .thim-course-content h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0.65px;
    line-height: 1.5em;
}
#tab-course-description .thim-course-info ul li {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.65px;
    line-height: 1.5em;
}
.course-thumbnail img {
    border: 1px solid #000;
}

/* Contact Us */
.contactRow .fas {
    padding: 5px 10px 5px 10px;
    font-size: 18px;
    color: #00a884;
}
.contactRow .contactInfo {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #000;
    letter-spacing: 0.65px;
    line-height: 1.5em;
}
.contactRow .contactInfoBottom1 {
    position: relative;
    left: 42px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #555;
    letter-spacing: 0.65px;
    line-height: 1.5em;
}
.contactRow .contactInfoBottom2 {
    position: relative;
    left: 44px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #555;
    letter-spacing: 0.65px;
    line-height: 1.5em;
}
.contactRow .contactInfoBottom3 {
    position: relative;
    left: 39px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #555;
    letter-spacing: 0.65px;
    line-height: 1.5em;
}
.contactRow .contactInfoBottom4 {
    position: relative;
    left: 43px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #555;
    letter-spacing: 0.65px;
    line-height: 1.5em;
}
.contactRow .col-sm-12,
.contactRow .col-sm-6 {
    padding: 20px;
}
.contactSocialBar {
    position: relative;
    left: 45px;
}
@media screen and (max-width: 480px) and (min-width: 1px) {
    .contactSocialBar {
        left: 0px;
    }
}
.contactSocialBar .contactSocial li {
    display: inline-block;
    list-style-type: none;
    padding: 10px;
    font-size: 40px;
}
.contactSocialBar .contactSocial .fab.fa-facebook-f {
    color: #3B5998;
}
.contactSocialBar .contactSocial .fab.fa-twitter-square {
    color: #00aced;
}
.contactSocialBar .contactSocial .fab.fa-youtube {
    color: #cc181e;
}
.contactSocialBar .contactSocial .fab.fa-linkedin {
    color: #0077b5;
}
.contactUsRow .nf-form-content {
    position: relative;
    top: 25px;
}
.contactUsRow .nf-field input,
.contactUsRow .nf-field textarea {
    border: 1px solid #000;
    color: #000;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
}
.contactUsRow .nf-field #nf-field-4 {
    color: #fff;
}
.contactUsRow .nf-field input::-webkit-input-placeholder {
    color: #000;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
  }
.contactUsRow .nf-field input::-moz-placeholder { 
    color: #000;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
  }
.contactUsRow .nf-field input:-ms-input-placeholder { 
    color: #000;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
  }
.contactUsRow .nf-field input:-moz-placeholder { 
    color: #000;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
  }
  .contactUsRow .submit-wrap {
      width: 120px !important;
  }
  @media screen and (max-width: 880px) and (min-width: 768px) {
      .contactRow {
          width: 600px;
      }
      .contactRow .col-sm-6 {
          width: 100%;
      }
  }

  /* YRITYS */
  div.recruimentButton .vc_btn3.vc_btn3-color-white.vc_btn3-style-modern {
      border-radius: 0;
      background: #00a884;
      border: 2px solid #00a884;
      color: #fff;
      font-family: 'Roboto', sans-serif;
      letter-spacing: 0.65px;
      line-height: 1.5em;
      font-size: 16px;
      font-weight: 600;
  }
  div.recruimentButton .vc_btn3.vc_btn3-color-white.vc_btn3-style-modern:hover {
      border: 2px solid #00a884;
      background: #000;
  }
  .our-team-item .title {
      font-size: 18px !important;
      font-family: 'Roboto', sans-serif;
      letter-spacing: 0.65px;
      line-height: 1.5em;
      font-weight: 600;
  }
 .our-team-item .regency {
     color: #555 !important;
     font-size: 14px;
 }
 .referenceRow {
     margin-bottom: 45px;
     overflow: hidden;
 }
 .grid-container {
     display: grid;
     grid-gap: 15px;
     grid-template-columns: auto auto auto auto;
     padding: 10px;
 }
 @supports (display: -ms-grid) {
    .grid-container {
        display: -ms-grid;
        -ms-grid-rows: 10px;
        -ms-grid-columns: auto auto auto auto;
        padding: 10px;
    }
 }
 .grid-item {
     background-color: #fff;
     padding: 10px;
     font-size: 18px;
     font-family: 'Roboto', sans-serif;
     letter-spacing: 0.65px;
     line-height: 1.5em;
     font-weight: 700;
     text-align: center;
     transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
 }
 .grid-item img {
     opacity: 0.5;
     filter: alpha(opacity=50);
     transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
 }
 .grid-item:hover {
     box-shadow: 0px 0px 10px inset,
     0px 0px 5px;
     -webkit-box-shadow: 0px 0px 10px inset,
     0px 0px 5px;
     -moz-box-shadow: 0px 0px 10px inset,
     0px 0px 5px;
     -o-box-shadow: 0px 0px 10px inset,
     0px 0px 5px;
 }
 .grid-item:hover img {
     opacity: 1;
     filter: alpha(opacity=50);
 }
 @media screen and (max-width: 768px) and (min-width: 481px) {
    .grid-container {
        display: block;
    }
    div.recruitmentImg.vc_col-sm-6 {
        width: 100% !important;
    }
 }
 @media screen and (max-width: 480px) and (min-width: 1px) {
    .grid-container {
        display: block;
    }
    div.recruimentButton .vc_btn3.vc_btn3-color-white.vc_btn3-style-modern {
        font-size: 14px;
    }
    .grid-item img {
        width: 200px;
    }
 }
 /* SUPPORT */
 .supportDetails h4 {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-weight: 600;
 }
 .supportDetails p {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-weight: 400;
    color: #000;
 }
 .supportDetails a:hover,
 .supportDetails a:focus,
 .supportDetails a:active {
     color: #000;
 }
 .supportDetails .fas {
     font-size: 18px;
     color: #00a884;
 }
 .supportDetails span {
     position: relative;
     left: 25px;
     font-size: 16px;
     font-family: 'Roboto', sans-serif;
     letter-spacing: 0.65px;
     line-height: 1.5em;
     font-weight: 500;
     color: #000;
 }
 .supportDetails p {
     margin-top: 10px;
     font-size: 14px;
     font-family: 'Roboto', sans-serif;
     letter-spacing: 0.65px;
     line-height: 1.5em;
     font-weight: 500;
     color: #555;
 }


/* OPPILAITOKSET */

body .vc_tta.vc_tta-spacing-1 .vc_tta-tab.vc_active:before {
    background: #00a884 !important;
}
body .vc_tta.vc_tta-spacing-1 .vc_tta-tab:before {
    background: #000 !important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {
    background-color: #fff !important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
    background-color: #fff !important;
    color: #000 !important;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-size: 16px;
    font-weight: 700;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a {
    color: #000 !important;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-size: 14px;
    font-weight: 700;
}
#main .vc_tta-tabs.vc_general .vc_tta-panels {
    background: #fff !important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
    color: #000 !important;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-size: 16px;
    font-weight: 400;
}
.benefitsImage img {
    position: relative;
    top: 315px;
}
/* LAPSET */
.moominlsText a {
    font-size: 25px;
    color: #fff !important;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-weight: 700;
}
.readMoominButton .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    background: #5bc6cb;
    border: 2px solid #5bc6cb;
    border-radius: 0px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-weight: 500;
    font-size: 16px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}
.readMoominButton .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    background: #fff;
    border: 2px solid #5bc6cb;
    border-radius: 0px;
    color: #000;
}
.radiusImage .single-image > img {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0px 2px 10px rgba(1,1,1,0.5);
}
@media screen and (max-width: 480px) and (min-width: 1px) {
    .readMoominButton .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
        font-size: 14px;
    }
}

/* BLOGI */
.entry-content > p {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-weight: 400;
    font-size: 16px;
}
.entry-content > p > a {
    color: #00a884;
    font-weight: 500;
}
.entry-content > p > a:hover {
    color: #000;
    font-weight: 500;
}
.rel-post-text a {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-weight: 500;
}
.thim-owl-carousel-post .info .date:before {
    background: #00a884;
}
.blog-switch-layout .post-index {
    color: #000;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
}
.sc_heading .sub-heading,
.thim-testimonial-slider .regency {
    color: #000;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
}
/* KURSSIT */
#course_name {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-weight: 700;
    font-size: 24px;
    color: #00a884;
}
#course_size,
#course_level,
#course_description {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-weight: 400;
    font-size: 18px;
    color: #000;
}
.backToCourse {
    background: #00a884;
    border: 2px solid #00a884;
    padding: 10px;
    text-align: center;
    display: block;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-weight: 700;
    font-size: 18px;
}
.backToCourse > i {
    float: left;
    margin-top: 2.5px;
}
.backToCourse:hover,
.backToCourse:focus,
.backToCourse:active {
    background: #000;
    border: 2px solid #00a884;
    color: #fff;
}
@media screen and (max-width: 480px) and (min-width: 1px) {
    .backToCourse {
        width: 100%;
    }
    .backToCourse > a > i {
        float: left;
        position: relative;
        top: 2.5px;
    }
}

/* Questionnaire */

.questionaire h4 {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-weight: 700;
    font-size: 25px;
    text-align: center;
}

/* Newsletter confirmation */
div.thankYouMessage p {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-weight: 400;
    font-size: 18px;
}
div.thankYouMessage a {
    padding: 10px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    background: #00a884;
    border: 2px solid #00a884;
}
div.thankYouMessage a:hover {
    background: #000;
    border: 2px solid #00a884;
}

/* border-bottom Row */
#border_bottom_row {
    border-bottom: 1px solid #ddd;
}


/* Hidden display */
.post-tag,
.comment-respond,
.thim-about-author,
.footer .nf-form-fields-required,
.breadcrumbs,
.learn-press .message.message-error, 
.message.message-error,
.learn-press .course-meta,
.learn-press .course-payment .course-price .value.free-course, 
.learn-press .thim-course-landing-button .course-price .value.free-course,
#tab-course-curriculum,
#tab-course-instructor,
#tab-course-review,
.lectures-feature,
.quizzes-feature,
.students-feature,
.assessments-feature,
.course-tabs .thim-social-share,
.thim-ralated-course,
.learn-press .course-tabs .nav.nav-tabs li:nth-child(n+2),
.contactUsRow .nf-form-fields-required,
.page-id-6600 .footer,
.thim-owl-carousel-post .info .author {
    display: none;
}
@media screen and (max-width: 1024px) {
    #magic-line {
        display: none;
    }   
}
@media screen and (max-width: 912px) and (min-width: 1px) {
    .astm-search-menu.astm-search-menu.full-width-menu {
        display: none !important;
    }
}

/* Error Page */
div.page-404-content h2 {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-weight: 500;
    font-size: 65px;
}
div.page-404-content p {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.65px;
    line-height: 1.5em;
    font-weight: 500;
    font-size: 25px;
}