/*!
 * Start Bootstrap - Agency v4.0.0-beta (http://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE)
 */

 #wpadminbar{
  display: none;
}


/* #### Generated By: http://www.cufonfonts.com #### */

    @font-face {
    font-family: 'Open Sans Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans Regular'), url('/fonts/OpenSans-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans'), url('/fonts/OpenSans-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Open Sans Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans Italic'), url('/fonts/OpenSans-Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Open Sans Light';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans Light'), url('/fonts/OpenSans-Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Open Sans Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans Light Italic'), url('/fonts/OpenSans-LightItalic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Open Sans SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans SemiBold'), url('/fonts/OpenSans-SemiBold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Open Sans SemiBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans SemiBold Italic'), url('/fonts/OpenSans-SemiBoldItalic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans Bold'), url('/fonts/OpenSans-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Open Sans Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans Bold Italic'), url('/fonts/OpenSans-BoldItalic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Open Sans ExtraBold';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans ExtraBold'), url('/fonts/OpenSans-ExtraBold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Open Sans ExtraBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans ExtraBold Italic'), url('/fonts/OpenSans-ExtraBoldItalic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Open Sans Light Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans Light Regular'), url('/fonts/OpenSans-Light-webfont.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Open Sans Condensed Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans Condensed Bold'), url('/fonts/OpenSans-CondBold.woff') format('woff');
    }

	/* #### Generated By: http://www.cufonfonts.com #### */

    @font-face {
    font-family: 'Mukta Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Mukta Regular'), url('/fonts/Mukta-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Mukta ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Mukta ExtraLight'), url('/fonts/Mukta-ExtraLight.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Mukta Light';
    font-style: normal;
    font-weight: normal;
    src: local('Mukta Light'), url('/fonts/Mukta-Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Mukta Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Mukta Medium'), url('/fonts/Mukta-Medium.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Mukta SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Mukta SemiBold'), url('/fonts/Mukta-SemiBold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Mukta Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Mukta Bold'), url('/fonts/Mukta-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Mukta ExtraBold';
    font-style: normal;
    font-weight: normal;
    src: local('Mukta ExtraBold'), url('/fonts/Mukta-ExtraBold.woff') format('woff');
    }


html{
  margin-top: 0px!important;

}

body {
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  color: #363a3e;
  font-family: 'Open Sans', sans-serif;
  margin: 0px auto;
  background-size: contain;
  background-repeat: repeat;
}

ul, ol{
   font-size: 16px;
   margin-top: 10px;
   margin-bottom: 10px;
}

p {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  margin: 0px;
  text-align: left;
}

a {
  font-weight: 600;
  color: inherit;
  color: #ff5117;
  font-weight: bold;
}
a.active, a:active, a:focus, a:hover {
  color: inherit;
  text-decoration: none;
  outline: none!important;
}

:focus{
  outline: none!important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  line-height: 1.1;
}

h1{
   font-size: 44px;
   line-height: 1.1;
   margin: 0px;
   font-family: 'Mukta', sans-serif;
   font-weight: 800;
}

h2{
   font-size: 30px;
   line-height: 50px;
   font-weight: 800;
   font-family: 'Mukta', sans-serif;
   letter-spacing: 0px;
   float: left;
   position: relative;
   text-align: left;
   margin-top: 0px;
   padding-bottom: 10px;
}

h3{
   margin: 0px;
}

.text-primary{
  color: #25B2C5!important;
}

.back-primary{
   background-color: #5bb4af!important;
}

.text-grey{
   color: #afafaf!important;
}

.text-white{
   color: white!important;
}
.img-contain{
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
}

.img-cover{
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover{
   background-color: transparent;
   color: #5c9112;
   border-color: #5c9112;
}

.btn-default{
   color: black;
   border-color: black;
   background-color: transparent;
   border-radius: 0px;
   padding: 15px 30px;
   font-size: 15px;
   text-align: center;
   display: table;
   font-weight: 600;
   margin: 40px auto 20px;
}

.btn-default:hover,
.btn-default:focus{
   color: white;
   background-color: #5c9112;
   border-color: #5c9112;
   transition: 0.2s;
}

.navbar-mobile{
   display: none;
}

.nav-button .string1{
   width: 50px;
   height: 2px;
   background-color: #a32034;
   margin-bottom: 10px;
   transition: all ease 0.3s;
}

.nav-button .string2{
   width: 50px;
   height: 2px;
   background-color: #a32034;
   margin-bottom: 10px;
   transition: all ease 0.3s;
}

.nav-button .string3{
   width: 50px;
   height: 2px;
   background-color: #a32034;
   margin-bottom: 10px;
   transition: all ease 0.3s;
}

.nav-button.active .string1{
   transform: rotateZ(45deg);
   margin-top: 5px;
}

.nav-button.active .string2{
   transform: rotateZ(-45deg);
   margin-top: -12px;
}

.nav-button.active .string3{
   display: none;
}

.proven-box{
   position: absolute;
   left: 0px;
   top: 0px;
   height: 60px;
   background-color: white;
   width: 100%;
}

.navbar-default{
   top: 0px;
   background-color: white;
   height: 80px;
   position: fixed;
   width: 100%;
   z-index: 2000;
   transition: all ease 0.3s;
   border: none;
}

.navbar-default.navbar-shrink{
   top: 0px;
   background-color: white;
   height: 80px;
   position: fixed;
   width: 100%;
   z-index: 1000;
   -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.15);
   -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.15);
   box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.15);
}

.navbar-header{
   position: absolute;
}

.menu-points{
   float: right;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
  border: none;
}



.navbar-default .navbar-brand{
   height: 50px;
   background-repeat: no-repeat;
   background-position: left top;
   background-size: contain;
   transition: all ease 0.3s;
   padding: 0px;
   opacity: 1;
   position: absolute;
   z-index: 10;
}

.navbar-default.navbar-shrink .navbar-brand{
   height: 80px;
   padding: 0px;
   opacity: 1;
}

.navbar-default .navbar-brand .img{
   width: 300px;
   height: 80px;
   margin-left: 70px;
   margin-top: 40px;
   top: 0px;
   transition: all ease 0.7s;
}

.navbar-default.navbar-shrink .navbar-brand .img{
   width: 380px;
   height: 50px;
   margin-left: 0px;
   margin-top: 15px;
   top: 0px;
}


