/* Global Styles */

body {
    position: relative;
    height: 100%!important;
    width: 100%;
    font-family: "Open sans",sans-serif;
    font-size: 13px;
    color: #000;
    overflow-x: hidden;
    /*background: #eee;*/
}

html {
    height: 100%!important;
    position: relative;
}

a:hover,
a:active,
a:focus {
    outline: none!important;
}

.pace .pace-progress {
    background: #22BAA0;
}

.pace .pace-progress-inner {
    box-shadow: 0 0 10px #22BAA0, 0 0 5px #22BAA0;
}

.pace .pace-activity {
    border-top-color: #22BAA0;
    border-left-color: #22BAA0;
    margin-top: 60px;
}


/* Typography */

p {
    display: block;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 22px;
    margin: 0px 0px 10px 0px;
    font-style: normal;
    white-space: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /*font-weight: 300;
    font-family: 'Open Sans', sans-serif;*/
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}

h3,
h4,
h5 {
    font-weight: 600;
}


/* Buttons */

.btn {
    font-size: 13px;
    border: 1px solid transparent;
    border-radius: 0;
    outline: none!important;
}

.btn-addon i {
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    margin: -7px -13px;
    margin-right: 12px;
    line-height: 34px;
    text-align: center;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background-color: rgba(0,0,0, 0.1);
}

.btn-rounded.btn-addon i {
    margin: -7px -16px;
    margin-right: 15px;
    border-radius: 50px;
}

.btn-rounded.btn-addon.btn-sm i {
    margin: -7px -16px;
    margin-right: 10px;
    border-radius: 50px;
}

.btn-lg {
    line-height: inherit;
}

    .btn-lg.btn-addon i {
        width: 45px;
        height: 45px;
        margin: -11px -17px;
        margin-right: 16px;
        line-height: 45px;
    }

.btn-sm.btn-addon i {
    width: 30px;
    height: 30px;
    margin: -6px -11px;
    margin-right: 10px;
    line-height: 30px;
}

.btn-xs.btn-addon i {
    width: 22px;
    height: 22px;
    margin: -2px -6px;
    margin-right: 5px;
    line-height: 22px;
    font-size: 10px;
}

