/* ----------------------------------------------------------------
	General
-----------------------------------------------------------------*/
body {
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    background-color: #FFFFFF;
    font-size: 18px;
    color: #1e1e1e;
}

#wrapper {
    background-color: #85bde8!important;
}

#custom-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 620px);
    background-color: #87cf45;
    z-index: 0;
    background-size: auto;
    background-repeat: repeat;
}

@media (max-width: 767px) {
    #custom-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        z-index: 0;
        background-size: auto;
        background-repeat: repeat;
    }
}

.mod_article>.row .section .box [class^=ce_], .mod_article>.row .section .box [class^=mod_] {
    padding-left: 0px;
    padding-right: 0px;
}

p, span, a, label {
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    color: #1e1e1e;
}

p {
    font-size: 18px;
    color: #1e1e1e;
}

label {
    font-size: 18px;
    text-transform: none;
    color: #1e1e1e;
}

legend {
    font-size: 18px;
        border-bottom: 1px solid #1e1e1e;
}

.breadcrumb a {
    color: #85bde8;
}

.breadcrumb a:hover, .breadcrumb a:focus {
    color: #87cf45;
}

.breadcrumb>.active {
    color: #1e1e1e;
}

@media (max-width: 767px) {
    #page-title .breadcrumb {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: 15px 0 15px !important;
    }
}

b, strong {
    font-family: "Kanit", sans-serif;
    font-weight: 500;
}

blockquote, .dark blockquote {
    border-left: 0 solid #87cf45;
    font-size: 18px;
    padding-left: 0;
}

blockquote p {
    color: #85bde8;
    line-height: 1.4 !important;
    font-size: 26px;
    font-family: "Kanit", sans-serif;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.05em;
}

#content p {
    line-height: 1.9;
}

@media (max-width: 479px) {
    #content p {
        line-height: 1.5;
    }
}

#content .ce_text ul,
#content .content-text ul {
    margin-left: 0px;
    list-style: disc;
    padding-inline-start: 17px;

}

#content .ce_text ul li,
#content .content-text ul li {
    font-size: 18px;
    font-weight: 300;
    color: #1e1e1e;
    font-family: "Kanit", sans-serif;
    background-repeat: no-repeat;
    background-size: 26px 35px;
    line-height: 35px;
}

#content .section.dark .ce_text ul li,
#content .section.dark .content-text ul li {
    background-repeat: no-repeat;
}

#content .ce_text a,
#content .content-text a,
#content .elementAdress a,
form a,
.download-element a {
    color: #1e1e1e;
    text-decoration: underline !important;
}

#content .ce_text a:hover,
#content .content-text a:hover,
#content .elementAdress a:hover,
form a:hover,
.download-element a:hover {
    text-decoration: none !important;
}

li.download-element {
    list-style: inside;
    font-size: 18px;
    line-height: 1.7;
}

.table>thead>tr>th {
    border-bottom: 2px solid #1e1e1e;
}

.table>tbody>tr>td {
    text-align: left;
    font-family: "Kanit", sans-serif;
    border-top: 1px solid #1e1e1e;
    font-size: 18px !important;
    font-weight: 300;
    color: #1e1e1e;
}

.table>tbody>tr>th.col_first,
.table>tbody>tr>th:first-child {
    width: 25%;
    border-top: 1px solid #1e1e1e;
    font-size: 18px;
}

.elementAdress p {
    margin-bottom: 0px;
}

hr {
    border-top: 1px solid #1e1e1e;
}

#gotoTop:hover, #gotoTop:focus {
    background-color: #1e1e1e;
}

#gotoTop {
    background-color: #87cf45;
    right: 10px;
    bottom: 55px !important;
}

#content {
    margin-top: 0px;
    background-color: transparent;
    z-index: 100;
    position: relative;
    z-index: 90;
    margin-bottom: 625px !important;
}

@media (max-width: 767px) {
    #content {
        margin-bottom: 55px !important;
    }
}

#content .ce_text a,
#content .content-text a {
    font-size: 18px;
    color: #1e1e1e;
    text-decoration: underline !important;
}

#content .ce_text a:hover,
#content .ce_text a:focus,
#content .content-text a:hover,
#content .content-text a:focus {
    color: #1e1e1e !important;
    text-decoration: none !important;
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
    background-color: #1e1e1e !important;
}

::selection {
    background: #767676;
}

::-moz-selection {
    background: #767676;
}


/* ----------------------------------------------------------------
	Titles
-----------------------------------------------------------------*/
h1 {
    font-size: 38px;
    margin-bottom: 20px;
    border-bottom: 3px solid #87cf45;
    color: #87cf45;
    font-family: "Kanit", sans-serif;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.05em;
    display: inline-block;
}

h2 {
    padding: 8px 0;
    padding-bottom: 0px;
    margin: 0;
    margin-bottom: 20px;
    color: #1e1e1e;
    font-family: "Kanit", sans-serif;
    font-size: 34px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.05em;
}

h3 {
    font-family: "Kanit", sans-serif;
    font-size: 30px;
    font-weight: 500;
    padding: 8px 0;
    margin: 0;
    margin-bottom: 20px;
    color: #1e1e1e;
}

h4 {
    font-size: 26px;
    font-family: "Kanit", sans-serif;
    margin-bottom: 20px;
    font-weight: 500;
    color: #1e1e1e;
    margin-bottom: 20px;
}

h5 {
    font-size: 22px;
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    color: #1e1e1e;
    margin-bottom: 20px;
}

h6 {
    font-size: 20px;
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    color: #1e1e1e;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 26px;
    }

    h4 {
        font-size: 24px;
    }

    h5 {
        font-size: 22px;
    }

    h6 {
        font-size: 20px;
    }
}

/* ----------------------------------------------------------------
	Topbar
-----------------------------------------------------------------*/
#top-bar {
    border-bottom: none;
    z-index: 1;
    background-color: #1e1e1e;
}

#top-bar .container {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.top-links ul li {
    border-left: 0px !important;
}

.top-links li>a {
    color: #87cf45;
    font-size: 16px;
    font-weight: 300;
    text-transform: none;
}

.top-links li>a:hover {
    color: #87cf45a1;
}

.top-links li:hover {
    background-color: transparent;
}

@media (max-width: 767px) {
    .top-links {
        display: none;
    }
}


/* ----------------------------------------------------------------
	Header, Logo
-----------------------------------------------------------------*/
#header {
    border-bottom: none !important;
}


#header.transparent-header.full-header #header-wrap {
    border-bottom: 1px solid rgba(195, 185, 130, 0.3);
    background-color: rgb(255, 255, 255) !important;

}

#header.transparent-header.sticky-header.full-header #header-wrap {
    background-color: #FFFFFF !important;
}

#header, #header-wrap {
    width: 100%;
    height: auto;
}

@media (min-width: 991px) {
    .overlay-click-menu-active #header-wrap:after {
        content: "\e117";
        color: #FFFFFF;
        font-size: 10px;
        position: absolute;
        right: 25px;
        margin-top: 20px;
        cursor: pointer;
        font-family: twblue;
        font-size: 30px;
    }
}

#logo {
    float: left;
    border-right: none !important;
    padding-right: 0px !important;
    margin-right: 0px !important;
    padding-top: 5px;
    padding-bottom: 0;
    z-index: 1000;
}

.sticky-header #logo {
    margin-right: 0px !important;
    padding-top: 0px;
    padding-bottom: 0px;
}

#logo img {
    height: 94px;
    padding-top: 5px;
    padding-right: 0px;
}

.sticky-header #logo img {
    padding-top: 7px;
    padding-bottom: 7px;
}

@media (max-width: 991px) {
    #header {
        position: fixed;
        height: 70px !important;
        width: 100%;
        background-color: #85bde8!important;
        box-shadow: none;
        top: 0px;
    }

    #header #header-wrap {
        margin-top: 0px;
        padding-top: 4px;
        background-color: #ffffff !important;
        height: 70px !important;
    }

    #header #header-wrap>.container {
        width: 100% !important;
    }

    #logo {
        position: absolute;
        left: 10px;
        margin-right: 0px;
        padding-right: 0px;
        width: 100px;
    }

    #logo img {
        padding-top: 5px;
        height: 58px;
    }

    #top-search #top-search-trigger {
        margin: 23px 0px;
    }

    #top-search #top-search-trigger .icon-search3 {
        margin: 23px 0px;
        position: absolute;
        right: 75px;
    }

    #top-search #top-search-trigger .icon-line-cross {
        left: 0px;
        top: 23px;
        font-weight: 500;
    }

    #top-search form {
        height: 60px !important;
    }
}

.not-dark #side-panel-trigger a {
    background-color: #ffffff !important;
}

@media (max-width: 991px) {
    .dark #side-panel-trigger a {
        background-color: #ffffff !important;
    }

    .dark #top-search a, #top-cart>a, .dark #side-panel-trigger a, .dark #top-account a {
        color: #FFFFFF !important;
    }

    #primary-menu ul li.sfHover .mega-menu-content.style-2 .mega-menu-column li a div {
        color: #FFF !important;
    }

    #primary-menu ul li>a i {
        font-size: 28px;
    }
}

header.transparent a.sf-with-ul {
    color: #FFF !important;
}

/* ----------------------------------------------------------------
   Pagetitle
-----------------------------------------------------------------*/
#page-title {
    min-height: 70px;
    margin-top: 0px;
    z-index: 340;
    padding-bottom: 0px;
    background-color: #FFFFFF;
    padding-top: 40px;
    border-bottom: none;
}

#page-title h1 {
    font-size: 38px;
    line-height: 1;
    border-bottom: 3px solid #87cf45;
    display: inline-block;
    padding: 8px 0;
    padding-bottom: 0px;
    margin: 0;
    margin-bottom: 20px;
    color: #1e1e1e;
    text-transform: none;
    font-family: "Kanit", sans-serif;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.05em;
}

@media (max-width: 991px) {
    #page-title h1 {
        font-size: 30px;
    }

    #page-title .section {
        margin-top: 0 !important;
    }
}

/* ----------------------------------------------------------------
    Placeholder, TopSearch
-----------------------------------------------------------------*/
#header #top-search {
    float: right;
    margin: 0px 8px 0px 0px;
    margin-top: 45px;
    margin-bottom: 50px;
}

#header #top-search form input::-webkit-input-placeholder {
    color: #1e1e1e;
    font-size: 30px;
    font-family: "Kanit", sans-serif;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.05em;
}

#header #top-search form input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #1e1e1e;
    opacity: 1;
    font-size: 30px;
    font-family: "Kanit", sans-serif;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.05em;
}

#header #top-search form input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #1e1e1e;
    opacity: 1;
    font-size: 30px;
    font-family: "Kanit", sans-serif;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.05em;
}

#header #top-search form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #1e1e1e;
    opacity: 1;
    font-size: 30px;
    font-family: "Kanit", sans-serif;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.05em;
}

#header #top-search form input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #1e1e1e;
    opacity: 1;
    font-size: 30px;
    font-family: "Kanit", sans-serif;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.05em;
}

#header #top-search form input {
    color: #1e1e1e;
    opacity: 1;
    font-size: 30px;
    font-family: "Kanit", sans-serif;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.05em;
}

@media (max-width: 991px) {
    #header #top-search form input::-webkit-input-placeholder {
        font-size: 24px;
        line-height: 24px;
        transform: translate3d(0, 5px, 0)
    }

    #header #top-search form input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        font-size: 24px;
        line-height: 24px;
        transform: translate3d(0, 5px, 0)
    }

    #header #top-search form input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        font-size: 24px;
        line-height: 24px;
        transform: translate3d(0, 5px, 0)
    }

    #header #top-search form input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        font-size: 24px;
        line-height: 24px;
        transform: translate3d(0, 5px, 0)
    }

    #header #top-search form input::-ms-input-placeholder {
        /* Microsoft Edge */
        font-size: 24px;
        line-height: 24px;
        transform: translate3d(0, 5px, 0)
    }

    #header #top-search form input {
        font-size: 24px !important;
    }
}

/* ----------------------------------------------------------------
	Primary Menu
-----------------------------------------------------------------*/
#header.full-header #primary-menu>ul {
    border: none !important;
}

#primary-menu {
    float: left;
    border-top: none !important;
}

#header.full-header #primary-menu>ul {
    float: left;
    padding-left: 30px;
}

#primary-menu ul>li {
    margin-left: 0px;
}

#primary-menu ul li.mega-menu .mega-menu-content.style-2 {
    position: fixed;
    top: 111px;
    left: 0px;
    height: calc(98vh - 70px);
    width: 100% !important;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 70px;
    border: none;
    margin-left: 0px !important;
}

#header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content.style-2 {
    top: 60px;
    height: calc(98vh - 40px);
}

@media (min-width: 992px) {
    #primary-menu {
        float: none !important;
    }

    #primary-menu>ul.level_1 {
        width: 100%;
        position: absolute;
        left: 50%;
        top: 0px;
        transform: translateX(-50%);
        margin: 0 !important;
        padding: 0 !important;
        text-align: center;
    }

    #primary-menu>ul.level_1>li {
        position: relative !important;
        float: none !important;
        display: inline-block;
        margin: 0 !important;
        text-align: left;
    }
}

/* Level 1 */
#primary-menu ul li>a {
    font-size: 20px;
    font-weight: normal;
    color: #1e1e1e;
}