.navbar-default a{
   font-size: 18px;
   font-weight: 400;
   transition: all ease 0.3s;
}

.navbar-default a{
   color: #899199;
}

.navbar-default .navbar-nav{
   float: right;
   display: table;
   margin-bottom: 0px;
   transition: all ease 0.3s;
   margin-top: 0px;
}

.navbar-default.navbar-shrink .navbar-nav{
   margin-top: 0px;
   border-color: transparent;
   border-top: 0px solid #e6e6e6;
   border-bottom: 0px solid #e6e6e6;
   padding-right: 0px;
}

.navbar-default .navbar-nav>li>a{
   margin: 90px 0px 0px 40px;
   padding: 5px 0px;
   line-height: 1;
   transition: all ease 0.3s;
   color: #484848;
   font-size: 17px;
   font-weight: 200;
   border-bottom: 2px solid transparent;
   color: #ff5117;
   font-weight: bold;
}

.navbar-default.navbar-shrink .navbar-nav>li>a{
   padding: 10px 0px;
   margin-left: 50px;
   padding-bottom: 5px;
   font-size: 17px;
   margin-top: 20px;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover{
   background-color: transparent;
   color: #ff5117;
}

.navbar-default.navbar-shrink .navbar-nav>li>a:focus,
.navbar-default.navbar-shrink .navbar-nav>li>a:hover{
   background-color: transparent;
   color: #ff5117;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover{
   background-color: transparent;
   color: #ff5117;
}

.navbar-default.navbar-shrink .navbar-nav>.active>a,
.navbar-default.navbar-shrink .navbar-nav>.active>a:focus,
.navbar-default.navbar-shrink .navbar-nav>.active>a:hover{
   background-color: transparent;
   color: #ff5117;

}

.navbar-default .navbar-nav>.active.open>a,
.navbar-default .navbar-nav>.active.open>a:focus,
.navbar-default .navbar-nav>.active.open>a:hover{

}

.navbar-default.navbar-shrink .navbar-nav>.active.open>a,
.navbar-default.navbar-shrink .navbar-nav>.active.open>a:focus,
.navbar-default.navbar-shrink .navbar-nav>.active.open>a:hover{
   background-color: transparent;
   color: #ff5117;
}

.navbar-nav>li>.dropdown-menu{
   background-color: rgba(255,255,255,0.7);
   border: none;
   border-radius: 0px;
   margin-top: 0px;
   left: 20px;
   box-shadow: none;
   padding-bottom: 10px;
   padding-top: 41px;
}

.navbar-shrink .navbar-nav>li>.dropdown-menu{
   padding-top: 28px;
}

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

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover{
   color: #ff5117;
   background-color: transparent;
}

.dropdown-menu>li>a{
   padding: 10px 20px;
   font-size: 15px;
   font-weight: 400;
   text-align: left;
}

.caret{
   display: none;
}

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

.navbar-collapse{
   padding: 0px;
}

.navbar-default .button{
   display: none;
}

.navbar-default.navbar-shrink .button{
   background-color: #ff9000;
   color: white;
   padding: 10px 10px;
   font-size: 17px;
   font-weight: 700;
   position: absolute;
   right: 0px;
   top: 5px;
   display: block;
}

.navbar-nav>li{
   float: left;
}

.navbar-nav>li:hover>.dropdown-menu{
   display: block;
}

.navbar-nav>li>.dropdown-menu>li>.dropdown-menu{
   background-color: #f1f1f1;
   border: none;
   border-radius: 0px;
   margin-top: 0px;
   left: 0px;
   box-shadow: none;
   padding-bottom: 10px;
   padding-top: 0px;
   position: relative;
   min-width: inherit;
}

.navbar-nav>li>.dropdown-menu>li>.dropdown-menu a{
   font-size: 15px;
}

.navbar-nav>li>.dropdown-menu>li:hover>.dropdown-menu{
   display: block;
}

.is-edit-link{
   display: none!important;
}

.is-menu.dropdown form{
   min-width: 170px!important;
   margin-top: 20px;
   background-color: white;
   padding: 10px;
}

.search #searchsubmit{
   display: none;
}

.search input{
   border: none;
   border-bottom: 1px solid black;
}

.search-section{
   padding: 85px 0px;
}

.no-gutter{
   padding: 0px;
}

header{
   margin: 160px 50px 0px;
   width: calc(100% - 100px);
   /*overflow: hidden;*/

}

header .img{
   position: relative;
   height: 800px;
   -webkit-box-shadow: 0px 15px 10px -5px rgba(0,0,0,0.15);
   -moz-box-shadow: 0px 15px 10px -5px rgba(0,0,0,0.15);
   box-shadow: 0px 15px 10px -5px rgba(0,0,0,0.15);
}

header .item{
   height: 800px;
   position: relative;
   margin-bottom: 85px;
}

header .text-box{
   position: absolute;
   bottom: -50px;
   background-color: white;
   color: inherit;
   height: 320px;
   padding: 60px 90px;
}

header.home .item{
   height: 0px;
   position: absolute;
   z-index: 2;
}

header.home .owl-item{
   opacity: 0;
}

header.home .owl-item.active{
   opacity: 1;
}

header.home .owl-item .img{
   transform: scale(1);
   transition: all ease 10s;
}

header.home .owl-item.active .img{
   transform: scale(1.1);
}

header .subtitle{
   font-size: 34px;
   color: #ff5117;
}

.home-section-1{
   padding-bottom: 85px;
   margin-top: 85px;
}

.title-box{
   position: relative;
   height: 75px;
}

.title-box h2{
   position: absolute;
   left: 0px;
   padding-left: 15px;
   background-color: white;
   z-index: 1;
   padding-right: 30px;
   color: #ff5117;
}
.col-md-6 .title-box h2{
   padding-left: 0;
}

.title-box .line{
   position: absolute;
   z-index: 0;
   left: 0px;
   top: 25px;
   right: 0px;
   background-color: #ff5117;
   height: 1px;
}

.home-section-1 .img{
   height: 420px;
   width: 100%;
}

.home-section-1 .text-box{
   border-bottom: 1px solid #c3c3c3;
   border-left: 1px solid #c3c3c3;
   border-right: 1px solid #c3c3c3;
   padding: 30px;
   height: 400px;
   position: relative;
}