.btn-default {
    background-color: #fff;
    color: #333;
    border: 1px solid #e5e5e5;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-group.open .btn-default.dropdown-toggle,
    .btn.btn-default.active {
        background-color: #f1f1f1;
        border: 1px solid #e5e5e5;
    }

.btn-primary {
    background-color: #7a6fbe;
    color: #fff;
    border: 1px solid transparent;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-group.open .btn-primary.dropdown-toggle,
    .btn.btn-primary.active {
        background-color: #6a5fac;
        border: 1px solid transparent;
    }

.btn-success {
    background-color: #22BAA0;
    color: #fff;
    border: 1px solid transparent;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-group.open .btn-success.dropdown-toggle,
    .btn.btn-success.active {
        background-color: #1DB198;
        border: 1px solid transparent;
    }

.btn-danger {
    background-color: #f25656;
    color: #fff;
    border: 1px solid transparent;
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger:active,
    .btn-group.open .btn-danger.dropdown-toggle,
    .btn.btn-danger.active {
        background-color: #e14444;
        border: 1px solid transparent;
    }

.btn-info {
    background-color: #12AFCB;
    color: #fff;
    border: 1px solid transparent;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-group.open .btn-info.dropdown-toggle,
    .btn.btn-info.active {
        background-color: #08A7C3;
        border: 1px solid transparent;
    }

.btn-warning {
    background-color: #f2ca4c;
    color: #fff;
    border: 1px solid transparent;
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning:active,
    .btn-group.open .btn-warning.dropdown-toggle,
    .btn.btn-warning.active {
        background-color: #e8bf40;
        border: 1px solid transparent;
    }

.btn-rounded {
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 50px;
    min-width: 200px;
    font-weight: 600;
    font-size: 18px;
}

.btn-group.open .dropdown-toggle {
    box-shadow: none;
}


/* Forms */

label {
    font-size: 13px;
    font-weight: normal;
}

.controls label {
    display: block;
}

.form-control {
    background: #fff;
    border-radius: 0;
    border: 1px solid #dce1e4;
    box-shadow: none!important;
    font-size: 13px;
    padding: 6px 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

input[disabled] {
    background: #f7f7f7;
    border-color: #d2d7db;
}

.form-control:focus {
    border: 1px solid #bdc5c9;
    background: #fff;
}

.help-block {
    margin-bottom: 5px;
}

.form-group.has-success .form-control,
.form-group.has-warning .form-control,
.form-group.has-error .form-control {
    box-shadow: none;
}

    .form-group.has-success .form-control:focus {
        border: 1px solid #22BAA0;
        background: #fff;
    }

    .form-group.has-warning .form-control:focus {
        border: 1px solid #f6d433;
        background: #fff;
    }

    .form-group.has-error .form-control:focus {
        border: 1px solid #f25656;
        background: #fff;
    }

.form-group.has-success label {
    color: #22BAA0;
}

.form-group.has-warning label {
    color: #f6d433;
}

.form-group.has-error label {
    color: #f25656;
}

label.error {
    color: #a94442;
    font-weight: bold;
    margin-top: 5px;
    float: left;
    font-size: 12px;
}

input.form-control.input-rounded {
    border-radius: 30px;
}

.input-group .btn {
    padding: 7px 12px;
}

ol.linenums {
    margin: 0;
}



/* CSS Utilities */
/* Margins & Paddings */

.no-s {
    margin: 0px!important;
    padding: 0px!important;
}

.no-m {
    margin: 0;
}

.no-p {
    padding: 0;
}

.m {
    margin: 15px;
}

.m-t-xxs {
    margin-top: 5px;
}

.m-r-xxs {
    margin-right: 5px;
}

.m-b-xxs {
    margin-bottom: 5px;
}

.m-l-xxs {
    margin-left: 5px;
}

.m-t-xs {
    margin-top: 10px;
}

.m-r-xs {
    margin-right: 10px;
}

.m-b-xs {
    margin-bottom: 10px;
}

.m-l-xs {
    margin-left: 10px;
}

.m-t-sm {
    margin-top: 15px;
}

.m-r-sm {
    margin-right: 15px;
}

.m-b-sm {
    margin-bottom: 15px;
}

.m-l-sm {
    margin-left: 15px;
}

.m-t-md {
    margin-top: 20px;
}

.m-r-md {
    margin-right: 20px;
}

.m-b-md {
    margin-bottom: 20px;
}

.m-l-md {
    margin-left: 20px;
}

.m-t-lg {
    margin-top: 25px;
}

.m-r-lg {
    margin-right: 25px;
}

.m-b-lg {
    margin-bottom: 25px;
}

.m-l-lg {
    margin-left: 25px;
}

.m-t-xxl {
    margin-top: 30px;
}

.m-r-xxl {
    margin-right: 30px;
}

.m-b-xxl {
    margin-bottom: 30px;
}

.m-l-xxl {
    margin-left: 30px;
}

.m-t-n-xxs {
    margin-top: -5px;
}

.m-r-n-xxs {
    margin-right: -5px;
}

.m-b-n-xxs {
    margin-bottom: -5px;
}

.m-l-n-xxs {
    margin-left: -5px;
}

.m-t-n-xs {
    margin-top: -10px;
}

.m-r-n-xs {
    margin-right: -10px;
}

.m-b-n-xs {
    margin-bottom: -10px;
}

.m-l-n-xs {
    margin-left: -10px;
}

.m-t-n-sm {
    margin-top: -15px;
}

.m-r-n-sm {
    margin-right: -15px;
}

.m-b-n-sm {
    margin-bottom: -15px;
}

.m-l-n-sm {
    margin-left: -15px;
}

.m-t-n-md {
    margin-top: -20px;
}

.m-r-n-md {
    margin-right: -20px;
}

.m-b-n-md {
    margin-bottom: -20px;
}

.m-l-n-md {
    margin-left: -20px;
}

.m-t-n-lg {
    margin-top: -25px;
}

.m-r-n-lg {
    margin-right: -25px;
}

.m-b-n-lg {
    margin-bottom: -25px;
}

.m-l-n-lg {
    margin-left: -25px;
}

.m-t-n-xxl {
    margin-top: -30px;
}

.m-r-n-xxl {
    margin-right: -30px;
}

.m-b-n-xxl {
    margin-bottom: -30px;
}

.m-l-n-xxl {
    margin-left: -30px;
}

.p {
    padding: 15px;
}

.p-h-xxs {
    padding-left: 5px;
    padding-right: 5px;
}

.p-h-xs {
    padding-left: 10px;
    padding-right: 10px;
}

.p-h-sm {
    padding-left: 15px;
    padding-right: 15px;
}

.no-p-h {
    padding-left: 0;
    padding-right: 0;
}

.no-p-v {
    padding-top: 0;
    padding-bottom: 0;
}

.p-h-md {
    padding-left: 20px;
    padding-right: 20px;
}

.p-h-lg {
    padding-left: 25px;
    padding-right: 25px;
}

.p-h-xxl {
    padding-left: 30px;
    padding-right: 30px;
}

.p-v-xxs {
    padding-top: 5px;
    padding-bottom: 5px;
}

.p-v-xs {
    padding-top: 10px;
    padding-bottom: 10px;
}

.p-v-sm {
    padding-top: 15px;
    padding-bottom: 15px;
}

.p-v-md {
    padding-top: 20px;
    padding-bottom: 20px;
}

.p-v-lg {
    padding-top: 25px;
    padding-bottom: 25px;
}

.p-v-xxl {
    padding-top: 30px;
    padding-bottom: 30px;
}


/* Icons */

.icon-xs {
    font-size: 12px;
}

.icon-sm {
    font-size: 14px;
}

.icon-md {
    font-size: 16px;
}

.icon-lg {
    font-size: 18px;
}

.icon-state-default {
    color: #ccc;
}

.icon-state-primary {
    color: #7a6fbe;
}

.icon-state-success {
    color: #22BAA0;
}

.icon-state-info {
    color: #12AFCB;
}

.icon-state-warning {
    color: #f6d433;
}

.icon-state-danger {
    color: #f25656;
}


/* Navbar */


.navbar {
    /*background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0,0,0,0)),color-stop(150%, #000)) !important;
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%,#000 150%) !important;
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%,#000 150%) !important;
    background-image: linear-gradient(to top, rgba(0,0,0,0) 0%,#000 150%) !important;*/
    background-size: 100% 75px;
    background-repeat: no-repeat;
    position: absolute !important;
    width: 100%;
    background-color: transparent;
    border: none;
}

    .navbar.whiteHeader {
        margin-top: 0;
    }

.whiteHeader .navbar-toggle {
    color: #fff;
    font-size: 25px !important;
}

.headerscroll .cd-nav-trigger span, .headerscroll .cd-nav-trigger span::before, .headerscroll .cd-nav-trigger span::after {
    background: #5a5a5a;
}

.headerscroll .navbar-toggle {
    color: #5a5a5a !important;
    font-size: 25px !important;
}

/*.navbar.whiteHeader ul li a {
        color: #5a5a5a;
    }*/

.navbar.headerscroll ul li a {
    color: #5a5a5a;
}

.navbar.whiteHeader .navbar-brand {
    color: #5f5f5f;
}

.navbar .navbar-brand {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    height: 60px;
    padding: 20px 15px;
    font-size: 20px;
}

.navbar button {
    color: #fff;
}

.navbar ul li a {
    color: #fff;
    background: transparent;
    -webkit-transition: color 0.3s, box-shadow 0.3s;
    -moz-transition: color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, box-shadow 0.3s;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    /*text-indent:-9999px;*/
    padding: 5px 20px !important;
}

    .navbar ul li a:hover {
        background: transparent;
        /*text-shadow: 0 0 20px rgba(0,0,0,0.7);*/ color: #fff;
    }

.headerscroll ul li a:hover {
    background: transparent;
    /*text-shadow: 0 0 20px rgba(0,0,0,0.7);*/ color: #337ab7 !important;
}


.navbar ul li a:focus,
.navbar ul li a:active,
.navbar ul li.active a {
    background: transparent;
}

@media (min-width: 768px) {
    /*.cd-stretchy-nav {
        left: 30px !important;
    }*/
    /*.cd-nav-trigger-lang {
    background: #5a5a5a;
    box-shadow: none;
}*/
    /*.cd-stretchy-nav.nav-is-visible-lang .stretchy-nav-bg {
            background: #fff !important;
        }*/

    .navbar-nav > li > a {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    /*.cd-nav-trigger-lang {
        background: #5a5a5a;
        box-shadow: none;
    }*/



    .navbar ul li.active a {
        background: transparent;
        border-top: 2px solid #22BAA0;
        padding-top: 18px;
    }

    .navbar.whiteHeader ul li.active a {
        color: #333;
    }

    .top-banner-text h1 {
        font-size: 35px;
        bottom: 35px;
    }

    .top-banner-text h2 {
        font-size: 14px;
    }

    a.navbar-brand {
        margin-left: 38%;
    }

    .nav-bar {
        margin-bottom: 70px;
    }
}

@media (max-width: 768px) {
    .top-banner-text h2 {
        display: none;
    }

    .top-banner-text img {
        margin-top: 70px;
    }

    .top-banner-text h1 {
        font-size: 35px !important;
        bottom: 5px !important;
    }

    #navbar {
        background: #fff;
        -webkit-box-shadow: 0px 1px 8px 0px rgba(51, 51, 51, 0.2);
        -moz-box-shadow: 0px 1px 8px 0px rgba(51, 51, 51, 0.2);
        box-shadow: 0px 1px 8px 0px rgba(51, 51, 51, 0.2);
    }

    .whiteHeader ul li a {
        color: #5a5a5a;
    }

    .navbar-brand {
        margin-left: 15px;
        background-size: 120px !important;
        padding: 0px !important;
    }

    .home-text {
        top: 55% !important;
    }

    .cd-nav-trigger.nav-is-visible-lang span::before, .cd-nav-trigger.nav-is-visible-lang span::after {
        /* keep visible other 2 lines */
        background: #5a5a5a !important;
    }

    .cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
        background: #5a5a5a !important;
    }
    /*.scroller {
        top: 40%;
    }*/
}


/* Home */

.home {
    width: 100%;
    height: 100%;
    position: relative;
    /*background: url('/content/webui/images/bg.jpg') fixed;*/
    background-size: cover;
}

    .home #slideshowWrapper {
        width: 100%;
        height: 100vh;
        position: relative;
        background-size: cover;
    }

        .home #slideshowWrapper ul {
            padding: 0px;
        }

        .home #slideshowWrapper img {
            width: 100%;
            height: 100%;
        }

.banner-img-back {
    background: rgba(0,0,0,1);
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    opacity: .6;
    border-radius: 0;
    -webkit-border-radius: 0;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(9,40,52,0.7);
    z-index: 100;
}

.seperator{margin: 30px auto;
    text-align: center;
    width: 100%;
    height: 1px;
    background: #e1e1e1;}

.overlay-gradient {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(9,40,52,0.7);
    z-index: 10;
    background: #0f2a4f; /* Old browsers */
    background: -moz-linear-gradient(top, #0f2a4f 45%, #ff8419 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0f2a4f 45%,#ff8419 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0f2a4f 45%,#ff8419 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f2a4f', endColorstr='#ff8419',GradientType=0 ); /* IE6-9 */
    opacity: 0.7;
}

.home-text {
    position: absolute;
    top: 60%;
    bottom: 0;
    left: 0px;
    right: 0;
    margin: 0 auto;
    height: 257px;
    margin-top: -128.5px;
    color: #fff;
    text-align: center;
    z-index: 1000;
}

    .home-text > a.btn {
        margin: 0 5px;
    }

    .home-text h1 {
        font-size: 55px;
        font-weight: 600;
        margin-bottom: 0px;
        margin-top: 0;
        text-shadow: 0 0 20px rgba(0,0,0,0.5);
    }

    /*.home-text h1:after {
            width: 80px;
            height: 2px;
            background: #f1f1f1;
            margin: 15px auto 15px auto;
            display: block;
            content: ' ';
        }*/

    .home-text p {
        font-size: 22px;
        margin-bottom: 15px;
        text-shadow: 0 0 20px rgba(0,0,0,0.5);
        letter-spacing: 1px;
    }

@media (max-width: 768px) {
    .home-text h1 {
        font-size: 30px;
    }

    .home-text p {
        font-size: 16px;
    }
}



.scroller {
    position: absolute;
    bottom: 5%;
    left: 0;
    right: 0;
    width: 18px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    z-index: 1000;
}

.mouse {
    height: 40px;
    width: 25px;
    border-radius: 12px;
    transform: none;
    border: 2px solid white;
    top: 170px;
    /*background: #fff;*/
}

.wheel {
    height: 8px;
    width: 3px;
    display: block;
    margin: 5px auto;
    background: #fff;
    position: relative;
}

.wheel {
    -webkit-animation: mouse-wheel 1.2s ease infinite;
    -moz-animation: mouse-wheel 1.2s ease infinite;
}

@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-moz-keyframes mouse-wheel {
    0% {
        top: 1px;
    }

    50% {
        top: 2px;
    }

    100% {
        top: 3px;
    }
}

@-webkit-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes mouse-scroll {
    0%;

{
    opacity: 0;
}

50% {
    opacity: .5;
}

100% {
    opacity: 1;
}

}

@keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}



/* Features */


.features-list {
    padding-top: 75px;
}

.feature-icon {
    border-radius: 50%;
    margin: 0 auto;
    text-align: center;
    line-height: 50px;
    font-size: 40px;
    color: #fff;
    border: 2px solid #337ab7;
    width: 55px;
    height: 55px;
    font-size: 25px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.features-list .col-sm-4:hover .feature-icon {
    background: #22BAA0;
    color: #fff;
}

.features-list .col-sm-4 {
    margin-bottom: 20px;
    text-align: center;
    cursor: pointer;
}

.features-list h2 {
    margin-right: 20px;
    margin-left: 20px;
}

.features-list .col-sm-4 .btn-link {
    color: #22BAA0;
}

.features-list .col-sm-4 p {
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
}

#section-1 {
    padding: 20px 0;
    margin-top: 20px;
    background: #f7f7f7;
}

.iphone-img {
    display: block;
    margin: 0 auto;
}

.tabs-style-linebox {
    margin-top: 20px;
}

    .tabs-style-linebox .content-wrap section p {
        font-size: 14px;
    }

ul.features-list-2 li {
    padding: 15px;
}

#section-2 {
    padding: 20px 0;
    background: #f1f1f1;
}

    #section-2 p {
        font-size: 14px;
    }

#section-3 {
    background: url('../images/testimonials.jpg');
    background-position: center;
    background-size: cover;
    position: relative;
}

    #section-3 .carousel {
        padding: 50px 0 20px 0;
        color: #fff;
        position: relative;
    }

        #section-3 .carousel .item {
            padding-bottom: 60px;
            text-align: center;
        }

            #section-3 .carousel .item p {
                font-size: 14px;
            }

            #section-3 .carousel .item span {
                font-size: 12px;
                color: #ccc;
            }


