* {
    margin: 0;
}

html, body {
    height: 100%;
}

body {
    overflow-y: scroll;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
}


@media (min-width: 768px) {
    .container {
        width: 1000px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

.footer, .push {
    height: 100px; /* .push must be the same height as .footer */
}

body {
    background: #ffffff repeat-x;
    border: none;
    margin: 0;
    text-align: left;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;

}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Regular.ttf);
}

@font-face {
    font-family: OpenSans;
    src: url(../fonts/OpenSans-Regular.ttf);
}

@font-face {
    font-family: 'Stone';
    src: url('../fonts/Stonehen.ttf');
}

html > body {
    width: 100%;
    height: 100%;
}

.page-header {
    background: #01514b;
    padding-bottom: 0px;
    margin: 0px 0 0px;
    border-bottom: 0px solid #eee;
}

.page-header-white {
    background: #ffffff;
    padding-bottom: 0px;
    margin: 0px 0 0px;
    border-bottom: 0px solid #eee;
}

.page-header .col-xs-10 {
    padding-left: 0px;
    padding-right: 0px;
}

.header-logo {
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px 0 0px;
    text-align: left;
}

.header-language {
    text-align: right;
    padding-top: 2px;
    color: #ffffff;
}

.header-language a {
    color: #ffffff;
}

.header-language a:hover, a:focus {
    color: #ffffff;
    text-decoration: underline;
    cursor: pointer;
}

.header-contact {
    color: #ffffff;
    float: right;
    text-align: center;
    vertical-align: bottom;
    padding-top: 40px;
}

p {
    color: #000000;
    font-family: arial, sans-serif;
}

.navbar-default {
    /*background-color: #FFFF47;*/
    /*background-color: #f9ee39;*/
    background-color: #fbdf41;
}

.navbar {
    border-radius: 0px;
    margin-bottom: 0px;
    border: 1px solid transparent;
    font-family: arial, serif;
    font-size: 14px;
}

.navbar ul.nav a:hover {
    color: #faa732;
    background-color: #fbdf41;
    border: 0px solid #f7d514;
    /*border: 1px solid #faa732;*/
    /*border-radius: 3px;*/
    /*margin-top: 4px;*/
    /*padding-top: 09px;*/
    /*padding-bottom: 10px;*/
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #000000;
    background-color: #fbdf41;
    font-weight: bold;
    /*border: 1px solid #f7d514;*/
    /*border: 1px solid #faa732;*/
    /*border-radius: 3px;*/
    /*margin-top: 4px;*/
    /*padding-top: 09px;*/
    /*padding-bottom: 10px;*/
}

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

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #000000;
    background-color: #ffffff;
}

