:root {
    --black-color: #000000;
    --white-color: #ffffff;
    --orange-color: #d54a26;
    --dark-yellow: #f97b15;
    --light-yellow: #f0b20f;
    --green-color: #83B240;
    --sky-blue: #59c2b3;
    --dark-sky: #6298bd;
    --purpal-color: #847dbe;
    --dark-color: #222222;
    --dark-more-color: #333;
    /*--accordion-bg: #555;*/
    --accordion-bg: #222222;

    --activepage-color: #d54a26;
}

body{
    font-family: 'Raleway', sans-serif;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    background-color: var(--dark-color);
}

h1 , .h1 , h2 , .h2 , h3 , .h3 , h4 , .h4 , h5 , .h5 , h6 , .h6{
    margin: 0 0 15px 0;
    font-weight: 700;
    padding: 0px;
}

h1 , .h1{
    font-size: 48px;
}

h2 , .h2{
    font-size: 28.8px;
}

h3, .h3 {
    font-size: 24.96px;
}

h4 , .h4{
    font-size: 23.04px;
}

h5 , .h5{
    font-size: 19.2px;
}

p{
    margin: 0 0 15px 0;
    padding: 0px;
}

a , a:hover , a:focus , a:visited , button , textarea , input , img{
    text-decoration: none !important;
    outline: none !important;
}

hr{
    border-top: 1px solid var(--orange-color);
}

a{
    color: var(--orange-color);
}

a:hover{
    color: var(--dark-yellow);
}

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

ul , ol{
    padding: 0px;
    margin: 0 0 10px 15px;
}

ul li , ol li{
    padding: 0px;
    margin: 0 0 10px 10px;
}

section:before , section:after{
    clear: both;
    display: table;
    content: "";
}

section{
    clear: both;
    position: relative;
    padding: 40px 0;
}

input[type="text"] , input[type="email"] , input[type="password"] , input[type="zip"] , input[type="subject"] , input[type="tel"] , textarea{
    width: 100%;
    background: var(--white-color);
    border: none;
    height: 45px;
    padding: 0 25px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}

textarea{
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    padding: 25px;
    height: 180px;
    resize: none;
}

.theme-btn{
    border: 1px solid var(--dark-color);
    background: var(--dark-color);
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    width: auto;
    padding: 0 20px;
    height: 52px;
    line-height: 50px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    text-align: center;
    color: var(--white-color);
    min-width: 200px;
    /*-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;*/
}

.theme-btn:hover{
    background: var(--dark-color);
    color: var(--white-color);
    opacity: 0.8;
}

.back-dark .theme-btn{
    border: 1px solid var(--activepage-color);
    background: var(--activepage-color);
}
.back-dark .page-info-inner a.theme-btn{
    color: var(--white-color);
}

.theme-btn-border{
    padding: 5px 25px;
    line-height: 2em;
    display: block;
    border: 1px solid var(--white-color);
    color: var(--white-color) !important;
    font-weight: 700;
    display: inline-block;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    box-shadow: none;
}

.theme-btn-border:hover{
    opacity: 0.8;
}

.back-dark{
    background: var(--dark-color);
}

.back-orange{
    background: var(--orange-color);
}

.back-dark-yellow{
    background: var(--dark-yellow);
}

.back-light-yellow{
    background: var(--light-yellow);
}

.back-green{
    background: var(--green-color);
}

.back-purple{
    background: var(--purpal-color);
}

.back-sky-light{
    background: var(--dark-sky);   
}

.back-light-yellow a , .back-sky-light a{
    color: var(--white-color);
}

.orange-txt a , .orange-txt , .orange-txt h1 , .orange-txt h2 , .orange-txt h3 , .orange-txt h4 , .orange-txt h5 , .orange-txt h6{
    color: var(--orange-color);
}

.white-txt a , .white-txt , .white-txt h1 , .white-txt h2 , .white-txt h3 , .white-txt h4 , .white-txt h5 , .white-txt h6{
    color: var(--white-color);
}