/* Contact */

#contact {
    text-align: center;
    padding: 20px 0;
    margin-top: 20px;
    background: #f7f7f7;
}

    #contact textarea {
        padding: 10px 16px;
    }

.contact-button {
    padding: 0;
    font-size: 25px;
    height: 75px;
    width: 75px;
    border-radius: 50%;
    line-height: 75px;
}

@media (max-width: 768px) {

    a.navbar-brand {
        margin-left: 38%;
    }

    .contact-name {
        margin-bottom: 15px;
    }

    .navbar {
        background-color: #fff;
        background-image: none !important;
        /*position: relative !important;*/
    }

    a.navbar-brand {
        background: url("/content/webui/images/akg-logo.png") no-repeat 0 0 !important;
    }

    .navbar.headerscroll ul li a {
        color: #5a5a5a !important;
    }

    .navbar button {
        color: #5a5a5a;
    }
}

/* Footer */

footer .footer-body {
    padding: 12px 20px;
    background: #fff;
    font-size: 13px;
    position: relative;
    z-index: 1;
}

footer .side {
    line-height: 30px;
    color: #a5a5a5;
    font-size: 12px;
}

footer .footer-body ul {
    padding: 0px;
    list-style: none;
    text-decoration: none;
}
.museum_box {margin-top:15px;color:#000;}
.museum_box img{width:250px;height:150px;background-color:#eee;}
.museum_box .text-info{margin-left:20px;}
.museum_box .text-info h2{margin:0px 0 5px;color:#000;font-size: 20px;font-weight:300;}
.museum_box .text-info p{margin-top:0px; color:gray;font-size:12px;}
.museum_box .accordionButton{background:none;padding:0px !important;margin-top:0px;position:relative;}
.museum_box .accordionButton:first-child{margin-top:0px;}
.museum_box .accordionButton:before {
    background: url(/content/webui/images/gallery_image_overlay.png) no-repeat scroll 0 -213px transparent;
    bottom: 0;
    height: 31px;
    position: absolute;
    width: 35px;
    opacity: 0.8;
    z-index: 10;
    content: '';
}

.museum_box .accordionButton.on:before {
    background: url(/content/webui/images/gallery_image_overlay.png) no-repeat scroll 0 -251px transparent;
    content: '';
}

footer .footer-body .footer-wrapper ul li {
    padding: 10px 0;
    list-style: none;
    text-decoration: none;
    color: gray;
    margin-left: 40px;
    float: left;
    font-size: 12px;
}

@media(max-width:767px){
    footer .footer-body .footer-wrapper ul li {
    padding: 10px 0;
    list-style: none;
    text-decoration: none;
    color: gray;
    margin-left: 8px;
    float: left;
    font-size: 12px;
}
}


    footer .footer-body .footer-wrapper ul li a {
        color: gray;
    }

        footer .footer-body .footer-wrapper ul li a:hover, footer .footer-body .footer-wrapper ul li a:focus {
            color: #a9cf12;
            text-decoration: none;
        }

a.navbar-brand {
    background: url("../../../content/webui/images/akg-white.png") no-repeat center 8px;
}

.headerscroll a.navbar-brand {
    background: url("../../../content/webui/images/akg-logo_.png") no-repeat center 8px;
    /*background-size: 100px;*/
    padding: 0px !important;
    width: 90px;
}

.cd-nav {
    margin-top: 12px;
    float: right;
}

a.navbar-brand {
    font-size: 0px;
    text-indent: -9999px;
    width: 190px;
    height: 55px;
    margin-top: 10px;
    padding: 0px !important;
}

.headerscroll {
    position: fixed !important;
    background: #fff !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0px 1px 8px 0px rgba(51, 51, 51, 0.2);
    -moz-box-shadow: 0px 1px 8px 0px rgba(51, 51, 51, 0.2);
    box-shadow: 0px 1px 8px 0px rgba(51, 51, 51, 0.2);
    min-height: 70px !important;
    background-image: linear-gradient(to top, rgba(255,255,255,1) 0%,#fff 140%) !important;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(255,255,255,1)),color-stop(200%, #fff)) !important;
    background-image: -moz-linear-gradient(bottom, rgba(255,255,255,1) 0%,#fff 200%) !important;
    background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%,#fff 200%) !important;
}


.page-wrap {
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -60px;
}

    .page-wrap:after {
        content: "";
        display: block;
    }

    footer, .page-wrap:after {
        /* .push must be the same height as footer */
        min-height: 60px;
    }

        footer .footer-body {
            border-top: 1px solid #eee;
            margin-top: 30px;
        }

        footer .footer-bottom {
            background: #eee;
            padding: 15px;
            color: #fff;
        }

.fl {
    float: left;
}

.fr {
    float: right;
}

.fl-desk {
    float: left;
}

.fr-desk {
    float: right;
}

@media(max-width:767px){
    .fl-desk {
    text-align: center;
        float: none;
}

.fr-desk {
    text-align: center;
    float: none;
}
}

.tp-bullets, .tparrows.preview2, .tp-bannertimer {
    display: none;
}



@media only screen and (min-width: 320px) and (max-width: 479px) {

    #horizontal-tabs {
        margin-top: 15px !important;
        border: 1px solid #eee;
    }

        #horizontal-tabs ul.tabs li {
            height: 47px;
            margin: 0px !important;
            background: #e7e7e7 !important;
            border-bottom: 1px solid #e7e7e7;
            border-top: 1px solid #fff;
        }

            #horizontal-tabs ul.tabs li a {
                border-radius: 0px;
                line-height: 41px;
                display: block !important;
                width: 100% !important;
                border-bottom: 1px solid #e7e7e7;
                border-top: 1px solid #fff;
                padding: 0px 18px;
                font-size: 15px;
            }

            #horizontal-tabs ul.tabs li a {
                border-radius: 0px;
                line-height: 41px;
                display: block !important;
                width: 100% !important;
                border-bottom: 1px solid #e7e7e7;
                border-top: 1px solid #fff;
                padding: 10px 18px !important;
                font-size: 15px;
            }

                #horizontal-tabs ul.tabs li a:hover {
                    color: #5a5a5a;
                    background: #fff !important;
                }

    a.navbar-brand {
        margin-left: 33% !important;
    }

    .cd-stretchy-nav {
        left: 30px !important;
    }

    .cd-nav-trigger-lang {
        background: #5a5a5a;
        box-shadow: none;
    }

    .cd-stretchy-nav.nav-is-visible-lang .stretchy-nav-bg {
        background: #fff !important;
    }

    .top-banner-text h2 {
        display: none;
    }

    .top-banner-text img {
        margin-top: 70px;
    }

    .top-banner-text h1 {
        font-size: 28px !important;
        bottom: 0px !important;
    }

    .home-text {
        top: 75% !important;
    }

    .scroller {
        display: none;
    }

    a.navbar-brand {
        margin-left: 33%;
    }

    .navbar-header {
        border-bottom: 1px solid rgba(255,255,255,0.3);
    }

    .cd-nav {
        margin-top: 0px;
    }

    .navbar {
        background-color: #fff;
        background-image: none !important;
        /*position: relative !important;*/
    }

    a.navbar-brand {
        background: url("/content/webui/images/fbb-blue.png") no-repeat 0 0 !important;
    }

    .navbar.headerscroll ul li a {
        color: #5a5a5a !important;
    }

    .navbar button {
        color: #5a5a5a;
    }
}

.top-banner-text {
    margin-top: 0 !important;
}

.image-wrap img {
    width: 100%;
    /*border-bottom:4px solid #337ab7;*/
    border-radius: 5px 5px 0 0;
}