#primary-menu>ul>li>a span {
    font-size: 25px;
    text-shadow: none;
    text-transform: none;
    font-weight: normal;
    text-transform: none;
    font-family: "Kanit", sans-serif;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.05em;
}

#primary-menu>ul>li>a:hover span, #primary-menu>ul>li>a:focus span {
    color: #87cf45;
}

#primary-menu>ul>li>a {
    padding-top: 44px;
    padding-bottom: 66px;
    padding-left: 20px;
    padding-right: 20px;
    color: #FFFFFF !important;
    height: 89px;
    text-transform: none;
    font-family: "Kanit", sans-serif;
}

#header.sticky-header:not(.static-sticky) #primary-menu>ul>li>a {
    padding-top: 19px;
    height: 60px;
}

/* Level 2 */
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column {
    border-left: none;
}

@media (min-width: 992px) {
    #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title:first-child {
        min-height: 200px;
    }
}

#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a span,
#header.sticky-header #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a span {
    font-size: 30px;
    color: #ffffff !important;
    padding: 0 !important;
    margin-bottom: 10px;
    border-bottom: 3px solid #87cf45;
    line-height: 38px;
    font-family: "Kanit", sans-serif;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.05em;
}

/* Level 3 */
#primary-menu ul li .mega-menu-content.style-2 ul li>a span,
#header.sticky-header #primary-menu ul li .mega-menu-content.style-2 ul li>a span {
    color: #FFFFFF !important;
    font-family: "Kanit", sans-serif;
    font-size: 18px;
    line-height: 28px;
    text-transform: none;
    padding-left: 0px;
    padding: 0 !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#primary-menu ul li .mega-menu-content.style-2 ul li>a {
    padding-left: 0px;
}

#primary-menu ul li .mega-menu-content.style-2 ul li>a:hover {
    padding-left: 7px;
}

#primary-menu ul ul li:hover>a {
    background-color: transparent;
}

#header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark) {
    background-color: #85bde8;
}


/* Mobile */
@media (max-width: 991px) {
    #primary-menu {
        border-top: none !important;
    }

    #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #primary-menu-trigger {
        position: absolute;
        right: 10px;
        left: auto !important;
        top: 8px !important;
        z-index: 200;
    }

    .primary-menu-open #primary-menu-trigger .icon-reorder:before {
        content: "\e117";
        color: #FFFFFF;
        padding: 7px;
        background-color: #87cf45;
    }

    #primary-menu-trigger .icon-reorder {
        color: #1e1e1e;
    }

    #primary-menu>ul>li>a {
        height: 53px;
        padding: 14px 30px !important;
    }

    #primary-menu>ul>li>a:hover span, #primary-menu>ul>li>a:focus span {
        border-top: none;
        padding-top: 0px;
    }

    #primary-menu ul li.mega-menu .mega-menu-content.style-2 {
        position: static;
        height: auto;
        padding: 0px;
        background-color: #ffffff !important;
    }

    #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column {
        border-top: none;
        padding: 0px !important;
    }

    #header #primary-menu>ul.show {
        position: fixed;
        width: 100%;
        transition: none !important;
        background-color: rgba(0, 0, 0, 0.8);
        top: 70px !important;
        left: 0;
        height: calc(100% - 125px) !important;
        overflow-y: scroll;
    }

    #header #primary-menu>ul.show li {
        background-color: transparent !important;
    }

    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li:hover a {
        color: #FFFFFF !important;
    }

    #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a {
        font-size: 16px;
        height: 53px;
        padding: 14px 30px !important;

    }

    #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul ul {
        border-top: none;
    }

    #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul ul a {
        padding: 9px 14px !important;
        height: 40px;
    }

    #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a span {
        color: #1e1e1e !important;
    }

    #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a span,
    #header.sticky-header #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a span {
        color: #1e1e1e !important;
    }

    header#header>#header-wrap #primary-menu-trigger>i, #primary-menu #top-search-trigger>i {
        font-size: 30px;
    }

    #primary-menu ul li {
        background-color: #fff !important;
    }

    #primary-menu ul li>a span {
        color: #ffffff;
    }

    #primary-menu ul li .mega-menu-content.style-2 ul li>a span,
    #header.sticky-header #primary-menu ul li .mega-menu-content.style-2 ul li>a span {
        font-size: 20px !important;
    }

    #primary-menu ul li .mega-menu-content.style-2 ul ul li>a span,
    #header.sticky-header #primary-menu ul li .mega-menu-content.style-2 ul ul li>a span {
        font-size: 16px !important;
        line-height: 22px;
    }
}

/* ----------------------------------------------------------------
	Top Search
-----------------------------------------------------------------*/
#top-search, #top-cart, #side-panel-trigger, #top-account {
    margin: 45px 0 23px 10px;
    margin-right: 35px;
    margin-left: 0px;
}

#top-search form input {
    padding: 8px 80px 10px 0;
    font-size: 20px !important;
    text-transform: none;
}

#header.sticky-header:not(.static-sticky) #top-search form input {
    text-shadow: none;
    color: #1e1e1e;
}

#top-search a i {
    font-size: 24px !important;
    color: #87cf45;
}

#top-search a i.icon-line-cross {
    top: 5px;
    font-weight: 500;
}

#header.sticky-header:not(.static-sticky) #top-search {
    margin-top: 19px !important;
    margin-bottom: 16px !important;
}

#header.sticky-header:not(.static-sticky) #top-search form input {
    padding-top: 0px;
    padding-bottom: 0px;
}

@media only screen and (max-width: 991px) {
    #header-wrap {
        border-bottom: none !important;
    }

    #top-search a {
        margin: 0px !important;
        top: -1px;
        right: 87px;
    }

    #top-search form {
        padding: 0px;
        height: 60px;
    }

    #header #top-search form input {
        padding: 0px 10px 0px 0;
        font-size: 24px;
        padding-left: 43px !important;
        line-height: 24px;
    }

    #header.full-header #primary-menu ul li.mega-menu .mega-menu-content {
        padding-top: 0px;
        padding-bottom: 10px;
    }
}

/* ----------------------------------------------------------------
	Slider
-----------------------------------------------------------------*/
#slider {
    top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px;
    z-index: 10;
}

.swiper_wrapper .slider-caption {
    max-width: 100%;
}

.swiper_wrapper .slider-caption h2 {
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);
    color: #FFFFFF;
    border-bottom: none;
    border-top: none;
    margin-bottom: 0px;
    text-transform: none;
    font-size: 42px;
    margin-bottom: 0px;
    font-family: "Kanit", sans-serif;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.05em;
    line-height: 1.6;
}

@media (max-width: 991px) {
    .swiper_wrapper .slider-caption h2 {
        font-size: 30px;
    }

    #slider {
        margin-top: 70px;
    }
}

#slider .slider-caption.slider-caption-center {
    max-width: 1200px;
}

.swiper_wrapper .slider-caption p {
    color: #FFFFFF;
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);
    display: block !important;
    padding: 0px;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 500;
}


#slider.slider-parallax-invisible .slider-parallax-inner {
    transform: translateY(-587px) !important;
}

#slider .slider-parallax-inner {
    width: 100%;
}

.swiper_wrapper .swiper-container .swiper-wrapper .swiper-slide:before {
    transition: opacity .5s ease !important;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4)) !important;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: calc(100% + 1px);
    opacity: 1;
    z-index: 0;
}

.swiper_wrapper:hover .swiper-container .swiper-wrapper .swiper-slide:before {
    transition: all .5s ease;
    opacity: .1;
}

.slider-caption-top-right {
    right: 0px;
}

@media (max-width: 992px) {
    .slider-parallax-inner {
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 0px;
    }
}

.portfolio-overlay a:hover i {
    color: #fff;
}

/* ----------------------------------------------------------------
	Buttons
-----------------------------------------------------------------*/
.inline-btn {
    display: inline;
}

.button:hover {
    background-color: #767676 !important;
    color: #FFF;
}

.btn-danger {
    color: #ffffff;
    background-color: #87cf45;
    border-color: #87cf45;
}