.dropdown-menu {
    background-color: #ffffff;
    border: 0px solid #ccc;
    border: 0px solid rgba(0, 0, 0, .15);
    border-radius: 0px;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.main-module {
    background: #ffffff;
    width: 100%;
    border-radius: 0px;
    margin-top: 50px;
    border-top: solid 0px #999999;
}

.main-module h1 {
    /*font: 24px/normal Georgia, "Times New Roman", Times, serif;*/
    font-family: Montserrat, sans-serif;
    font-size: 26px;
    color: #6a8ebe;
    margin-top: -17px;
    text-align: left;
    margin-bottom: 25px;
}

.main-module h1 span {
    background: #fff;
    padding: 15px;;
}

.left-module {
    float: left;
    width: 72%;
}

.left-module p {
    /*font: 24px/normal Georgia, "Times New Roman", Times, serif;*/
    font-family: 'OpenSans', 'sans-serif';
    margin-right: 25px;
}

.right-module {
    width: 28%;
    float: right;
    border: 0px solid #ccd0d3;
    margin-bottom: 20px;
}

.right-module .col-xs-12 {
    padding-left: 10px;
    padding-right: 0px;
}

.event-list h3 {
    /*font: 16px/normal Georgia, "Times New Roman", Times, serif;*/
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    color: #676767;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.evnt_lst {
    overflow: auto;
    max-height: 360px;
    margin-bottom: 15px;
    padding-left: 25px;
}

.evnt_lst {
    overflow: auto;
    max-height: 360px;
    margin-bottom: 15px;
}

.evnt_lst h5 {
    font: 12px/18px Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 3px;
    color: #333535;
}

.evnt_lst h5 strong {
    padding-right: 12px;
    margin-right: 5px;
    font-weight: bold;
    color: #ff9b08;
}

.evnt_lst p {
    line-height: 16px;
    font: 11px/18px Arial, Helvetica, sans-serif;
}

.evnt_lst p strong {
    padding-right: 12px;
    margin-right: 5px;
    font-weight: bold;
    color: #ff9b08;
}

.evnt_lst ul {
    padding-left: 15px;
}

.col-xs-12 {
    padding-left: 5px;
    padding-right: 10px;
}

.class-about .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-10 {
    padding-left: 5px;
    padding-right: 15px;
}

.class-blog .col-xs-6 {
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-10.inner {
    padding-left: 0px;
    padding-right: 0px;
}

.col-xs-1.inner {
    padding-left: 0px;
    padding-right: 0px;
}

.classes-title {
    padding-left: 5px;
    padding-right: 20px;
}

.calendar-widget-title {
    background-color: #c9d255;
    color: #f7f6f4;
    font-size: 20px;
    line-height: 32px;
    font-weight: normal;
    position: relative;
    margin: 0px 0 0;
    text-shadow: none;
    text-align: center;
}

.calendar-widget-title .calendar-widget-title-arrow-left {
    background: url("../images/calendar-arrow-end-left.png") no-repeat;
    width: 12px;
    height: 32px;
    top: 0;
    left: 0;
    position: absolute;
}

.calendar-widget-title .calendar-widget-title-arrow-right {
    background: url("../images/calendar-arrow-end-right.png") no-repeat;
    width: 12px;
    height: 32px;
    top: 0;
    right: -1px;
    position: absolute;
}

.chp_widget_feature_box {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    padding-top: 50px;
    padding-left: 5px;
}

.chp_widget_feature_box h1 {
    margin: 7px 0 4px;
}

.chp_widget_feature_box .ch-feature-box-icon {
    /*background-color: #8aba3c;*/
    color: #f4f4f4;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 100px 100px;
    -moz-border-radius: 100px / 100px;
    border-radius: 100px / 100px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    margin: 5px;
}

.chp_widget_feature_box .ch-feature-box-icon:hover {
    background-color: #e15a00;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.cbp_widget_row *, .cbp_widget_row *:before, .cbp_widget_row *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.cbp_widget_row img {
    max-width: 100%;
    border: none
}

.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none
}

.sf-menu li {
    position: relative
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99
}

.sf-menu > li {
    float: left
}

.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
    display: block
}

.sf-menu a {
    display: block;
    position: relative
}

.sf-menu ul ul {
    top: 0;
    left: 100%
}

.sf-menu {
    float: left;
    margin-bottom: 1em
}

.sf-menu ul {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    min-width: 12em;
    *width: 12em
}

.sf-menu a {
    padding: .75em 1em;
    text-decoration: none;
    zoom: 1
}

.sf-menu li {
    white-space: nowrap;
    *white-space: normal;
    -webkit-transition: background .2s;
    transition: background .2s
}

.sf-menu li:hover, .sf-menu li.sfHover {
    -webkit-transition: none;
    transition: none
}

.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    *padding-right: 1em
}

.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color: #dFeEFF;
    border-top-color: rgba(255, 255, 255, 0.5)
}

.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: white
}

.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #dFeEFF;
    border-left-color: rgba(255, 255, 255, 0.5)
}

.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: white
}

.ui-helper-hidden {
    display: none
}

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

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #eeeeee 50% top repeat-x;
    color: #333333
}

.ui-widget-content a {
    color: #333333
}

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold
}

.ui-widget-header a {
    color: #ffffff
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #cccccc;
    background: #f6f6f6 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #fbcb09;
    background: #fdf5ce 50% 50% repeat-x;
    font-weight: bold;
    color: #c77405
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
    color: #c77405;
    text-decoration: none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #ffffff 50% 50% repeat-x;
    font-weight: bold;
    color: #eb8f00
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c 50% top repeat-x;
    color: #363636
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 50% 50% repeat;
    color: #ffffff
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #ffffff
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #ffffff
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #666666 50% 50% repeat;
    opacity: .5;
    filter: Alpha(Opacity=50)
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000000 50% 50% repeat-x;
    opacity: .2;
    filter: Alpha(Opacity=20);
    border-radius: 5px
}

