html {
    height: 100%;
}

body {
    position:   relative;
    background: #ffffff;
}

header {
    padding: 10px 0;
}

h1, h2, h3, h4 {
    color: #037595;
}

.uk-icon-button {
    text-shadow: none;
}

.header-right {
    float:       right;
    margin-top:  12px;
    font-weight: 700;
}

.header-right a {
    text-transform: uppercase;
    margin-left:    20px;
}

.header-right a:hover {
    text-decoration: none;
}

/* slider */
.slider_title {
    color:      #ffffff;
    margin-top: 15px;
    text-align: center;
}

.slider-button {
    float:       right;
    margin-top:  15px;
    background:  #037595;
    color:       #ffffff;
    text-shadow: none;
}

.slider-button:hover {
    background-color: #72ad15;
    color:            #ffffff;
    outline:          0;
    text-decoration:  none;
    border-color:     rgba(0, 0, 0, .16);
}

.slider_content {
    color:      #ffffff;
    margin-top: 15px;
}

#nav, #nav ul {
    margin:              0;
    padding:             0;
    list-style-type:     none;
    list-style-position: outside;
    position:            relative;
    line-height:         1.5em;
}

#nav a {
    display:         block;
    box-sizing:      border-box;
    text-decoration: none;
    height:          41px;
    padding:         0 15px;
    line-height:     40px;
    color:           #ffffff;
    font-size:       14px;
    font-family:     "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:     400;
    margin-left:     -1px;
    border:          0 solid #ffffff;
    text-shadow:     0 0 0 #ffffff;
}

#nav a:hover {
    background-color: #ffffff;
    color:            #333333;
}

#nav li.uk-active a.top {
    color:            #72ad15;;
    background-color: #ffffff;
}

#nav li {
    float:    left;
    position: relative;
}

#nav ul {
    position:   absolute;
    display:    none;
    top:        40px;
    background: #72ad15;
    z-index:    1;
    width:      240px;
    left:       0;
}

#nav li ul a {
    width:         240px;
    height:        auto;
    float:         left;
    line-height:   24px;
    padding:       8px 15px;
    border-bottom: 1px solid #ffffff;
}

#nav ul ul {
    top: auto;
}

#nav li ul ul {
    left:   230px;
    margin: 0 0 0 10px;
    width:  300px;
    border: 1px solid #037595;
}

#nav li ul ul li a {
    line-height:   18px;
    border-bottom: 1px solid #ffffff;
    width:         300px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
    display: none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
    display: block;
}

/* end slider*/

#breadcrumbs {
    background: #037595;
}

.site-logo {
    float: left;
}

#navigation {
    background: #72ad15;
}

#breadcrumbs {
    line-height:   40px;
    color:         #ffffff;
    border-top:    0 solid #037595;
    border-bottom: 0 solid #037595;
}

.header-contacts {
    text-align:  right;
    color:       #ffffff;
    font-size:   16px;
    line-height: 40px;
}

.header-contacts a {
    color:       #ffffff;
    font-size:   16px;
    line-height: 40px;
}

.uk-navbar {
    background:    transparent;
    color:         #ffffff;
    border:        none;
    border-radius: 0;
}

.uk-navbar-nav:first-child > li:first-child > a {
    border-top-left-radius:    0;
    border-bottom-left-radius: 0;
}

.uk-navbar-nav > li:first-child {
    margin-left: 0;
}

.uk-navbar-nav > li {
    margin-left: 10px;
}

.uk-navbar-nav > li > a {
    text-shadow: none;
    margin-top:  0;
    color:       #ffffff;
}

.uk-navbar-nav > li.uk-active > a {
    background-color:   transparent;
    color:              #037595;
    border-left-color:  transparent;
    border-right-color: transparent;
    border-top-color:   transparent;
}

.uk-navbar-nav > li.uk-open > a, .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus {
    background-color:   transparent;
    color:              #037595;
    border-left-color:  transparent;
    border-right-color: transparent;
    border-top-color:   transparent;
}

.uk-dropdown-navbar {
    background: #eeeeee;
    color:      #037595;
}

.uk-nav-navbar > li > a {
    color: #037595;
}

.uk-nav-navbar > li > a:focus, .uk-nav-navbar > li > a:hover {
    background: #037595;
    color:      #ffffff;
}

.uk-dropdown {
    border-radius: 0;
    border:        none;
}

.uk-nav-offcanvas .uk-nav-header {
    background: #333333;
    padding:    15px;
}

li.top {
    text-transform: none;
}

.ul.uk-nav-sub {
    padding: 10px 0 5px 20px;
}

.uk-breadcrumb {
    margin: 0;
}

.uk-breadcrumb a {
    color: #ffffff;
}

ul.uk-nav-sub {
    padding: 10px 0 5px 25px;
}

li.sep {
    text-shadow:         none;
    margin-top:          0;
    color:               #ffffff;
    display:             block;
    box-sizing:          border-box;
    text-decoration:     none;
    height:              41px;
    padding:             0 15px;
    line-height:         40px;
    font-size:           14px;
    font-family:         "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:         400;
    margin-left:         -1px;
    border:              1px solid transparent;
    border-bottom-width: 0;
}