.button.btn-default, .btn.btn-default {
    font-size: 18px;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    background-color: #f51751!important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    font-weight: normal;
    padding: 10px 18px;
    line-height: 15px;
    margin-left: 0px;
    height: 38px;
    letter-spacing: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.button.btn-default:hover, .button.btn-default:focus, .btn.btn-default:hover, .btn.btn-default:focus {
    font-size: 18px;
    background-color: #1e1e1e !important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    text-decoration: none !important;
    text-transform: none;
    font-weight: normal;
    margin-left: 0px;
    letter-spacing: 0px;
}

.button.btn-primary, .btn.btn-primary {
    font-size: 18px;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    background-color: #ffab00 !important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    font-weight: normal;
    padding: 10px 18px;
    line-height: 15px;
    margin-left: 0px;
    height: 38px;
    letter-spacing: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.button.btn-primary:hover, .button.btn-primary:focus, .btn.btn-primary:hover, .btn.btn-primary:focus {
    font-size: 18px;
    background-color: #1e1e1e !important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    text-decoration: none !important;
    text-transform: none;
    font-weight: normal;
    margin-left: 0px;
    letter-spacing: 0px;
}

.button.btn-success, .btn.btn-success {
    font-size: 18px;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    background-color: #87cf45!important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    font-weight: normal;
    padding: 10px 18px;
    line-height: 15px;
    margin-left: 0px;
    height: 38px;
    letter-spacing: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.button.btn-success:hover, .button.btn-success:focus, .btn.btn-success:hover, .btn.btn-success:focus {
    font-size: 18px;
    background-color: #1e1e1e !important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    text-decoration: none !important;
    text-transform: none;
    font-weight: normal;
    margin-left: 0px;
    letter-spacing: 0px;
}

.button.button-dark, .btn.button-dark {
    font-size: 18px;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    background-color: #1e1e1e !important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    font-weight: normal;
    padding: 10px 18px;
    line-height: 15px;
    margin-left: 0px;
    height: 38px;
    letter-spacing: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.button.button-dark:hover, .button.button-dark:focus, .btn.button-dark:hover, .btn.button-dark:focus {
    font-size: 18px;
    background-color: #87cf45!important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    text-decoration: none !important;
    text-transform: none;
    font-weight: normal;
    margin-left: 0px;
    letter-spacing: 0px;
}

.button.button-border {
    font-size: 18px;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    background-color: transparent !important;
    color: #f51751!important;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    font-weight: normal;
    padding: 10px 18px;
    line-height: 14px;
    margin-left: 0px;
    height: 38px;
    letter-spacing: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #f51751;
    border-color: #f51751!important;
}

.button.button-border:hover, .button.button-border:focus, #content .button.button-border:hover, #content .button.button-border:focus {
    font-size: 18px;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    background-color: #f51751!important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    font-weight: normal;
    padding: 10px 18px;
    line-height: 14px;
    margin-left: 0px;
    height: 38px;
    letter-spacing: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.button.button-light {
    font-size: 18px;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    background-color: #85bde8 !important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    font-weight: normal;
    padding: 10px 18px;
    line-height: 15px;
    margin-left: 0px;
    height: 38px;
    letter-spacing: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.button.button-light:hover, .button.button-light:focus, #content .button.button-light:hover, #content .button.button-light:focus {
    font-size: 18px;
    background-color: #1e1e1e !important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    text-decoration: none !important;
    text-transform: none;
    font-weight: normal;
    margin-left: 0px;
    letter-spacing: 0px;
}

body:not(.device-touch) .button {
    transition: none;
}

/* ----------------------------------------------------------------
	Featurebox
-----------------------------------------------------------------*/
.feature-box {
    margin-bottom: 25px;
}

.feature-box .fbox-icon i {
    background-color: #87cf45;
}

.feature-box h3 {
    font-size: 18px;
    text-transform: none;
    color: #1e1e1e;
    letter-spacing: 0px;
    padding-bottom: 0px;
    padding-top: 10px;
    font-family: "Kanit", sans-serif;
    font-weight: 500;
}

.feature-box p {
    color: #85bde8;
    font-size: 16px;
    padding-top: 2px;
    margin-top: 0px;
    font-weight: 300;
    font-family: "Kanit", sans-serif;
}

.feature-box.fbox-dark .fbox-icon i {
    background-color: #1e1e1e;
}

.feature-box.fbox-plain .fbox-icon i {
    color: #87cf45;
}

.feature-box.fbox-light .fbox-icon i {
    background-color: #85bde8;
    border-color: #85bde8;
    color: #FFFFFF;
}

.feature-box.fbox-plain.fbox-light .fbox-icon i {
    color: #85bde8;
}

/* ----------------------------------------------------------------
    Testimonial
-----------------------------------------------------------------*/
.testimonial.testimonial-full {
    padding: 0px !important;
}

.testimonial {
    padding: 0px;
    box-shadow: none !important;
    border: none;
}

.testimonial-full .testi-content p {
    position: relative;
    margin-top: 40px;
    border-top: none;
    border-bottom: none;
    border-left: 0;
    padding: 20px 0;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.5 !important;
    margin-bottom: 116px;
    font-family: "Kanit", sans-serif;
    border-top: none;
    border-bottom: none;
    color: #87cf45!important;
}

.testimonial-full .testi-content p:before {
    /*content: '';
    position: absolute;
    border-style: solid;
    border-width: 34px 19px 0;
    border-color: #87cf45 transparent;
    display: block;
    width: 0;
    z-index: 0;
    bottom: -34px;
    left: 40px;*/
    display: none;
}

.testimonial-full .testi-content p:after {
    /*content: '';
    position: absolute;
    border-style: solid;
    border-width: 28px 15px 0;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -27px;
    left: 44px;*/
    display: none;
}

.testimonial-full .testi-meta {
    text-align: left;
    margin-left: 140px;
    margin-top: 0px;
    font-size: 18px;
    color: #1e1e1e;
    font-family: "Kanit", sans-serif;
    font-weight: 500;
}

.testimonial-full .testi-meta span {
    font-family: "Kanit", sans-serif;
    font-size: 16px;
    color: #1e1e1e;
}

.testimonial-full .testi-meta:before {
    display: none;
}

.testimonial-full .testi-image {
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin-bottom: 0px;
    width: 120px;
    height: 120px;
}

.testimonial-full .testi-image img {
    width: 120px;
    height: 120px;
}

.testimonial.testimonial-full .flex-control-nav {
    position: absolute;
    bottom: auto;
    top: 0px;
    right: auto;
    left: 0px;
    margin-top: 0px;
}

.testimonial.testimonial-full .flex-control-nav li {
    float: left;
    display: block;
    margin: 0 3px;
    width: 20px;
    height: 20px
}

.testimonial.testimonial-full .flex-control-nav li a {
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    width: 15px !important;
    height: 15px !important;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    border: 1px solid #87cf45;
    background-color: #ffffff;
}

.testimonial.testimonial-full .flex-control-nav li a.flex-active {
    background-color: #87cf45;
}

/* ----------------------------------------------------------------
    Filter
-----------------------------------------------------------------*/
.portfolio-filter.style-1 {
    margin-bottom: 20px !important;
}

.portfolio-filter li a {
    display: block;
    position: relative;
    padding: 12px 18px;
    font-size: 13px;
    line-height: 15px;
    color: #1e1e1e !important;
    border-left: 1px solid #1e1e1e;
    background-color: #ffffff;
    font-weight: 500;
    font-family: "Kanit", sans-serif;
    height: 41px;
    border-left-color: rgba(255, 255, 255, .08);

}

.portfolio-filter li a:hover {
    color: #87cf45!important;
}

.portfolio-filter li.activeFilter a {
    color: #fff !important;
    background-color: #1e1e1e;
    margin: 0px 0;
    padding: 13px 18px;
    font-weight: 500;
    font-family: "Kanit", sans-serif;
}

@media (max-width: 767px) {

    .elementArticleFilter .portfolio-filter {
        margin-left: -10px;
        margin-right: 0px;
        width: calc(100% + 10px);
    }

    .elementArticleFilter .portfolio-filter li {
        margin-bottom: 12px !important;
        height: 41px;
    }

    .elementArticleFilter .portfolio-filter a, .portfolio-filter li.activeFilter a {
        margin-left: 10px;
        padding-left: 5px !important;
        padding-right: 5px !important;
        font-size: 14px;
        margin-top: 0px;
        height: 41px;
    }
}

/* ----------------------------------------------------------------
	Pricingboxes
-----------------------------------------------------------------*/
.pricing-title h3, .pricing-box.best-price .pricing-title h3 {
    line-height: 1.5;
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    font-size: 26px;
    color: #1e1e1e;
    text-transform: none;
}

@media (max-width: 991px) {
    .pricing-title h3, .pricing-box.best-price .pricing-title h3 {
        font-size: 24px;
    }
}

.pricing-box {
    background-color: #FFFFFF;
    box-shadow: none;
    border-radius: 0px;
}

.pricing-title {
    border-bottom: 1px solid #a373e3;
    background-color: #FFFFFF;
}

.elementPricing .pricing-desc {
    background-color: #FFFFFF;
}

.pricing-price:after {
    border-top: none;
}

.pricing-box.pricing-extended {
    border: 1px solid #a373e3!important;
    background-color: #a373e3;
}

.pricing-box.pricing-extended .pricing-action-area .pricing-price {
    color: #FFFFFF;
}

.elementPricing.elementPricing2Columns .pricing-box, .elementPricing.elementPricing3Columns .pricing-box {
    border: 1px solid #85bde8;
}

.elementPricing .pricing-box.best-price .pricing-price {
    background-color: #85bde8!important;
    color: #FFFFFF;
}

.elementPricing .pricing-box.best-price .pricing-price .price-unit {
    color: #FFFFFF;
}

.elementPricing.elementPricing2Columns>.container, .elementPricing.elementPricing3Columns>.container {
    padding-left: 0px;
    padding-right: 0px;
    width: auto !important;
}

.elementPricing.elementPricing2Columns .pricing-box .pricing-price,
.elementPricing.elementPricing3Columns .pricing-box .pricing-price,
.elementPricing.elementPricing4Columns .pricing-box .pricing-price,
.elementPricing.elementPricing5Columns .pricing-box .pricing-price {
    background-color: #ffab00;
    color: #ffffff;

}

.elementPricing.elementPricing2Columns .pricing-box .pricing-features, .elementPricing.elementPricing3Columns .pricing-box .pricing-features {
    border-bottom: 1px solid transparent;
}

.elementPricing.elementPricing2Columns .pricing-title,
.elementPricing.elementPricing3Columns .pricing-title,
.elementPricing.elementPricing4Columns .pricing-title,
.elementPricing.elementPricing5Columns .pricing-title {
    border-bottom: none;
}

@media (min-width: 768px) {
    .elementPricing.elementPricing5Columns .col-sm-2 {
        width: 20%;
    }
}

.pricing-box.pricing-extended .pricing-action-area {
    border-left: 1px solid transparent;
    background-color: #a373e3;
}

.pricing-box.pricing-extended .pricing-features li, .pricing-features li {
    font-size: 18px;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    color: #1e1e1e;
    padding: 4px 0;
}

.pricing-box.pricing-extended .pricing-features ul li i {
    margin-right: 7px;
}

.pricing-box.pricing-extended .pricing-meta, .pricing-title span {
    color: #595959;
    font-size: 18px;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    text-transform: none;
    padding-bottom: 5px;
    font-weight: normal;
}

.pricing-price {
    font-family: "Kanit", sans-serif;
    font-size: 42px !important;
    font-weight: 300;
    color: #1e1e1e;
    text-transform: none;
}

.pricing-price .price-unit {
    font-size: 30px !important;
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    font-size: 20px !important;
    color: #FFFFFF;
}

.pricing-price span.price-tenure {
    color: #FFFFFF;
    text-transform: none !important;
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    font-size: 16px !important;
}

.best-price .pricing-price span.price-tenure {
    color: #ffffff;
}

.elementPricing .pricing-action .button,
.elementPricing.elementPricing2Columns .btn,
.elementPricing.elementPricing3Columns .btn,
.elementPricing.elementPricing4Columns .btn,
.elementPricing.elementPricing5Columns .btn {
    font-size: 18px;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    background-color: #1e1e1e!important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    font-weight: normal;
    padding: 10px 18px;
    line-height: 15px;
    margin-left: 0px;
    height: 38px;
    letter-spacing: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-bottom: none;
    display: inline-block;
    width: auto;
    border: none;
}

#content .elementPricing .pricing-action .button:hover,
#content .elementPricing .pricing-action .button:focus,
#content .elementPricing.elementPricing2Columns .btn:hover,
#content .elementPricing.elementPricing2Columns .btn:focus,
#content .elementPricing.elementPricing3Columns .btn:hover,
#content .elementPricing.elementPricing3Columns .btn:focus,
#content .elementPricing.elementPricing4Columns .btn:hover,
#content .elementPricing.elementPricing4Columns .btn:focus,
#content .elementPricing.elementPricing5Columns .btn:hover,
#content .elementPricing.elementPricing5Columns .btn:focus {
    font-size: 18px;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    background-color: #87cf45 !important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    font-weight: normal;
    padding: 10px 18px;
    line-height: 15px;
    margin-left: 0px;
    height: 38px;
    letter-spacing: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-bottom: none;
    display: inline-block;
    width: auto;
}

/* ----------------------------------------------------------------
    TW Teaserboxen
-----------------------------------------------------------------*/
.portfolio-masonry.portfolio {
    margin: 0 -20px -15px 0 !important;
}


/* Standard */
.portfolio-masonry.portfolio .elementArticle.elementArticleStandard.masonry-item-responsive,
.portfolio-masonry.portfolio .elementArticle.elementArticleStandardIcon.masonry-item-responsive {
    padding: 0 20px 20px 0 !important;
}

.portfolio-masonry.portfolio .elementArticle.elementArticleStandard.masonry-item-responsive .portfolio-image,
.portfolio-masonry.portfolio .elementArticle.elementArticleStandardIcon.masonry-item-responsive .portfolio-image {
    bottom: 20px !important;
    right: 20px !important;
    height: calc(100% - 20px) !important;
    width: calc(100% - 20px) !important;
}

.elementArticleStandard.elementArticle .portfolio-desc,
.elementArticleStandardIcon.elementArticle .portfolio-desc {
    position: relative !important;
    background-color: #FFFFFF;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 100;
    width: 100% !important;
}

.elementArticle.elementArticleStandard .masonry-portfolio-image:before,
.elementArticle.elementArticleStandardIcon .masonry-portfolio-image:before {
    transition: opacity .5s ease !important;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4)) !important;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 2;
    top: 0;
}

.elementArticle.elementArticleStandard:hover .masonry-portfolio-image:before,
.elementArticle.elementArticleStandardIcon:hover .masonry-portfolio-image:before {
    transition: all .5s ease;
    opacity: .1;
}

.elementArticleStandard.elementArticle .portfolio-desc h3, .elementArticleStandard.elementArticle .portfolio-desc h3 a,
.elementArticleStandardIcon.elementArticle .portfolio-desc h3, .elementArticleStandardIcon.elementArticle .portfolio-desc h3 a {
    color: #1e1e1e !important;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 30px;
    font-family: "Kanit", sans-serif;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.05em;
}

.elementArticleStandard.elementArticle .portfolio-desc span, .elementArticleStandard.elementArticle .portfolio-desc span a,
.elementArticleStandardIcon.elementArticle .portfolio-desc span, .elementArticleStandardIcon.elementArticle .portfolio-desc span a,
.elementArticleStandard.elementArticle .portfolio-desc p, .elementArticleStandardIcon.elementArticle .portfolio-desc p {
    font-family: "Kanit", sans-serif;
    font-size: 18px;
    color: #1e1e1e;
    margin-top: 0px;
}

.elementArticleStandardIcon.elementArticle .portfolio-overlay .center-icon {
    background-color: #87cf45;
    opacity: 1 !important;
    margin-top: 1px;
    transition: none;
}

.elementArticleStandardIcon.elementArticle:hover .portfolio-overlay .center-icon {
    transition: none;
    margin-top: 1px;
}

.elementArticleStandardIcon.elementArticle .portfolio-overlay .center-icon i {
    color: #ffffff;
}


/* Overlay */
.portfolio-masonry.portfolio .elementArticle.elementArticleOverlay.masonry-item-responsive,
.portfolio-masonry.portfolio .elementArticle.elementArticleOverlayIcons.masonry-item-responsive {
    padding: 0 20px 20px 0 !important;
}

.portfolio-masonry.portfolio .elementArticle.elementArticleOverlay.masonry-item-responsive .portfolio-image,
.portfolio-masonry.portfolio .elementArticle.elementArticleOverlayIcons.masonry-item-responsive .portfolio-image {
    bottom: 20px !important;
    right: 20px !important;
    height: calc(100% - 20px) !important;
    width: calc(100% - 20px) !important;
}

.ce_rsce_teaser .elementArticle.elementArticleOverlay .portfolio-overlay:before,
.ce_rsce_teaser .elementArticle.elementArticleOverlayIcons .portfolio-overlay:before {
    height: 100% !important;
}

.elementArticle.elementArticleOverlay .portfolio-overlay .portfolio-desc,
.elementArticle.elementArticleOverlayIcons .portfolio-overlay .portfolio-desc {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.elementArticle.elementArticleOverlay .portfolio-overlay h3,
.elementArticle.elementArticleOverlayIcons .portfolio-overlay h3,
.elementArticle.elementArticleOverlayIcons .portfolio-overlay h3 a {
    color: #FFFFFF !important;
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);
    font-size: 35px;
    font-weight: normal;
    text-transform: none;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: "Kanit", sans-serif;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.05em;
    line-height: 1.6;
}

.elementArticle.elementArticleOverlay .portfolio-overlay .portfolio-desc span,
.elementArticle.elementArticleOverlayIcons .portfolio-overlay .portfolio-desc span,
.elementArticle.elementArticleOverlayIcons .portfolio-overlay .portfolio-desc span a {
    line-height: 120%;
    font-size: 18px;
    color: #FFFFFF !important;
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);
}

.elementArticle.elementArticleOverlay .portfolio-overlay,
.elementArticle.elementArticleOverlayIcons .portfolio-overlay {
    background-color: transparent;
    transition: none !important;
    opacity: 1 !important;
}