.home-section-1 p{
   line-height: 1.4;
}

.home-section-1 .title{
   font-size: 31px;
   font-weight: 800;
   padding-bottom: 10px;
   font-family: 'Mukta', sans-serif;
}

.button{
   color: #ff5117;
   display: table;
   border: 1px solid #ff5117;
   padding: 10px 20px;
   font-size: 20px;
   font-weight: 800;
   transition: all ease 0.3s;
   margin-top: 50px;
}

.button:hover{
   color: white!important;
   background-color: #ff5117!important;
}

.home-section-1 .button-box{
   bottom: -20px;
   position: absolute;
   left: 0px;
   right: 0px;
   width: 230px;
   background-color: white;
   padding: 0px 15px;
   margin: auto;
}

.home-section-1 .button-box .button{
   font-size: 20px;
   font-weight: 800;
   color: #ff5117;
   width: 200px;
   border: 1px solid #ff5117;
   text-align: center;
   padding: 10px 0px;
   margin: 0px auto;
}

.home-section-2{
   padding-bottom: 85px;
}

.home-section-2 .img{
   height: 500px;
   width: 100%;
}


.home-section-3{
   padding-bottom: 85px;
}

.home-section-3 .text-box-1{
   padding: 30px;
   background-color: #f2f2f2;
}

.home-section-3 .text-box-1 .title{
   font-size: 30px;
   font-family: 'Mukta', sans-serif;
   font-weight: 800;
   padding-bottom: 10px;
}

.home-section-3 .text-box-1 .date{
   color: #ff5117;
   font-size: 20px;
}

.home-section-3 .text-box-2{
   border-bottom: 1px solid #c3c3c3;
   border-left: 1px solid #c3c3c3;
   border-right: 1px solid #c3c3c3;
   padding: 30px;
   height: 220px;
   position: relative;
}

.home-section-3 .button-box{
   bottom: -20px;
   position: absolute;
   left: 0px;
   right: 0px;
   width: 230px;
   background-color: white;
   padding: 0px 15px;
   margin: auto;
}

.home-section-3 .button-box .button{
   font-size: 20px;
   font-weight: 800;
   color: #ff5117;
   width: 200px;
   border: 1px solid #ff5117;
   text-align: center;
   padding: 10px 0px;
   margin: 0px auto;
}

.home-section-4{
   padding-bottom: 85px;
}

.home-section-4 .img{
   height: 470px;
   width: 100%;
   margin-top: 100px;
}

.home-section-4 .text-box{
   padding-right: 50px;
}

.home-section-4 .title{
   font-weight: 800;
   font-size: 22px;
   margin-top: 70px;
   padding-bottom: 20px;
}

header.content .item{
   margin-bottom: 0px;
}

.content-section-0{
   margin-bottom: 85px;
   background: #f2f2f2;
   padding: 30px 0px;
   margin-top: 100px;
}

.content-section-0 ul{
   list-style: none;
   margin-bottom: 0px;
}

.content-section-0 li{
   list-style: none;
   display: inline-block;
   padding-right: 30px;
   font-family: 'Mukta', sans-serif;
   font-weight: 200;
   font-size: 26px;
   color: #ff5117;
}

.content-section-0 li a{
   font-family: 'Mukta', sans-serif;
   font-weight: 400;
   font-size: 26px;
   color: #ff5117;
   transition: all ease 0.3s;
}

.content-section-0 li a:hover{
   text-decoration: underline;
}

.content-section-2{
   position: relative;
}

.content-section-3{
   margin-bottom: 85px;
   position: relative;
}

.content-section-3 h2{
   font-family: 'Mukta', sans-serif;
   font-weight: 200;
   font-size: 40px;
   display: block;
   float: none;
   color: #ff5117;
}

.content-section-3 .img{
   width: 100%;
   margin-top: 100px;
   background-position: top;
}

.content-section-4{
   margin-bottom: 85px;
   position: relative;
}

.content-section-4 .title-box{
   padding: 20px;
   background-color: #f2f2f2;
   height: auto;
}

.content-section-4 .title-box h2{
   font-size: 30px;
   font-family: 'Mukta', sans-serif;
   font-weight: 800;
   color: black;
   background-color: transparent;
   position: relative;
   float: none;
   padding-left: 0px;
}

.content-section-4 .title-box .orange{
   color: #ff5117;
}

.content-section-4 .text-box{
   border: 1px solid #f2f2f2;
   border-top: none;
   padding: 20px;
   padding-bottom: 100px;
}

.content-section-4 .button-box{
   position: absolute;
   bottom: -20px;
   background-color: white;
   padding: 0px 20px;
   margin-top: 0px;
}

.content-section-5{
   margin-bottom: 85px;
   position: relative;
}

.content-section-6{
   margin-bottom: 85px;
   position: relative;
}

.content-section-6 .img{
   width: 100%;
   height: 280px;
   margin-bottom: 10px;
   position: relative;
}

.content-section-6 .no-gutter{
   padding-left: 5px;
   padding-right: 5px;
}