.bottom-top-arrow{
  position: fixed;
  right: -100%;
  bottom: 20px;
  z-index: 99;
  width: 50px;
  height: 50px;
  line-height: 46px;
  background: #777;
  color: var(--white-color);
  text-align: center;
  display: none;
  border: 2px solid #777;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.bottom-top-arrow.open{
  right: 20px;
}

.bottom-top-arrow:hover{
  opacity: 0.85;
}

.bottom-top-arrow img {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  max-height: 12px;
}

/* Preloader */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 9999;
}

#status {
  width: 200px;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

#status img {
  padding: 18px;
}

.loading-progress {
  text-indent: -9999em;
  border-top: 5px solid var(--sky-blue);
  border-right: 5px solid var(--purpal-color);
  border-bottom: 5px solid var(--dark-yellow);
  border-left: 5px solid var(--dark-sky);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  margin: 0;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  width: 200px;
  height: 200px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -100px;
  margin-top: -100px;
}
      
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.banner-bg{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.header-part{
    background: var(--dark-color);
    position: fixed;
    z-index: 999;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 100%;
    top: 0px;
    left: 0px;
}

.header-top{
    padding: 22px 0;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.logo{
    text-align: right;
}

.logo a{
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.logo img{
    max-height: 70px;
}

.logo a:hover img{
    opacity: 0.8;
}

.header-part.sticky-fixed{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.header-bottom{
    background: var(--orange-color);
    /*border-bottom: 1px solid transparent;*/
}

.header-part.sticky.sticky-fixed .header-bottom {
    border-bottom: 1px solid var(--black-color);
}

.main-menu ul , .main-menu li{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.main-menu > ul{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.main-menu > ul > li{
    flex: 0 0 14.28%;
    max-width: 14.28%;
    position: relative;
}

.main-menu > ul > li > a{
    height: 132px;
    width: 100%;
    display: flex;
    align-items: center;
    font-weight: 700;
    line-height: 20px;
    vertical-align: middle;
    font-size: 18px;
    padding: 12px 10px 12px 10px;
    position: relative;
    z-index: 2;
    color: var(--white-color);
    text-align: center;
    justify-content: center;
}

.main-menu > ul > li.orange-menu > a{
    background: var(--orange-color);
}

.main-menu > ul > li.dark-yellow-menu > a{
    background: var(--dark-yellow);
}

.main-menu > ul > li.light-yellow-menu > a{
    background: var(--light-yellow);
}

.main-menu > ul > li.green-menu > a{
    background: var(--green-color);
}

.main-menu > ul > li.sky-menu > a{
    background: var(--sky-blue);
}

.main-menu > ul > li.dark-sky-menu > a{
    background: var(--dark-sky);
}

.main-menu > ul > li.purpal-menu > a{
    background: var(--purpal-color);
}

.main-menu > ul > li.has-child > a > i{
    margin-left: 8px;
    vertical-align: middle;
    font-size: 15px;
}

.submenu-show {
    position: absolute;
    left: 0px;
    top: 100%;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.main-menu > ul > li:hover > .submenu-show{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.main-menu > ul > li > .submenu-show li{
    position: relative;
}

.main-menu > ul > li > .submenu-show > li:hover > .sub-submenu-show{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: visible;
    opacity: 1;
}

.sub-submenu-show{
    top: 0px;
    left: 100%;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    min-width: 150px;
}

.main-menu > ul > li > .submenu-show li a{
    padding: 20.8px;
    display: block;
    text-align: center;
    background: var(--orange-color);
    color: var(--white-color);
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    border-bottom: 1px solid rgba(0,0,0,0.15);
}

.main-menu > ul > li > .submenu-show li i {
    position: absolute;
    right: 10px;
    top: 23px;
    font-size: 15px;
    color: var(--white-color);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    cursor: pointer;
}

.header-part.sticky-fixed .main-menu > ul > li > .submenu-show li i{
    top: 13px;
}

.main-menu > ul > li > .submenu-show li:last-child a{
    border-bottom: none;
}

.main-menu > ul > li.dark-yellow-menu > .submenu-show  li  a{
    background: var(--dark-yellow);
}

.main-menu > ul > li.light-yellow-menu > .submenu-show  li  a{
    background: var(--light-yellow);
}

.main-menu > ul > li.green-menu > .submenu-show  li  a{
    background: var(--green-color);
}

.main-menu > ul > li.sky-menu > .submenu-show  li  a{
    background: var(--sky-blue);
}

.main-menu > ul > li.dark-sky-menu > .submenu-show  li  a{
    background: var(--dark-sky);
}

.main-menu > ul > li.purpal-menu > .submenu-show  li  a{
    background: var(--purpal-color);
}


.banner-part{
    /*height: 740px;*/
    height: 70vh;
    display: flex;
    align-items: flex-end;
    /*background-position: 0 0 !important;*/
    background-position: center 20% !important;
}

/*home*/
.page-1 .banner-part{
    height: 740px;
    background-position: center center !important;
}
/*
.banner-txt h1 , .banner-txt h2 , .banner-txt h3 , .banner-txt h4{
    text-shadow: #000 2px 4px 5px;
}
*/
.banner-txt h1 , .banner-txt h2{
    text-shadow: #000 2px 2px 5px;
}

.banner-txt h1 , .banner-txt h2 , .banner-txt h3 , .banner-txt h4{
    color: var(--white-color);
}

.banner-txt h2{
    font-size: 32px;
    line-height: 45px;
    color: var(--white-color);
    margin-bottom: 15px;
}

.banner-txt h3{
    font-size: 16px;
    line-height: 26px;
   /* color: var(--orange-color);*/
    color: var(--activepage-color);
    margin-bottom: 0px;
}

.click-full{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

.video-blog h2{
    margin-bottom: 14px;
}

.video-blog img, .video-blog iframe {
    margin-bottom: 15px;
    height: 200px;
    object-fit: cover;
    position: relative;
    width: 100%;
    border: none;
}

.video-blog:hover img{
    opacity: 0.8;
}

.video-blog p{
    margin: 0px;
}

.video-list-img img , .video-list-img iframe{
    height: 225px;
    object-fit: cover;
    position: relative;
    width: 100%;
    border: none;
}

.media-left-img img {
    max-height: 67px;
}

.video-list-info i{
    margin-right: 10px;
}

.video-list-wrap-inner{
    margin: 0 0 60px 0;
    padding: 25px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.video-list-wrap-inner a:hover{
    opacity: 0.8;
}

.more-read{
    border-bottom: 1px solid var(--white-color);
    padding-bottom: 5px;
}

.video-list-inner-box {
    padding-bottom: 70px;
    border-bottom: 1px solid var(--white-color);
    margin-bottom: 60px;
}

.video-list-inner-box:last-child{
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.footer-top{
    background: var(--dark-more-color);
    padding: 60px 0 40px 0;
}

.footer-top-inner , .footer-top-inner a , .footer-top-inner h1 , .footer-top-inner h2 , .footer-top-inner h3 , .footer-top-inner h4 , .footer-top-inner h5 , .footer-top-inner h6{
    color: var(--white-color);
}

.footer-top-inner a{
    font-weight: 700;
}

.footer-top-inner a:hover{
    color: var(--orange-color);
}

.footer-top-left p:last-child{
    margin-bottom: 20px;
}

.footer-top-left h2 , .footer-top-left h3 , .footer-top-left h4{
    margin-bottom: 10px;
}

.footer-top-inner ul , .footer-top-inner li{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul.ul-li-show{
    margin-bottom: 20px;
}

ul.ul-li-show li i{
    margin-right: 10px;
    min-width: 22px;
}

ul.ul-li-show li{
    margin-bottom: 10px;
}

ul.ul-li-show li:last-child{
    margin-bottom: 0px;
}

.social-media , .social-media li{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.social-media{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px 14px -5px !important;
}

.social-media li{
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0 5px;
    margin-bottom: 10px;
}

.social-media li a{
    height: 30px;
    display: block;
    background: #b0b0b0;
    padding: 0;
    color: var(--white-color) !important;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.social-media li a i{
    font-size: 19px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
}

.social-media li a span{
    vertical-align: middle;
    font-size: 12px;
    font-weight: 700;
}

.social-media li.social-fb:hover a{
    background: #4273c8;
}

.social-media li.social-wp:hover a{
    background: #34af23;
}

.social-media li.social-tweet:hover a{
    background: #32bbf5;
}

.social-media li.social-pin:hover a{
    background: #d50920;
}

.social-media li.social-mail:hover a{
    background: #a8a8a8;
}

.social-media li.social-plus:hover a{
    background: #f75b44;
}

.footer-bottom{
    padding: 60px 0;
    background: var(--orange-color);
}

.footer-bottom-top{
    text-align: center;
}

.form-news-inner{
    display: flex;
    width: 100%;
    justify-content: center;
}

.form-news-inner input[type="email"]{
    font-size: 15px;
    border: 1px solid #ABB0B2;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    color: #343434;
    background-color: var(--white-color);
    box-sizing: border-box;
    height: 32px;
    padding: 0px 0.4em;
    display: inline-block;
    margin: 0;
    max-width: 350px;
    width: 100%;
    vertical-align: top;
}

.form-news-inner input[type="submit"] {
    font-size: 13px;
    border: none;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    letter-spacing: .03em;
    color: #fff;
    background-color: #222222;
    box-sizing: border-box;
    height: 32px;
    line-height: 32px;
    padding: 0 18px;
    display: inline-block;
    margin: 0;
    transition: all 0.23s ease-in-out 0s;
}

.footer-bottom-top h4{
    color: var(--white-color);
}

.footer-bottom-bottom{
    margin-top: 26px;
}

.footer-bottom-bottom ul{
    text-align: center;
}

.footer-bottom-bottom ul , .footer-bottom-bottom li{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.footer-bottom-bottom li{
    display: inline-block;
    width: auto;
    margin-bottom: 30px;
}

.footer-bottom-bottom li a{
    padding: 3.2px 16px;
    background: var(--dark-color);
    display: block;
    color: var(--white-color);
    font-weight: 700;
}

.footer-copyright{
    text-align: center;
    color: var(--white-color);
}

.footer-copyright a{
    color: var(--white-color);
    font-weight: 700;
}

.footer-copyright a:hover{
    opacity: 0.8;
}

.footer-copyright p{
    margin: 0px;
}

/*MOBILE HUMBERGER */

.humbarger-menu{
  display: flex;
  width: auto;
  position: relative;
  z-index: 999999;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  display: none;
}

.humbarger-menu a{
  display: inline-block;
  width: 40px;
  height: 35px;
}

.burger {
  height: 3em;
  width: 34px;
  position: relative;
  font-size: 12px;
  cursor: pointer;
  transition: all .2s;
  -webkit-tap-highlight-color: transparent;
}

.burger::after {
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 150%;
  top: -25%;
  left: -25%;
}

.burger.burger-squeeze .burger-lines::after, .burger.burger-squeeze .burger-lines::before {
  width: 2em;
}

.burger .burger-lines::after {
  left: 0;
  top: -0.8em;
}

.burger .burger-lines::before {
  left: 0em;
  top: 0.8em;
}

.burger.burger-squeeze .burger-lines, .burger.burger-squeeze .burger-lines::after, .burger.burger-squeeze .burger-lines::before {
  transition: top .2s .2s,left .1s,transform .2s,background-color .4s .2s;
}

.burger .burger-lines, .burger .burger-lines::after, .burger .burger-lines::before {
  pointer-events: none;
  display: block;
  content: "";
  width: 100%;
  border-radius: .25em;
  background-color: var(--white-color);
  height: .25em;
  position: absolute;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.humbarger-menu-on.active .burger .burger-lines, .humbarger-menu-on.active .burger .burger-lines::after, .humbarger-menu-on.active .burger .burger-lines::before{
  background: rgba(255, 255, 255, 0.3);
}

.humbarger-menu.humbarger-menu-on.active {
  position: relative;
  margin-left: 15px;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.close-humb .burger .burger-lines, .close-humb .burger .burger-lines::after, .close-humb .burger .burger-lines::before{
  background: var(--white-color);
}

.burger .burger-lines {
  top: 50%;
  margin-top: -.125em;
  width: 2.5em;
}

.burger.burger-squeeze .burger-lines::after, .burger.burger-squeeze .burger-lines::before {
  width: 34px;
  left: -.3em;
}

.burger.burger-squeeze.open .burger-lines::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.burger.burger-squeeze.open .burger-lines::after, .burger.burger-squeeze.open .burger-lines::before {
  left: 0;
  top: 0;
}

.burger.burger-squeeze.open .burger-lines, .burger.burger-squeeze.open .burger-lines::after, .burger.burger-squeeze.open .burger-lines::before {
  transition: background-color .2s,top .2s,left .2s,transform .2s .15s;
}

.burger.burger-squeeze.open .burger-lines::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.burger.burger-squeeze.open .burger-lines {
  background-color: initial;
}

.body-hide{
    overflow: hidden !important;
}

.row-reverse{
    flex-direction: row-reverse;
}

.news-detail-inner p .fas.fa-calendar-alt{
    margin-right: 10px;
}

.news-detail-inner h1{
    margin-bottom: 25px;
}

.news-left .social-media{
    margin-top: 40px !important;
    padding-right: 10%;
}

.main-slider{
    padding: 0px;
}

.home-hero-owl .item {
    /*height: 750px;*/
    height: 70vh;
    /*background-position: 0 0 !important;*/
    background-position: center 20% !important;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0;
    position: absolute;
    bottom: 25px;
    width: 100%;
}

.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 0px 7px;
    background: transparent;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
    border: 1px solid var(--white-color);
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: var(--white-color);
}

.hero-slider-txt{
    display: flex;
    height: 100%;
    align-items: flex-end;
}

.hero-slider-txt h1{
    text-shadow: #000 2px 4px 5px;
    color: var(--white-color);
}

.tags-ul , .tags-ul li{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.tags-ul li{
    display: inline-block;
    width: auto;
    margin: 5px 17px 5px 0;
    text-align: center;
}

.tags-ul li:last-child{
    margin-right: 0px;
}

.tags-ul li a{
    padding: 5px 25px;
    line-height: 2em;
    display: block;
    border: 1px solid var(--white-color);
    color: var(--white-color);
    font-weight: 700;
}

.tags-ul li:hover a{
    opacity: 0.8;
}

.page-btn{
    padding: 20px 0;
}

.pdf-download-blog{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.pdf-download-blog .pdf-img{
    min-width: 100px;
    margin-right: 20px;
}

.pdf-title small{
    margin-left: 5px;
}

.pdf-download-blog a:hover{
    opacity: 0.8;
}

.media-list-blog , .media-list-blog li{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.media-list-blog li a{
    position: relative;
    padding-left: 30px;
    font-weight: 700;
    color: var(--dark-yellow);
    display: block;
}

.media-list-blog li a:before{
    position: absolute;
    left: 0px;
    top: 13px;
    height: 2px;
    background: var(--dark-yellow);
    content: "";
    width: 10px;
}

.mp3-blog-list .col-xs-12{
    margin-top: 20px;
}

.gallery-wrapper .col-xs-12 {
    padding: 0 10px;
}

.gallery-wrapper .row {
    margin: 0 -10px;
}

.gallery-description {
    position: absolute;
    bottom: 0;
    z-index: 11;
    left: 0px;
    padding: 5px 10px;
    color: var(--white-color);
    width: 100%;
}

.gallery-show-bunch .col-xs-12{
    margin-bottom: 30px;
}

.gallery-show-bunch-blog img {
    position: relative;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.gallery-show-bunch-blog {
    height: 100%;
}

.gallery-show-bunch{
    margin-top: 40px;
}

.gallery-show-bunch-blog img{
    width: 100%;
}

#html5-watermark{
    display: none !important;
}

.mp3-blogs audio {
    width: 100%;
}

.page-info-left img , .page-info-middle img , .page-info-right img{
    width: 100%;
}

.page-info-left p:last-child , .page-info-middle p:last-child , .page-info-right p:last-child{
    margin-bottom: 0px;
}

.back-dark .page-info-inner a{
    color: var(--dark-yellow);
}

.suisse-inner{
    padding-bottom: 30px;
}

.video-part{
    height: 80vh;
}

.video-part video{
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    transition: 1s opacity;
}

.full-img img{
    width: 100%;
}

.full-img{
    margin-bottom: 40px;
}

.download-list-show , .download-list-show li{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.download-list-show{
    margin-top: 30px;
}

.download-list-show li i{
    margin-right: 10px;
    font-size: 20px;
}

.card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: transparent;
}

.card-header .btn {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 18px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    background: var(--accordion-bg);
    color: var(--white-color);
    position: relative;
    padding-right: 40px;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid var(--dark-more-color) !important;
}

.card:last-child{
    border-bottom: none !important;
}

.card-body{
    padding: 20px;
}

.card-body-right .more-read{
    color: var(--dark-yellow);
    border-bottom-color: var(--dark-yellow);
}

.card-body-right a{
    color: var(--dark-yellow);
}

.card-body-right .theme-btn{
    color: var(--white-color);
}

.card-body-right .theme-btn{
    margin-top: 25px;
}

.card-header .btn[aria-expanded="false"]:after{
    position: absolute;
    right: 20px;
    top: 50%;
    color: var(--white-color);
    content: "\f078";
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'Font Awesome 5 Free';
}

.card-header .btn[aria-expanded="true"]:after{
    position: absolute;
    right: 20px;
    top: 50%;
    color: var(--white-color);
    content: "\f077";
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'Font Awesome 5 Free';
}

.title-main{
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}

.audio-wrapper-inset{
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.audio-wrapper-inset:last-child{
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.rechnung-blog{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.rechnung-blog-out{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
}

.rechnung-blog-input{
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;   
}

.rechnung-out-in{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.rechnung-blog-img{
    flex: 0 0 40%;
    max-width: 40%;
    padding-right: 10px;
}

.rechnung-blog-info{
    flex: 0 0 60%;
    max-width: 60%;   
    padding-left: 10px;
}

.rechnung-blog {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    -ms-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    -o-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    padding: 25px;
    margin-bottom: 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.form-field{
    margin-top: 20px;
}

.iframe-wrapper iframe{
    width: 100% !important;
    height: 500px !important;
}

.theatre-inner-list{
    margin-bottom: 50px;
}

.theatre-inner-list-bunch{
    margin-top: 50px;
}

.theatre-sheet{
    margin-bottom: 70px;
    padding-bottom: 70px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.theatre-sheet:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.theatre-inner-list:last-child{
    margin-bottom: 0px;
}

.video-box-inner{
    margin-bottom: 50px;
}

.video-box-inner:last-child{
    margin-bottom: 0px;
}

.gallery-box{
    height: 100%;
    position: relative;
}

.gallery-box img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.gallery-wrapper .col-xs-12{
    margin: 10px 0;
}

.media-left-right{
    display: flex;
    width: 100%;
    margin-top: 10px;
}

.media-left-img{
    margin-right: 10px;
    min-width: 100px;
}

.scroll-tabs ul , .scroll-tabs li{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.scroll-tabs li{
    display: inline-block;
    width: auto;
}

.scroll-tabs li a{
    display: block;
    background: var(--dark-color);
    border: 1px solid var(--dark-color);
    color: var(--white-color);
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.55;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.scroll-tabs li a:hover{
    opacity: 0.8;
}

.back-green a{
    color: var(--white-color);
}

.scroll-tabs {
    margin: 30px 0;
}

.scroll-tabs li{
    margin-bottom: 10px;
}

.scroll-part-inner{
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid var(--dark-color);
    display: inline-block;
    width: 100%;
}

.scroll-part-inner:last-child{
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: none;
}

.inprint-inner .inprint-left , .inprint-inner .inprint-right{
    margin-top: 50px;
}

.site-map-list , .site-map-list li{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.site-map-list li{
    margin: 4px 0;
}

.site-map-list li a{
    color: var(--dark-sky);
}

.site-map-list > li:hover > a{
    opacity: 0.80;
}

.site-map-list > li > a{
    font-weight: 700;
    font-size: 1.5em;
    line-height: 25px;
}

.site-map-list > li > ul{
    margin: 0px;
}

.site-map-list > li > ul > li > a{
    font-weight: 300;
    font-size: 18px;
    line-height: normal;
}

.site-map-list > li > ul > li:hover > a , .site-map-list > li > ul > li > ul > li:hover > a{
    opacity: 0.80;   
}

.site-map-list > li > ul{
    padding-left: 30px;
}

.site-map-list > li > ul > li > ul{
    padding-left: 30px;
    margin: 0px;
}

.site-map-list > li > ul > li > ul > li > a{
    font-weight: 300;
    font-size: 16px;
}

/* COMMON STYLE FOR TYPO3 */

.frame-space-before-extra-large{
    padding-top: 100px;
}

.frame-space-after-extra-large{
    padding-bottom: 100px;
}

.frame-space-before-large{
    padding-top: 80px;
}

.frame-space-after-large{
    padding-bottom: 80px;
}

.frame-space-before-medium{
    padding-top: 60px;
}

.frame-space-after-medium{
    padding-bottom: 60px;
}

.frame-space-before-small{
    padding-top: 40px;
}

.frame-space-after-small{
    padding-bottom: 40px;
}

.frame-space-before-extra-small{
    padding-top: 20px;
}

.frame-space-after-extra-small{
    padding-bottom: 20px;
}

.ce-center.ce-above , .ce-center.ce-below{
    text-align: center;
}

.ce-center.ce-above .ce-bodytext , .ce-center.ce-below .ce-bodytext{
    text-align: left;
}

.ce-right.ce-above , .ce-right.ce-below{
    text-align: right;  
}

.ce-right.ce-above .ce-bodytext , .ce-right.ce-below .ce-bodytext{
    text-align: left;
}

.ce-left.ce-above , .ce-left.ce-below{
    text-align: left;       
}

.ce-left.ce-above .ce-bodytext , .ce-left.ce-below .ce-bodytext{
    text-align: left;
}

.ce-right.ce-intext .ce-gallery{
    float: right;
    margin: 0 0 0px 20px;
}

.ce-right.ce-intext.ce-nowrap .ce-gallery{
    width: 25%;
}

.ce-right.ce-intext .ce-bodytext{
    text-align: left;
}

.ce-right.ce-intext.ce-nowrap .ce-bodytext{
    padding-right: 30%;
}

.ce-left.ce-intext .ce-gallery{
    float: left;
    margin: 0 20px 0px 0;
}

.ce-left.ce-intext.ce-nowrap .ce-gallery{
    width: 25%;
}

.ce-left.ce-intext .ce-bodytext{
    text-align: left;
}

.ce-left.ce-intext.ce-nowrap .ce-bodytext{
    padding-left: 30%;
}

/*color changes pages wise*/

.footer-bottom{
    background: var(--activepage-color);
}
.back-light-yellow {
  background: var(--activepage-color);
}
.header-bottom {
  background: var(--activepage-color);
}
.back-green {
  background: var(--activepage-color);
}
.back-dark .page-info-inner a {
  color: var(--activepage-color);
}
.back-dark-yellow {
  background: var(--activepage-color);
}
.back-purple {
  background: var(--activepage-color);
}

.footer-top-inner a:hover {
    color: var(--activepage-color);
}

.card-body-right .more-read {
    color: var(--activepage-color);
    border-bottom-color: var(--activepage-color);
}

.btn-info{
    color: var(--white-color) !important;
}

.card-body-right a{
    color: var(--activepage-color);
}

.newseventcalender .table{
    color: var(--white-color);
}
.newseventcalender ul.pager{
    list-style-type:none;
}
.newseventcalender .pager li{
    display: inline;
}
.white-txt a{
    color: var(--activepage-color);
}
.news a{
    color: var(--white-color);
}
.newseventcalender .theme-btn{
    color: var(--white-color);
    background: var(--activepage-color);
    min-width: 140px;
}
.news-single .teaser-text{
    color: var(--white-color);
}
.news-single .article .news-img-wrap img{
    padding-bottom: 10px;
    background-color: var(--dark-color);
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.55;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.news .table > thead > tr > th, .news .table > tbody > tr > th, .news .table > tfoot > tr > th, .news .table > thead > tr > td, .news .table > tbody > tr > td, .news .table > tfoot > tr > td {
    padding: 4px;
}

th {
    text-align: left;
}

.pager {
    padding-left: 0;
    margin: 24px 0;
    list-style: none;
    text-align: center;
}

.pager .previous > a, .pager .previous > span {
    float: left;
}

.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    border: 1px solid #ddd;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
}

.pager .next > a, .pager .next > span {
    float: right;
}

.pager li > a:hover, .pager li > span:hover{
    opacity: 0.85;
}

.news .table > thead > tr > td, .news .table > tbody > tr > td, .news .table > tfoot > tr > td {
    font-size: 0.85em;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    line-height: 1.55;
}

.main-part {
    padding-top: 246px;
}

.suisse-inner p{
    /*word-break: break-all;*/
}
.word-break{
    word-break: break-all;
}

.news .article .news-img-wrap .noborder-img a{
    padding:0px;
    border: 0px solid #ddd;
}

.remove-padding-bottom{
    padding-bottom: 0px;
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: transparent;
    text-indent: -1000000px;
    width: 40px;
    height: 40px;
    background: var(--activepage-color);
    color: var(--white-color);
    -webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    -ms-border-radius: 100px !important;
    -o-border-radius: 100px !important;
    border-radius: 100px !important;
    line-height: 40px;
    text-align: center;
    margin: 0px !important;
    padding: 0px !important;
}

.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover{
    background: var(--white-color);
    color: var(--activepage-color);
}

.owl-carousel .owl-nav{
    margin: 0px;
}

.owl-nav .owl-prev{
    left: 20px;
}

.owl-nav .owl-next{
    right: 20px;
}

.owl-nav .owl-prev:before{
    content: "\f053";
    position: absolute;
    left: 50%;
    top: 50%;
    text-indent: 0px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.owl-nav .owl-next:before{
    content: "\f054";
    position: absolute;
    left: 50%;
    top: 50%;
    text-indent: 0px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.owl-theme .owl-dots{
    margin-top: 0;
    position: absolute;
    bottom: 25px;
    width: 100%;
}

.btn-group form.visible-xs-inline-block .btn{
    border: 1px solid var(--dark-color);
    background: var(--dark-color);
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    width: auto;
    padding: 0 20px;
    height: 52px;
    line-height: 50px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    text-align: center;
    color: var(--white-color);
    min-width: 170px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    margin-right: 10px;
    box-shadow: none !important;
}

.btn-group form.visible-xs-inline-block .btn:hover{
    opacity: 0.85;
}