.elementArticle.elementArticleOverlay .portfolio-overlay .portfolio-desc .entry-meta li,
.elementArticle.elementArticleOverlayIcons .portfolio-overlay .portfolio-desc .entry-meta li {
    color: #FFFFFF;
    font-family: "Kanit", sans-serif;
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);
    float: none;
}

.elementArticle.elementArticleOverlay .portfolio-overlay:before,
.elementArticle.elementArticleOverlayIcons .portfolio-overlay:before {
    transition: opacity .5s ease !important;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4)) !important;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 0;
}

.elementArticle.elementArticleOverlay.darkBg .portfolio-overlay:before,
.elementArticle.elementArticleOverlayIcons.darkBg .portfolio-overlay:before {
    background: #87cf45!important;
}

.elementArticle.elementArticleOverlay.darkBg:hover .portfolio-overlay,
.elementArticle.elementArticleOverlayIcons.darkBg:hover .portfolio-overlay {
    background-color: transparent;
}

.elementArticle.elementArticleOverlay.darkBg:hover .portfolio-overlay:before,
.elementArticle.elementArticleOverlayIcons.darkBg:hover .portfolio-overlay:before {
    transition: all .5s ease;
    opacity: .8;
}

.elementArticle.elementArticleOverlayIcons .portfolio-overlay .center-icon {
    background-color: #87cf45;
    opacity: 1 !important;
}


@media (min-width: 768px) {
    .elementArticle.elementArticleOverlayIcons .portfolio-overlay .center-icon {
        left: 0;
    }
}

.elementArticle.elementArticleOverlay:hover .portfolio-overlay:before,
.elementArticle.elementArticleOverlayIcons:hover .portfolio-overlay:before {
    transition: all .5s ease;
    opacity: .1;
}

.elementArticle.elementArticleOverlayIcons .portfolio-overlay .center-icon i {
    color: #ffffff;
}

/* Tabs */
.portfolio-masonry.portfolio .elementArticle.elementArticleTabs.masonry-item-responsive {
    padding: 0 20px 20px 0 !important;
}

.portfolio-masonry.portfolio .elementArticle.elementArticleTabs.masonry-item-responsive .portfolio-overlay-open {
    bottom: 20px !important;
    right: 20px !important;
    height: calc(100% - 20px) !important;
    width: calc(100% - 20px) !important;
}

.ce_rsce_teaser .elementArticle.elementArticleTabs .portfolio-overlay:before {
    height: 100% !important;
}

.elementArticle.elementArticleTabs .portfolio-overlay .portfolio-desc {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.elementArticleTabs .portfolio-desc {
    bottom: -100%;
    height: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 20px;
    width: 100%;
    height: 100%;
    color: #1e1e1e;
}

.elementArticleTabs .portfolio-desc h3, .elementArticleTabs .portfolio-desc h2,
.elementArticleTabs .portfolio-desc h4, .elementArticleTabs .portfolio-desc h5,
.elementArticleTabs .portfolio-desc h6,
.elementArticleTabs .portfolio-desc span,
.elementArticleTabs .portfolio-desc p {
    color: #1e1e1e !important;
}

.elementArticleTabs .portfolio-desc h3 {
    font-size: 30px;
}


/* Carousel */
.owl-item .elementArticle.elementArticleOverlay.noBg img {
    transform: none;
}

.owl-item .elementArticle.elementArticleOverlay .portfolio-overlay:before {
    transition: opacity .5s ease !important;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4)) !important;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100% !important;
    opacity: 1;
    z-index: 0;
}

@media (max-width: 767px) {
    .owl-item .elementArticle.elementArticleOverlay .portfolio-overlay:before {
        height: 100% !important;
    }
}

.owl-item .elementArticle.elementArticleStandard .masonry-portfolio-image:before {
    height: 100% !important;
}

.owl-item .elementArticle.elementArticleOverlay:hover .portfolio-overlay:before {
    transition: all .5s ease;
    opacity: .1;
}

.owl-item .elementArticle.elementArticleOverlay.noBg .masonry-portfolio-image,
.owl-item .elementArticle.elementArticleStandard .masonry-portfolio-image {
    width: 100% !important;
}

.owl-item .elementArticle.elementArticleOverlay .portfolio-overlay .portfolio-desc {
    margin-top: 40px;
}

.owl-item .elementArticleStandard.elementArticle .portfolio-desc {
    margin-top: 0px;
    width: 100%;
}

.ce_rsce_teaser.teaser-emotions {
    padding-bottom: 15px;
}

.owl-carousel .owl-nav [class*=owl-], .owl-carousel .owl-nav [class*=owl-] {
    top: -40px;
    bottom: auto;
}

.owl-carousel .owl-nav [class*=owl-], .owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: #FFFFFF !important;
}

.dark .owl-carousel .owl-nav [class*=owl-], .dark .owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: transparent !important;
}

#footer .owl-carousel .owl-nav [class*=owl-], #footer .owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: transparent !important;
}

.owl-carousel .owl-nav [class*=owl-], .owl-carousel .owl-nav [class*=owl-]:hover i {
    color: #87cf45;
}

.owl-carousel .owl-nav .owl-prev i, .owl-carousel .owl-nav .owl-next i {
    color: #85bde8;
}

.owl-nav div {
    opacity: 1 !important;
    width: 56px !important;
    height: 56px !important;
    box-shadow: none;
    border: none !important;
    border-radius: 0px !important;
    line-height: 52px !important;
}

@media (max-width: 992px) {
    #content .owl-carousel .owl-nav [class*=owl-] {
        right: 0px !important;
    }
}

.owl-nav div i {
    font-size: 25px;
}

.owl-next {
    left: auto !important;
    right: calc(50% - 56px) !important;
    top: auto !important;
    bottom: 0px !important;
    padding: 2px 3px 0 0 !important;

}

.owl-prev {
    left: auto !important;
    right: 50% !important;
    top: auto !important;
    bottom: 0px !important;
    padding: 2px 3px 0 0 !important;
}

.carousel-header .owl-next {
    right: 0px !important;
    top: auto !important;
    bottom: 0px !important;
}

.carousel-header .owl-prev {
    right: 56px !important;
    top: auto !important;
    bottom: 0px !important;
}

.owl-next, .owl-prev {
    top: -42px !important;
    bottom: auto !important;
}

.mod_news_list .entry-meta {
    position: absolute;
    top: -45px;
}

.mod_news_list .entry-meta li {
    color: #ffffff !important;
    font-family: "Kanit", sans-serif;
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);
}

.teaser-emotions .portfolio-masonry.portfolio {
    margin: 0 -15px -15px 0 !important;
}

.teaser-emotions .portfolio-masonry.portfolio .elementArticle.elementArticleOverlay.masonry-item-responsive, .teaser-emotions .portfolio-masonry.portfolio .elementArticle.elementArticleOverlayIcons.masonry-item-responsive {
    padding: 0 !important;
}

/* Subpage Teaser */
.ce_app_subpages .portfolio-masonry.portfolio .elementArticle.elementArticleOverlay,
.ce_app_subpages .portfolio-masonry.portfolio .elementArticle.elementArticleOverlayIcons {
    padding: 0 20px 20px 0 !important;
}

.ce_app_subpages .ce_rsce_teaser .elementArticle.elementArticleOverlay .portfolio-overlay:before,
.ce_app_subpages .ce_rsce_teaser .elementArticle.elementArticleOverlayIcons .portfolio-overlay:before {
    height: 100% !important;
}

.ce_app_subpages .elementArticle.elementArticleOverlay .portfolio-overlay .portfolio-desc,
.ce_app_subpages .elementArticle.elementArticleOverlayIcons .portfolio-overlay .portfolio-desc {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.ce_app_subpages .elementArticle.elementArticleOverlay .masonry-portfolio-image,
.ce_app_subpages .elementArticle.elementArticleOverlayIcons .masonry-portfolio-image {
    padding-top: 133% !important;
}

.ce_app_subpages .elementArticle.elementArticleOverlay .masonry-portfolio-image img,
.ce_app_subpages .elementArticle.elementArticleOverlayIcons .masonry-portfolio-image img {
    height: 100%;
}

.ce_app_subpages .elementArticleStandard.elementArticle .portfolio-desc, .ce_app_subpages .elementArticleStandardIcon.elementArticle .portfolio-desc {
    position: relative !important;
    background-color: #FFFFFF;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 100;
    margin-top: -15px;
    width: calc(100% - 20px);
}

.ce_app_subpages .elementArticle.elementArticleOverlay .portfolio-overlay .portfolio-desc span {
    display: none;
}

/* PIM Teaser */
.ce_app_object_teaser {
    margin-bottom: 20px;
}

.ce_app_object_teaser .portfolio-masonry.portfolio .elementArticle.elementArticleOverlay,
.ce_app_object_teaser .portfolio-masonry.portfolio .elementArticle.elementArticleOverlayIcons {
    padding: 0 20px 20px 0 !important;
}

.ce_app_object_teaser .ce_rsce_teaser .elementArticle.elementArticleOverlay .portfolio-overlay:before,
.ce_app_object_teaser.ce_rsce_teaser .elementArticle.elementArticleOverlayIcons .portfolio-overlay:before {
    height: 100% !important;
}

.ce_app_object_teaser .elementArticle.elementArticleOverlay .portfolio-overlay .portfolio-desc,
.ce_app_object_teaser .elementArticle.elementArticleOverlayIcons .portfolio-overlay .portfolio-desc {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.ce_app_object_teaser .elementArticle.elementArticleOverlay .masonry-portfolio-image,
.ce_app_object_teaser .elementArticle.elementArticleOverlayIcons .masonry-portfolio-image {
    padding-top: 133% !important;
}

.ce_app_object_teaser .elementArticle.elementArticleOverlay .masonry-portfolio-image img,
.ce_app_object_teaser .elementArticle.elementArticleOverlayIcons .masonry-portfolio-image img {
    height: 100%;
}

.ce_app_object_teaser .elementArticle.elementArticleOverlay .portfolio-overlay .portfolio-desc span {
    display: none;
}

/* News Teaser */
.mod_news_list .portfolio-masonry.portfolio .elementArticle.elementArticleOverlay,
.mod_news_list .portfolio-masonry.portfolio .elementArticle.elementArticleOverlayIcons {
    padding: 0 20px 20px 0 !important;
}

.mod_news_list .ce_rsce_teaser .elementArticle.elementArticleOverlay .portfolio-overlay:before,
.mod_news_list .ce_rsce_teaser .elementArticle.elementArticleOverlayIcons .portfolio-overlay:before {
    height: 100% !important;
}

.mod_news_list .elementArticle.elementArticleOverlay .portfolio-overlay .portfolio-desc,
.mod_news_list .elementArticle.elementArticleOverlayIcons .portfolio-overlay .portfolio-desc {
    padding-left: 10px !important;
    padding-right: 10px !important;
}


/* News Teaser overlay */
.mod_news_list .elementArticle.elementArticleOverlay .portfolio-overlay,
.mod_news_list .elementArticle.elementArticleOverlayIcons .portfolio-overlay {
    background-color: transparent;
    transition: none !important;
    opacity: 1 !important;
}

.mod_news_list .elementArticle.elementArticleOverlay .portfolio-overlay .portfolio-desc .entry-meta li,
.mod_news_list .elementArticle.elementArticleOverlayIcons .portfolio-overlay .portfolio-desc .entry-meta li {
    color: #FFFFFF;
    font-family: "Kanit", sans-serif;
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);
    float: none;
}

.mod_news_list .elementArticle.elementArticleOverlay .portfolio-overlay:before,
.mod_news_list .elementArticle.elementArticleOverlayIcons .portfolio-overlay:before {
    transition: opacity .5s ease !important;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4)) !important;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    opacity: 1;
    z-index: 0;
}

/* Carousel Header */
.mod_news_list.carousel-news-header .elementArticle.elementArticleOverlay .portfolio-overlay:before,
.mod_news_list.carousel-news-header .elementArticle.elementArticleOverlayIcons .portfolio-overlay:before {
    width: 100%;
}

.mod_news_list .elementArticle.elementArticleOverlay.darkBg .portfolio-overlay:before,
.mod_news_list .elementArticle.elementArticleOverlayIcons.darkBg .portfolio-overlay:before {
    background: #E30613 !important;
}

.mod_news_list .elementArticle.elementArticleOverlay.darkBg:hover .portfolio-overlay,
.mod_news_list .elementArticle.elementArticleOverlayIcons.darkBg:hover .portfolio-overlay {
    background-color: transparent;
}

.mod_news_list .elementArticle.elementArticleOverlay.darkBg:hover .portfolio-overlay:before,
.mod_news_list .elementArticle.elementArticleOverlayIcons.darkBg:hover .portfolio-overlay:before {
    transition: all .5s ease;
    opacity: .8;
}

.mod_news_list .elementArticle.elementArticleOverlayIcons .portfolio-overlay .center-icon {
    background-color: #E30613;
    opacity: 1 !important;
}


@media (min-width: 768px) {
    .mod_news_list .ce_rsce_teaser .owl-item .elementArticle.elementArticleOverlay .portfolio-overlay .portfolio-desc {
        width: calc(100% - 0px);
    }

    .mod_news_list .elementArticle.elementArticleOverlayIcons .portfolio-overlay .center-icon {
        left: -10px;
    }
}