.etabs {
    margin: 0 0 3px;
    padding: 0
}

.tab {
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: #eee;
    border: solid 1px #999;
    border-bottom: none;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0
}

.tab a {
    font-size: 14px;
    line-height: 2em;
    display: block;
    padding: 0 10px;
    outline: none
}

.tab a:hover {
    text-decoration: underline
}

.tab.active {
    background: #fff;
    padding-top: 6px;
    position: relative;
    top: 1px;
    border-color: #666
}

.tab a.active {
    font-weight: bold
}

.tab-container .panel-container {
    background: #fff;
    border: solid #666 1px;
    padding: 10px;
    -moz-border-radius: 0 4px 4px 4px;
    -webkit-border-radius: 0 4px 4px 4px
}

.cbp-tabs {
    overflow: hidden
}

.cbp_widget_gallery .mix {
    opacity: 0;
    display: none
}

.cbp_widget_gallery img {
    float: left
}

body:after {
    content: url(../img/lightbox/close.png) url(../img/lightbox/loading.gif) url(../img/lightbox/prev.png) url(../img/lightbox/next.png);
    display: none
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal
}

.lightbox .lb-image {
    display: block;
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.lightbox a img {
    border: none
}

.lb-outerContainer {
    position: relative;
    background-color: white;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-container {
    padding: 4px
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../img/lightbox/loading.gif) no-repeat
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}

.lb-container > .nav {
    left: 0
}

.lb-nav a {
    outline: none
}

.lb-prev, .lb-next {
    width: 49%;
    height: 100%;
    cursor: pointer;
    display: block
}

.lb-prev {
    left: 0;
    float: left
}

.lb-prev:hover {
    background: url(../img/lightbox/prev.png) left 48% no-repeat
}

.lb-next {
    right: 0;
    float: right
}

.lb-next:hover {
    background: url(../img/lightbox/next.png) right 48% no-repeat
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-data {
    padding: 0 4px;
    color: #bbbbbb
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: bold;
    line-height: 1em
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999999
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(../img/lightbox/close.png) top right no-repeat;
    text-align: right;
    outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.lb-image {
    max-width: inherit
}

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1
}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(images/controls.png) no-repeat 0 -32px
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(images/controls.png) no-repeat -43px -32px
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666 \9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

.cbp_widget_slider {
    margin: 0;
    padding: 0
}

#scrollUp {
    bottom: 0px;
    right: 30px;
    width: 70px;
    height: 70px;
    margin-bottom: -10px;
    padding: 10px 5px;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    color: #828282;
    -webkit-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
    background-color: #E6E6E6;
    background-image: -moz-linear-gradient(top, #ebebeb, #dedede);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebebeb), to(#dedede));
    background-image: -webkit-linear-gradient(top, #ebebeb, #dedede);
    background-image: -o-linear-gradient(top, #ebebeb, #dedede);
    background-image: linear-gradient(to bottom, #ebebeb, #dedede);
    background-repeat: repeat-x;
    -webkit-transition: margin-bottom 150ms linear;
    -moz-transition: margin-bottom 150ms linear;
    transition: margin-bottom 150ms linear
}

#scrollUp:hover {
    margin-bottom: 0px
}

.respmenu-wrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: none
}

.respmenu-header {
    overflow: hidden;
    margin-bottom: 10px
}

.respmenu-header img {
    height: 100%;
    width: auto
}

.respmenu-header a, .respmenu-header span {
    float: left
}

.respmenu-header .respmenu-open {
    float: right
}

.respmenu, .respmenu-submenu {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit
}

.respmenu {
    border-top: 1px dotted;
    border-left: 1px dotted;
    border-right: 1px dotted
}

.respmenu li {
    border: 0;
    margin: 0;
    cursor: pointer;
    padding-left: 25px;
    font-size: 100%;
    font: inherit
}

.respmenu li a {
    display: block;
    text-decoration: none;
    padding: 15px;
    border-bottom: 1px dotted;
    color: #000;
    -moz-transition: color .2s;
    -webkit-transition: color .2s;
    -o-transition: width color .2s;
    transition: color .2s, padding-left 0.2s
}

.respmenu li a:hover {
    color: blue;
    padding-left: 20px
}

.respmenu > li {
    padding: 0
}

.respmenu-open, .respmenu-submenu-toggle {
    float: right;
    cursor: pointer
}

.respmenu-open {
    border: 3px solid green;
    padding: 1px 10px;
    border-radius: 4px
}

.respmenu-open hr {
    width: 26px;
    border: 3px solid
}

.respmenu-open:hover, .respmenu-open:hover hr {
    border: 3px solid blue
}

.respmenu_current a {
    background-color: yellow
}

@media (max-width: 979px) {
    .respmenu-wrap {
        display: block
    }
}

.cbp-has-animation {
    opacity: 0
}

.cbp-has-animation[data-animation="fade-in-from-left"] {
    left: -40px
}

.cbp-has-animation[data-animation="fade-in-from-right"] {
    right: -40px
}

.cbp-has-animation[data-animation="fade-in-from-bottom"] {
    bottom: -100px
}

.cbp-has-animation[data-animation="grow-in"] {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    -o-transform: scale(0.4);
    -moz-transform: scale(0.4);
    transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25);
    -webkit-transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25);
    -moz-transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25);
    -o-transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25);
    -webkit-backface-visibility: hidden
}