.image-wrap {
    position: relative;
}

    .image-wrap i {
    }

.custome-page-wrap {
    margin-top: 20px;
}

.image-wrap .feature-icon {
    position: absolute;
    top: 85%;
    left: 50%;
    margin-left: -30px;
    background: #337ab7;
}

.text-wrap {
    padding: 0px 10px;
    min-height: 150px;
}

    .text-wrap p {
        margin-bottom: 0px !important;
    }

.wow h2 {
    font-weight: 500;
    font-size: 20px;
    margin-top: -25px;
    background: #FFF none repeat scroll 0% 0%;
    z-index: 10000;
    position: relative;
    padding: 10px 25px 0px 20px;
    display: -moz-grid-line;
    border-radius: 0px 30px 0px 0px;
    margin-left: -20px;
    display: table;
    color: #185b88;
}

.box-content {
    padding-bottom: 0px !important;
}


.wow p {
    margin: 0px 0px 5px !important;
}

.box-content .btn {
    /*background: #eee;*/
    border-radius: 25px;
    padding: 5px 0;
    color: gray;
    font-size: 12px;
    -webkit-transition: color 0.3s, box-shadow 0.3s;
    -moz-transition: color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, box-shadow 0.3s;
}

    .box-content .btn:hover {
        /*background: #dadada;*/
        text-decoration: none;
        color: #a9cf12;
    }

.box-content i {
    margin-right: 5px;
    color: #a9cf12;
    font-size: 15px;
}

.menu-trigger {
    border: 1px solid #e1e1e1;
    background-color: #fbfbfb;
    border-radius: 4px;
    font-size: 13px;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .menu-trigger .well ul {
        margin-left: 0px;
        list-style: none;
        margin-bottom: 0px;
        padding-left: 0px;
        margin-top: 0px;
    }

        .menu-trigger .well ul li.active {
            background: #fff url('/content/webui/images/arr-right-mini_green.png') !important;
            background-position: 20px !important;
            background-repeat: no-repeat !important;
        }

            .menu-trigger .well ul li.active a {
                color: #5696c4;
                font-weight: 600;
            }

        .menu-trigger .well ul li {
            border-bottom: 1px solid #e6e6e6;
            font-size: 14px;
            /*padding: 15px 0 15px 40px;*/
        }

            .menu-trigger .well ul li:hover {
                background: #fff url('/content/webui/images/arr-right-mini_grey.png');
                background-position: 20px;
                background-repeat: no-repeat;
            }

                .menu-trigger .well ul li:hover a {
                    color: #5696c4;
                }


        .menu-trigger .well ul li {
            background: url('/content/webui/images/arr-right-mini_grey.png');
            background-position: 20px;
            background-repeat: no-repeat;
        }

    .menu-trigger li.active a {
        color: #3b8fdc !important;
        font-weight: bold;
    }

    .menu-trigger .well ul li a {
        -webkit-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
        -moz-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
        -ms-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
        -o-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
        transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
        color: #5a5a5a;
        display: block;
        width: 100%;
        padding: 15px 0 15px 40px;
    }

        .menu-trigger .well ul li a:hover {
            text-decoration: none;
            color: #5696c4;
        }

    .menu-trigger .well ul li:last-child {
        border-bottom: none !important;
    }

.top-banner-text {
    margin-top: -15px;
    position: relative;
    z-index: 1;
    text-align: left;
    font-size: 30px !important;
    font-weight: 300;
    color: #fff;
}

    /*.top-banner-text img {
        width: 100%;
    }*/

    .top-banner-text .text-area {
        right: 0px;
        left: 0px;
        text-align: center;
        top: 40%;
        position: absolute;
        bottom: 45%;
        z-index: 11;
    }

        .top-banner-text .text-area h1 {
            font-size: 70px;
            margin: 0px;
            /* padding-left: 0px; */
             text-shadow: 0 0 20px rgba(0,0,0,0.8); 
            font-weight: 600;
            /* width: 100%; */
            line-height: 78px;
            letter-spacing: 0px;
        }

        .top-banner-text .text-area h2 {
            font-size: 28px;
            margin: 0px;
            font-weight: 300;
            padding-left: 0px;
                        text-shadow: 0 0 20px rgba(0,0,0,0.8); 
        }

.banner-container {
    width: 1100px;
    margin: 0 auto;
    text-align: left;
    font-size: 30px !important;
    font-weight: 300;
    color: #fff;
}

/*@media only screen and (min-width: 1024px) {
    .cd-stretchy-nav {
        left: 30px !important;
    }
}*/

@media only screen and (max-width: 1024px) {


    #horizontal-tabs {
        margin-top: 15px !important;
        border: 1px solid #eee;
    }

        #horizontal-tabs ul.tabs li {
            height: 47px;
            margin: 0px !important;
            background: #e7e7e7 !important;
            border-bottom: 1px solid #e7e7e7;
            border-top: 1px solid #fff;
        }

            #horizontal-tabs ul.tabs li a {
                border-radius: 0px;
                line-height: 41px;
                display: block !important;
                width: 100% !important;
                border-bottom: 1px solid #e7e7e7;
                border-top: 1px solid #fff;
                padding: 0px 18px;
                font-size: 15px;
            }

            #horizontal-tabs ul.tabs li a {
                border-radius: 0px;
                line-height: 41px;
                display: block !important;
                width: 100% !important;
                border-bottom: 1px solid #e7e7e7;
                border-top: 1px solid #fff;
                padding: 10px 18px !important;
                font-size: 15px;
            }

                #horizontal-tabs ul.tabs li a:hover {
                    color: #5a5a5a;
                    background: #fff !important;
                }


    .cd-nav-trigger-lang {
        background: #5a5a5a;
        box-shadow: none;
    }

    .cd-stretchy-nav.nav-is-visible-lang .stretchy-nav-bg {
        background: #fff !important;
    }

    .cd-stretchy-nav {
        left: 30px;
    }

    .top-banner-text h2 {
        display: none;
    }

    .top-banner-text img {
        margin-top: 70px;
    }

    /*.top-banner-text h1 {
        font-size: 35px !important;
        bottom: 5px !important;
        font-weight: 400;
    }*/

    .navbar {
        background-color: #fff;
        background-image: none !important;
        /*position: relative !important;*/
        margin-bottom: 70px;
    }

    .top-banner-text h1 {
        font-size: 45px;
        bottom: 5px;
    }

    .top-banner-text h2 {
        font-size: 15px;
    }


    a.navbar-brand {
        margin-left: 42% !important;
    }

    a.navbar-brand {
        background: url("../../../content/webui/images/akg-logo_.png") no-repeat 0 0 !important;
    }

    .navbar.headerscroll ul li a {
        color: #5a5a5a !important;
    }

    .navbar button {
        color: #5a5a5a;
    }

    .navbar ul li a {
        color: #5a5a5a;
    }

    .cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
        background: #5a5a5a !important;
    }
}


.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

.social-sprite {
    background: #dadada url("../../../content/webui/images/social-icons.png") no-repeat;
    border-radius: 50px;
    border: 1px solid rgba(255,255,255,0.3);
}

    .social-sprite:hover {
        background: #a9cf12 url("../../../content/webui/images/social-icons.png") no-repeat;
        border: 1px solid #a9cf12;
    }

.social a.linkedin {
    background-position: -418px 2px;
}

.social a.twitter {
    background-position: -58px 2px;
}

.social a.news-letter {
}

.social a.instagram {
    background-position: -178px 2px;
}


.social a.facebook {
    background-position: -88px 2px;
}

.social a.youtube {
    background-position: -328px 2px;
}

.social a {
    display: inline-block;
    margin: 0 0 0 10px;
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 5px;
    -webkit-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
    -moz-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
    -ms-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
    -o-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
    transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
}


.breadcrumbs, .breadcrumbs-full {
    background: #fbfbfb;
    /* box-shadow: 0 0px 9px 0 rgba(0, 0, 0, 0.2); */
    overflow: hidden;
    display: block;
    border-bottom: 1px solid #eee;
    display: none;
}

    .breadcrumbs .container ul, .breadcrumbs-full .container ul {
        list-style: none;
        padding: 10px 0px;
        margin: 0px;
        display: block;
        overflow: hidden;
    }

        .breadcrumbs .container ul li, .breadcrumbs-full .container ul li {
            display: inline-block;
            padding-right: 11px;
        }

.breadline {
    margin: 0 10px 0 0;
    color: #d9d9d9;
}

.breadcrumbs .container ul li a, .breadcrumbs-full .container ul li a {
    color: #5a5a5a;
    font-size: 11px;
}

.pageName_HomePage .breadcrumbs, .pageName_HomePage .breadcrumbs-full {
    display: none;
}


.relative {
    position: relative;
}

.absolue {
    position: absolute;
}


.html-content ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 20px;
    color: #6eb94e !important;
}

/*.html-content ul li{color:#5a5a5a;
}*/

.candidate li {
    color: #5a5a5a;
}

