.mod_news_list .elementArticle.elementArticleOverlay:hover .portfolio-overlay:before,
.mod_news_list .elementArticle.elementArticleOverlayIcons:hover .portfolio-overlay:before {
    transition: all .5s ease;
    opacity: .1;
}

.mod_news_list .elementArticle.elementArticleOverlayIcons .portfolio-overlay .center-icon i {
    color: #ffffff;
}

@media (max-width: 767px) and (min-width: 480px) {
    .mod_news_list .portfolio:not(.portfolio-1) .portfolio-item {
        width: 100%;
    }
}

/* Newsreader */
.mod_newsreader h2 {
    padding-top: 15px;
    margin-bottom: 25px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 15px;
}

.mod_newsreader .ce_image,
.mod_newsreader .content-image {
    position: relative;
    margin-bottom: 30px;
}

#content .mod_newsreader .ce_image .image_container:after,
#content .mod_newsreader .content-image .image_container:after {
    width: 100% !important;
}

#content .mod_newsreader .box {
    padding: 30px;
}

#content .mod_newsreader .box p {
    margin-bottom: 0px;
}

/* ----------------------------------------------------------------
	Box Schema
-----------------------------------------------------------------*/
/* - */
.section.nobgcolor, .box.nobgcolor {
    /*background-color: transparent !important;*/
    background-color: #ffab00 !important;


    box-shadow: none;
}

.section.nobgcolor h1, .section.nobgcolor h2, .section.nobgcolor h3, .section.nobgcolor h4, .section.nobgcolor h5, .section.nobgcolor h6,
.box.nobgcolor h1, .box.nobgcolor h2, .box.nobgcolor h3, .box.nobgcolor h4, .box.nobgcolor h5, .box.nobgcolor h6,
.section.nobgcolor p, .section.nobgcolor li, .section.nobgcolor p a,
.box.bgcolor p, .box.bgcolor li, .box.bgcolor p a {
    color: #1e1e1e;
}

/* Default */
.section.bgcolor, .box.bgcolor {
    background-color: #FFFFFF !important;
    box-shadow: none;
}

.section.bgcolor h1, .section.bgcolor h2, .section.bgcolor h3, .section.bgcolor h4, .section.bgcolor h5, .section.bgcolor h6,
.box.bgcolor h1, .box.bgcolor h2, .box.bgcolor h3, .box.bgcolor h4, .box.bgcolor h5, .box.bgcolor h6,
.section.bgcolor p, .section.bgcolor li, .section.bgcolor p a,
.box.bgcolor p, .box.bgcolor li, .box.bgcolor p a {
    color: #1e1e1e;
}

/* Light */
.section.light, .box.light {
    background-color: #87cf45!important;
}

.section.light h1, .section.light h2, .section.light h3, .section.light h4, .section.light h5, .section.light h6,
.box.light h1, .box.light h2, .box.light h3, .box.light h4, .box.light h5, .box.light h6 .section.dark p a, .box.dark p a {
    color: #1e1e1e;
}

.section.light h2, .box.light h2 {
    border-bottom: none;
}

.section.light p, .section.light li,
.box.light p, .box.light li {
    color: #1e1e1e;
}

/* Dark */
.section.dark, .box.dark {
    background-color: #f51751;
    box-shadow: none;
}

.section.dark h1, .section.dark h2, .section.dark h3, .section.dark h4, .section.dark h5, .section.dark h6,
.box.dark h1, .box.dark h2, .box.dark h3, .box.dark h4, .box.dark h5, .box.dark h6,
#content .section.dark p, #content .section.dark li, #content .section.dark p a,
.box.dark p, .box.dark li, .box.dark p a, .section.dark .download-element a, .section.dark span {
    color: #FFFFFF !important;
}

#content .section.dark p a:hover, #content .section.dark p a:focus {
    color: #FFFFFF !important;
}

.section .box.bgcolor h4 {
    padding-top: 15px;
    margin-bottom: 5px;
    padding-left: 0px;
}

.section .box.bgcolor p {
    margin-bottom: 15px;
}

#content .section .box-link {
    text-decoration: none !important;
}


.tire-track {
    height: 236px;
    padding-bottom: 0;
    opacity: 0.1;
    margin-top: -105px !important;
}

/* Overlap Box Story */
.section.overlap-box {
    position: relative;
}

@media (min-width: 992px) {
    .section.overlap-box .box {
        position: absolute;
        top: -475px;
        right: 15px;
        left: 15px;
        padding: 40px;
        box-shadow: 0 2.5rem 16.25rem 0 rgba(0, 0, 0, .2);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .section.overlap-box .box {
        top: -469px;
    }
}

/* ----------------------------------------------------------------
	parallax
-----------------------------------------------------------------*/
#content .mod_article.parallax .box {
    background-color: transparent !important;
}

#content .mod_article.parallax .box h2, #content .mod_article.parallax .box h1, #content .mod_article.parallax .box h3, #content .mod_article.parallax .box h4, #content .mod_article.parallax .box h5, #content .mod_article.parallax .box h6 #content .mod_article.parallax .box p, #content .mod_article.parallax .box span, #content .mod_article.parallax .box ul {
    color: #ffffff !important;
}

#content .mod_article.parallax .box h2 {
    color: #ffffff !important;
    font-family: "Kanit", sans-serif;
    font-size: 42px !important;
}

@media (max-width: 991px) {
    #content .mod_article.parallax .box h2 {
        font-size: 30px !important;
    }
}


/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/
#footer {
    height: 570px;
    width: 100%;
    position: fixed;
    margin-left: 0px;
    bottom: 55px;
    z-index: 0;
    color: white;
    border-top: none;
    background-color: #1e1e1e!important;
    margin-left: 0px;
    border-top: 4px solid #87cf45!important;
}

#footer .dark {
    background-color: #1e1e1e!important;
}

@media (max-width: 767px) {
    #footer {
        height: auto;
        width: 100%;
        position: static;
        position: relative;
        z-index: 10;
    }

    #footer .ce_app_footer_navigation {
        margin-bottom: 30px;
    }

    #footer .logo-emag-mobile {
        margin-top: -30px;
    }
}

#footer .elementSocialIcons {
    padding-bottom: 36px;
}

#footer .footer-widgets-wrap {
    padding-top: 0px;
    padding-bottom: 0px;
}

#footer #copyrights {
    background-color: #1e1e1e!important;
    padding-bottom: 0px;
    padding-top: 0px;
}

#footer #copyrights .btn.btn-default {
    background-color: #ffffff !important;
    height: 34px;
    font-size: 16px;
    padding: 5px 18px;
}

#footer #copyrights .dropdown-menu {
    background-color: #ffffff;
    border-color: #ffffff;
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    height: 17px;
    color: #FFFFFF;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    color: #FFFFFF;
}

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

.copyrights-menu {
    margin-top: 0px;
    text-align: center;
    margin-bottom: 0px;
}

footer #copyrights .ce_text p,
footer #copyrights .content-text p {
    margin-top: 30px;
    margin-bottom: 0px;
}

footer #copyrights .mod_changelanguage {
    margin-top: 30px;
}

footer #copyrights .ce_hyperlink,
footer #copyrights .content-hyperlink {
    float: none;
    text-align: right;
    display: inline;
    margin-top: 15px;
}

footer #copyrights a img {
    width: 120px !important;
}

footer #copyrights a {
    margin-left: 0px;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    font-size: 13px;
    text-shadow: none;
    margin-right: 0px;
    color: #87cf45!important;
}

footer #copyrights .wrapperofflinehelden {
    text-align: right;
    margin-top: 13px;
}

footer #copyrights .wrapperofflinehelden h4 a {
    color: #1e1e1e !important;
    line-height: 24px;
    text-decoration: none;
    font-family: "Kanit", sans-serif;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.05em;
}

footer #copyrights .wrapperofflinehelden h4 a i {
    padding-right: 4px;
    font-size: 26px;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    color: #87cf45;
}

#footer .wrapper-partner {
    text-align: center;
    margin-bottom: 15px;
}

#footer .wrapper-partner a {
    text-decoration: none !important;
}

#footer .wrapper-partner a img {
    padding-top: 30px;
    padding-bottom: 30px;
}

#footer .wrapper-partner a .imgFoerderverein {
    width: 200px;
    padding-left: 0;
}

#footer .wrapper-partner a .imgVersicherung {
    width: 180px;
}

#footer .wrapper-partner a .imgGastroBern {
    width: 200px;
}

#footer .wrapper-partner a .imgBernerlandBank {
    width: 200px;
    padding-top: 50px;
}

@media (max-width: 767px) {
    #footer .wrapper-partner {
        margin-bottom: 20px;
    }

    #footer .wrapper-partner img {
        width: 40%;
    }

    .copyrights-menu {
        padding-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #footer .wrapper-partner a .imgBernerlandBank {
        padding-top: 30px;
    }
}

@media (max-width: 479px) {
    #footer .wrapper-partner a .imgFoerderverein {
        padding-left: 30px;
        padding-top: 0;
        width: 250px;
    }

    #footer .wrapper-partner a .imgBernerlandBank {
        padding-top: 30px;
    }
}

#footer .logoclients {
    padding-bottom: 0px;
}

#footer .elementAdress p {
    padding-bottom: 20px;
}

#footer .elementAdress address {
    margin-bottom: 20px;
}

#footer .elementAdress p {
    font-size: 18px;
}

#footer .elementAdress span a {
    font-size: 18px;
}

.footer-widgets-wrap .widget_links h4 {
    margin-bottom: 8px;
}

footer a {
    color: #FFFFFF !important;
    font-size: 18px;
    font-family: "Kanit", sans-serif;
    font-weight: 300 !important;
    text-transform: none;
    text-decoration: none !important;
}

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

footer address {
    font-size: 18px;
    font-family: "Kanit", sans-serif;
    color: #FFFFFF !important;
    line-height: 31px;
    margin-top: 8px;
    margin-bottom: 20px;
}

footer p, footer h5 {
    color: #FFFFFF !important;
}

footer #copyrights p {
    text-shadow: none;
    margin-bottom: 0px;
    font-size: 18px;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    line-height: 20px;
}

footer .footer-widgets-wrap .socialbg {
    background-color: #FFFFFF !important;
}

footer .widget_links h4 a, footer h5 {
    text-decoration: none !important;
    font-family: "Kanit", sans-serif;
    font-weight: normal !important;
    text-transform: none;
    letter-spacing: 0.05em;
    font-size: 22px;
    text-shadow: none;
    border-bottom: 3px solid #87cf45;
    display: initial;

}

footer .widget_links li a {
    color: #FFFFFF !important;
    background: none;
    background-image: none !important;
    font-weight: 500;
}

footer .widget_links li a:hover, footer .widget_links li a:focus {
    text-decoration: underline !important;
}

footer h5 {
    margin-bottom: 9px;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

footer .elementSocialIcons div {
    color: #fff !important;
    float: none !important;
}

footer .elementSocialIcons div a i {
    font-size: 22px;
    color: #1e1e1e;
}

footer .elementSocialIcons div a:hover i {
    margin-top: 0 !important;
}

.ce_app_footer_navigation li {
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.ce_app_footer_navigation li>a {
    font-size: 18px;
    background-image: none;
    padding: 0;
    font-family: "Kanit", sans-serif;
    color: #85bde8!important;
}

.ce_rsce_footer_links ul {
    margin-top: 0 !important;
}

.ce_rsce_footer_links li {
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.ce_rsce_footer_links li>a {
    font-size: 18px;
    background-image: none;
    padding: 0;
    font-family: "Kanit", sans-serif;
    color: #737272 !important;
}

#footer .owl-next, #footer .owl-prev {
    top: -29px !important;
    background-color: #85bde8;
    height: 40px;
    line-height: 40px;
}

#footer .owl-prev {
    right: 35px;
}

#footer .owl-carousel .owl-nav [class*="owl-"]:hover {
    background-color: #85bde8!important;
}

@media (min-width: 768px) and (max-width: 991px) {
    #footer {
        height: 723px;
    }

    #custom-bg {
        height: calc(100% - 744px);
    }

    #content {
        margin-bottom: 749px !important;
    }
}

@media (max-width: 767px) {
    .footerlogos {
        text-align: left;
    }

    .footerlogos img {
        display: block;
        margin-bottom: 10px;
    }

    #copyrights .section .col-md-6 .ce_text.tright,
    #copyrights .section .col-md-6 .ce_text.tright p,
    #copyrights .section .col-md-6 .content-text.tright,
    #copyrights .section .col-md-6 .content-text.tright p {
        text-align: left !important;
    }

    #copyrights .section .col-md-6 .ce_text.tright p,
    #copyrights .section .col-md-6 .content-text.tright p {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

/* ----------------------------------------------------------------
	Iconbar
-----------------------------------------------------------------*/
.elementSocialIcons .icon-custom {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

footer .elementSocialIcons {
    position: static;
    background: none;
    width: auto;
    padding: 0;
}

footer .elementSocialIcons a:hover i, footer .elementSocialIcons a:focus i {
    color: #85bde8!important;
}

/* ----------------------------------------------------------------
	Widget - Bynder
-----------------------------------------------------------------*/
#bynder-widget-lightbox {
    margin-left: 10px;
    margin-right: 12px;
    width: calc(100% - 20px) !important;
    height: calc(100% - 55px) !important;
    margin-top: 60px;

}