.cbp-has-animation[data-animation="flip-in"] {
    transform: perspective(1000px) rotateY(25deg);
    -webkit-transform: perspective(1000px) rotateY(25deg);
    -o-webkit-transform: perspective(1000px) rotateY(25deg);
    -moz-webkit-transform: perspective(1000px) rotateY(25deg);
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease
}

body {
    -webkit-backface-visibility: hidden
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-30px)
    }
    60% {
        transform: translateY(-15px)
    }
}

.bounce {
    animation-name: bounce
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.3)
    }
    50% {
        opacity: 1;
        transform: scale(1.05)
    }
    70% {
        transform: scale(0.9)
    }
    100% {
        transform: scale(1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(-30px)
    }
    80% {
        transform: translateY(10px)
    }
    100% {
        transform: translateY(0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(30px)
    }
    80% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(0)
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(30px)
    }
    80% {
        transform: translateX(-10px)
    }
    100% {
        transform: translateX(0)
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(-30px)
    }
    80% {
        transform: translateX(10px)
    }
    100% {
        transform: translateX(0)
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceOut {
    0% {
        transform: scale(1)
    }
    25% {
        transform: scale(0.95)
    }
    50% {
        opacity: 1;
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        transform: scale(0.3)
    }
}

.bounceOut {
    animation-name: bounceOut
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fadeOut, .dismiss {
    animation-name: fadeOut
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(20px)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(20px)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) rotateY(360deg) scale(0.95);
        animation-timing-function: ease-in
    }
    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in
    }
}