li.sep li {
    line-height: 20px;
}

li.sep:hover {
    cursor: pointer;
}

footer {
    color:   #ffffff;
    bottom:  0;
    left:    0;
    right:   0;
    padding: 15px 0;
}

.slider_title {
    font-size:   32px;
    line-height: 38px;
}

.uk-slidenav-position .uk-slidenav-next {
    right: -60px;
}

.uk-slidenav-position .uk-slidenav-previous {
    left: -60px;
}

.gallery-panel {
    margin: 10px;
}

#copyright {
    background:  #222222;
    color:       #ffffff;
    line-height: 40px;
}

#copyright a, #copyright a:hover {
    color:           #ffffff;
    text-decoration: none;
}

.widget-panel {
    padding: 15px;
}

.uk-thumbnail.slider-image {
    display:         block;
    max-width:       100%;
    box-sizing:      border-box;
    margin:          0 auto;
    padding:         4px;
    border:          3px solid #dddddd;
    background:      #ffffff;
    border-radius:   4px;
    height:          320px;
    width:           500px;
    background-size: cover;
}

.links-panel {
    margin:        0 auto;
    border-radius: 5px;
}

.links-panel h2 {
    line-height: 35px;
}

.article-thumbnail {
    max-width: 200px;
    margin:    0 15px 15px 0;
}

.uk-article-title {
    margin-bottom: 0;
}

ol, ul {
    padding-left: 0;
    margin-left:  15px;
}

em {
    color: #222222;
}

.g-recaptcha {
    transform:        scale(0.74);
    transform-origin: 0 0;
}

iframe {
    width: 100%;
}

#wg-slider {
    background: #f7f6be;
    min-height: 320px;
    padding:    10px;
}

/* dates table*/
.table .thead {
    border-bottom:  2px solid #e4e7ea;
    color:          #666666;
    font-size:      13px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.table .thead .th {
    padding-left: 10px;
}

.table.table-hover .tbody .tr:hover {
    background-color: #ecf4fc;
}

.table .tbody .tr:nth-last-child(odd) {
    background-color: #f5f5f5;
}

.table .tbody .td {
    padding: 10px 0 5px 10px;
}

.table .tbody .td.options {
    padding-top: 5px;
}

/*Widget styles*/

.links-widget .widget_content a {
    color:       #037595;
    font-size:   18px;
    line-height: 30px;
    font-weight: 500;
    font-style:  italic;
}

.links-widget .widget_content a:hover {
    color:           #72ad15;
    text-decoration: none;
}

.uk-accordion-content img {
    float:   right;
    padding: 10px;
}

.widget_social_links {
    text-align: center;
    list-style: none;
}

.u-courses li {
    list-style:    none;
    margin-bottom: 10px;
}

.widget_social_links li {
    display: inline-block;
}

#faq-table {
    border: 2px solid #03a2cb;
}

#faq-table.uk-table-striped tbody tr:nth-of-type(odd) {
    background: #b7e5f1;
}

#faq-table.uk-table-striped tbody tr:nth-of-type(even) {
    background: #e0f6fc;
}

.courses-list {
    padding: 5px;
}

.uk-panel-hover {
    background-color: #f5f5f5;
    color:            #444444;
    border:           1px solid #dddddd;
}

.login-form input {
    width: 270px;
}

#login-errors {
    width:       95%;
    margin-left: 10px;
}

.account-menu li {
    list-style:    none;
    padding:       8px 15px;
    border-bottom: 1px solid #ffffff;
    background:    #72ad15;
}

.account-menu li:last-child {
    border-bottom: none;
}

.account-menu li:hover {
    background: #ffffff;
}

.account-menu li a {
    color:           #ffffff;
    line-height:     24px;
    text-decoration: none;
}

.account-menu li:hover a {
    color: #72ad15;
}

.course_title {
    font-size: 20px;
    color:     #72ad15;
}

#widget-panel-14 {
    padding: 0 !important;
}

@media (max-width: 767px) {
    .site-logo {
        max-width: 75%;
    }

    h3.mobile-name {
        color:      #ffffff;
        margin-top: 10px;
    }

    .site-logo-text {
        float:      left;
        margin-top: 0;
    }

    .site-logo-text h1 {
        text-align:  center;
        font-size:   20px;
        line-height: 24px;
        margin:      5px 0 0 0;
        font-weight: 800;
    }

    .header-right {
        float:      none;
        text-align: center;
    }

    .header-contacts {
        text-align:  center;
        line-height: 25px;
        margin-top:  15px;
    }

    .uk-h1, h1 {
        font-size:   20px;
        line-height: 26px;
    }

    #copyright {
        line-height: 25px;
        padding:     5px 0;
    }

    .uk-nav ul a {
        padding: 4px 0;
    }

    .uk-position-bottom {
        bottom: -20px;
    }

    .blank-widget {
        display: none;
    }

    .uk-accordion-content img {
        float: none;
    }
}