#bynder-widget-lightbox>.bynder-widget-figure>.bynder-widget-table-wrapper>.bynder-widget-overlay-detail ul li h2 {
    font-size: 18px;
    display: inline-block;
    font-family: "Kanit", sans-serif;
    padding: 8px 0;
    margin: 0;
    font-weight: normal;
    margin-bottom: 20px;
    color: #ffffff;
    text-transform: uppercase;
}

.bynder-widget-media-list .bynder-widget-overlay-detail ul li {
    font-family: "Kanit", sans-serif;
}

.bynder-widget .bynder-widget-header strong {
    font-family: "Kanit", sans-serif;
    display: block;
    font-weight: 500;
    font-size: 30px;
    color: #1e1e1e;
}


#bynder-widget-lightbox>.bynder-widget-figure>.bynder-widget-table-wrapper>.bynder-widget-overlay-detail ul li ul#fileList li a span.fileSize,
#bynder-widget-lightbox>.bynder-widget-figure>.bynder-widget-table-wrapper>.bynder-widget-overlay-detail ul li ul#fileList li span.fileType {
    color: #EEEEEE !important;
    font-weight: 400 !important;
}

.bynder-widget-media-list {
    background: #FFFFFF none repeat scroll 0 0 !important;
    border: none !important;
    border-radius: 0px !important;
}

.bynder-widget-media-list .bynder-widget-header {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0px 0 !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
}


.bynder-widget-media-list .bynder-widget-header .bynder-widget-link {
    font-family: "Kanit", sans-serif;
    font-size: 18px;
    color: #1e1e1e !important;
}

ul.bynder-widget-media-items {
    justify-content: space-between;
    margin-left: -9px !important;
    margin-right: -9px !important;
}

.bynder-widget-media-items:after {
    display: none !important;
}

.bynder-widget-media-list .bynder-widget-content {
    overflow: hidden !important;
}

ul.bynder-widget-media-items li a p, div.media-item a p {
    font-family: "Kanit", sans-serif;
    font-size: 16px;
    color: #1e1e1e;
    font-weight: 300;
}

ul.bynder-widget-media-items {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

ul.bynder-widget-media-items li a.bynder-widget-btn {
    color: #FFFFFF !important;
    font-size: 15px !important;
    border-color: transparent !important;
    background: #87cf45!important;
    font-family: "Kanit", sans-serif!important;
    z-index: 1000;
    font-weight: 400 !important;
    text-transform: inherit;
    text-shadow: none !important;
}

.bynder-widget-media-list .bynder-widget-header a.bynder-widget-btn {
    color: #FFFFFF !important;
    font-size: 18px !important;
    background: #87cf45!important;
    font-family: "Kanit", sans-serif!important;
    z-index: 1000;
    font-weight: 400 !important;
    text-transform: inherit;
    text-shadow: none !important;
    padding: 5px 10px;
    right: 0;
    top: 0;
    border-radius: 5px !important;
    box-shadow: none;
    border: none;
}

#bynder-widget-lightbox>.bynder-widget-figure>.bynder-widget-table-wrapper>.bynder-widget-overlay-detail ul li a.bynder-widget-btn {
    color: #FFFFFF !important;
    font-size: 15px !important;
    background: #87cf45!important;
    font-family: "Kanit", sans-serif!important;
    z-index: 1000;
    font-weight: 400 !important;
    text-transform: inherit;
    text-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 5px !important;
    padding: 5px 10px;
}

#bynder-widget-lightbox>.bynder-widget-figure>.bynder-widget-table-wrapper>.bynder-widget-overlay-detail ul li a.bynder-widget-btn:hover {
    background-color: #1e1e1e !important;
    text-decoration: none !important;
    margin-left: 0px;
    letter-spacing: 0px;
}

.bynder-widget-media-list .bynder-widget-header a.bynder-widget-btn:hover {
    background-color: #1e1e1e !important;
    text-decoration: none !important;
    margin-left: 0px;
    letter-spacing: 0px;
}

.bynder-widget-content {
    width: 100% !important;
    height: auto !important;
}

@media (max-width: 767px) and (min-width: 480px) {
    #bynder-widget-lightbox {
        margin-top: 80px;
    }

    .bynder-widget-content {
        margin-top: 30px !important;
    }

    .bynder-widget-media-list .bynder-widget-header {
        margin-right: 16px;
        margin-left: 7px;
        text-align: center;
        margin-bottom: 80px;
    }

    #bynder-widget-lightbox>.bynder-widget-figure>.bynder-widget-table-wrapper>.bynder-widget-overlay-detail {
        display: none !important;
    }

    .bynder-widget-media-list .bynder-widget-header a.bynder-widget-btn {
        top: 88px;
        right: 43px;
        padding: 3px 0px;
    }

    ul.bynder-widget-media-items {
        justify-content: center;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .bynder-widget .bynder-widget-header strong {
        font-size: 26px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .bynder-widget-media-list .bynder-widget-header a.bynder-widget-btn {
        right: 0;
    }

    #bynder-widget-lightbox>.bynder-widget-figure>.bynder-widget-table-wrapper>.bynder-widget-overlay-detail {
        display: none !important;
    }
}

@media only screen and (max-width: 480px) {
    #bynder-widget-lightbox {
        margin-top: 80px;
    }

    .bynder-widget-media-list .bynder-widget-header a.bynder-widget-btn {
        font-size: 16px !important;
        right: 18px;
        top: 86px;
        padding: 3px 0px;
    }

    ul.bynder-widget-media-items {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .bynder-widget-media-list .bynder-widget-header {
        margin-left: 0;
        margin-right: 0;
        text-align: center;
        margin-bottom: 80px;
    }

    .bynder-widget-2-col ul.bynder-widget-media-items li {
        width: 100% !important;
    }

    .bynder-widget-media-list {
        padding: 0;
    }

    .bynder-widget-media-list .bynder-widget-header .bynder-widget-header {
        margin-right: 16px;
    }

    #bynder-widget-lightbox>.bynder-widget-figure>.bynder-widget-table-wrapper>.bynder-widget-overlay-detail {
        display: none !important;
    }

    ul.bynder-widget-media-items li a.bynder-widget-btn {
        top: 99px !important;
        right: 10% !important;
        margin-right: 0 !important;
        border-radius: none !important;

    }

    ul.bynder-widget-media-items {
        justify-content: center;
        display: block;
    }

    .bynder-widget .bynder-widget-header strong {
        font-size: 26px;
    }
}

ul.bynder-widget-media-items li:hover a.bynder-widget-media-link, div.media-item:hover a.bynder-widget-media-link {
    border: 1px solid #1e1e1e !important;
}

ul.bynder-widget-media-items li a.bynder-widget-media-link {
    border-radius: 0px !important;
}

ul.bynder-widget-media-items li a.bynder-widget-media-link, div.media-item a.bynder-widget-media-link {
    border: 1px solid #EEEEEE !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    padding: 9px !important;
    text-align: center;
}

/* ----------------------------------------------------------------
	POI Detail
-----------------------------------------------------------------*/
.contentPoiDetail .widget>h4 {
    font-size: 30px;
}

#content .contentPoiDetail .slidedownBox .elementAdress address p {
    font-size: 18px;
}

.contentPoiDetail .flatWeatherPlugin .wiDetail ul li {
    font-size: 18px;
}

.contentPoiDetail .masonry-item-responsive>* {
    bottom: 0px !important;
    right: 0px !important;
}

/* ----------------------------------------------------------------
	Team
-----------------------------------------------------------------*/
#content .ce_rsce_address {
    background-color: #ffffff;
    position: relative;
}

#content .ce_rsce_address address {
    margin-bottom: 0px;
    padding-bottom: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0px;
    padding-right: 20px;
}

#content .ce_rsce_address address .founder {
    color: #1e1e1e !important;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 30px;
    font-family: "Kanit", sans-serif;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.05em;
}

#content .ce_rsce_address address abbr {
    border-bottom: 0px;
}

#content .ce_rsce_address address .telephone a {
    padding-left: 5px;
    text-decoration: none !important;
}

#content .ce_rsce_address address .email a {
    text-decoration: none !important;
}

#content .ce_rsce_address address .email a i {
    padding-right: 5px;
}

/* ----------------------------------------------------------------
	Wetter Plugin
-----------------------------------------------------------------*/
.flatWeatherPlugin .wiTemperature {
    color: #1e1e1e;
}

.flatWeatherPlugin sup {
    color: #1e1e1e;
    opacity: 1;
}

.flatWeatherPlugin .wiToday .wiIconGroup div.wi:before {
    color: #1e1e1e;
}

.flatWeatherPlugin .wiText {
    color: #1e1e1e;
}

.flatWeatherPlugin .wi .sunrise {
    color: #1e1e1e;
}

/* ----------------------------------------------------------------
	Promobox
-----------------------------------------------------------------*/
.elementPromobox {
    background-color: #ffffff !important;
    box-shadow: none;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-radius: 0px;
    border: 1px solid #85bde8;
}

.promo.promo-border {
    border: none;
    margin-bottom: 0px !important;
}

.elementPromobox .button.btn-primary {
    font-size: 18px;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    background-color: #87cf45!important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    font-weight: normal;
    padding: 10px 18px;
    line-height: 15px;
    margin-left: 0px;
    height: 38px;
    letter-spacing: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.elementPromobox .button.btn-primary:hover, .elementPromobox .button.btn-primary:focus {
    font-size: 18px;
    background-color: #1e1e1e !important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    text-decoration: none !important;
    text-transform: none;
    font-weight: normal;
    margin-left: 0px;
    letter-spacing: 0px;
}

.dark .elementPromobox h3 {
    color: #1e1e1e;
    font-weight: 500;
}

.dark .promo>.container>span, .dark .promo>span {
    color: #1e1e1e;
    font-weight: 300;
    font-size: 18px;
}

/* ----------------------------------------------------------------
	Suchseite
-----------------------------------------------------------------*/
.infomsg {
    background: #87cf45;
    color: #FFFFFF;
    text-shadow: none;
    border-left: none;
}

.infomsg .sb-msg {
    text-shadow: none;
    font-size: 18px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #87cf45!important;
    border-color: #87cf45!important;
}

.btn-link, .pagination>li>a, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #1e1e1e;
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    background-color: rgba(99, 99, 99, 0.09) !important;
}

.highlight {
    background-color: #87cf45;
}

.error404 {
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
    font-size: 22px;
}

.map_geschaeft .dlh_googlemap {
    width: 100% !important;
    margin-top: 30px;
}

@media (max-width: 480px) {

    #content .ce_image .image_container:after,
    #content .content-image .image_container:after {
        width: 100%;
    }
}

#content .ce_image:hover .image_container:after,
#content .content-image:hover .image_container:after {
    transition: all .5s ease;
    opacity: .1;
}

@media (max-width: 480px) {
    #content .section .box {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .mod_article>.row [class^=ce_], .mod_article>.row [class^=mod_] {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

/* ----------------------------------------------------------------
	Custom Footerbar
-----------------------------------------------------------------*/
#footer-bar {
    position: fixed;
    left: 0;
    bottom: 0px;
    width: 100%;
    z-index: 10000;
    background-color: #1e1e1e!important;
    margin-left: 0px;
    margin-right: 0px;
    height: 55px;
}

#footer-bar-header .row>div {
    text-align: center;
}

#footer-bar-header span {
    height: 55px;
    line-height: 55px;
    padding-left: 10px;
    vertical-align: top;
    font-family: "Kanit", sans-serif;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.05em;
    color: #FFFFFF;
}

#footer-bar-header .row .container>div a {
    color: #FFFFFF;
    font-weight: normal;
    font-size: 20px;
    display: block;
    height: 55px;
    line-height: 55px;
}

#footer-bar-header .row .container>div.shopicon {
    text-align: right;
    float: right !important;
    background-color: transparent;
}

#footer-bar-header .row .container>div.shopicon:hover {
    background-color: transparent;
}

#footer-bar-header .row .container>div.shopicon a {
    height: 35px;
    margin: 10px;
    margin-right: 0pc;
    display: inline-block;
    text-align: right;
    line-height: 30px;
    border-radius: 5px;
    border: 2px solid #87cf45;
    border-color: #87cf45!important;
    width: 105px;
    padding-right: 10px;
    padding-top: 3px;
    padding-left: 10px;
    text-align: left;
}

#footer-bar-header .row .container>div.shopicon a span {
    line-height: 26px;
}

#footer-bar-header .row .container>div.livechat a {
    color: #FFFFFF;
}

#footer-bar-header .row .container>div.livechat:hover {
    background-color: #87cf45;
}

#footer-bar-header .row .container>div i {
    font-size: 30px;
    color: #87cf45;
}

#footer-bar-header .row .container>div i.icon-heart3 {
    color: #f51751;
}

#footer-bar-header .row .container>div i.icon-calendar3 {
    color: #87cf45;
}

#footer-bar-header .row .container>div i.icon-map {
    color: #ffab00;
}

#footer-bar-header .sociallinks span {
    color: #FFFFFF !important;
}

#footer-bar-header .row .container>div.sociallinks:hover span {
    color: #FFFFFF !important;
}

@media (max-width: 480px) {
    #footer-bar-header .row .container>div i {
        font-size: 20px !important;
    }
}