/* -------------------------------- 

Stretchy Nav style - common to:
 - basic navigation
 - add-content navigation
 - edit-content navigation

-------------------------------- */
.cd-stretchy-nav {
    position: absolute;
    z-index: 1031;
    top: 12px;
    right: -35px;
    width: 42px;
}

    .cd-stretchy-nav .stretchy-nav-bg {
        /* this is the stretching navigation background */
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        width: 45px;
        height: 45px;
        border-radius: 30px;
        background: transparent;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        -webkit-transition: height 0.2s, box-shadow 0.2s;
        -moz-transition: height 0.2s, box-shadow 0.2s;
        transition: height 0.2s, box-shadow 0.2s;
        border: 1px solid rgba(255,255,255,0.6) !important;
    }

    .cd-stretchy-nav.nav-is-visible-lang .stretchy-nav-bg {
        height: 100%;
        box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
    }

.cd-nav-trigger-lang {
    position: absolute;
    color: #fff !important;
    z-index: 3;
    top: 0;
    right: 0;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    /* replace text with image */
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    padding: 13px 0;
}

    .cd-nav-trigger-lang span, .cd-nav-trigger-lang span::after, .cd-nav-trigger-lang span::before {
        /* this is the hamburger icon */
        position: absolute;
        width: 16px;
        height: 2px;
        background-color: #ffffff;
    }

    .cd-nav-trigger-lang span {
        /* middle line of the hamburger icon */
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        -webkit-transition: background-color 0.2s;
        -moz-transition: background-color 0.2s;
        transition: background-color 0.2s;
    }

        .cd-nav-trigger-lang span::after, .cd-nav-trigger-lang span::before {
            /* top and bottom lines of the hamburger icon */
            content: '';
            top: 0;
            left: 0;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transition: -webkit-transform 0.2s;
            -moz-transition: -moz-transform 0.2s;
            transition: transform 0.2s;
        }

        .cd-nav-trigger-lang span::before {
            -webkit-transform: translateY(-6px);
            -moz-transform: translateY(-6px);
            -ms-transform: translateY(-6px);
            -o-transform: translateY(-6px);
            transform: translateY(-6px);
        }

        .cd-nav-trigger-lang span::after {
            -webkit-transform: translateY(6px);
            -moz-transform: translateY(6px);
            -ms-transform: translateY(6px);
            -o-transform: translateY(6px);
            transform: translateY(6px);
        }

    .no-touch .cd-nav-trigger-lang:hover ~ .stretchy-nav-bg {
        box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
        text-decoration: none;
    }

.headerscroll .cd-stretchy-nav .stretchy-nav-bg, .headerscroll .cd-stretchy-nav.nav-is-visible-lang .stretchy-nav-bg {
    background: rgba(0,0,0,0.5) !important;
    color: #fff !important;
}

.headerscroll .cd-stretchy-nav ul li a {
    color: #fff !important;
}

.headerscroll .cd-stretchy-nav .stretchy-nav-bg {
    border: 1px solid rgba(255,255,255,0.5) !important;
}