.flip {
    backface-visibility: visible !important;
    animation-name: flip
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

.flipInX {
    backface-visibility: visible !important;
    animation-name: flipInX
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

.flipInY {
    backface-visibility: visible !important;
    animation-name: flipInY
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    100% {
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    animation-name: hinge
}

.animated.hinge {
    animation-duration: 2s
}

@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

.animated.lightSpeedIn {
    animation-duration: 0.5s
}

@keyframes lightSpeedOut {
    0% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

.animated.lightSpeedOut {
    animation-duration: 0.25s
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg)
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        transform: translateX(10px)
    }
}

.shake {
    animation-name: shake
}

.spin {
    display: inline;
    animation: spin 2s linear;
    animation-iteration-count: infinite
}

.spin-once {
    display: inline;
    animation: spin 2s linear;
    animation-iteration-count: 1
}

.spin-twice {
    display: inline;
    animation: spin 2s linear;
    animation-iteration-count: 2
}

.spin-thrice {
    display: inline;
    animation: spin 2s linear;
    animation-iteration-count: 3
}

.spin-fast {
    display: inline;
    animation: spin 1s linear;
    animation-iteration-count: infinite
}

.spin-fast-once {
    display: inline;
    animation: spin 1s linear;
    animation-iteration-count: 1
}

.spin-fast-twice {
    display: inline;
    animation: spin 1s linear;
    animation-iteration-count: 2
}

.spin-fast-thrice {
    display: inline;
    animation: spin 1s linear;
    animation-iteration-count: 3
}

.spin-slow {
    display: inline;
    animation: spin 5s linear;
    animation-iteration-count: infinite
}

.spin-slow-once {
    display: inline;
    animation: spin 5s linear;
    animation-iteration-count: 1
}

.spin-slow-twice {
    display: inline;
    animation: spin 5s linear;
    animation-iteration-count: 2
}

.spin-slow-thrice {
    display: inline;
    animation: spin 5s linear;
    animation-iteration-count: 3
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    100% {
        transform: rotate(0deg)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    0% {
        transform: scale(1)
    }
    10%, 20% {
        transform: scale(0.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        transform: scale(1) rotate(0)
    }
}

.tada {
    animation-name: tada
}

@keyframes wiggle {
    0% {
        transform: skewX(9deg)
    }
    10% {
        transform: skewX(-8deg)
    }
    20% {
        transform: skewX(7deg)
    }
    30% {
        transform: skewX(-6deg)
    }
    40% {
        transform: skewX(5deg)
    }
    50% {
        transform: skewX(-4deg)
    }
    60% {
        transform: skewX(3deg)
    }
    70% {
        transform: skewX(-2deg)
    }
    80% {
        transform: skewX(1deg)
    }
    90% {
        transform: skewX(0deg)
    }
    100% {
        transform: skewX(0deg)
    }
}

.wiggle {
    animation-name: wiggle;
    animation-timing-function: ease-in
}

.animated.wiggle {
    animation-duration: 0.75s
}

@keyframes wobble {
    0% {
        transform: translateX(0%)
    }
    15% {
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        transform: translateX(0%)
    }
}

.wobble {
    animation-name: wobble
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    100% {
        transform: translateY(0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    100% {
        transform: translateX(0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    100% {
        transform: translateX(0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideOutLeft {
    0% {
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

.cbp_widget_image img {
    max-width: 100%;
    height: auto
}

.cbp_widget_link {
    cursor: pointer
}

span.cbp_widget_icon {
    display: inline-block
}

.cbp_widget_map img {
    max-width: none
}

.cbp_row_fixed_bg {
    background: 50% 0 no-repeat fixed
}

.cbp-widget-post-meta-data {
    margin-bottom: 8px
}

.cbp-widget-post-meta-comments i, .cbp-widget-post-meta-tags i, .cbp-widget-post-meta-author i {
    margin-left: 5px
}

.cbp-bold-all h1, .cbp-bold-all h2, .cbp-bold-all h3, .cbp-bold-all h4, .cbp-bold-all h5, .cbp-bold-all h6 {
    font-weight: bold
}

.cbp-unbold-all h1, .cbp-unbold-all h2, .cbp-unbold-all h3, .cbp-unbold-all h4, .cbp-unbold-all h5, .cbp-unbold-all h6 {
    font-weight: normal
}

.cbp-bold.h1 h1, .cbp-bold.h2 h2, .cbp-bold.h3 h3, .cbp-bold.h4 h4, .cbp-bold.h5 h5, .cbp-bold.h6 h6 {
    font-weight: bold
}

.cbp-unbold.h1 h1, .cbp-unbold.h2 h2, .cbp-unbold.h3 h3, .cbp-unbold.h4 h4, .cbp-unbold.h5 h5, .cbp-unbold.h6 h6 {
    font-weight: normal
}

.cbp_widget_post .cbp_widget_post_meta span {
    margin: 0 5px
}

.cbp_widget_meta {
    margin-bottom: 5px
}

.cbp-height-100 {
    height: 100px;
    overflow: hidden
}

.cbp-height-200 {
    height: 200px;
    overflow: hidden
}

.cbp-height-300 {
    height: 300px;
    overflow: hidden
}

.cbp-height-400 {
    height: 400px;
    overflow: hidden
}

.cbp-height-500 {
    height: 500px;
    overflow: hidden
}

.cbp-height-600 {
    height: 600px;
    overflow: hidden
}

.cbp-height-700 {
    height: 700px;
    overflow: hidden
}

.cbp-height-800 {
    height: 800px;
    overflow: hidden
}

.cbp-height-900 {
    height: 900px;
    overflow: hidden
}

.cbp-row:after {
    content: " ";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.ch-feature-box-text-wrapper {
    display: table-cell;
    padding-left: 10px;
}

.ch-feature-box-text {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-family: Montserrat, sans-serif;
    line-height: 1.2;
    text-shadow: 0 2px white;
}

.ch-feature-box-text-wrapper p {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    color: #A19D9D;
}

.panel-footer p {
    text-align: right;
    vertical-align: bottom;
    font-size: 10px;
}

.address {
    text-align: left;
    vertical-align: bottom;
    font-size: 12px;
}

.address strong {
    font-weight: bold;
    color: #7f8080;
    font-size: 11px;
}

.address .email a {
    color: #4f9e18;
    text-decoration: none;
}

.panel-footer .col-xs-2{
    width: 19%;
}

.panel-footer .col-xs-6{
    width: 47%;
}

.blue {
    background-color: #46b8da;
}

.blue-title {
    color: #6a8ebe;
}

.red {
    background-color: #bf6363;
}

.orange {
    background-color: #ff9b08;
}

.yellow {
    background-color: #e0b84e;
}

.purple {
    background-color: #5977b8;
}

.green {
    background-color: #056861;
}

.subtle {
    color: #085d57;
    padding-left: 40px;
}

.down {
    padding-top: 15px;
}

/*
    CONTACT DETAILS
*/
.contactus-map {
    text-align: right;
}

.contactus-map iframe{
    width: 100%;
    height: 450px;
}

.contact-details {
    padding-bottom: 5px;
}

input, button, select, textarea {
    background-color: #f7f7f7;
    border-radius: 8px;
    border: 1px solid #cccccc !important;
    width: 100% !important;
    color: #111111 !important;
    font-size: 15px;
    padding: 8px;
    margin: 4px;
}

/*
    Gallery
*/
.gallery ul {
    padding: 0px;
    list-style-type: none;
}

.thumbnails li {
    display: inline;
    padding-bottom: 8px;
    padding-right: 5px;
}

.thumbnails img {
    border: 1px solid #cccccc;
    border-radius: 8px;
    padding: 0px;
    margin-bottom: 8px;
}

.gallery li {

}

.news_btn {
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.news_btn.medium {
    padding: 7px 7px;
    font-size: 15px;
    width: 112px
}

.news_btn_textevidence {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    font-size: 16px;
}

.news_btn_absolute_left {
    position: absolute;
    margin-top: 5px;
}

.news_btn_absolute_left_over {
    position: absolute;
    margin-top: 5px;
    margin-left: 5px;
}

.news_btn_imgbg > img {
    width: 112px;
    height: 80px;
}

.news_btn_imgbgphoto > img {
    width: 111px;
    height: 100px;
    margin-bottom: 5px;
}

.news_btn_imgbg.extrabig > div {
    width: 112px;
    height: 80px;
}

.news_marginleft {
    margin-left: 115px;
}

.news_marginright {
    margin-right: 10px;
}

.news_btn img {
    width: 100%;
    height: auto;
    display: block;
}

div.zabuto_calendar .table tr td.event div.day, div.zabuto_calendar ul.legend li.event {
    background-color: #ffffff;
}

.uniform_details {
    height: 370px;
}

.neg-margin-15 {
    margin-left: -15px;
}

.booklist li {
    color: #000000;
    font-family: arial, sans-serif;
    font-size: 15px;
    line-height: 22px;
}

.booklist ul {
    -webkit-padding-start: 20px;
}

.events-link {
    list-style-type: none;
    padding-top: 10px;
    padding-left: 0px;
}

.classes img {
    width: 100%;
    height: 500px;
    /*border-top: solid 6px #c9d255;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;*/
    border: solid 2px #868585;
}

.classes-side img {
    width: 100%;
    height: 360px;
    /*border-top: solid 6px #c9d255;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;*/
    border: solid 2px #868585;
}

.class-header {
    text-align: center;
}

.class-header-line {
    border-bottom: 3px solid #a4d04d;
    padding-bottom: 4px;
}

.activities {
    min-height: 450px;
    max-height: 450px;
}

.homerow .col-xs-1 {
    padding-right: 0px;
    padding-left: 0px;
}

.ethos img {
    width: 70%;
}

.ethos-align {
    text-align: center;
}

.enrolment {
    text-align: center;
}

.class-blog-post {
    font-size: 13px;
}

.badge {
    cursor: pointer;
}

.policy-row .col-xs-4 {
    padding-right: 25px;
}


.alert-danger{
    color: red;
    font-size: 20px;
}