#footer-bar-header .row .container>div:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

#footer-bar-header .row .container>div:hover a {
    color: #FFFFFF;
}

#footer-bar-header .container {
    width: auto !important;
}

#footer-bar-header .elementSocialIcons {
    padding-top: 0px;
}

#footer-bar-header .elementSocialIcons .fright {
    float: left !important;
    padding-top: 13px;
    padding-right: 13px;
}

#footer-bar-header .elementSocialIcons a {
    width: 32px;
    height: 32px !important;
    font-size: 14px !important;
    line-height: 30px !important;
    color: #1e1e1e;
    margin-right: 5px;
}

#footer-bar-header .elementSocialIcons a i {
    font-size: 22px !important;
    color: #FFFFFF !important;
}

#footer-bar-header .row .container>div.sociallinks:hover {
    background-color: rgba(255, 255, 255, 0.3)!important;
}

@media (max-width: 767px) and (min-width: 480px) {
    #footer-bar-header .container {
        width: auto !important;
    }
}

@media (max-width: 479px) {
    #footer-bar-header .container {
        width: auto !important;
    }

    #footer .ce_column,
    #footer .ce_app_grid_column_start {
        padding-left: 0px;
        padding-right: 0px;
    }
}

/* ----------------------------------------------------------------
    Carousel Header
-----------------------------------------------------------------*/

@media (max-width: 992px) {
    .carousel-header {
        margin-top: 26px;
    }
}

@media (min-width: 768px) {

    .carousel-header .elementArticle.elementArticleOverlay .masonry-portfolio-image,
    .carousel-header .elementArticle.elementArticleOverlayIcons .masonry-portfolio-image,
    .carousel-header .elementArticle.elementArticleOverlay .portfolio-overlay .portfolio-desc,
    .carousel-header .elementArticle.elementArticleOverlayIcons .portfolio-overlay .portfolio-desc {
        width: 100%;
    }
}

.carousel-header .elementArticle.elementArticleOverlay .masonry-portfolio-image {
    width: 100%;
}

.carousel-header .elementArticle.elementArticleOverlay .portfolio-image {
    height: 100% !important;
}

.carousel-header .owl-stage>.owl-item {
    box-shadow: none;
    margin-bottom: 0px;
    background-color: #fff;
}

.carousel-header .masonry-portfolio-image {
    padding-top: calc(65vh) !important;
}

.carousel-header .owl-stage {
    padding-bottom: 0px;
}

.carousel-header .portfolio-overlay .portfolio-desc {
    margin-top: 41vh !important;
}

.carousel-header .elementArticle.elementArticleOverlayIcons.darkBg .portfolio-overlay {
    background-color: #87cf45!important;
}

.carousel-header .portfolio-overlay .portfolio-desc {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.carousel-header .portfolio-overlay .portfolio-desc span a {
    color: #ffffff;
}

.carousel-header .portfolio-overlay>a.left-icon {
    display: none;
}

.carousel-header .portfolio-overlay>a.right-icon {
    background-color: #87cf45;
    opacity: 1 !important;
}

.carousel-header .portfolio-overlay>a.right-icon i {
    color: #ffffff;
}

.carousel-header .elementArticle.darkBg .portfolio-overlay>a.right-icon {
    background-color: #ffffff;
    opacity: 1 !important;
}

.carousel-header .elementArticle.darkBg .portfolio-overlay>a.right-icon i {
    color: #87cf45;
}

.carousel-header .elementArticle .portfolio-overlay {
    background-color: transparent !important;
    transition: none !important;
    opacity: 1 !important;
}

.carousel-header .elementArticle .portfolio-overlay:before {
    transition: opacity .5s ease !important;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4)) !important;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: calc(100% + 1px);
    opacity: 1;
    z-index: 0;
    top: 0;
    padding-top: 65vh;
}

@media (min-width: 1800px) {
    .carousel-header .masonry-portfolio-image {
        padding-top: calc(70vh) !important;
    }

    .carousel-header .portfolio-overlay .portfolio-desc {
        margin-top: 46vh !important;
    }

    .carousel-header .elementArticle .portfolio-overlay:before {
        padding-top: 70vh;
    }
}

@media (min-width: 2000px) {
    .carousel-header .masonry-portfolio-image {
        padding-top: calc(74vh) !important;
    }

    .carousel-header .portfolio-overlay .portfolio-desc {
        margin-top: 50vh !important;
    }

    .carousel-header .elementArticle .portfolio-overlay:before {
        padding-top: 74vh;
    }
}

.carousel-header .elementArticle.elementArticleOverlay.darkBg:hover .portfolio-overlay:before, .carousel-header .elementArticle.elementArticleOverlayIcons.darkBg:hover .portfolio-overlay:before {
    opacity: 1;
}

.carousel-header .elementArticle:hover .portfolio-overlay:before {
    transition: all .5s ease;
    opacity: .1;
}

.carousel-header .owl-carousel .owl-nav [class*="owl-"]:hover {
    background-color: #ffffff !important;
}

.carousel-header .owl-carousel .owl-nav [class*="owl-"]:hover i {
    color: #87cf45;
}

.carousel-header .portfolio-overlay .portfolio-desc~a.right-icon {
    margin-left: 0px !important;
}

/* ----------------------------------------------------------------
	PIM Objectlist
-----------------------------------------------------------------*/
body.object-list-filters-open #header.transparent-header {
    z-index: 85 !important;
}

.object-list__filters, body.object-list-filters-open .object-list__filters {
    z-index: 2000 !important;
    height: calc(100% - 55px);
}

#content .object-list__map {
    height: calc(100vh - 115px);
    top: 60px;
}

/* Fonts */
.ce_app_object_list h4 {
    font-family: "Kanit", sans-serif;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.05em;
    font-size: 22px;
}

.ce_app_object_list .entry-meta li {
    font-family: "Kanit", sans-serif;
    font-size: 18px;
    color: #85bde8;
    font-style: normal;
}

.ce_app_object_list .object-list__total {
    font-weight: 500;
}

@media (max-width: 767px) {
    .ce_app_object_list .object-list__total {
        font-size: 15px;
    }
}

.ce_app_object_list .object-list__sorting-text {
    font-family: "Kanit", sans-serif;
    font-size: 18px;
    font-weight: 300;
}

.ce_app_object_list .object-map-window--content .entry-meta {
    font-family: "Kanit", sans-serif;
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
    text-transform: none;
    color: #1e1e1e;
}

#content .ce_app_object_list a.object-map-window--link:hover,
#content .ce_app_object_list a.object-map-window--link:focus {
    text-decoration: none !important;
    color: #595959 !important;
}

/* Colors */
.object-list__total-number,
.ce_app_object_list .entry-meta li i {
    color: #87cf45;
    font-weight: 600 !important;
}

.ce_app_object_list .icon-star3:before {
    color: #efce49;
}

.ce_app_object_list .object-list__filters .object-list__filters-header {
    border-bottom: 1px solid #85bde8;
    background-color: #85bde8;
    padding: 15px;
    height: 89px;
}

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

.ce_app_object_list .object-list__map .object-map-preview__description {
    color: #1e1e1e;
    font-size: 15px;
    line-height: 16px;
}

#infscr-loading {
    background-color: #f20026;
}

/* Buttons / Dropdowns */
.ce_app_object_list .dropdown-toggle.btn-default {
    font-size: 18px;
    font-family: "Kanit", sans-serif;
    font-weight: normal;
    background-color: #87cf45!important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    text-transform: none;
    font-weight: normal;
    padding: 10px 25px 10px 16px;
    line-height: 13px;
    margin-left: 0px;
    height: 38px;
    letter-spacing: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: transparent;

}

.ce_app_object_list .dropdown-toggle.btn-default:hover, .ce_app_object_list .dropdown-toggle.btn-default:focus {
    background-color: #1e1e1e !important;
    color: #FFFFFF !important;
    padding: 10px 25px 10px 16px;
    font-family: "Kanit", sans-serif;
}

.ce_app_object_list .object-list__filters-widget-nearby-me-button button {
    border-color: transparent;
}

.ce_app_object_list .object-list__trigger,
.ce_app_object_list .object-list__filters .object-list__filters-close,
.ce_app_object_list .object-list__filters-submit {
    font-size: 18px;
    font-family: "Kanit", sans-serif;
    font-weight: normal !important;
    background-color: #87cf45!important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    font-weight: normal;
    padding: 10px 18px;
    line-height: 15px;
    margin-left: 0px;
    height: 38px;
    letter-spacing: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ce_app_object_list .object-list__trigger:hover,
.ce_app_object_list .object-list__trigger:focus,
.ce_app_object_list .object-list__filters .object-list__filters-close:hover,
.ce_app_object_list .object-list__filters .object-list__filters-close:focus,
.ce_app_object_list .object-list__filters-submit:hover,
.ce_app_object_list .object-list__filters-submit:focus {
    font-size: 18px;
    background-color: #1e1e1e !important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    text-decoration: none !important;
    text-transform: none;
    font-weight: normal;
    margin-left: 0px;
    letter-spacing: 0px;
}

@media (max-width: 767px) {

    .ce_app_object_list .object-list__trigger,
    .ce_app_object_list .object-list__filters .object-list__filters-close,
    .ce_app_object_list .object-list__filters-submit {
        padding: 6px 9px;
        font-size: 14px;
    }

    .object-list__trigger--filters {
        margin-left: auto !important;
    }

    .object-list .btn.btn-default, .object-list .button.btn-default {
        background-color: #87cf45!important;
    }
}


/* Filter */
.ce_app_object_list .object-list__filters-widget {
    border-bottom: 1px solid #DFD9D5;
}

.ce_app_object_list .object-list__filters::before {
    background-color: rgba(0, 0, 0, 0.7) !important;
    width: 100vw !important;
}

.ce_app_object_list .object-list__filters-widget-nearby-me-location .form-group .form-control {
    border: 2px solid #DFD9D5;
    box-shadow: none;
}

.ce_app_object_list .object-list .checkbox-style:checked+.checkbox-style-3-label:before, .object-list .radio-style:checked+.radio-style-3-label:before {
    background: #87cf45;
}

.ce_app_object_list .object-list__filters-widget-field label::before {
    border: 2px solid #DFD9D5;
}

.ce_app_object_list .object-list .form-control {
    height: 38px;
    border-radius: 0px;
}

.ce_app_object_list .object-list__filters-widget-field label {
    font-family: "Kanit", sans-serif;
    letter-spacing: 1px;
    font-size: 15px;
}

.ce_app_object_list .object-list .algolia-autocomplete .aa-hint, .object-list .algolia-autocomplete .aa-input {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 14px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 2px solid #DFD9D5;
    border-radius: 0 !important;
    box-shadow: none;
}

.ce_app_object_list .object-list__filters-widget-label {
    font-family: "Kanit", sans-serif;
    font-style: normal;
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0px;
    color: #1e1e1e;
    font-size: 16px;
}

.ce_app_object_list .object-list__filters-reset-box {
    justify-content: flex-start;
}

.ce_app_object_list .object-list__filter-tags-item, .ce_app_object_list .object-list__filters-reset {
    font-size: 18px;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    background-color: transparent !important;
    color: #87cf45!important;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    font-weight: normal;
    padding: 10px 18px;
    line-height: 14px;
    margin-left: 0px;
    height: 38px;
    letter-spacing: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #87cf45;
    border-color: #87cf45!important;
    display: inline-block !important;
    width: auto;
}

.ce_app_object_list .object-list__filter-tags-item:hover, .ce_app_object_list .object-list__filters-reset:hover,
.ce_app_object_list .object-list__filter-tags-item:hover, .ce_app_object_list .object-list__filters-reset:focus {
    font-size: 18px;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    background-color: #87cf45!important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    font-weight: normal;
    padding: 10px 18px;
    line-height: 14px;
    margin-left: 0px;
    height: 38px;
    letter-spacing: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ce_app_object_list .object-list__filter-tags-item,
.ce_app_object_list .object-list__filter-tags-item:hover,
.ce_app_object_list .object-list__filter-tags-item:focus {
    font-size: 14px;
    padding: 0px 7px;
    height: 30px;
}

.ce_app_object_list .object-list__object-image:before {
    transition: opacity .5s ease !important;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4)) !important;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100% !important;
    opacity: 1;
    z-index: 1;
    top: 0px;
}

.ce_app_object_list a.object-list__object:hover .object-list__object-image:before {
    transition: all .5s ease;
    opacity: .1;
}

/* Hover Images (optional) */
.ce_app_object_list .object-list__object-image img {
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}

#content .ce_app_object_list a.object-list__object:hover,
#content .ce_app_object_list a.object-list__object:focus {
    text-decoration: none !important;
}

@media (max-width: 767px) {
    .object-list__map-location {
        top: 70px;
    }
}

@media (max-width: 991px) {
    .ce_app_object_list {
        margin-top: 25px;
    }

    .ce_app_object_list .object-list__objects {
        padding: 15px;
        margin-top: 0;

    }

    .ce_app_object_list h4 {
        font-size: 20px;
        line-height: 1.3;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Muss pro Mandant eingestellt werden */
    .object-list__map-inside {
        height: calc(100% - 89px);
    }

    .object-list__object {
        margin: 0 !important;
    }

    .object-list__map-header {
        padding: 15px;
    }

    #content .object-list__container {
        padding-top: 0;
    }
}