.nav-is-visible-lang .cd-nav-trigger-lang span {
    background-color: transparent;
}

    .nav-is-visible-lang .cd-nav-trigger-lang span::before {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .nav-is-visible-lang .cd-nav-trigger-lang span::after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.cd-stretchy-nav ul {
    position: relative;
    z-index: 2;
    padding: 48px 0 0;
    visibility: hidden;
    -webkit-transition: visibility 0.3s;
    -moz-transition: visibility 0.3s;
    transition: visibility 0.3s;
    text-align: right;
    list-style: none;
}

    .cd-stretchy-nav ul a {
        position: relative;
        display: block;
        /*height: 50px;*/
        line-height: 35px;
        /*padding: 0 calc(1em + 60px) 0 1em;*/
        color: rgba(255, 255, 255, 0.7);
        font-size: 1.4rem;
        -webkit-transition: color 0.2s;
        -moz-transition: color 0.2s;
        transition: color 0.2s;
        text-align: center;
    }

        .cd-stretchy-nav ul a::after {
            /* navigation item icons */
            content: '';
            position: absolute;
            height: 16px;
            width: 16px;
            right: 22px;
            top: 50%;
            -webkit-transform: translateY(-50%) scale(0);
            -moz-transform: translateY(-50%) scale(0);
            -ms-transform: translateY(-50%) scale(0);
            -o-transform: translateY(-50%) scale(0);
            transform: translateY(-50%) scale(0);
            opacity: .6;
            background: url(../img/cd-sprite-1.svg) no-repeat 0 0;
        }

        .cd-stretchy-nav ul a::before {
            /* line visible next to the active navigation item */
            content: '';
            position: absolute;
            width: 41px;
            height: 25px;
            top: 50%;
            right: 5px;
            -webkit-transform: translateX(3px) translateY(-50%) scaleY(0);
            -moz-transform: translateX(3px) translateY(-50%) scaleY(0);
            -ms-transform: translateX(3px) translateY(-50%) scaleY(0);
            -o-transform: translateX(3px) translateY(-50%) scaleY(0);
            transform: translateX(3px) translateY(-50%) scaleY(0);
            background-color: #a9cf12;
        }

    .cd-stretchy-nav ul li:first-of-type a::after {
        /* change custom icon using image sprites */
        background-position: -32px 0;
    }

    .cd-stretchy-nav ul li:nth-of-type(2) a::after {
        background-position: -64px 0;
    }

    .cd-stretchy-nav ul li:nth-of-type(3) a::after {
        background-position: -48px 0;
    }

    .cd-stretchy-nav ul li:nth-of-type(4) a::after {
        background-position: 0 0;
    }

    .cd-stretchy-nav ul li:nth-of-type(5) a::after {
        background-position: -16px 0;
    }

    .cd-stretchy-nav ul span {
        /* navigation item labels */
        display: block;
        opacity: 0;
        -webkit-transform: translateX(-25px);
        -moz-transform: translateX(-25px);
        -ms-transform: translateX(-25px);
        -o-transform: translateX(-25px);
        transform: translateX(-25px);
    }

.cd-stretchy-nav.nav-is-visible-lang ul {
    visibility: visible;
}

    .cd-stretchy-nav.nav-is-visible-lang ul a::after {
        /* navigation item icons */
        -webkit-transform: translateY(-50%) scale(1);
        -moz-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        -o-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        -webkit-animation: scaleIn 0.15s backwards;
        -moz-animation: scaleIn 0.15s backwards;
        animation: scaleIn 0.15s backwards;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }

    .cd-stretchy-nav.nav-is-visible-lang ul a.active {
        color: #ffffff;
    }

        .cd-stretchy-nav.nav-is-visible-lang ul a.active::after {
            opacity: 1;
        }

        .cd-stretchy-nav.nav-is-visible-lang ul a.active::before {
            -webkit-transform: translateX(3px) translateY(-50%) scaleY(1);
            -moz-transform: translateX(3px) translateY(-50%) scaleY(1);
            -ms-transform: translateX(3px) translateY(-50%) scaleY(1);
            -o-transform: translateX(3px) translateY(-50%) scaleY(1);
            transform: translateX(3px) translateY(-50%) scaleY(1);
            -webkit-transition: -webkit-transform 0.15s 0.3s;
            -moz-transition: -moz-transform 0.15s 0.3s;
            transition: transform 0.15s 0.3s;
        }

    .cd-stretchy-nav.nav-is-visible-lang ul span {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation: slideIn 0.15s backwards;
        -moz-animation: slideIn 0.15s backwards;
        animation: slideIn 0.15s backwards;
        -webkit-transition: -webkit-transform 0.2s;
        -moz-transition: -moz-transform 0.2s;
        transition: transform 0.2s;
    }

    .no-touch .cd-stretchy-nav.nav-is-visible-lang ul a:hover {
        color: #ffffff;
    }

        .no-touch .cd-stretchy-nav.nav-is-visible-lang ul a:hover::after {
            opacity: 1;
        }

        .no-touch .cd-stretchy-nav.nav-is-visible-lang ul a:hover span {
            -webkit-transform: translateX(-5px);
            -moz-transform: translateX(-5px);
            -ms-transform: translateX(-5px);
            -o-transform: translateX(-5px);
            transform: translateX(-5px);
        }

    .cd-stretchy-nav.nav-is-visible-lang ul li:first-of-type a::after,
    .cd-stretchy-nav.nav-is-visible-lang ul li:first-of-type span {
        -webkit-animation-delay: 0.05s;
        -moz-animation-delay: 0.05s;
        animation-delay: 0.05s;
    }

    .cd-stretchy-nav.nav-is-visible-lang ul li:nth-of-type(2) a::after,
    .cd-stretchy-nav.nav-is-visible-lang ul li:nth-of-type(2) span {
        -webkit-animation-delay: 0.1s;
        -moz-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .cd-stretchy-nav.nav-is-visible-lang ul li:nth-of-type(3) a::after,
    .cd-stretchy-nav.nav-is-visible-lang ul li:nth-of-type(3) span {
        -webkit-animation-delay: 0.15s;
        -moz-animation-delay: 0.15s;
        animation-delay: 0.15s;
    }

    .cd-stretchy-nav.nav-is-visible-lang ul li:nth-of-type(4) a::after,
    .cd-stretchy-nav.nav-is-visible-lang ul li:nth-of-type(4) span {
        -webkit-animation-delay: 0.2s;
        -moz-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .cd-stretchy-nav.nav-is-visible-lang ul li:nth-of-type(5) a::after,
    .cd-stretchy-nav.nav-is-visible-lang ul li:nth-of-type(5) span {
        -webkit-animation-delay: 0.25s;
        -moz-animation-delay: 0.25s;
        animation-delay: 0.25s;
    }

/* -------------------------------- 

add-content navigation style

-------------------------------- */
.cd-stretchy-nav.add-content {
    bottom: 50px;
    top: auto;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 300px;
}

    .cd-stretchy-nav.add-content .stretchy-nav-bg {
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #8ac57f;
        -webkit-transition: width 0.2s, box-shadow 0.2s;
        -moz-transition: width 0.2s, box-shadow 0.2s;
        transition: width 0.2s, box-shadow 0.2s;
    }

    .cd-stretchy-nav.add-content.nav-is-visible-lang .stretchy-nav-bg {
        width: 100%;
        box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
    }

    .cd-stretchy-nav.add-content .cd-nav-trigger-lang {
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #9acd91;
    }

        .cd-stretchy-nav.add-content .cd-nav-trigger-lang span {
            background-color: transparent;
        }

            .cd-stretchy-nav.add-content .cd-nav-trigger-lang span::before {
                /* used to create the plus icon */
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
            }

            .cd-stretchy-nav.add-content .cd-nav-trigger-lang span::after {
                /* used to create the plus icon */
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }

    .cd-stretchy-nav.add-content.nav-is-visible-lang .cd-nav-trigger-lang {
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
    }

        .cd-stretchy-nav.add-content.nav-is-visible-lang .cd-nav-trigger-lang span::before {
            -webkit-transform: rotate(-135deg);
            -moz-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
        }

        .cd-stretchy-nav.add-content.nav-is-visible-lang .cd-nav-trigger-lang span::after {
            -webkit-transform: rotate(-225deg);
            -moz-transform: rotate(-225deg);
            -ms-transform: rotate(-225deg);
            -o-transform: rotate(-225deg);
            transform: rotate(-225deg);
        }

    .cd-stretchy-nav.add-content ul {
        padding-top: 0;
    }

        .cd-stretchy-nav.add-content ul::after {
            clear: both;
            content: "";
            display: table;
        }

        .cd-stretchy-nav.add-content ul li {
            display: inline-block;
            float: left;
            width: 60px;
        }

            .cd-stretchy-nav.add-content ul li:nth-of-type(2) {
                /* space occupied by the navigation trigger */
                margin-right: 60px;
            }

        .cd-stretchy-nav.add-content ul a {
            padding: 0;
            height: 60px;
            width: 100%;
        }

            .cd-stretchy-nav.add-content ul a::after {
                top: 50%;
                left: 22px;
                right: auto;
                -webkit-transform: translateY(-50%) scale(0);
                -moz-transform: translateY(-50%) scale(0);
                -ms-transform: translateY(-50%) scale(0);
                -o-transform: translateY(-50%) scale(0);
                transform: translateY(-50%) scale(0);
                background-image: url(../img/cd-sprite-2.svg);
            }

        .cd-stretchy-nav.add-content ul li:first-of-type a::after {
            background-position: -16px 0px;
        }

        .cd-stretchy-nav.add-content ul li:nth-of-type(2) a::after {
            background-position: 0px 0px;
        }

        .cd-stretchy-nav.add-content ul li:nth-of-type(3) a::after {
            background-position: -48px 0px;
        }

        .cd-stretchy-nav.add-content ul li:nth-of-type(4) a::after {
            background-position: -32px 0px;
        }

        .cd-stretchy-nav.add-content ul li:first-of-type a::after,
        .cd-stretchy-nav.add-content ul li:nth-of-type(4) a::after {
            -webkit-animation-delay: 0.2s;
            -moz-animation-delay: 0.2s;
            animation-delay: 0.2s;
        }

        .cd-stretchy-nav.add-content ul li:nth-of-type(2) a::after,
        .cd-stretchy-nav.add-content ul li:nth-of-type(3) a::after {
            -webkit-animation-delay: 0.1s;
            -moz-animation-delay: 0.1s;
            animation-delay: 0.1s;
        }

    .cd-stretchy-nav.add-content.nav-is-visible-lang ul a::after {
        -webkit-animation-name: scaleIn;
        -moz-animation-name: scaleIn;
        animation-name: scaleIn;
        -webkit-transform: translateY(-50%) scale(1);
        -moz-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        -o-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
    }

    .cd-stretchy-nav.add-content ul span {
        position: absolute;
        left: 0;
        top: -20px;
        width: 100%;
        padding: 0.6em 0;
        opacity: 0;
        visibility: hidden;
        background-color: rgba(0, 0, 0, 0.8);
        border-radius: 2px;
        font-size: 1.2rem;
        line-height: 1;
        white-space: nowrap;
        text-align: center;
        -webkit-transition: opacity 0.2s, visibility 0.2s;
        -moz-transition: opacity 0.2s, visibility 0.2s;
        transition: opacity 0.2s, visibility 0.2s;
        /* reset default style */
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

        .cd-stretchy-nav.add-content ul span::after {
            /* triangle below the tooltip */
            content: '';
            position: absolute;
            top: 100%;
            left: 50%;
            right: auto;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            height: 0;
            width: 0;
            border: 4px solid transparent;
            border-top-color: rgba(0, 0, 0, 0.8);
        }

    .cd-stretchy-nav.add-content.nav-is-visible-lang ul span {
        /* reset default style */
        -webkit-animation: none;
        -moz-animation: none;
        animation: none;
    }

    .no-touch .cd-stretchy-nav.add-content.nav-is-visible-lang ul a:hover span {
        opacity: 1;
        visibility: visible;
        /* reset default style */
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

/* -------------------------------- 

edit content

-------------------------------- */
.cd-editable-content {
    /* used to wrap the image and the navigation */
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: 4em auto;
}

    .cd-editable-content img {
        display: block;
        border-radius: .25em;
    }

.cd-stretchy-nav.edit-content {
    position: absolute;
    top: 15px;
    right: 15px;
}

    .cd-stretchy-nav.edit-content .stretchy-nav-bg {
        height: 30px;
        width: 30px;
        background-color: rgba(0, 0, 0, 0.4);
        box-shadow: none;
        -webkit-transition: background 0.2s, height 0.2s;
        -moz-transition: background 0.2s, height 0.2s;
        transition: background 0.2s, height 0.2s;
    }

    .cd-stretchy-nav.edit-content.nav-is-visible-lang .stretchy-nav-bg {
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        /* reset default style */
        box-shadow: none;
    }

    .cd-stretchy-nav.edit-content .cd-nav-trigger-lang {
        height: 30px;
        width: 30px;
    }

        .cd-stretchy-nav.edit-content .cd-nav-trigger-lang span {
            opacity: 0;
            background-color: transparent;
        }

            .cd-stretchy-nav.edit-content .cd-nav-trigger-lang span::before {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

            .cd-stretchy-nav.edit-content .cd-nav-trigger-lang span::after {
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .cd-stretchy-nav.edit-content .cd-nav-trigger-lang span, .cd-stretchy-nav.edit-content .cd-nav-trigger-lang span::before, .cd-stretchy-nav.edit-content .cd-nav-trigger-lang span::after {
                /* used to create the 'X' icon when the navigation is open */
                width: 12px;
            }

        .cd-stretchy-nav.edit-content .cd-nav-trigger-lang::after {
            /* edit icon */
            content: '';
            position: absolute;
            height: 16px;
            width: 16px;
            left: 50%;
            top: 50%;
            bottom: auto;
            right: auto;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            background: url(../img/cd-sprite-3.svg) no-repeat 0 0;
        }

        .cd-stretchy-nav.edit-content .cd-nav-trigger-lang span, .cd-stretchy-nav.edit-content .cd-nav-trigger-lang::after {
            -webkit-transition: opacity 0.2s;
            -moz-transition: opacity 0.2s;
            transition: opacity 0.2s;
        }

        .no-touch .cd-stretchy-nav.edit-content .cd-nav-trigger-lang:hover ~ .stretchy-nav-bg {
            box-shadow: none;
            background-color: rgba(0, 0, 0, 0.8);
        }

    .cd-stretchy-nav.edit-content.nav-is-visible-lang .cd-nav-trigger-lang span {
        opacity: 1;
    }

        .cd-stretchy-nav.edit-content.nav-is-visible-lang .cd-nav-trigger-lang span::before {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .cd-stretchy-nav.edit-content.nav-is-visible-lang .cd-nav-trigger-lang span::after {
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg);
        }

    .cd-stretchy-nav.edit-content.nav-is-visible-lang .cd-nav-trigger-lang::after {
        /* hide edit icon */
        opacity: 0;
    }

    .cd-stretchy-nav.edit-content ul {
        padding-top: 30px;
    }

        .cd-stretchy-nav.edit-content ul a {
            width: 30px;
            height: 30px;
            line-height: 30px;
            padding: 0;
        }

            .cd-stretchy-nav.edit-content ul a::after {
                right: 7px;
                background-image: url(../img/cd-sprite-3.svg);
            }

        .cd-stretchy-nav.edit-content ul li:first-of-type a::after {
            background-position: -16px 0;
        }

        .cd-stretchy-nav.edit-content ul li:nth-of-type(2) a::after {
            background-position: -32px 0;
        }

        .cd-stretchy-nav.edit-content ul li:nth-of-type(3) a::after {
            background-position: -48px 0;
        }

        .cd-stretchy-nav.edit-content ul li:nth-of-type(4) a::after {
            background-position: -64px 0;
        }

        .cd-stretchy-nav.edit-content ul span {
            position: absolute;
            top: 0;
            right: 35px;
            height: 30px;
            line-height: 30px;
            padding: 0 1em;
            opacity: 0;
            visibility: hidden;
            background-color: rgba(0, 0, 0, 0.55);
            border-radius: 2px;
            text-align: center;
            -webkit-transition: opacity 0.2s, visibility 0.2s;
            -moz-transition: opacity 0.2s, visibility 0.2s;
            transition: opacity 0.2s, visibility 0.2s;
        }

            .cd-stretchy-nav.edit-content ul span::after {
                /* triangle below the tooltip */
                content: '';
                position: absolute;
                left: 100%;
                top: 50%;
                bottom: auto;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                height: 0;
                width: 0;
                border: 4px solid transparent;
                border-left-color: rgba(0, 0, 0, 0.55);
            }

    .cd-stretchy-nav.edit-content.nav-is-visible-lang ul span {
        /* reset default style */
        -webkit-animation: none;
        -moz-animation: none;
        animation: none;
    }

    .no-touch .cd-stretchy-nav.edit-content.nav-is-visible-lang ul a:hover span {
        opacity: 1;
        visibility: visible;
        /* reset default style */
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

/* -------------------------------- 

main content basic style

-------------------------------- */


/* -------------------------------- 

keyframes

-------------------------------- */
@-webkit-keyframes scaleIn {
    from {
        -webkit-transform: translateY(-50%) scale(0);
    }

    to {
        -webkit-transform: translateY(-50%) scale(1);
    }
}

@-moz-keyframes scaleIn {
    from {
        -moz-transform: translateY(-50%) scale(0);
    }

    to {
        -moz-transform: translateY(-50%) scale(1);
    }
}

@keyframes scaleIn {
    from {
        -webkit-transform: translateY(-50%) scale(0);
        -moz-transform: translateY(-50%) scale(0);
        -ms-transform: translateY(-50%) scale(0);
        -o-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
    }

    to {
        -webkit-transform: translateY(-50%) scale(1);
        -moz-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        -o-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
    }
}

@-webkit-keyframes slideIn {
    from {
        opacity: 0;
        -webkit-transform: translateX(-25px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes slideIn {
    from {
        opacity: 0;
        -moz-transform: translateX(-25px);
    }

    to {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@keyframes slideIn {
    from {
        opacity: 0;
        -webkit-transform: translateX(-25px);
        -moz-transform: translateX(-25px);
        -ms-transform: translateX(-25px);
        -o-transform: translateX(-25px);
        transform: translateX(-25px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}


a:focus, a:hover {
    text-decoration: none !important;
}

#horizontal-tabs {
    position: relative;
    z-index: 2;
    margin-top: 15px;
}

    #horizontal-tabs ul.tabs {
        overflow: hidden;
        padding: 0px;
        list-style: none;
    }

        #horizontal-tabs ul.tabs li.current {
            cursor: default;
        }

            #horizontal-tabs ul.tabs li.current a {
                color: #5a5a5a;
                background: #fff !important;
                border: none;
            }

        #horizontal-tabs ul.tabs li a {
            padding: 5px 18px;
            cursor: pointer;
            background: rgba(255,255,255,0.7);
            float: left;
            font-size: 15px;
            border-radius: 3px 3px 0 0;
            line-height: 24px;
            color: #5a5a5a;
            border: none !important;
            margin-right: 3px;
            font-weight: 500;
        }

            #horizontal-tabs ul.tabs li a:hover {
                color: #5a5a5a;
                background: #fff !important;
            }

        #horizontal-tabs ul.tabs li {
            margin: 16px 0;
        }


/* ------------------------------------------------------
  Toggles - FAQs Page
------------------------------------------------------ */
.toggle {
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #fff;
    border: none;
    background: none;
}

    .toggle:before {
        content: '';
        position: absolute;
        top: 5px;
        left: -21px;
        width: 20px;
        height: 20px;
        background: #b6d82f url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink= %22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%228px%22%20height=%228px%22%20viewBox=%220%200%208%208%22%20enable-background=%22new %200%200%208%208%22%20xml:space=%22preserve%22%3E%3Crect%20x=%223%22%20fill=%22rgb(255,255,255)%22%20width=%222%22%20height=%228%22/%3E%3Crect%20y= %223%22%20fill=%22rgb(255,255,255)%22%20width=%228%22%20height=%222%22/%3E%3C/svg%3E") no-repeat center;
    }

    .toggle.open:before {
        content: '';
        background: #3EAFBD url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink= %22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%228px%22%20height=%228px%22%20viewBox=%220%200%208%208%22%20enable-background=%22new %200%200%208%208%22%20xml:space=%22preserve%22%3E%3Crect%20y=%223%22%20fill=%22rgb(255,255,255)%22%20width=%228%22%20height=%222%22/%3E%3C/svg%3E") no-repeat center;
    }

.toggle-title {
    display: block;
    padding: 0 20px;
    font-size: 16px;
    color: gray;
    font-weight: 300;
}


.accordion a.toggle-title {
    color: red;
}


.accordion a.collapsed {
    color: gray !important;
}


.toggle-title:hover {
    color: #a1c123;
}

.toggle.open .toggle-title {
    color: #3EAFBD;
}

    .toggle.open .toggle-title:hover {
        color: #b6d82f;
    }

.toggle-content {
    display: none;
    margin: 0px;
    padding: 0px 10px 6px 0px;
}

.custome-page-wrap p {
    margin-left: 0px !important;
    margin-top: 0px;
    margin-bottom: 10px !important;
    margin-top: 15px;
}





.main-side .toogle-content-main {
    margin-right: 15px !important;
}



.custome-page-wrap .toggle {
    position: relative;
    margin: 5px 0px;
    padding: 0px;
    border: none;
    background: none;
    padding: 10px 0;
    border-radius: 3px;
}

.custome-page-wrap .widget-toggle a:before {
    content: '';
    position: absolute;
    top: 5px;
    left: -21px;
    width: 20px;
    height: 20px;
    border-radius: 25px;
    background: none !important;
    color: none;
}

.custome-page-wrap .widget-toggle.open a:before {
    content: '';
    background: none !important;
}



.custome-page-wrap .toggle:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0px;
    width: 20px;
    height: 20px;
    background: url("/content/webui/images/list_icons.gif") no-repeat 0px -17px;
}

.custome-page-wrap .toggle.open:before {
    content: '';
    background: url("/content/webui/images/list_icons.gif") no-repeat 0px 0px;
}

.custome-page-wrap .toggle-title {
    cursor: pointer;
    color: #5696c4 !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 500;
    padding-left: 30px;
}

    .custome-page-wrap .toggle-title:hover {
        color: #a1c123;
    }

.custome-page-wrap .toggle.open .toggle-title {
    color: #5696c4;
}

    .custome-page-wrap .toggle.open .toggle-title:hover {
        color: #b6d82f;
    }

.custome-page-wrap .toggle-content {
    display: none;
    margin: 15px 0px;
    padding: 0px 10px 6px 0px;
}



div.member_description_content {
    overflow: hidden;
}

div.member_description_content {
    border-bottom: 1px solid #ededed;
    padding-bottom: 29px;
    margin-bottom: 29px;
    display: block;
    cursor: pointer;
    margin-top: 14px;
}



.member_description_content .accordionButton {
    padding-top: 0px !important;
    padding-left: 0px !important;
    width: 100% !important;
    position: relative;
    padding-bottom: 0px;
}

.main-side .accordionButton, .main-side .accordionContent {
    width: 90% !important;
}

.accordionButton {
    color: #5696c4 !important;
    cursor: pointer;
    /* font-size: 20px !important; */
    font-size: 16px !important;
    font-weight: 600 !important;
    overflow: hidden;
    line-height: 22px;
    padding-bottom: 5px;
    background: url("/content/webui/images/list_icons.gif") no-repeat 0px -15px;
    padding: 0 0 0 30px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.accordionButton {
    width: 100%;
    float: left;
    cursor: pointer;
    padding-bottom: 14px;
    padding-top: 15px;
    padding-left: 40px;
    padding-right: 15px;
    font-size: 16px;
    font-weight: 400;
    color: #2b2b2b;
    margin-top: -1px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.member_description_content .accordionContent {
    width: 100%;
    float: left;
    padding: 20px 0 0 35px !important;
    font-size: 13px;
    color: #333333;
    line-height: 22px;
}

.main-side .accordionButton, .main-side .accordionContent {
    width: 90% !important;
}

.accordionContent {
    width: 100%;
    float: left;
    padding-bottom: 20px;
    padding: 15px 40px;
    background: #fff;
    color: #5a5a5a;
    font-size: 13px;
    line-height:20px;
}

div.member_description_content a.photo {
    width: 310px;
    height: 160px;
    float: left;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    display: block;
}

    div.member_description_content a.photo span {
        background: url("/images/gallery_image_overlay.png") no-repeat scroll 0 -213px transparent;
        bottom: 0;
        height: 31px;
        position: absolute;
        width: 35px;
        opacity: 0.8;
    }

.video-accordion h5 {
    font-size: 13px !important;
    margin: 5px 0 10px 0 !important;
    color: #5a5a5a;
}

div.name_title {
    float: left;
    padding-left: 42px;
    padding-top: 59px;
    color: #666666;
    font-weight: 300;
    font-size: 15px;
    max-width: 300px;
}

.accordionButton a:before {
    background: url(/content/webui/images/gallery_image_overlay.png) no-repeat scroll 0 -213px transparent;
    bottom: 0;
    height: 31px;
    position: absolute;
    width: 35px;
    opacity: 0.8;
    z-index: 10;
    content: '';
}

.accordionButton.on a:before {
    background: url(/content/webui/images/gallery_image_overlay.png) no-repeat scroll 0 -251px transparent;
    content: '';
}

div.name_title {
    float: left;
    padding-left: 42px;
    padding-top: 59px;
    color: #666666;
    font-weight: 300;
    font-size: 15px;
    max-width: 300px;
}

    div.name_title strong {
        color: #5696c4;
        font-weight: 600;
    }

.member_description_content .accordionContent {
    width: 100%;
    float: left;
    padding: 20px 0 0 35px !important;
    font-size: 13px;
    color: #333333;
}

.main-side .accordionButton, .main-side .accordionContent {
    width: 90% !important;
}

/*.accordionContent {
    width: 100%;
    float: left;
    padding-bottom: 20px;
    padding: 15px 40px;
    background: #fff;
    color: #5a5a5a;
    font-size: 15px;
}*/

.on {
    background: url("/content/webui/images/list_icons.gif") no-repeat 0px 3px;
}

.html-content .contact ul {
    list-style: none;
    padding: 0px;
}

    .html-content .contact ul strong {
        margin-right: 8px;
    }

    .html-content .contact ul li {
        margin-bottom: 10px;
    }

.p0 {
    padding: 0px !important;
}

.m0 {
    margin: 0px !important;
}

.contact h3 {
    margin-top: 0px !important;
}

.image-single ul {
    list-style: none;
    padding: 0px;
}

    .image-single ul li a img {
        width: 100%;
        border-radius: 5px;
    }

.image-single {
    margin-bottom: 15px;
    border-radius: 5px;
}

.transparent header.cd-main-header {
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0,0,0,0)),color-stop(200%, #000));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%,#000 200%);
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%,#000 200%);
    background-image: linear-gradient(to top, rgba(0,0,0,0) 0%,#000 140%);
    background-size: 100% 75px;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    background-color: transparent;
}

.cd-main-header {
    /*height: 80px;*/
    z-index: 102;
    /*position: relative !important;*/
    /* background: #00b0c2; */
    background: #5696c4;
    width: 100%;
}

.video-accordion {
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-top: 20px;
}

.AllGallery .accordionButton {
    margin-bottom: 15px;
}

.video-accordion .accordionContent {
    padding-left: 30px !important;
}

.video-accordion .accordionContent, .news-accordion .accordionContent {
    padding: 0px 0 20px 30px !important;
}

.AllGallery .white-panel {
    position: relative;
    background: white;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0);
    border-radius: .25em;
    display: block;
    width: 200px;
    margin-bottom: 15px;
    margin-right: 15px;
    float: left;
}

.white-panel {
    position: absolute;
    background: white;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0);
    border-radius: .25em;
    display: block;
}

    .white-panel a span.glass, .video-accordion a.various span.glass {
        background-position: 0px -116px;
    }

    .white-panel a span, .video-accordion a.various span.glass {
        position: absolute;
        background: url('/content/webui/images/gallery_image_overlay.png') no-repeat 0px 0px transparent;
        width: 50px;
        height: 50px;
        display: block;
        left: 48%;
        margin-left: -25px;
        top: 54%;
        margin-top: -25px;
        opacity: 0.5;
        z-index: 100;
    }

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

.video-accordion a.various {
    position: relative;
    float: left;
    margin: 15px 15px 0px 0;
}

    .video-accordion a.various span.glass {
        top: 46% !important;
    }




    .white-panel:hover span.glass, .video-accordion a.various:hover span.glass {
        opacity: 1;
    }

    .video-accordion a.various img {
        position: relative;
        float: left;
        width: 200px;
    }



h3, h4, h5, h6 {
    font-weight: 500;
}

.widget_fancy_single {
    margin: 10px 0;
}



    .widget_fancy_single h3.post-title {
        font-size: 16px !important;
        font-weight: bold !important;
        color: #337ab7 !important;
    }

    .widget_fancy_single .post-title {
        margin: 10px 10px 10px 0 !important;
        padding: 0px;
        line-height: 22px;
        color: #000;
        font-weight: 500;
        font-size: 18px;
    }

h1:empty, h2:empty, h3:empty, h5:empty, h6:empty {
    display: none !important;
}

.widget_fancy_single .image {
    float: left;
    margin-right: 15px;
    position: relative;
    margin-bottom: 15px;
}

.widget_fancy_single h3:empty {
    display: none !important;
}

.widget_fancy_single a span.glass {
    background-position: 0px -116px;
}

.widget_fancy_single a span {
    position: absolute;
    background: url('/content/webui/images/gallery_image_overlay.png') no-repeat 0px 0px transparent;
    width: 50px;
    height: 50px;
    display: block;
    left: 48%;
    margin-left: -25px;
    top: 58%;
    margin-top: -25px;
    opacity: 0.5;
}

    .widget_fancy_single a span.glass:hover {
        opacity: 1;
    }

.widget_fancy_single .image img {
    width: 200px;
    margin-top: 10px;
}

.news-accordion .accordionButton {
    color: #a9cf12;
    font-size: 13px;
    font-weight: bold;
    background: url("/content/webui/images/arr-right-mini_green.png") no-repeat scroll 0 5px transparent;
    padding: 0px 15px;
}



.news-accordion .date {
    color: #337ab7;
    margin-right: 10px;
    font-weight: bold;
}

.news-accordion .accordionContent {
    padding: 0px !important;
}

    .news-accordion .accordionContent #description {
        font-size: 18px;
        color: #5a5a5a;
    }

.news-accordion #description {
    width: 100%;
    float: right;
    padding: 10px 0;
}

.news-accordion .accordionContent h3 {
    font-size: 18px;
    line-height: 26px;
}

.accordionContent p {
    margin-left: 0px !important;
    margin-top: 0px;
    margin-bottom: 10px !important;
    margin-top: 10px;
}

.contact input[type=text], .contact textarea {
    background: #eee;
    border: 1px solid #dadada;
    border-radius: 3px;
    padding: 8px 15px;
}

.contact .btn-image {
    color: #fff;
    padding: 10px 15px;
    line-height: 12px;
    background: #a9cf12;
    border-radius: 3px;
    outline: none;
    border: none;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
}

.contact .user-block {
    margin-bottom: 15px;
}

.contact {
    border-top: 1px solid #eee;
    margin-top: 15px;
    padding-top: 15px;
}

    .contact h2 {
        background: none;
        padding: 0px;
        color: #195a85;
        font-weight: 500;
        font-size: 20px;
        margin-bottom: 10px;
    }

    .contact .user-block input, .contact .user-block textarea {
        width: 100%;
    }


.tursab {
    width: 100px;
    height: 32px;
    background: url(/content/webui/images/tursab.png) 0 0px no-repeat;
    float: right;
}

    .tursab:hover {
        background: url(/content/webui/images/tursab.png) 0 -30px no-repeat !important;
    }

#paximumsearchform {
    position: absolute;
    width: 300px;
    top: 130px;
    margin: 0 auto;
    padding: 15px;
    background: #fff;
    /* margin-top: -200px; */
    z-index: 10000;
    border-radius: 5px;
}

.p0 {
    padding: 0px !important;
}

@media(max-width:767px){
    .mb-xs-40{
    margin-bottom: 40px;
}
}