.content-section-6 .text-box{
   bottom: 0px;
   height: 60px;
   position: absolute;
   padding-left: 20px;
   width: 100%;
   /*background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);*/
   background: rgba(0,0,0,0);
   background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
   background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.content-section-6 .text-box .title{
   position: absolute;
   left: 0px;
   padding-top: 20px;
   padding-left: 20px;
   font-weight: 200;
   font-style: italic;
   width: 60%;
   font-size: 14px;
   color: white;
}

.content-section-6 .text-box .year{
   position: absolute;
   right: 0px;
   bottom: 10px;
   padding-right: 20px;
   font-weight: 200;
   font-style: italic;
   font-size: 14px;
   color: white;
}

.content-section-6 .title-box{
   height: 70px;
   padding: 0px;
   float: none;
   background-color: transparent;
}

.content-section-6 .title-box h2{
   height: 70px;
   padding: 0px;
   float: left;
   background-color: transparent;
   position: relative;
   padding-right: 30px;
   margin: 0px;
}

.content-section-6 .title-box .button-gal{
   font-weight: 800;
   float: left;
   cursor: pointer;
   padding-top: 20px;
}

.content-section-6 .title-box .button-gal .closen{
   display: none;
}

.content-section-6 .title-box .button-gal.active .closen{
   display: block;
}

.content-section-6 .title-box .button-gal.active .open{
   display: none;
}

.content-section-6 .gallerie{
   margin-top: 50px;
   display: none;
}

.content-section-6 .gallerie.gallerie-a{
   display: block;
}

.content-section-6 .gallerie.active{
   display: block;
}

.foogallery.fg-loaded-fade-in .fg-item-inner{
   position: relative;
}

.foogallery.fg-caption-always .fg-item.fg-loaded .fg-caption{
   position: absolute;
   bottom: 0px;
   height: 30px;
   left: 0px;
   right: 0px;
}

.foogallery .fg-caption-title{
   position: absolute;
   left: 0px;
   color: white!important;
   font-style: italic;
   font-size: 14px!important;
   padding-left: 10px;
}

.fg-simple_portfolio .fg-caption-desc{
   position: absolute;
   right: 0px;
   color: white!important;
   font-size: 14px!important;
   padding-right: 10px;
}

.content-section-7{
   padding-bottom: 85px;
}

.content-section-7 .img{
   width: 100%;
   height: 580px;
}

.content-section-7 .title{
   font-size: 14px;
   font-weight: 200;
   float: left;
   font-style: italic;
   padding-left: 30px;
   padding-top: 10px;
}

.content-section-7 .year{
   font-size: 14px;
   float: right;
   font-weight: 200;
   padding-top: 10px;
   font-style: italic;
   padding-right: 30px;
}

.content-section-7-1{
   padding-bottom: 85px;
   position: relative;
}

.content-section-7-1 h2{
 font-weight: 200;
 font-family: 'Mukta',sans-serif;
 color: #ff5117;
 float: none;
 padding-bottom: 80px;
}

.content-section-7-1 .item{
 padding-bottom: 10px;
 position: relative;
}

.content-section-7-1 .item .year{
 display: inline-block;
 width: 200px;
 font-weight: 700;
 color: #ff5117;
}

.content-section-7-1 .item .ort{
 display: inline-block;
 width: 300px;
 font-weight: 700;
 color: #ff5117;
}

.content-section-7-1 .item .name{
 display: inline-block;
 width: calc(100% - 570px);
}

.content-section-8{
   padding-bottom: 85px;
   position: relative;
}

.content-section-8 .title{
   font-size: 40px;
   font-weight: 200;
   font-family: 'Mukta',sans-serif;
   color: #ff5117;
   padding-bottom: 20px;
}

.content-section-8 .img-box{
   width: 45px;
   height: 40px;
   display: inline-block;
   margin-right: 10px;
}

.content-section-8 i{
   font-size: 40px;
}

.content-section-8 .text-box{
   width: calc(100% - 60px);
   display: inline-block;
}

.content-section-8 .download{
   font-weight: 700;
   font-size: 16px;
   text-decoration: underline;
}

.content-section-8 .text{
   font-size: 14px;
   color: grey;
}

.content-section-8 .button-box{
   margin-top: 30px;
}

.content-section-9{
   padding-bottom: 85px;
   position: relative;
}

.content-section-9 .title{
   font-size: 40px;
   font-weight: 200;
   font-family: 'Mukta',sans-serif;
   padding-top: 20px;
   color: #ff5117;
}

.content-section-10{
   padding-bottom: 85px;
   position: relative;
}

.content-section-10 .item{
   margin-bottom: 45px;
}

.content-section-10 .img{
   height: 500px;
   width: 100%;
}

.content-section-10 .title{
   font-size: 24px;
   font-weight: 700;
   padding-bottom: 30px;
}

.content-section-10 .text-box{
   padding: 30px 20px;
   border: 1px solid #c3c3c3;
   position: relative;
   /*padding-bottom: 100px;*/
   min-height: 275px;
   overflow: hidden;
   border-top: 0;
   margin-top: 30px;
}

.content-section-10 .text-box .kontakt{
   margin-top: 10px;
}

.content-section-10 .text-box i{
   margin-right: 10px;
   color: #ff5117;
   width: 20px;
}

.content-section-10 .button-box{
   position: absolute;
   bottom: -40px;
   padding: 20px;
   background-color: white;
   left: 0px;
   right: 0px;
   margin: auto;
   width: 230px;
}

.content-section-11{
   position: relative;
}

.content-section-11 .img{
   width: 100%;
   height: 450px;
}

.content-section-11 .item{
   min-height: 450px;
   margin-bottom: 85px;
}

.content-section-11 .title{
   font-size: 40px;
   font-family: 'Mukta',sans-serif;
   font-weight: 200;
   color: #ff5117;
   padding-bottom: 70px;
}

.content-section-11 .title-box{
   float: none;
   display: inline-block;
   width: 100px;
   vertical-align: top;
}

.content-section-11 .title-box .kontakt-title{
   font-weight: 800;
   font-size: 20px;
}

.content-section-11 .content-box{
   display: inline-block;
   width: calc(100% - 110px);
   vertical-align: top;
   border-left: 1px solid #ff5117;
   padding-left: 20px;
}

.content-section-11 .content-box .kontakt{
   font-size: 16px;
   color: #ff5117;
   padding-bottom: 10px;
}

.content-section-11 .content-box .kontakt i{
   width: 30px;
}

.content-section-11 .text-box-2{
   height: 75px;
   overflow: hidden;
   transition: all ease 0.3s;
}

.content-section-11 .kontakt-box.active .text-box-2{
   height: auto;
}

.content-section-11 .button{
   cursor: pointer;
}

.content-section-11 .button .more{
   display: block;
}

.content-section-11 .button .less{
   display: none;
}

.content-section-11 .kontakt-box.active .button .more{
   display: none;
}

.content-section-11 .kontakt-box.active .button .less{
   display: block;
}

.content-section-12{
   padding-bottom: 85px;
   position: relative;
}

.content-section-12 .item{
   padding: 40px;
   border: 1px solid #c3c3c3;
}

.content-section-12 h2{
   font-size: 40px;
   font-weight: 200;
   font-family: 'Mukta',sans-serif;
   color: #ff5117;
}

.content-section-12 .fa-clock-o{
   font-size: 80px;
   color: #ff5117;
}

.content-section-12 .title{
   font-size: 22px;
   font-weight: 200;
   font-family: 'Mukta',sans-serif;
   color: #ff5117;
   padding-bottom: 10px;
}

.content-section-12 .text{
   font-size: 18px;
   font-weight: 800;
}

.content-section-12 .download-box{
   padding-top: 50px;
}

.content-section-12 .download-box .text{
   font-size: 14px;
   text-decoration: underline;
}

.content-section-12 .text i{
   width: 60px;
   color: #ff5117;
   font-size: 40px;
}

.news-section-1{
   padding-bottom: 85px;
   margin-top: 100px;
}

.news-section-1 .item{
   margin-bottom: 50px;
   height: 400px;
}

.news-section-1 .title-box{
   float: none;
}

.news-section-1 .img{
   height: 400px;
   width: 100%;
   position: relative;
}

.news-section-1 .mobile{
   display: none;
}

.news-section-1 .date{
   font-size: 18px;
   font-weight: 700;
   color: #ff5117;
   padding-bottom: 10px;
}

.news-section-1 .title{
   font-size: 30px;
   font-weight: 800;
   font-family: 'Mukta', sans-serif;
   padding-bottom: 10px;
}

.news-section-1 .left-box .right{
   display: none;
}

.news-section-1 .right-box .left{
   display: none;
}

.news-section-1 .text-box{
   height: 400px;
   margin-top: 20px;
   width: 100%;
}

.news-section-1 .img .text-box{
   bottom: 0px;
   height: 60px;
   position: absolute;
   padding-left: 20px;
   width: 100%;
   /*background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);*/
   background: rgba(0,0,0,0);
   background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
   background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.news-section-1 .img .text-box .title{
   position: absolute;
   left: 0px;
   padding-top: 20px;
   padding-left: 20px;
   font-weight: 200;
   font-style: italic;
   width: 60%;
   font-size: 14px;
   color: white;
}

.news-section-1 .img .text-box .year{
   position: absolute;
   right: 0px;
   bottom: 20px;
   padding-right: 20px;
   font-weight: 200;
   font-style: italic;
   font-size: 14px;
   color: white;
}

.news-section-1 .first-box .img{
   height: 580px;
}

.news-section-1 .first-box .item{
   height: 930px;
   margin-bottom: 50px;
}

.news-section-1 .first-box .left{
   display: none;
}

.news-section-1 .first-box .right{
   display: none;
}

.news-section-1 .left-box .first{
   display: none;
}

.news-section-1 .right-box .first{
   display: none;
}

.news-detail-section-1{
   margin-top: 85px;
   padding-bottom: 85px;
}

.news-detail-section-1 .img{
   height: 580px;
   position: relative;
}

.news-detail-section-1 .img .text-box{
   bottom: 0px;
   height: 60px;
   position: absolute;
   padding-left: 20px;
   width: 100%;
   /*background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);*/
   background: rgba(0,0,0,0);
   background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
   background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.news-detail-section-1 .img .text-box .title{
   position: absolute;
   left: 0px;
   font-family: 'Mukta', sans-serif;
   padding-top: 10px;
   padding-left: 20px;
   font-weight: 200;
   font-style: italic;
   width: 60%;
   font-size: 14px;
   color: white;
}

.news-detail-section-1 .img .text-box .year{
   position: absolute;
   right: 0px;
   bottom: 10px;
   padding-right: 20px;
   font-weight: 200;
   font-style: italic;
   font-size: 14px;
   color: white;
}

.news-detail-section-1 .date{
   margin-top: 20px;
   font-weight: 700;
   font-size: 18px;
   color: #ff5117;
}

.news-detail-section-1 .title{
   margin-bottom: 20px;
   margin-top: 10px;
   font-weight: 800;
   font-size: 45px;
}

.news-detail-section-1 .title-box-2{
   display: inline-block;
   width: 80%;
   vertical-align: top;
}

.news-detail-section-1 .download-box{
   display: inline-block;
   width: calc(100% - 81%);
   vertical-align: top;
}

.news-detail-section-1 .download{
   padding-top: 70px;
}

.news-detail-section-1 .download i{
   font-size: 40px;
   margin-right: 20px;
   color: #ff5117;

}

.news-detail-section-2{
   padding-bottom: 85px;
}

.news-detail-section-2 .title-box h2{
   padding-left: 0px;
}

.news-detail-section-2 .img{
   width: 100%;
   height: 280px;
   margin-bottom: 10px;
   position: relative;
}

.news-detail-section-2 .no-gutter{
   padding-left: 5px;
   padding-right: 5px;
}

.news-detail-section-2 .text-box{
   bottom: 0px;
   height: 60px;
   position: absolute;
   padding-left: 20px;
   width: 100%;
   /*background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);*/
   background: rgba(0,0,0,0);
   background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
   background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.news-detail-section-2 .text-box .title{
   position: absolute;
   left: 0px;
   padding-top: 20px;
   padding-left: 20px;
   font-weight: 200;
   font-style: italic;
   width: 60%;
   font-size: 14px;
   color: white;
}

.news-detail-section-2 .text-box .year{
   position: absolute;
   right: 0px;
   bottom: 10px;
   padding-right: 20px;
   font-weight: 200;
   font-style: italic;
   font-size: 14px;
   color: white;
}

footer{
   padding-bottom: 10px;
}

footer .top-box{
   background-color: #f2f2f2;
   padding-top: 50px;
}

footer .logo{
   width: calc(100% + 15px);
   margin-left: -15px;
   height: 100px;
   background-position: left;
}

footer .border{

}

footer .company{
   color: #ff5117;
   font-size: 18px;
   font-weight: 800;
   padding-bottom: 20px;
}

footer p{
   font-size: 14px;
   padding-bottom: 10px;
}

footer .line{
   width: 100%;
   height: 2px;
   background-color: black;
   margin: 50px 0px;
}

footer .title{
   color: #ff5117;
   font-size: 18px;
   font-weight: 800;
   padding-bottom: 20px;
}

footer a.block{
   display: block;
   padding-bottom: 10px;
   float: none;
   transition: all ease 0.3s;
}

footer  .imprint-box{
   margin-top: 50px;
   padding-bottom: 30px;
}

footer a.imprint{
   margin-right: 50px;
   font-size: 16px;
   font-weight: 800;
   transition: all ease 0.3s;
}

footer a:hover{
   color: #ff5117;
}

footer .copyright{
   font-size: 14px;
   float: right;
   padding-top: 20px;
}

footer .bund{
   height: 100px;
   width: 200px;
   background-position: left;
   float: left;
}

footer .text-bund{
   float: left;
   padding-top: 20px;
}

.button-top{
   position: absolute;
   right: 0;
   top: 20px;
   background-color: transparent;
   border: 1px solid #ff5117;
   width: 50px;
   height: 50px;
   transition: all ease 0.3s;
}

.button-top:hover{
   background-color: #ff5117;
   color: white;
}

.button-top i{
   transform: rotateZ(90deg);
   color: #ff5117;
   text-align: center;
   font-size: 40px;
   margin: 0px auto;
   display: table;
   margin-top: 4px;
}

.button-top:hover i{
   color: white;
}

.button-top p{
   color: #ff5117;
   text-align: center;
   font-size: 20px;
   margin: 0px auto;
   display: table;
}

.button-top:hover p{
   color: white;
}

.top-section{
   position: relative;
   height: 100px;
}

.bread{
   padding-top: 30px;
}

.bread .current-item{
   color: #ff5117;
}

.overlay-box{
  position: fixed;
  z-index: 2100;
  background-color: rgba(0,0,0,0.8);
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  transition: all ease 0.3s;
  opacity: 0;
  pointer-events: none;
}

.overlay-box.active{
  opacity: 1;
  pointer-events: all;
}

.overlay-box .close-box{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

.overlay-box .content-box{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 1000px;
  height: 600px;
  margin: auto;
}

.overlay-box .content-box .img{
  width: 100%;
  height: 500px;
}

.img-texted{
   position: relative;
}

.img-texted .text-box{
   bottom: 0px;
   height: 60px;
   position: absolute;
   padding-left: 20px;
   width: 100%;
   /*background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);*/
   background: rgba(0,0,0,0);
   background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
   background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.img-texted .text-box .title{
   position: absolute;
   left: 0px;
   padding-top: 20px;
   padding-left: 20px;
   font-weight: 200;
   font-style: italic;
   width: 60%;
   font-size: 14px;
   color: white;
}

.is-menu.dropdown form.searchform{
/*   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
   background: rgba(255, 81, 23, 0.75);
   z-index: 1000;*/
}

.close-button{
   content: 'x';
   position: fixed;
   top: 10px;
   right: 20px;
   font-weight: bold;
   font-size: 32px;
   color: white;
   cursor: pointer;
}

.searchform div{
   position: absolute;
   width: 320px;
   max-width: 100%;
   top: 50%;
   left: 0;
   right: 0;
   margin: auto;
   background-color: transparent;
   display: flex;
   -webkit-flex-wrap: wrap;
   -moz-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   -o-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-transform: translate3D(0, -50%, 0);
   -ms-transform: translate3D(0, -50%, 0);
   -o-transform: translate3D(0, -50%, 0);
   transform: translate3D(0, -50%, 0);
}

.is-menu form.searchform .screen-reader-text{
   display: block;
   text-align: center;
   font-size: 18px;
   color: #fff;
   margin-bottom: 10px;
}
.search .searchform input[type="text"]{
   width: calc(100% - 55px);
   line-height: 40px;
   padding: 0 10px;
   background: rgba(255, 255, 255, .9);
}

.is-menu form.searchform .screen-reader-text{
   display: none;
}

.search div #searchsubmit{
   display: block;
   width: 55px;
   padding: 0;
   font-size: 14px;
   text-align: center;
   line-height: 40px;
   background-color: #ff5117;
   color: #fff;
}

.row .normal-image{
   width: auto;
   height: auto;
   max-width: 100%;
}

.strong-title{
   display: block;
   width: 100%;
   font-weight: bold;
   margin-bottom: 10px;
}

.kontakt-box i{
 margin-top: 3px;
 vertical-align: top;
}

.kontakt-box .ort-text{
 width: calc(100% - 30px);
 display: inline-block;
 vertical-align: top;
}

.search-page-title{
 margin-top: 100px;
 font-size: 28px;
}

.search-section .page-header{
 margin-top: 100px;
}

.search-section .counter{
 font-size: 20px;
 margin-bottom: 30px;
}

.mailchimp{
   font-size: 12px;
   line-height: 2;
   display: flex;
   flex-wrap: wrap;
   margin-top: 60px;
   margin-bottom: 60px;
}

.mailchimp label{
   font-weight: normal;
}

.mailchimp input[type="email"]{
   border: none;
   border-bottom: 1px solid #000;
   padding: 0 10px;
   font-size: 18px;
   line-height: 40px;
   margin: 0px;
   -webkit-transition: border-color .2s ease;
   -o-transition: border-color .2s ease;
   transition: border-color .2s ease;
}

.mailchimp input[type="email"]:focus{
   border-color: #ff5117;
}

.mailchimp .button{
   margin-top: 0;
}

.mailchimp__col{
   width: calc(38% - 30px);
   margin: 10px 15px;
}

.mailchimp__col_last{
   width: calc(24% - 30px);
}

.mailchimp input[type="email"],
.mailchimp .button{
   width: 100%;
}

.mailchimp__col input[type="checkbox"]{
   margin-right: 10px;
}

.the-image{
   margin-top: 100px;
   position: relative;
}

.the-image .text-box{
   bottom: 0px;
   height: 60px;
   position: absolute;
   padding-left: 20px;
   width: 100%;
   /* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); */
   background: rgba(0,0,0,0);
   background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
   background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.the-image .title{
 position: absolute;
 left: 0px;
 padding-top: 20px;
 padding-left: 20px;
 font-weight: 200;
 font-style: italic;
 width: 60%;
 font-size: 14px;
 color: white;
}

.the-image img{
   max-width: 100%;
   height: auto;
   width: 100%;
   min-height: 420px;
}

.gremien__body{
   display: flex;
   align-items: center;
   width: calc(100% + 10px);
   margin-left: -5px;
   margin-right: -5px;
   flex-wrap: wrap;
}

.gremien__item{
   position: relative;
   cursor: pointer;
   margin-left: 5px;
   margin-right: 5px;
   margin-bottom: 10px;
   width: calc(16.666667% - 10px);
}

.gremien_four .gremien__item{
   width: calc(25% - 10px);
}

.gremien__image img{
   max-width: 100%;
   max-height: 407px;
}

.gremien__item:hover .gremien__info{
   background-color: rgb(255, 81, 23,0.7);
   color: #fff;
}

.gremien__info{
   transition: all .3s ease-in-out;
   position: absolute;
   bottom: 0;
   font-size: 18px;
   width: 100%;
   line-height: 21px;
   color: #000;
   font-weight: 700;
   background-color: rgb(255, 255, 255,0.5);
   padding: 18px 5px 18px 20px;
   font-family: 'Mukta', sans-serif;
}


.popup {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 99999
}

.popup_active {
   display: block
}

.popup__bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, .7);
   cursor: pointer;
   -webkit-transition: background-color .2s ease;
   -o-transition: background-color .2s ease;
   transition: background-color .2s ease
}

.popup__bg:hover {
   background-color: rgba(0, 0, 0, .8)
}

.popup__form {
   position: absolute;
   width: 100%;
   max-width: 1140px;
   top: 50%;
   cursor: default;
   left: 0;
   right: 0;
   margin: auto;
   padding: 30px 20px;
   background-color: #fff;
   -webkit-transform: translate3D(0, -50%, 0);
   -ms-transform: translate3D(0, -50%, 0);
   transform: translate3D(0, -50%, 0)
}

.popup__form_gallery {
   display: inline-block;
   padding: 0;
   background-color: transparent;
   max-width: -webkit-fit-content;
   max-width: -moz-fit-content;
   max-width: fit-content
}

.popup__close {
   position: absolute;
   top: 15px;
   right: 15px;
   cursor: pointer;
   font-weight: 700;
   transition: opacity .2s ease;
   background-image: url(./img/close_popup.png);
   background-repeat: no-repeat;
   background-position: center;
   width: 20px;
   height: 20px;
   display: inline-block;
   background-size: cover;
}

.popup__close:hover {
   opacity: .7
}

.infoblock__title {
   margin-bottom: 10px;
   height: auto;
}

.infoblock__social span{
   display: block;
   font-family: 'Mukta', sans-serif;
   font-weight: 800;
   color: #ff5117;
   margin-bottom: 15px;
}

.infoblock__social a{
   display: block;
   font-family: 'Mukta', sans-serif;
   font-weight: 800;
   color: #ff5117;
   margin-bottom: 15px;
}

.infoblock__social a:hover{
   color: #363a3e;
}

.social__point:before{
   content: '';
   width: 15px;
   height: 20px;
   display: inline-block;
   margin-right: 25px;
   vertical-align: middle;
   background: url(./img/point_orange.png) no-repeat center;
}
.social__phone:before{
   content: '';
   width: 18px;
   height: 20px;
   display: inline-block;
   margin-right: 23px;
   vertical-align: middle;
   background: url(./img/phone_orange.png) no-repeat center;
}
.social__email:before{
   content: '';
   width: 20px;
   height: 20px;
   display: inline-block;
   margin-right: 21px;
   vertical-align: middle;
   background: url(./img/email_orange.png) no-repeat center;
}

.infoblock__subtitle{
   font-size: 18px;
}

.infoblock__block{
   margin-left: -15px;
   margin-right: -15px;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.infoblock__title h2 {
   position: relative;
   float: inherit;
   padding-left: 0;
   display: inline-block;
   font-size: 40px;
   margin-bottom: 0;
   padding-bottom: 0;
}

.infoblock__text{
   color: #000;
   font-size: 14px;
   font-family: 'Mukta', sans-serif;
   line-height: 25px;
}

.infoblock__text p {
   padding-bottom: 25px;
}

.infoblock__text:last-child{
   padding-bottom: 0;
}
.popup__body_infoblock{
   display: flex;
   flex-wrap: wrap;
}



.accordion {
   margin-top: 50px;
}

.accordion__link a {
   font-size: 24px;
   line-height: 28px;
   color: #e7c286;
   font-weight: 600
}

.accordion__link a::before {
   content: "";
   width: 15px;
   height: 15px;
   background: url(../img/icons/arrow_down.svg) no-repeat left top 3px/cover;
   display: inline-block;
   transform: rotate(90deg);
   margin-right: 20px
}

.accordion__heading {
   width: 100%;
}

.accordion__heading:hover .accordion__title {
   color: #ff5117;
}

.accordion__form {
   max-height: 0;
   overflow: hidden;
   transition: max-height .6s ease;
   padding-left: 35px;
}

.accordion__title {
   cursor: pointer;
   position: relative;
   font-weight: 700;
   font-family: 'Mukta', sans-serif;
   color: #000;
   font-size: 22px;
   line-height: 1.6;
   padding: 15px 0 15px 35px;
   transition: all .3s ease;
}

.accordion__title::before {
   content: "";
   width: 20px;
   height: 20px;
   position: absolute;
   left: 0;
   top: 20px;
   margin-right: 15px;
   background: url(./img/plus.png) no-repeat center;
   display: inline-block;
   vertical-align: middle;
   transition: all .3s ease;
}

.accordion__item {
   margin-bottom: 15px;
}

.accordion__item_active .accordion__title::before {
   content: "";
   width: 20px;
   height: 20px;
   margin-right: 15px;
   background: url(./img/minus.png) no-repeat center;
   display: inline-block;
}

.accordion__item_active .accordion__form {
   max-height: 1000px;
}

.accordion__text span{
   font-family: 'Mukta', sans-serif;
   font-weight: 700;
}
.accordion__text{
   line-height: 26px;
   font-family: 'Mukta', sans-serif;
   color: #000;
}


.projekt{
   color: #ff5117;
   font-size: 16px;
   line-height: 26px;
}
.projekt__map img{
   width: 100%;
}

.projekt__text_big p{
   padding-top: 25px;
   color: #000;
   line-height: 26px;
}

.projekt__gallery{
   display: inline-block;
   margin-top: 65px;
}

.section__text p{
   font-family: 'Mukta', sans-serif;
   color: #000;
   font-size: 18px;
   margin-bottom: 50px;
}

.gallery__smalltitle{
   color: #ff5117;
   font-size: 16px;
}

.gallery__buttons{
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   margin-bottom: 25px;
   margin-top: 10px;
}

.gallery__tab{
 color: #ff5117;
 border: 1px solid #ff5117;
 padding: 10px 30px;
 font-size: 16px;
 font-weight: 400;
 transition: all ease 0.3s;
 background-color: #fff;
 margin-right: 10px;
 line-height: 1;
 margin-bottom: 10px;
}

.active{
   background-color: #ff5117;
   color: #fff;
}

.gallery__tab:last-child{
   margin-right: 0;
}

.gallery__tab:hover{
   background-color: #ff5117;
   color: #fff;
}

.gallery__item{
   display: inline-block;
   position: relative;
   margin-left: 5px;
   margin-right: 5px;
   overflow: hidden;
   margin-bottom: 10px;
   max-width: 274px;
   width: 100%;
   max-height: 215px;
   height: 100%;
}

.gallery__item:hover .gallery__name{
   background-color: rgb(255, 81, 23,0.7);
   color: #fff;
   transform: translateY(0);
}

.gallery__more{
   display: block
}

.gallery__item:hover .gallery__more::after{
   content: "";
   width: 10px;
   height: 10px;
   display: inline-block;
   background: url(./img/arrow_right.png) no-repeat center;
   margin-left: 5px;
   transition: all .2s ease;
}

.gallery__item:hover .gallery__badges_item{
   color: #ff5117;
}

.gallery__badges{
   position: absolute;
   left: 10px;
   top: 10px;
}

.gallery__badges_item{
   background-color: #fff;
   font-size: 12px;
   padding: 3px 10px;
}

.gallery__name{
   position: absolute;
   left: 0;
   bottom: 0;
   font-size: 18px;
   padding: 15px;
   background-color: rgb(255, 255, 255,0.7);
   width: 100%;
   font-weight: 600;
   transition: all .3s ease-in-out;
   transform: translateY(35px);
}

.gallery__maze{
   margin-left: -5px;
   margin-right: -5px;
}

.unit{
   background-color: rgb(235, 235, 235);
   padding: 25px 30px;
}

.unit__title{
   color: #ff5117;
   font-weight: 700;
   font-size: 22px;
   line-height: 1;
   margin-bottom: 20px;
}

.unit__list li{
   color: #000;
   margin-bottom: 10px;
   font-family: 'Mukta', sans-serif;
}

.unit__list li::before{
   content: '';
   width: 10px;
   margin-right: 10px;
   height: 10px;
   display: inline-block;
   background: url(./img/arrow_right_black.png) no-repeat center;
}

.unit__list ul{
   padding: 0;
   margin: 0;
   list-style: none;
}

.bilder__gallery .foogallery{
   text-align: inherit;
}

.bilder__gallery .fg-item{
   max-width: 280px;
   width: 100%;
}
.bilder__gallery .fg-item-inner{
   max-width: 280px;
   width: 100%;
   border: none;
}
.bilder__gallery .fg-thumb{
   max-width: 280px;
   width: 100%;
}
.bilder__gallery .fg-image{
   width: 100%;
}

.none{
   display: none;
}

.inline{
   display: inline-block;
}

.section_padding{
   padding: 50px 0;
}

.infoblock__image img {
   max-width: 287px;
}

@media(max-width: 1200px){
   .gremien__info{
      font-size: 16px;
      padding: 10px 5px;
   }
   .gremien_four .gremien__item{
      font-size: 18px;
   }
}

@media(max-width: 992px){
   .gremien_four .gremien__item{
      width: calc(33.333333% - 10px);
   }
   .gremien__item{
      width: calc(25% - 10px);
   }
   .button{
      font-size: 16px;
   }
   .the-image{
      margin: 30px auto!important;
   }
   .mailchimp__col{
      width: calc(50% - 30px);
   }

   .mailchimp__col_last{
      width: calc(100% - 30px);
   }
   .infoblock__image{
      text-align: center;
   }
   .infoblock__title{
      text-align: center;
   }
   .infoblock__title h2{
      padding-right: 0;
   }
   .infoblock__info{
      width: 100%;
   }
}

@media(max-width: 768px){
   .gremien__item{
      width: calc(33.333333% - 10px);
   }
}


@media(max-width: 680px){
   .mailchimp__col{
      width: calc(100% - 30px);
   }
   .infoblock__title h2{
      font-size: 25px;
      line-height: 32px;
      padding-top: 10px;
   }
   .projekt__map{
      text-align: center;
      margin-top: 40px;
   }
   .gremien__info{
      font-size: 14px;
   }
}
@media(max-width: 580px){
   .gallery__maze{
      text-align: center;
   }
   .gallery__tab {
      margin-bottom: 10px;
   }
   .gremien__item{
      width: calc(50% - 10px);
   }
   .gremien_four .gremien__item{
      width: calc(50% - 10px);
   }
}


@media(max-width: 480px){
   .popup__form{
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
   }
   .gremien__body{
      justify-content: center;
   }
   .gremien__info{
      padding: 10px 5px 10px 10px;
   }
   .gallery__tab {
      margin-bottom: 10px;
   }
   .infoblock__subtitle {
      font-size: 14px;
   }
   .accordion__title{
      font-size: 16px;
   }
   .button{
      font-size: 12px;
   }
   .projekt__map img {
      width: 100%;
   }
   .section__text p{
      font-size: 14px;
   }
   .gallery__buttons{
      flex-direction: column;
   }
   .gallery__tab{
      width: 100%;
      margin-bottom: 10px;
      margin-right: 0;
   }
   .title-box h2{
      line-height: 30px;
   }
   .projekt__text_big p{
      font-size: 14px;
   }
   .bilder__gallery{
      text-align: center;
   }
   .unit__title{
      font-size: 18px;
   }
   .unit__list li{
      font-size: 14px;
   }
   .projekt__text p{
      font-size: 14px;
   }
}

@media(max-width: 325px){
   .infoblock__image img{
      width: 100%
   }
   .gremien__item{
      width: calc(100% - 10px);
   }
   .gremien_four .gremien__item{
      width: calc(100% - 10px);
   }
}

@media(max-height: 768px) and (max-width: 992px){
   .popup__form{
     height: 100%;
     overflow-y: auto;
     overflow-x: hidden;
  }
}