@media (max-width: 767px) {

    /* Muss pro Mandant eingestellt werden */
    .object-list__map-inside {
        height: calc(100% - 59px);
    }

    .object-list__object {
        margin-left: 0px;
    }

    .ce_app_object_list {
        margin-top: 70px;
    }
}

/* ----------------------------------------------------------------
	PIM Objectdetail
-----------------------------------------------------------------*/
.contentPoiDetail {
    background-color: #ffffff;
    padding-bottom: 50px;
}

.contentPoiDetail .widget>h4 {
    font-size: 22px;
    text-transform: none;
    font-family: "Kanit", sans-serif;
    letter-spacing: 0px;
}

.contentPoiDetail .lead {
    font-size: 22px;
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    color: #1e1e1e;
}

.contentPoiDetail h1.mainTitle {
    border-top: 3px solid #87cf45;
    display: inline-block;
    padding: 8px 0;
    padding-bottom: 0px;
    margin: 0;
    margin-bottom: 20px;
    color: #1e1e1e;
    font-size: 34px;
    font-family: "Kanit", sans-serif;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.05em;
}

.contentPoiDetail h1.mainTitle span {
    color: #1e1e1e;
}

@media (max-width: 991px) {
    .objectdetail #page-title .container h1 {
        font-size: 28px;
    }

    .contentPoiDetail .widget>h4 {
        font-size: 22px;
    }

    .contentPoiDetail h1.mainTitle {
        font-size: 28px;
    }
}

.contentPoiDetail .icon-star3 {
    font-size: 20px;
    color: #87cf45;
}

.contentPoiDetail .elementVenuefinderHalls th, .contentPoiDetail .elementVenuefinderHalls td {
    font-size: 15px;
}

.contentPoiDetail .elementVenuefinderHalls td strong {
    font-weight: normal;
}

.contentPoiDetail .flatWeatherPlugin .wiDetail ul.temp {
    width: 50%;
    padding-left: 20px;
}

.contentPoiDetail .ce_open_weather_map {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.contentPoiDetail .flatWeatherPlugin div.wiToday>p.wiTemperature {
    font-size: 320%;
}

.contentPoiDetail .flatWeatherPlugin .wiToday .wiIconGroup div.wi {
    font-size: 300%;
}

.contentPoiDetail .slidedownBox p {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 10px;
}

.contentPoiDetail .sidebar-widgets-wrap .widget {
    border-top: 1px solid #6C6C6C;
}

.contentPoiDetail .sidebar-widgets-wrap .widget:first-child {
    border-top: 0 !important;
}

.contentPoiDetail .sidebar-widgets-wrap .btn-success {
    margin-bottom: 45px;
}

.contentPoiDetail .calltoactionslide {
    height: 55px;
}

.contentPoiDetail .calltoactionslide h4 {
    font-size: 16px;
    padding: 15px 0;
}

.contentPoiDetail .slidedownBox .btn-success {
    font-size: 18px;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    background-color: #87cf45!important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 0px;
    text-transform: none;
    font-weight: normal;
    padding: 10px 18px;
    line-height: 15px;
    margin-left: 0px;
    height: 38px;
    letter-spacing: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: #87cf45;
}

.contentPoiDetail .slidedownBox .btn-success:hover, .contentPoiDetail .slidedownBox .btn-success:focus {
    font-size: 18px;
    background-color: #1e1e1e !important;
    color: #FFFFFF !important;
    text-transform: inherit;
    text-shadow: none;
    text-decoration: none !important;
    text-transform: none;
    font-weight: normal;
    margin-left: 0px;
    letter-spacing: 0px;
    border-color: #1e1e1e;
}

@media (max-width: 991px) {
    .contentPoiDetail .elementGoogleMap .gmnoprint {
        left: 10px !important;
    }
}

@media (max-width: 767px) {
    .contentPoiDetail {
        padding-top: 70px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .contentPoiDetail {
        padding-top: 25px !important;
    }
}


/* ----------------------------------------------------------------
    Weather PIM Detail
-----------------------------------------------------------------*/
.ce_open_weather_map.weather-etappe {
    margin-top: 50px;
}

.ce_open_weather_map.weather-etappe h6 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 5px;
}

.ce_open_weather_map.weather-etappe .flatWeatherPlugin div.wiToday>p.wiTemperature {
    font-size: 28px;
    text-align: left;
}

.ce_open_weather_map.weather-etappe .flatWeatherPlugin .wiToday .wiIconGroup div.wi {
    font-size: 30px;
    text-align: left;
}

.ce_open_weather_map.weather-etappe .flatWeatherPlugin .wiToday>.wiIconGroup p {
    font-size: 13px;
}

.ce_open_weather_map.weather-etappe .flatWeatherPlugin .wiDetail p.wiDay {
    font-weight: 500;
}

.ce_open_weather_map.weather-etappe .flatWeatherPlugin .wiDetail ul {
    width: 50%;
}

/* ----------------------------------------------------------------
    Search
-----------------------------------------------------------------*/
.mod_search.mod_app_search_results .postcontent .elementContentList a {
    padding: 15px;
}

/* ----------------------------------------------------------------
    Formular Dark
-----------------------------------------------------------------*/
.section.dark .form-widget label, .section.dark .form-widget label a, .section.dark .form-widget label span, .section.dark .form-widget legend, .section.dark .form-widget legend span,
.box.dark .form-widget label, .box.dark .form-widget label a, .box.dark .form-widget label span, .box.dark .form-widget legend, .box.dark .form-widget legend span, .box.dark legend {
    color: #FFFFFF;
}

.section.dark .form-widget input, .section.dark .form-widget input:focus, .section.dark .form-widget textarea, .section.dark .form-widget textarea:focus, .section.dark .form-widget select, .section.dark .form-widget select:focus, .section.dark .form-widget option, .section.dark .form-widget .input-group span,
.box.dark .form-widget input, .box.dark .form-widget input:focus, .box.dark .form-widget textarea, .box.dark .form-widget textarea:focus, .box.dark .form-widget select, .box.dark .form-widget select:focus, .box.dark .form-widget option, .box.dark .form-widget .input-group span {
    background-color: #EEEEEE;
    color: #1e1e1e;
}

.section.dark .form-widget button,
.box.dark .form-widget button {
    background-color: #87cf45!important;
}

.section.dark .form-widget button:hover,
.box.dark .form-widget button:hover {
    background-color: #1e1e1e !important;
}

/* ----------------------------------------------------------------
    FAQ
-----------------------------------------------------------------*/
.mod_faqpage .toggle .togglet, .mod_faqpage .toggle .toggleta {
    color: #1e1e1e;
    font-size: 18px;
    font-weight: 500;
    padding: 0 15px 0 48px;
}

.mod_faqpage .toggle.toggle-border {
    border: 1px solid #C1BDBA;
    border-radius: 0;
    margin-bottom: 10px !important;
}

.mod_faqpage .toggle.toggle-border .togglec {
    padding: 0 15px 5px 48px;
}

.mod_faqpage .toggle.toggle-border .togglet i {
    line-height: 48px;
}

.mod_faqpage .toggle.toggle-border .togglec p {
    font-size: 16px;
    margin-bottom: 10px !important;
}

.mod_faqpage .toggle.toggle-border .togglec .info {
    display: none;
}


/* ----------------------------------------------------------------
    Form Routenführer bestellen
-----------------------------------------------------------------*/
.form-routenfuehrer .col-md-3 h6 {
    margin-bottom: 0px;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 1px;
}

.form-routenfuehrer .col-md-3 .widget-explanation {
    margin-top: 15px;
}


.form-routenfuehrer .col-md-3 .form-widget {
    padding-left: 0px;
    padding-top: 15px;
}


#content .checkbox-style:checked+.checkbox-style-3-label:before {
    background: #1e1e1e;
    font-size: 13px;
}

/* ----------------------------------------------------------------
    Carousel News Header / Datum
-----------------------------------------------------------------*/

.mod_news_list.carousel-header .elementArticle.elementArticleOverlay .masonry-portfolio-image img,
.mod_news_list.carousel-header .elementArticle.elementArticleOverlayIcons .masonry-portfolio-image img {
    height: 100%;
}

.mod_news_list.carousel-header .elementArticle.elementArticleOverlayIcons .portfolio-overlay:before {
    width: 100%;
}

.mod_news_list.carousel-header .entry-meta {
    position: relative;
    top: -110px;
}

.mod_news_list.carousel-header .entry-meta li {
    font-size: 16px;
}

@media (min-width: 480px) and (max-width: 1099px) {
    .mod_news_list.carousel-header .entry-meta {
        top: -124px;
    }

    .mod_news_list.carousel-header .elementArticle.elementArticleOverlayIcons .portfolio-overlay h3 a {
        font-size: 26px;
    }
}

@media (max-width: 479px) {
    .mod_news_list.carousel-header .elementArticle.elementArticleOverlayIcons .portfolio-overlay h3 a {
        font-size: 26px;
    }

    .mod_news_list.carousel-header .portfolio-overlay .portfolio-desc {
        margin-top: 36vh !important;
    }

    .mod_news_list.carousel-header .entry-meta {
        top: -115px;
    }
}

@media (min-width: 768px) {

    .mod_news_list.carousel-header .elementArticle.elementArticleOverlay .masonry-portfolio-image,
    .mod_news_list.carousel-header .elementArticle.elementArticleOverlay .portfolio-overlay .portfolio-desc {
        width: 100%;
    }

    .mod_news_list.carousel-header .elementArticle.elementArticleOverlay .portfolio-overlay:before {
        width: 100%;
        height: calc(100% - 16px) !important;
    }
}

/* ----------------------------------------------------------------
   Client Element
-----------------------------------------------------------------*/

/* Google Rezessionen */
.romw-reviews .romw-author {
    color: #1e1e1e;
    font-weight: 500;
}

.romw-reviews .romw .romw-stars i {
    color: #efce49 !important;
}

/* ----------------------------------------------------------------
	Pop-Up Modul
-----------------------------------------------------------------*/
.mfp-bg {
    z-index: 110000;
}

.mfp-wrap {
    z-index: 110001;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.75;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content .block,
.mfp-fade.mfp-wrap.mfp-ready .mfp-content .section {
    background-color: #87cf45!important;
    border-radius: 5px;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content h5,
.mfp-fade.mfp-wrap.mfp-ready .mfp-content p {
    color: #1e1e1e;
}

.mfp-close-btn-in .mfp-close {
    color: #1e1e1e;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content a {
    text-transform: none;
}

.mfp-fade.mfp-wrap.mfp-ready h5 {
    color: white;
    font-family: "Kanit", sans-serif;
    font-size: 34px;
    font-weight: normal;
    margin-top: 0;
    letter-spacing: 0.05em;
}

.mfp-fade.mfp-wrap.mfp-ready p {
    line-height: 1.9;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 0px;
}

.mfp-fade.mfp-wrap.mfp-ready .button.button-dark:hover, .mfp-fade.mfp-wrap.mfp-ready .button.button-dark:focus {
    background-color: #ffab00 !important;
    border-color: #ffab00 !important;
    color: #FFFFFF !important;
}

@media (max-width: 767px) {
    .mfp-fade.mfp-wrap.mfp-ready h5 {
        font-size: 30px;
    }
}

/* ----------------------------------------------------------------
	Partner Logos
-----------------------------------------------------------------*/
#partnerLogos.mod_news_list {
    margin-top: 15px !important;
    margin-bottom: 15px;
    padding-right: 30px !important;
    padding-left: 30px !important;
}

#partnerLogos.mod_news_list .elementCarousel .owl-carousel .elementArticle .portfolio-desc {
    display: none;
}

#partnerLogos.mod_news_list .owl-carousel .owl-nav [class*=owl-], .dark .owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: #FFFFFF !important;
}

#partnerLogos.mod_news_list .portfolio-image {
    padding-left: 25px;
    padding-right: 25px;
}

#partnerLogos.mod_news_list .owl-carousel .owl-nav.disabled {
    display: block;
}

#partnerLogos.mod_news_list .owl-carousel .owl-nav [class*=owl-] {
    background-color: #87cf45!important;
}

#partnerLogos.mod_news_list .owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: #1e1e1e !important;
    color: #FFFFFF !important;
}

#partnerLogos.mod_news_list .owl-nav div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}

#partnerLogos.mod_news_list .owl-nav div i {
    font-size: 22px !important;
    height: auto !important;
    color: #FFFFFF !important;
}

#partnerLogos.mod_news_list .owl-next,
#partnerLogos.mod_news_list .owl-prev {
    top: 50% !important;
}

#content #partnerLogos.mod_news_list .owl-next,
#footer #partnerLogos.mod_news_list .owl-next {
    right: -28px !important;
}

#content #partnerLogos.mod_news_list .owl-prev,
#footer #partnerLogos.mod_news_list .owl-prev {
    left: -28px !important;
}

#partnerLogos.mod_news_list .portfolio-image a::before {
    background: none !important;
}

@media (max-width: 767px) {
    #partnerLogos.mod_news_list .portfolio-image {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 479px) {
    #partnerLogos.mod_news_list .portfolio-image {
        padding-left: 45px;
        padding-right: 45px;
    }
}