:root {
    --main-red-color: #C70C0E;
    --main-black-color: #000000;
    --main-white-color: #FFFFFF;
    --main-gray-color: #ECECEC;
    --bg-gray-color: #F4F4F4;
    --btn-gray-color: #EAEAE9
}

* {
    margin: 0;
    outline: medium none;
    padding: 0;
}
img {
    border: 0 none;
}
a {
    outline: medium none;
    text-decoration: none;
    transition: all 0.2s ease 0s;
}
a:hover, a:focus, a:active {
    outline: medium none;
    text-decoration: none;
}
a:focus {
    color: #0a0a0a;
}
input:hover, input:focus, input:active {
    outline: medium none;
    text-decoration: none;
}
ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
header, nav, section, article, aside, footer {
    display: block;
}
body {
    font: 14px/18px "OpenSansRegular";
    color: #000000;
}
html {
    margin-top: 0 !important;
    margin: 0 !important;
}

a{
    color: #000;
    transition: 0.2s all;
}
a:hover{
    color: #c70c0e;
}


h2, h1{
    font-family: "BebasBold";
    margin: 0 0 30px;
    font-size: 50px;
    text-transform: uppercase;
}
h3{
    font-family: "BebasBold";
    margin: 0 0 30px;
    font-size: 40px;
    text-transform: uppercase;
}

h3.mtop{
    padding-top: 30px;
}

h2 {
    font-size: 35px !important;
}

#lz_overlay_chat .lz_chat_header h2 {
    font-size: 1.3em !important;
}

  @media only screen and (min-width: 1024px) {
    h2 {
        font-size: 40px !important;
    }
  }

  h3 {
    font-size: 30px !important;
  }

  @media only screen and (min-width: 1024px) {
    h3 {
      font-size: 35px !important;
    }
  }

  h4 {
    font-size: 20px !important;
  }

  @media only screen and (min-width: 1024px) {
    h4 {
      font-size: 29px !important;
    }
  }

  .tc_team-members .tc_team-member > h3 {
    font-size: 22px !important;
  }

  .home .media-manager h4 {
    font-size: 18px !important;
  }

_:-ms-fullscreen, :root .ei.img_full_size { height: 100%; }

.nav > li > a:hover,
.nav > li > a:focus{
    background-color: #ffffff;
}

.container.wrap{
    padding: 0 15px;
}

.primary-title, .secondary-title {
    font-family: "BebasBold", sans-serif !important;
    color: #000000 !important;
}
h1.primary-title, .h1.primary-title {
    font-size: 50px;
    line-height: 1;
}
h3.secondary-title, .h3.secondary-title {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 35px;
    line-height: 1.2;
}


/*************************************************************/
/* Helpers                                                   */
/*************************************************************/
.no-scroll {
    overflow: hidden !important;
}

.flex-row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.z-index-0 {
    z-index: 0 !important;
}

.line-bottom{
    border-bottom: 1px solid #ccc;
}

.loader{
    position: relative;
    min-height: 300px;
}
.loader::before{
    content: '';
    background: #fff url('/images/loader.gif') no-repeat;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    background-position: center center;
}

.gray_bg{
    background: var(--main-gray-color);
    width: 100%;
}
.pb0{
    padding-bottom: 0;
}
.pbt0{
    padding-top: 0;
    padding-bottom: 0;
}
.mb50_b1024{
    margin-bottom: 50px;
}
.color-main {
    color: var(--main-red-color);
}
/* ...end of Helpers                                         */


/*************************************************************/
/* Header navigation bar                                     */
/*************************************************************/
.navnar-header{
    padding: 7px 0 18px;
    margin: 0;
    border-radius: 0;
    clear: inherit;
    overflow: hidden;
}
.navbar-collapse{
    clear: inherit;
}
.navbar-collapse::after{
    clear: inherit;
}
.navnar-header .navbar-brand{
    padding: 0;
}
.navnar-header .navbar-brand img{
    width: 255px;
    height: 53px;
}
.navnar-header .navbar-toggle .icon-bar {
    background-color: #000;
}
.navnar-header .navbar-nav{
    font-family: "BebasBold";
    font-size: 31px;
    padding-left: 55px;
    padding-top: 19px;
    visibility: hidden;
}
.fonts-loaded .navnar-header .navbar-nav{
    visibility: visible;
}
.navnar-header .navbar-nav li a{
    padding: 10px 15px;
    color: #000;
}
.navnar-header .navbar-nav li a:hover{
    background: transparent;
}
.navnar-header .navbar-nav li.current_page_item a,
.navnar-header .navbar-nav li:hover a{
    color: #c70c0e;
}
.navnar-header .navbar-nav li.home_link a{
    display: block;
    height: 31px;
    width: 28px;
    background: url(../images/nucleo_outline.svg) no-repeat 0 0px;
    background-size: 151px 112px;
    padding-right: 27px;
    margin-top: 2px;
}
.navnar-header .navbar-nav li.active.home_link a,
.navnar-header .navbar-nav li:hover .home_link a {
    background: url(../images/nucleo_outline_red.svg) no-repeat 0 0px;
    background-size: 151px 112px;
}
.navnar-header .navbar-nav li.home_link a span{
    display: none;
}

.navnar-header .navbar-nav li a.btn-login {
    background: #c70c0e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFFFFF;
}
.navnar-header .navbar-nav li a.btn-login:hover,
.navnar-header .navbar-nav li a.btn-login:focus,
.navnar-header .navbar-nav li a.btn-login:active {
    background: #eaeae9;
    color: #000;
}
.navnar-header .navbar-nav li a.btn-login .icon-adduser {
    font-size: 18px;
    margin-right: 5px;
    height: 18px;
    display: inline-block;
}

.navnar-header  .navbar-share{
    float: right;
    padding-top: 20px;
}
.navnar-header  .navbar-share img{
    margin: 0 11px;
}
.navbar-toggle{
    padding: 0;
    margin: 8px 0 0 0;
}
.navbar-toggle .icon-bar{
    width: 25px;
    height: 2px;
    margin: 6px 0;
    display: none;
}
.navbar-toggle .icon-close{
    display: block;
}
.navbar-toggle.collapsed .icon-bar{
    display: block;
}
.navbar-toggle.collapsed .icon-close{
    display: none;
}
.soc_links .navbar-share{
    display: block;
    float: left;
    margin-left: 10px;
}
.soc_links .navbar-share a{
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.navnar-header  .navbar-share a{
    display: inline-block;
    margin: 0 11px;
    vertical-align: top;
    font-size: 32px;
}
.navnar-header  .navbar-share a . div:hover{
    color: #c70c0e;
}
/* ... end of Header navigation bar                          */


#carousel .item{
    width: 1440px;
    height: 775px;
}
#carousel .item_block{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#carousel .item h2{
    margin: 0;
}
#carousel .carousel-indicators{
    margin-left: 0;
    left: auto;
    right: 75px;
    bottom: 25px;
    width: auto;
}
#carousel .carousel-indicators li{
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 8px;
    background: #fff;
    margin:0 0 0 3px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
#carousel .carousel-indicators li.active{
    border: none;
    background: #e80507;
}
#carousel .title{
    position: absolute;
    right: -1px;
    bottom: 42%;
    text-align: right;
    width: 80%;
}
#carousel .title span{
    display: inline;
    background: #000;
    color: #fff;
    font-size: 94px;
    line-height: 93px;
    padding: 0 36px 0 20px;
    font-family: "BebasBold";
}
#carousel .title.white span{
    background: #fff;
    color: #000;
}
#carousel .sign{
    position: absolute;
    white-space: nowrap;
    bottom: 32%;
    right: -1px;
    background: #000;
    color: #fff;
    padding: 13px 29px 13px 13px;
    font-size: 19px;
}
#carousel .sign.white{
    background: #fff;
    color: #000;
}
.text_content{
    padding: 100px 140px;
    overflow: hidden;
}
.text_content .text_block{
    padding-left: 60px;
    padding-right: 60px;
    font-size: 24px;
    line-height: 28px;
}

#agentur_child .text_block a {
    color: #c70c0e;
}

#agentur_child img {
    width: 100%;
    height: auto;
}

#agentur_child .text_block h2 {
    padding-top: 50px;
}

.text_content p{
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 24px;
}
.text_content ol{
    list-style-position: inside;
}
.text_content p:last-child{
    margin-bottom: 0;
}

.for_right_border > div:last-child{
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.img_content img{
    max-width: 100%;
}

.images_container{
    overflow: hidden;
    margin-bottom: 40px;
}
.images_container:last-child{
    margin: 0;
}
.images_container .image_block{
    width: 160px;
    height: 160px;
    border: 1px solid #ececeb;
    float: left;
    margin:0 10px 10px 0;
    text-align: center;
}
.images_container .image_block .table_cell{
    width: 160px;
    height: 160px;
}
.images_container .image_block img{
    max-width: 140px;
    max-height: 140px;
    margin: 5%;
    filter: grayscale(100%);
    transition: 0.5s filter;
}
.images_container .image_block:hover img{
    filter: grayscale(0%);

}
.images_container .image_double_block{
    width: 330px;
    height: 160px;
    border: 1px solid #ececeb;
    float: left;
    margin:0 10px 10px 0;
}
.images_container .text_div{
    background: #eaeae9;
    text-align: center;
    font-size: 50px;
    font-family: "BebasBold";
    line-height: 160px;
    height: 100%;
    text-transform: uppercase;
    display: block;
}
.images_container .text_div.more{
    font-size: 30px;
}

.image_block:nth-of-type(3) ~ .image_block:not(:last-of-type) {
    display: none;
}

@media (min-width: 768px) {
    .image_block:nth-of-type(3) ~ .image_block:not(:last-of-type) {
        display: block;
    }
}

/*************************************************************/
/* Breadcrumbs                                               */
/*************************************************************/
.container-inner-breadcrumb {
    padding: 0 20px;
}
.breadcrumb-row {
    margin-top: 30px;
    align-items: center;
}
.breadcrumb-home {
    width: 16px;
}
.breadcrumb-row .breadcrumb-home svg {
    top: 2px;
}
.breadcrumb-item {
    font-size: 14px;
    line-height: 31px;
    text-transform: capitalize;
}
.breadcrumb-item:last-child {
    opacity: .5;
}
.breadcrumb-placeholder {
    margin: 0 13px;
    width: 6px;
}
.breadcrumb-row svg {
    position: relative;
    top: 1px;
    width: 100%;
    height: auto;
}
.breadcrumb-row svg path {
    fill: currentColor;
}
/* ...end of Breadcrumbs                                     */


/*************************************************************/
/* Subscribe section                                         */
/*************************************************************/
.contact_link_wrapper .contact_link{
    font-family: "BebasBold";
    padding: 23px 43px 23px 43px;
    border-radius: 5px;
    background: #fff;
    display: inline-block;
    font-size: 38px;
    color: #000;
}

.contact_link_wrapper  .email_svg {
    margin-right: 15px;
}
.contact_link_wrapper  .email_svg path {
    fill: currentColor;
}
.email_svg {
    display: inline-block;
    height: 26px;
    width: 32px;
}
.email_svg svg {
    width: 100%;
    height: auto;
}

.contact_link_wrapper .contact_link:hover{
    color: #c70c0e;
}

.contact_link_wrapper .contact_link{
    font-family: "BebasBold";
    padding: 23px 43px 23px 43px;
    border-radius: 5px;
    background: #fff;
    display: inline-block;
    font-size: 38px;
    color: #000;
}

.contact_link_wrapper .contact_link.button-sticky {
    background: #c70c0e;
    color: #ffffff;
}

.subscribe_form:hover{
    cursor: pointer;
}

.subscribe_form a.mail_to{
    width: 320px;
    height: 30px;
    /*background: url(../images/icon_email.png) no-repeat 0 0;*/
    border: none;
    vertical-align: top;
    display: inline-block;
    font-size: 40px;
}
.subscribe_form input[type="text"]{
    font-family: "BebasBold";
    font-size: 38px;
    height: 38px;
    border: none;
    vertical-align: top;
    margin-left: 5px;
    display: inline-block;
    width: 260px;
    text-align: center;
    line-height: 38px;
    margin-top: -4px;
    transition: all 0.2s;
    cursor: pointer;
}
.subscribe_form input[placeholder],
.subscribe_form input::-webkit-input-placeholder,
.subscribe_form input::-moz-placeholder,
.subscribe_form input:-ms-input-placeholder,
.subscribe_form input:-moz-placeholder{
    color: #000;
}
/* ...end of Subscribe section                               */


/*************************************************************/
/* Main footer                                               */
/*************************************************************/
#footer{
    padding: 0 200px;
}
.terms{
    font-size: 24px;
    text-align: center;
    padding: 50px 0;
    border-bottom: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
}
.terms .row{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    line-height: 1.5;
}

.terms .terms-link {
    padding-right: 10px;
}

.models{
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    padding: 50px 0 0;
}
.models p{
    padding: 0 0 25px 0;
    margin: 0;
}
.models p:last-child{
    padding: 0;
}
.models .justify{
    text-align: justify;
}

.models a {
    color: #c70c0e;
}

/* alkima logo */
.footer__developed-by {
    text-align: center;
    padding: 0 0 30px;
    font-weight: 400;
}
.footer__developed-by a {
    display: inline-block;
    text-decoration: none;
    outline: none;
    color: #000;
    font-weight: 700;
    transition: .3s;
    color: #e30613;
}
/* ...end of main footer                                     */


.heading{
    position: relative;
}
.heading h1.title, .heading h2.title{
    position: absolute;
    right: 0;
    top: 25%;
    text-align: right;
    width: 80%;
}
.heading h1.title span,
.heading h2.title span
{
    display: inline;
    background: #000;
    color: #fff;
    font-size: 94px;
    line-height: 93px;
    padding: 0 20px;
    font-family: "BebasBold";
}

.aligner-v-center-flex{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.aligner-v-center-flex .info{
    position: absolute;
    text-align: right;
    font-family: "BebasBold";
}

.aligner-v-center-flex .title h2{
    margin: 0;
    display: initial;
    padding: 0 20px;
    background: #000;
    color: #fff;
    font-size: 94px;
    line-height: 93px;
}

.aligner-v-center-flex .description{
    font-size: 40px;
    padding: 16px;
    background: #fff;
    line-height: 37px;
    margin-top: 5px;
}

#video_block iframe{
    max-width: 100%;
}

#departments{
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 50px 0;
    margin-top: 50px;
}
.blocks_with_images .depart_item{
    overflow: hidden;
    margin-bottom: 55px;
}
.blocks_with_images .depart_item:last-child{
    margin-bottom: 0;
}
.blocks_with_images .depart_item .left_block{
    float: left;
    width: 47%;
}
.blocks_with_images .depart_item .left_block img{
    width: 100%;
}
.blocks_with_images .depart_item .right_block{
    float: right;
    width: 47%;
}
#competences .comp_item{
    text-align: center;
}

#competences .competences_block{
    padding-top: 20px;
}

.news_list{
    padding-top: 34px;
}
.loadmore_wrapper{
    text-align: center;
}

.loadmore_wrapper{
    margin: 20px 0;
}

.more-references .show-more-references,
.loadmore_wrapper .loadmore{
    background: #c70c0e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 60px;
    text-transform: uppercase;
    text-align: center;
    font-family: "BebasBold";
    margin-top: 20px;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    border:0;
}

.more-references .show-more-references{
    margin-top: -20px;
}
.news_item{
    margin-bottom: 32px;
    padding-bottom: 47px;
    border-bottom: 1px solid #dedede;
    transition: 0.5s all;
    display: flex;
}
.news_item:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.news_item .date{
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 17px;
    display: inline-block;
    margin-left: 5px;
}
.news_item .title{
    font-family: "BebasBold";
    margin: 0 0 13px;
    font-size: 50px;
    line-height: 50px;
    position: relative;
}
.news_item .image{
    max-width: 50%;
    margin-bottom: 20px;
    width: 45%;
    flex-shrink:0;
    margin-right: 30px;

    max-height: 290px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dedede;
}
@media (max-width: 480px){
    .news_item{
        display: block;
    }
    .news_item .image{
        width:100% ;
    }
}
.news_item .image img{
    width: 100%;
}
.news_item .description{
    font-size: 22px;
    line-height: 22px;
    height: auto;
    padding-right: 50px;
    overflow: hidden;
    transition: 1s all;
    font-family:'OpenSansRegular';
}
.news_item.news_hidden .description{
    transition: 1s height;
    overflow: hidden;
    display: -webkit-box;
    height: 2.8em!important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    font-weight: 500;
    line-height: 1em;
}
.news_item.news_hidden .description.two_lines{
    -webkit-line-clamp: 2;
}

@media (min-width: 768px) {
    .news_item.news_hidden .description{
        height: 32px !important;
    }
}

.image_copyright--wrapper {
    margin: auto;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
}
.image_copyright--text {
    display: block;
    padding: 1px 5px !important;
    position: absolute;
    bottom: 25px;
    right: 5px;

    font-size: 7px;
    line-height: 1.3;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
    transition: opacity .5s ease;
}
.hover-image .image_copyright--text,
.single.single-cpt-model .image_copyright--text {
    margin-left: 5px;
    bottom: 5px;
}
.hover-image .image_copyright--text {
    pointer-events: none;
}
.hover-image:hover .image_copyright--text {
    opacity: 0;
}

#photos img{
    width: 100%;
}
.photo_block > div{
    position: relative;
}
.photo_block .name{
    bottom: 25px;
    color: #ffffff;
    font-family: "BebasBold";
    font-size: 32px;
    left: 26px;
    line-height: 30px;
    position: absolute;
}
.photo_block .name.black,
.photo_block .big .name.black{
    color: #000000;
}
.photo_block .big .name{
    font-size: 65px;
    line-height: 65px;
}
.photo_block .members_info{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
}
.photo_block .members_info span{
    display: block;
    font-family: "BebasBold";
    font-size: 65px;
    line-height: 90px;
}
.table{
    display: table;
    height: 100%;
    width: 100%;
    margin: 0;
}
.table_cell{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}
.btn_gray{
    font-size: 50px;
    line-height: 80px;
    height: 80px;
    width: 100%;
    text-align: center;
    color: #000000;
    font-family: "BebasBold";
    background: #eaeae9;
    border-radius: 5px;
    display: block;
    margin-top: 20px;
}

.btn_gray:hover{
    background: #c70c0e;
    color: #fff;
}

#bewerbungs .depart_item{
    position: relative;
}

#bewerbungs .depart_item .left_block{
    position: relative;
}

#bewerbungs .depart_item .left_block .applied{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: rgba(199,1,25,0.7);
    color: #fff;
    font-family: "BebasBold";
    font-size: 34px;
    text-align: center;
}
#bewerbungs .depart_item .left_block .applied svg{
    margin-bottom: 30px;
}

#bewerbungs .depart_item .right_block{
    position: relative;
}
#bewerbungs .depart_item .btn_hier_bewerben{
    text-transform: uppercase;
    height: 57px;
    line-height: 56px;
    width: 200px;
    background: #eaeae9;
    border-radius: 5px;
    text-align: center;
    font-family: "BebasBold";
    font-size: 32px;
    color: #000000;
    display: block;
    margin-top: 20px;
}
#bewerbungs .depart_item .btn_hier_bewerben:hover{
    background: #c70c0e;
    color: #fff;
}
#referenzen_tabs{
    border: none;
    margin-bottom: 55px;
}
#referenzen_tabs li{
    border: none;
    margin-right: 10px;
}
#referenzen_tabs li:last-child{
    margin-right: 0;
}
#referenzen_tabs li a{
    padding: 0 63px;
    border-radius: 5px;
    background: #eaeae9;
    height: 56px;
    font-family: "BebasBold";
    font-size: 32px;
    color: #000000;
    line-height: 57px;
    border: none;

}
#referenzen_tabs li.active a{
    background: #c70c0f;
    color: #ffffff;
}

#referenzen_list .title{
    font-family: "OpenSansBold";
    font-size: 17px;
    height: 56px;
    line-height: 28px;
    margin-top: 0;
    margin-bottom: 5px;
    text-align: center;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
/*#referenzen_list .title::after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -23px;
    top: -57px;
    border: 23px solid transparent; border-bottom: 23px solid #fff;
}*/

.custom_form_inputs input[type="text"],
.custom_form_inputs input[type="email"],
.custom_form_inputs input[type="password"],
.custom_form_inputs input[type="tel"]{
    height: 50px;
    line-height: 49px;
    width: 100%;
    border: 2px solid #ffffff;
    background: #ffffff;
    margin-bottom: 20px;
    padding: 0 10px;
    border-radius: 5px;
    font-size: 20px;
}
.custom_form_inputs input[type="text"]:focus,
.custom_form_inputs input[type="email"]:focus,
.custom_form_inputs input[type="password"]:focus,
.custom_form_inputs input[type="tel"]:focus,
.custom_form_inputs textarea:focus {
    box-shadow: 4px 4px 6px -1px rgba(0,0,0,.2), 0 13px 0 -10px #ECECEC, 0 -13px 0 -10px #ECECEC, 13px 0 0 -10px #ECECEC, -13px 0 0 -10px #ECECEC, 0 0 0 2px #FF0000;
}
.custom_form_inputs textarea{
    height: 180px;
    line-height: 30px;
    width: 100%;
    border: 2px solid #ffffff;
    background: #ffffff;
    margin-bottom: 20px;
    padding: 0 10px;
    border-radius: 5px;
    font-size: 20px;
    resize: none;
}
.custom_form_inputs input[type="submit"]{
    height: 50px;
    line-height: 49px;
    width: 100%;
    border: 2px solid #c70c0f;
    background: #c70c0f;
    margin-bottom: 12px;
    border-radius: 5px;
    font-family: "BebasBold";
    font-size: 32px;
    text-align: center;
    color: #ffffff;
    transition: 0.5s all;
}
.custom_form_inputs input[type="submit"]:hover{
    background: #fff;
    color: #000;
    border-color: #fff;
}
.custom_form_inputs input[type="submit"].btn_unactive,
.custom_form_inputs input[type="submit"].btn_unactive:hover{
    background: #ffffff;
    border-color: #fff;
    color: #696969;
    cursor: default;
    transition: 0.5s all;
}
.custom_form_inputs .message{
    font-size: 22px;
    line-height: 22px;
    margin: 16px 0;
}
#feedback_form{
    padding-top: 20px;
}
#feedback_form .row > div{
    position: relative;
    margin-bottom: 5px;
}
span.wpcf7-not-valid-tip {
    color: #c70c0f;
    font-size: 12px;
    line-height: 1;
}
#carrier_form form .wpcf7-not-valid-tip,
#feedback_form .row > div .wpcf7-not-valid-tip{
    position: absolute;
    left: 0;
    bottom: 3px;
}
#carrier_form form .wpcf7-form-control-wrap,
#feedback_form .row > div .wpcf7-form-control-wrap{
    display: block;
}
#video_block iframe{
    width: 1440px;
    height: 810px;
}
.custom_input_file{
    height: 50px;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}
.custom_input_file input[type="file"]{
    width: 100%;
    height: 50px;
    opacity: 0;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
}
.custom_input_file input[type="text"]{
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    font-size: 20px;
}
.custom_input_file button{
    width: 250px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    color: #ffffff;
    background: #c70c0f;
    z-index: 8;
    border: none;
    border-radius: 0 5px 5px 0;
    font-size: 20px;
    transition: 0.5s all;
}
#feedback_form .custom_input_file button{
    display: none;
}
.custom_input_file:hover button{
    background: #fff;
    color:#000;
}
div.wpcf7-validation-errors{
    border: none;
    color: red;
}

.custom_form_inputs .checkbox {
    vertical-align: top;
    margin: 0 3px 0 0;
    width: 17px;
    height: 17px;
    background: #ffffff;
    display: block;
}
.custom_form_inputs .checkbox + label {
    cursor: pointer;
}
.custom_form_inputs .checkbox:not(checked) {
    position: absolute;
    opacity: 0;
    background: #ffffff;
}
.custom_form_inputs .checkbox:not(checked) + label {
    position: relative;
    padding: 0 0 0 60px;
}
.custom_form_inputs .checkbox:not(checked) + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: #ffffff;
    border: 10px solid #ffffff;
}

.custom_form_inputs .checkbox:checked + label:before {
    background: #c70c0f;
}
.custom_form_inputs .checkbox:checked + label:after {
}
.check_term label, label.wpcf7-list-item-label{
    font-size: 12px;
    font-weight: normal;
}
.check_term span.wpcf7-list-item{
    margin-left: 0;
}

.competences_block h3{
    margin-bottom: 10px;
}
.competences_block p{
    font-size: 20px;
    padding-bottom: 20px;
}
.mini_msg{
    font-size: 12px;
    text-align: right;
    margin-right: 1%;
}
#carousel .item{
    width: 100vw;
}

.model-description{
    font-size: 26px;
    line-height: initial;
}

.btn_down{
    position: absolute;
    width: 50px;
    height: 50px;
    bottom: 25px;
    left: 50%;
    margin-left: -25px;
    border-radius: 25px;
    z-index: 10;
    cursor: pointer;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    background: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 48px;
    transition: all 0.2s;
}

.slick-main + .btn_down{
    bottom: 3%;
}

.btn_down:hover{
    background: #c70c0e;
    color: #fff;
}
.btn_down .icon_btn_down{
    height: 24px;
    width: 37px;
    background: url(../images/nucleo_outline.svg) no-repeat -77px 3px / 156px;
    margin: 10px 0 0 3px;
}
.btn_down:hover .icon_btn_down{
    background-image: url(../images/nucleo_outline_white.svg);
}

@media (max-width: 768px) {
    .btn_down{
        display: none;
    }
}

.img_full_size{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 70vh;
    position: relative;
}
.img_full_size img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.single.single-post .img_full_size{
    margin-top: 80px;
    height: 93vh;
    overflow: hidden;
}


@media (max-width: 1023px) {
    .single.single-post .img_full_size{
        margin-top: 59px;
        max-height: initial;
    }
    .img_full_size{
        max-height: 50vh;
    }
}

@media (max-height: 500px) {
    .single.single-post .img_full_size {
        height: calc(100vh - 59px) !important;
    }
}

#subscribe,
#forum_link {
    margin-bottom: 100px;
    position: relative;
}
#forum_link .text_content {
    overflow: visible;
}

.forum-link--content .forum-text--col,
.forum-link--content .forum-img--col {
    width: 100%;
}
.forum-link--content .forum-text {
    padding: 0 30px;
    align-items: center;
}
.forum-link--content .forum-text p {
    font-size: 14px;
}
.forum-link--logo {
    margin-bottom: 20px;
    width: 144px;
}
.forum-link--content .contact_link {
    line-height: 28px;
}
.forum-link--content .forum-img--container {
    margin-bottom: -50px;
    min-height: 375px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/star-transparent.svg) no-repeat center / contain;
}
.forum-link--content .forum-img {
    width: 300px;
}

*::-moz-placeholder {
    color: #000;
    opacity: 1;
}
*:-moz-placeholder {
    color: #000;
    opacity: 1;
}
#video_block iframe{
    width: 100vw !important;
    height: 100vh !important;
}
.round_red_block{
    width: 142px;
    height: 142px;
    border-radius: 71px;
    background-color: #c70c0e;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    color: #fff;
    font-size: 80px;
    line-height: 120px;
    text-align: center;
}

.error_file_maxsize{
    top: 48px;
    z-index: 20;
}

.custom_scroll_block{
    padding-right: 55px;
    /*height: 88px;*/
    /*overflow: hidden;*/
    position: relative;
}
.custom_scroll_block p{
    padding: 0;
}
.btn_scroll_top{
    position: absolute;
    top: 0;
    right: 0;
    height: 32px;
    width: 32px;
    background: url(../images/nucleo_outline.svg) no-repeat -23px -10px #f0f0f0;
    background-size: 110px 110px;
    border-radius: 16px;
    cursor: pointer;
    transition: 0.2s all;
    text-align: center;
    font-size: 30px;
    line-height: 30px;

    display: none;
}
.btn_scroll_top:hover{
    background-color: #c70c0e;
    background-image: url(../images/nucleo_outline_white.svg);
    background-size: 110px 110px;
}
.btn_scroll_bottom{
    position: absolute;
    bottom: 0;
    right: 0;
    height: 32px;
    width: 32px;
    background: url(../images/nucleo_outline.svg) no-repeat -53px -8px #f0f0f0;
    background-size: 110px 110px;
    border-radius: 16px;
    cursor: pointer;
    transition: 0.2s all;
    text-align: center;
    font-size: 30px;
    line-height: 30px;

    display: none;
}
.btn_scroll_bottom:hover{
    background-color: #c70c0e;
    background-image: url(../images/nucleo_outline_white.svg);
    background-size: 110px 110px;
}
.custom_scroll_content{
    transition: 0.5s all;
}

.icon-close{
    height: 27px;
    width: 27px;
    background:  url(../images/icon_close_menu.png) no-repeat center center;
}


.static_mode{
    overflow: hidden;
}
.static_mode #header{
    margin-top: 0 !important;
}

.wp-pagenavi{
    text-align: center;
}
.wp-pagenavi a{
    height: 39px;
    width: 39px;
    line-height: 35px;
    display: inline-block;
    border: none;
    border-radius: 20px;
    background: #eaeae9;
    color: #000000;
    padding: 0;
    vertical-align: top;
}
.wp-pagenavi span.current{
    height: 39px;
    width: 39px;
    line-height: 35px;
    display: inline-block;
    border: none;
    border-radius: 20px;
    background: #c70c0e;
    color: #ffffff;
    padding: 0;
    vertical-align: top;
}
.wp-pagenavi a:hover,
.wp-pagenavi span:hover{
    background: #c70c0e;
    color: #ffffff;
}
.wp-pagenavi span.extend{
    border: none;
}
.wp-pagenavi span.extend:hover{
    color: #000000;
    background: #ffffff;
}
#referenzen_list .img_block{
    width: 331px;
    height: 221px;
    text-align: center;
}
#referenzen_list .img_block img{
    max-height: 221px;
    display: inline-block;
}
.images_container{
    position: relative;
}

/*! Gray v1.6.0 (https://github.com/karlhorky/gray) | MIT */
.grayscale{
    filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
}
.grayscale.grayscale-fade{
    transition:filter .5s
}

@media screen and (-webkit-min-device-pixel-ratio:0){
    .grayscale.grayscale-fade{
        -webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s
    }
}
.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{
    -webkit-filter:grayscale(0);filter:grayscale(0)}
.grayscale.grayscale-replaced{
    -webkit-filter:none;filter:none
}
.grayscale.grayscale-replaced>svg{
     -webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1
}
.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{
    opacity:0
}

.news_date{
    padding-bottom: 20px;
    font-size: 20px;
}
.news_image{
    padding-bottom: 20px;
    max-width: 100%;
}
.referenzen_contant .title{
    transition: 0.2s all;
}
.referenzen_contant >div:hover .title{
    color: #c70c0e;
}
.btn_fb{
    height: 31px;
    width: 17px;
    transition: 0.2s all;
}

.btn_twitter{
    height: 31px;
    width: 28px;
    transition: 0.2s all;
    background-size: 100%;
}

.btn_xing{
    height: 31px;
    width: 27px;
    transition: 0.2s all;
}

#referenzen_list .img_block .table_cell{
    position: relative;
    overflow: hidden;
}
#referenzen_list .img_block{
    position: relative;
    overflow: hidden;
    /*margin-bottom: 1px;*/
}

/*#referenzen_list .item:hover .img_block:before{*/
    /*content: '';*/
    /*height: 0;*/
    /*width: 42px;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 50%;*/
    /*margin-left: -21px;*/
    /*z-index: 10;*/
    /*border: 21px solid transparent;*/
    /*border-top: 21px solid #fff;*/
    /*transition: 0.2s all;*/
/*}*/
#referenzen_list .img_block{
    transition-delay: 0.2s;
}
/*
#referenzen_list .img_block .arrow:before{
    content: '';
    height: 0;
    width: 46px;
    position: absolute;
    bottom: -26px;
    left: 50%;
    margin-left: -24px;
    z-index: 10;
    border: 24px solid transparent; border-bottom: 24px solid #fff;
}
*/
.referenzen_contant .item .arrow{
    height: 32px;
    width: 32px;
    border:1px solid transparent;
    position: absolute;
    top: -16px;
    left: 50%;
    margin-left: -16px;
    background: #fff;
    transform: rotate(45deg);
    opacity: 0;
    z-index: 100;
    transition:border 0.2s ease 0s, opacity 0.2s ease 0.1s;
}

#referenzen_list .item{
    margin-bottom: 70px;
}

.referenzen_contant > div:hover .img_block .arrow{
    opacity: 1;
    transition: 0.2s all;
    border:1px solid #c70c0e;
}

.referenzen_contant .img_block .table_cell img{
    border: 1px solid #ececec;
    transition: 0.2s all;
}
.referenzen_contant > div:hover .img_block .table_cell img{
    border: 1px solid #c70c0e;
}
.referenzen_contant > div:hover .title a{
    color: #c70c0e !important;
}


.btn_show_detail_news{
    text-transform: uppercase;
    line-height: 56px;
    width: 220px;
    background: #eaeae9;
    border-radius: 5px;
    text-align: center;
    font-family: "BebasBold";
    font-size: 32px;
    color: #000000 !important;
    margin-top: 20px;
    cursor: pointer;
    display: inline-block;
}
.btn_show_detail_news:hover, .btn_show_detail_news.opened{
    color: #c70c0e;
}

#bewerbung_title .text_content{
    padding-top: 100px;
    padding-bottom: 0;
}
#bewerbung_title img{
    max-width: 100%;
}

.btn_profile{
    text-transform: uppercase;
    height: 57px;
    line-height: 56px;
    width: 100%;
    background: #c70c0e;
    border-radius: 5px;
    text-align: center;
    font-family: "BebasBold";
    font-size: 32px;
    color: #fff;
    display: block;
    margin: 20px 0;
}

.btn_profile .icon-adduser {
    display: inline-block;
    font-size: 70%;
}
.btn_profile .icon{
    display: inline-block;
    line-height: 57px;
    height: 57px;
    vertical-align: top;
}
.btn_profile .icon_adduser{
    background: url(../images/nucleo_outline_white.svg) no-repeat 0px -68px / 132px;
    height: 24px;
    width: 24px;
    display: inline-block;
    transition: 0.2s all;
}
.btn_profile:hover .icon_adduser{
    background-image: url(../images/nucleo_outline.svg);
}
.btn_profile:hover{
    background: #eaeae9;
    color: #000;
}
.btn_to_order{
    text-transform: uppercase;
    height: 57px;
    line-height: 56px;
    width: 100%;
    background: #c70c0e;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-family: "BebasBold";
    font-size: 32px;
    display: block;
    margin: 20px 0;
}
.btn_to_order:hover{
    background: #eaeae9;
    color: #000;
}
.btn_to_order.btn_sticky {
    left: 0;
    right: 0;
    margin: 0;
    bottom: 0;
    z-index: 100;
    transition: all 0.5s ease-in-out;
}
.add_castings{
    margin-top: 60px;
    padding-top: 30px;
    border-top: 1px solid #d7d7d7;
}
#news .news_item .description img{
    display: none;
}

#bewerbungs .depart_item{
    padding: 0 10px 47px 10px;
    margin-bottom: 32px;

}

@media (min-width: 768px) {
    #bewerbungs .depart_item{
        padding: 0;
    }
}

#bewerbungs .depart_item.last{
    border-bottom: none;
}

#header{
    height: 80px;
    position: fixed;
    width: 100%;
    z-index: 100;
    background: rgba(255, 255, 255, 1);
    left: 0;
    margin-left: -1px;
    border-bottom: 1px solid #ececec;
    transition: 0.5s all;
}

#imprint-table tr th,
#imprint-table tr td{
    padding-bottom: 20px;
    padding-right: 15px;
}
.fade_effect{
    transition: 0.5s all;
}

#photos,
#leidtungen,
#news_header,
#referenzen_title,
#kontakt,
.auftraggeber,
#carousel,
#bewerbung_title{
    padding-top: 80px;
}
#bewerbung_title{
    padding-bottom: 50px;
}

.icon_casino{
    background: url(../images/nucleo_outline_white.svg) no-repeat -114px -175px;
    background-size: 450px 450px ;
    height: 100px;
    width: 100px;
    margin: 21px 0 0 21px;
}
.icon_movie{
    background: url(../images/nucleo_outline_white.svg) no-repeat -236px -177px;
    background-size: 450px 450px ;
    height: 100px;
    width: 100px;
    margin: 21px 0 0 21px;
}
.icon_photo{
    background: url(../images/nucleo_outline_white.svg) no-repeat -358px -177px;
    background-size: 450px 450px ;
    height: 100px;
    width: 100px;
    margin: 21px 0 0 21px;
}
.icon_marker{
    background: url(../images/nucleo_outline_white.svg) no-repeat -113px -292px;
    background-size: 450px 450px ;
    height: 100px;
    width: 100px;
    margin: 21px 0 0 21px;
}
.icon_phone{
    background: url(../images/nucleo_outline_white.svg) no-repeat -238px -288px;
    background-size: 450px 450px ;
    height: 100px;
    width: 100px;
    margin: 21px 0 0 21px;
}
.icon_email{
    background: url(../images/nucleo_outline_white.svg) no-repeat 10px -172px;
    background-size: 450px 450px ;
    height: 100px;
    width: 100px;
    margin: 21px 0 0 21px;
}

#cookie-notice {
    background: none !important;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#cookie-notice.visible {
    opacity: 1;
    visibility: visible;
}

.cookie-notice-container {
    background-color: rgba(236,236,236, 0.9);
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    0 0 1px 0 rgba(0, 0, 0, 0.75);
    box-shadow:         0 0 1px 0 rgba(0, 0, 0, 0.75);
    padding: 10px 15px;
}

#cookie-notice .button.bootstrap {
    line-height: 1;
    border-color: #c70c0f;
    background: none;
    background-color: #c70c0f;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: "BebasBold";
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-right: 15px;
    margin-top: -7px;
    padding: 6px 12px;
    float: right;
}

#cookie-notice .button.bootstrap:hover,
#cookie-notice .button.bootstrap:focus,
#cookie-notice .button.bootstrap:active,
#cookie-notice .button.bootstrap.active {
    background: #fff;
    color: #000;
    border-color: #fff;
    outline: none;
}

@media (max-width: 767px) {
    #cookie-notice .button.bootstrap {
        margin: 0px;
        flex-shrink:0;
        margin-left: 10px;
    }
    #cookie-notice {
        text-align: left !important;
        line-height: 1.3;
    }
    .cookie-notice-container{
        display: flex;
        align-items:center;
    }

}

.media-right,
.media > .pull-right {
    padding-left: 10px;
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}
.media-bottom {
    vertical-align: bottom;
}

.media-manager {
    background-color: #fff;
    max-width: 350px;
    margin: 0 auto;
    padding: 10px 20px;
}

@media (min-width: 768px) {
    .media-manager {
        position: absolute;
        left: 50%;
        transform: translate(-50%, -130%);
        -webkit-transform: translate(-50%, -130%);
        -moz-transform: translate(-50%, -130%);
        -o-transform: translate(-50%, -130%);
        -ms-transform: translate(-50%, -130%);
    }
    .media-manager h4 {
        white-space: nowrap;
    }

    .media-manager .media-right {
        padding-left: 15px;
    }
}

.media-manager h4 {
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 0;
}

.media-manager p {
    font-size: 16px;
    margin-bottom: 0;
}

.media-manager .panel-link{
    width: 39px;
    height: 39px;
    background: url(../images/icon_plus.png) no-repeat center center #c70c0e;
    cursor: pointer;
    border-radius: 20px;
    transition: 0.4s all;
    display: block;
}

.media-manager .panel-link:hover{
    background: url(../images/icon_plus_black.png) no-repeat center center #eaeae9;
}

@media (max-width: 767px) {
    .media-manager {
        padding: 10px;
    }

    .media-manager h4 {
        font-size: 15px;
    }

    .media-manager p {
        font-size: 13px;
    }

    .media-manager .panel-link{
        width: 35px;
        height: 35px;
    }
}

@media (min-width: 992px) {
    .btn-right .btn_gray {
        max-width: 40%;
        float: right;
        margin-top: -50px;
    }
}


.logout {
    float: right;
    text-transform: uppercase;
    height: 57px;
    line-height: 56px;
    width: 200px;
    background: #eaeae9;
    border-radius: 5px;
    text-align: center;
    font-family: "BebasBold";
    font-size: 32px;
    color: #000000;
    display: block;
}
.logout:hover,
.logout:focus,
.logout:active {
    background: #c70c0e;
    color: #fff;
}

@media (max-width: 767px) {
    .logout {
        font-size: 24px;
        line-height: 28px;
        margin-right: 10px;
        margin-top: 5px;
        padding: 3px 10px;
        height: auto;
        width: auto;
    }
}


/*modal-login*/
.modal-login .modal-content {
    background: -moz-linear-gradient(left, #eaeae9 0%, #dfe0dd 44%, #d8dbda 100%);
    background: -webkit-linear-gradient(left, #eaeae9 0%,#dfe0dd 44%,#d8dbda 100%);
    background: linear-gradient(to right, #eaeae9 0%,#dfe0dd 44%,#d8dbda 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeae9', endColorstr='#d8dbda',GradientType=1 );
    border: none;
}

.modal-login .modal-body{
    background-image: url("../images/form-bg.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 15px 40px;
}

.modal-login .close {
    height: 24px;
    width: 24px;
    position: relative;
    opacity: 1;
    margin-right: -28px;
}

.modal-login .close:before,
.modal-login .close:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #FFFFFF;
}

.modal-login .close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 2px;
    margin-top: -2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.modal-login .close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height: 2px;
    margin-top: -2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.modal-login .form-login {
    max-width: 355px;
}

.modal-login .form-login.custom_form_inputs input[type="text"],
.modal-login .form-login.custom_form_inputs input[type="email"],
.modal-login .form-login.custom_form_inputs input[type="password"],
.modal-login .form-login.custom_form_inputs input[type="tel"] {
    margin-bottom: 0;
}

.modal-login .form-login.custom_form_inputs .button{
    height: 50px;
    line-height: 49px;
    width: 100%;
    border: 2px solid #c70c0f;
    background: #c70c0f;
    margin-bottom: 12px;
    border-radius: 5px;
    font-family: "BebasBold";
    font-size: 32px;
    text-align: center;
    color: #ffffff;
    transition: 0.5s all;
}
.modal-login .form-login.custom_form_inputs .button:hover{
    background: #fff;
    color: #000;
    border-color: #fff;
}

.modal-login .form-login.custom_form_inputs .checkbox + label {
    font-size: 13px;
    margin-bottom: 7px;
    padding-left: 45px;
    padding-top: 5px;
}

.modal-login .form-login.custom_form_inputs .checkbox + label:before {
    height: 30px;
    width: 30px;
}

.modal-login .form-login.custom_form_inputs a.pull-right{
    margin-top: 4px;
    font-size: 13px
}

.modal-login .modal-login-footer {
    max-width: 355px;
}

.modal-login .modal-login-footer .btn-footer{
    display: inline-block;
    height: 45px;
    line-height: 1;
    border: 2px solid #ffffff;
    background: #fff;
    margin-bottom: 12px;
    border-radius: 5px;
    font-family: "BebasBold";
    font-size: 28px;
    text-align: center;
    color: #696969;
    transition: 0.5s all;
    padding: 6px 20px;
}
.modal-login .modal-login-footer .btn-footer:hover,
.modal-login .modal-login-footer .btn-footer:focus,
.modal-login .modal-login-footer .btn-footer:active {
    background: #c70c0f;
    border-color: #c70c0f;
    color: #ffffff;
}

.modal-login .modal-login-footer .title {
    color: #000000;
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
}

.modal-login .modal-login-footer .title span {
    display: inline-block;
    position: relative;
}

.modal-login .modal-login-footer .title span:before,
.modal-login .modal-login-footer .title span:after {
    content: "";
    position: absolute;
    height: 5px;
    border-top: 1px solid #d0d0d0;
    top: 9px;
    width: 600px;
}

.modal-login .modal-login-footer .title span:before {
    right: 100%;
    margin-right: 15px;
}

.modal-login .modal-login-footer .title span:after {
    left: 100%;
    margin-left: 15px;
}

.modal-login .modal-login-footer p {
    color: #706f6f;
    font-size: 13px;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .modal-login .modal-body {
        background-image: none;
        padding: 15px 10px;
    }

    .modal-login .close {
        margin-right: 0;
    }
    .modal-login .close:before, .modal-login .close:after {
        background: #000000;
    }

    .modal-login .form-login.custom_form_inputs a.pull-right {
        width: 100%;
        margin-bottom: 12px;
        margin-top: 7px;
    }

    .modal-login .modal-login-footer .title {
        margin: 10px;
    }

    .modal-login .modal-login-footer p {
        color: #000;
        padding: 0 10px;
    }
}

/*content-custom*/
.content-custom {
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.content-custom.no-m-t {
    margin-top: -50px;
}

@media (min-width: 768px) {
    .content-custom.no-m-t {
        margin-top: -90px;
    }
}

.content-custom .h2, .content-custom h2 {
    font-size: 3rem;
    margin-bottom: 15px;
    margin-top: 15px;
}

.content-custom ol {
    list-style: decimal;
    padding-left: 40px;
    margin-bottom: 16px;
}

.content-custom .list--dotted {
    list-style-type: disc;
    list-style-position: inside;
}

.content-custom ol.overview {
    margin-bottom: 40px;
}

.content-custom p {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: 16px;
}
.persons{
    position: relative;
    overflow: hidden;
}
.persons.index{
    z-index: 4;
    overflow: visible;
}
.persons .about-persons{
    position: absolute;
    background: #e9e9e9;
    width:100%;
    left:0%;
    top:0;
    transition: all 300ms ease-in 0s;
    height: 100%;
    z-index:2;
    padding:30px;
}
.persons.active:first-of-type .about-persons{
    left:100%;
}
.persons.active:last-child .about-persons{
    left:-100%;
}
.persons .media-manager{
    z-index: 3;
}
.persons img{
    position: relative;
    width:100%;
    z-index: 3;
}
.persons .about-persons h4{
    margin-top: 0;
    font-size: 20px;
    font-weight: 700;
}
.persons .about-persons p{
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 25px;
}
.persons .about-persons .close{
    position: absolute;
    right:15px;
    top:15px;
    height:24px;
    width:24px;
    opacity:1;
    transition: all 150ms ease-in 150ms;
}
.persons.active .about-persons .close{
    transform: rotate(360deg);
}
.persons .about-persons .close:hover{
    opacity: 0.5;
}
.persons .about-persons .close:before{
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #000;

    transform: rotate(45deg);
    height: 2px;
    margin-top: -2px;
    border-radius: 5px;
}
.persons .about-persons .close:after{
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #000;

    transform: rotate(-45deg);
    height: 2px;
    margin-top: -2px;
    border-radius: 5px;
}
.text_content.text_content_no_padding{
    padding-top: 0;
    padding-bottom: 0;
}
.text_content.text_content_no_padding .row{
    padding: 0 60px;
}

.profile-page .logout{
    background: #b7b7b7;
    color: #fff;
    padding-left: 25px;
    padding-right: 25px;
    width:auto;
}
.profile-page .logout:hover{
    background: #c70c0e;
}

.profile-page .logout i:before{
    margin-right: 10px;
    font-size: 25px;
}

.profile-page .toggle-head h4{
    text-transform: uppercase;
    font-family: 'BebasBold';
    font-size: 40px;
    display: flex;
    align-items: center;
    margin:0;
}

.profile-page .toggle-head h4 i:before{
    margin-right: 10px;
    font-size: 30px;
    display: block;
}

.profile-page .toggle-head{
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    align-items: center;
}
.profile-page .toggle-head.grey-head{
    color: #b7b7b7;
}
.profile-page .toggle-head.grey-head i:before{
    color: #b7b7b7;
}
.profile-page .toggle-head .flaticon-chevron-arrow-down:before{
    font-size: 30px;
}
.profile-page .toggle-head .flaticon-chevron-arrow-down{
    transition: all 200ms ease-in 0s;
}
.profile-page .toggle-head.opened .flaticon-chevron-arrow-down{
    transform: rotate(180deg);
}
.profile-page .toggle-head.delete{
    cursor: auto;
}

.profile-page .delete-success h4{
    margin-top: 0;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: 'BebasBold';
    font-size: 40px;
}
.profile-page .delete-success p{
    margin-bottom: 30px;
}
.profile-page .delete-success p:last-child{
    margin-bottom: 0;
}
.profile-page .delete-success--icon{
    margin-bottom: 25px;
}
.profile-page .delete-success--icon svg{
    width: 64px;
    height: 64px;
}

.profile-page .toggle-item{
    padding: 50px;
    background: #fff;
    margin-bottom: 30px;
}
.profile-page .toggle-content{
    /*display: none;*/
    margin-top: 50px;
}
.profile-page .toggle-content.delete-success {
    margin-top: 0;
}
.profile-page .row{
    margin:0 -10px!important;
}

.profile-page .thumbnails-container {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px!important;
}

.thumbnails-container .col .post-item {
    margin-bottom: 20px;
}

.profile-page .col{
    padding: 0 10px;
    transition: all 200ms ease-in 0s;
}
.profile-page .col.empty{
    width:0%;
    padding: 0;
}
.profile-page .ajax-loader-wrapper{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 48px;
    height: 48px;
}
.profile-page .ajax-loader-wrapper i{
    font-size:48px;
    color:#555;
}
.profile-page .del-btn,
.profile-page .edit-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    position: absolute;
    bottom:15px;
    right:15px;
    background: #c70c0f;
    width: 40px;
    height: 40px;
    color: #ffffff;
}
.profile-page .edit-btn:hover,
.profile-page .del-btn:hover{
    background: #b7b7b7;
}
.profile-page .edit-btn {
    right:70px;
    font-size: 24px;
}
.profile-page .post-item{
    position: relative;
    margin-bottom: 50px;
}
.profile-page .del-btn i:before{
    font-size: 20px;
    color: #fff;
}
.profile-page .btn{
    background: #c70c0f;
    display: block;
    font-family: "BebasBold";
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    padding: 10px 0;
    text-align: center;
    width:100%;
}
.profile-page .btn.delete-btn,
.profile-page .btn.grey-btn{
    background: #b7b7b7;
}
.profile-page .btn:hover{
    background: #b7b7b7;
}
.profile-page .btn.delete-btn:hover{
    background: #c70c0e;
}
.profile-page .btn.delete-btn:focus{
    outline: unset;
}
.profile-page label{
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
}
.profile-page label span{
    color: #c70c0f;
}
.profile-page em{
    display: none;
    color: #c70c0f;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
}
.profile-page .error em{
    display: inline-block;
}
.profile-page input[type="text"],
.profile-page input[type="url"],
.profile-page input[type="email"],
.profile-page input[type="password"],
.profile-page input[type="tel"],
.profile-page input[type="number"]{
    border: 2px solid #e5e8e8;
    width: 100%;
    padding: 11px;
    margin-bottom: 20px;
}
.profile-page .error input{
    background-color: #f7dbdb;
    margin-bottom: 0;
}
.profile-page .key input{
    margin-bottom: 0;
}
.profile-page select{
    display: block;
    background: none;
    border: 2px solid #e5e8e8;
    padding: 7px;
    width:100%;
    cursor: pointer;
    margin-bottom: 20px;
}
.profile-page .error select{
    background-color: #f7dbdb;
    margin-bottom: 0;
}
.profile-page textarea{
    resize: none;
    border: 2px solid #e5e8e8;
    padding: 7px;
    width:100%;
    margin-bottom: 20px;
    height:200px;
}
.profile-page .error textarea{
    background-color: #f7dbdb;
    margin-bottom: 0;
}
.profile-page .key{
    position: relative;
    margin-bottom: 20px;
}
.profile-page .key i:before{
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translate(0, -50%);
    color: #a9a9a9;
}
.profile-page .key input{
    padding-right: 50px;
}

.profile-page .fotos .post-item img{
    max-width:100%;
    height: auto;
}
.profile-page .dropzone{
    background: repeating-linear-gradient(
        -45deg,
        #f0f0f0,
        #f0f0f0 10px,
        #f8f8f8 10px,
        #f8f8f8 20px
    );
    font-weight: 700;
    margin-bottom: 20px;
}
.profile-page .dropzone .dz-message{
    margin: 5em 0;
}

.profile-page .empty-shows {
    margin-bottom: 2em !important;
}

.profile-page .faq-item__title a,
.profile-page .faq-item__description.in {
    background-color: transparent;
    color: #000000;
}

.profile-page .delete_profile_link_wrapper a {
    text-decoration: underline;
}

.profile-thumbnails-container [class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
}

.profile-thumbnails-container .post-item {
    margin-bottom: 20px;
}

@media (max-width: 480px){
    .profile-page .toggle-item{
        padding: 25px;
    }
    .profile-page .toggle-head h4{
        font-size:28px;
    }
    .profile-page .delete-success h4{
        margin-bottom: 10px;
        font-size:28px;
    }
    .profile-page .delete-success p{
        margin-bottom: 15px;
    }
    .profile-page .delete-success--icon{
        margin-bottom: 20px;
    }
}

.alert {
    font-size: 14px;
}

.select2-container--default .select2-selection {
    border: 2px solid #e5e8e8;
    border-radius: 0;
    padding: 6px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 2px solid #e5e8e8;
}

.select2-container--default .select2-selection__choice {
    border: 0 !important;
    font-size: 16px;
}


@media (max-width: 1440px){
    .text_content.text_content_no_padding .row{
        padding: 0 20px;
    }
    .persons .about-persons p{
        font-size:14px;
    }
}
@media (max-width: 767px){
    .text_content.text_content_no_padding .row{
        padding: 0;
    }
}
@media (max-width: 1100px){
    .persons .about-persons{
        overflow-y: scroll;
    }
}
@media (max-width: 768px){
    .persons .about-persons{
        overflow: hidden;
        background: #fff;
        position: static;
    }
    .persons .media-manager{
        display: none;
    }
    .persons .about-persons .close{
        display: none;
    }
    .profile-page .del-btn{
        padding: 18px;
    }
    .profile-page .del-btn i:before{
        font-size: 35px;
    }
}
#eKomiWidget_default {
    margin-top: 20px;
}

@media (min-width: 768px) {
    #eKomiWidget_default {
        margin-top: 50px;
    }
}
/*
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

    .ekomi-widget-container{
        margin: 30px 2em 0 2em;
    }
}
@media only screen and (max-width: 766px) {
    .ekomi-widget-container{
        margin-top: 30px;
    }
}
@media only screen
  and (min-device-width : 414px)
	and (max-device-width : 736px) {
    .ekomi-widget-container{
        margin: 30px 2em 0 2em;
    }
}

*/

.tverf-item-wrapper {
    position: relative;
}

.remove-tverf-item-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 9px 14px;
    background: #c70c0f;
    color: #ffffff;
    border-radius: 6px;
}

.remove-tverf-item-button:hover,
.remove-tverf-item-button:focus {
    background: #b7b7b7;
    color: #ffffff;
}

.tverf-subtitle {
    font-size: 30px;
}

.tverf-subtitle small {
    font-size: 50%;
    padding-left: 5px;
}

.tverf-wrapper .tverf-item-wrapper:not(:first-of-type) {
    margin-top: 30px;
}

.add-tverf-item-button {
    margin-top: 0 !important;
    background: #b7b7b7 !important;
    margin-bottom: 25px;
}

/*datepicker customizations begin*/

.datepicker-top-left:before, .datepicker-top-right:before {
    border-bottom-color: #c70c0f;
}

.datepicker-top-left, .datepicker-top-right {
    border-top-color: #c70c0f;
}

.datepicker-panel > ul > li.highlighted {
    background-color: #ffffff;
}

.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
    color: #ffffff;
    background-color: #c70c0f;
}

.datepicker-panel > ul > li:hover {
    background-color: rgba(199, 12, 15, 0.1);
}

.datepicker-container {
    font-size: 18px;
    width: 306px;
}

@media (min-width: 1440px) {
    .datepicker-container {
        width: 362px;
    }
}

.datepicker-panel > ul {
    width: 100%;
}

.datepicker-panel > ul > li {
    height: 60px;
    line-height: 60px;
    width: 25% !important;
}

.datepicker-panel > ul > li[data-view="year current"],
.datepicker-panel > ul > li[data-view="years current"] {
    width: 50% !important;
}

.datepicker-panel > ul > li[data-view="year next"],
.datepicker-panel > ul > li[data-view="year prev"],
.datepicker-panel > ul > li[data-view="years next"],
.datepicker-panel > ul > li[data-view="years prev"] {
    width: 25% !important;
    font-size: 34px;
    line-height: 54px;
}

.datepicker-container:after,
.datepicker-container:before {
    border-width: 17px;
}

.datepicker-top-left:after, .datepicker-top-right:after {
    top: -17px;
    left: 45%;
}

.datepicker-top-left:before,
.datepicker-top-right:before {
    top: -18px;
    left: 45%;
}

/*datepicker customizations end*/


.btn-default{
    text-transform: uppercase;
    width: 200px;
    height: 57px;
    margin: 20px auto 0 auto;
    line-height: 56px;
    border-radius: 5px;
    text-align: center;
    font-family: "BebasBold";
    font-size: 32px;
    display: block;
    background: #c70c0e;
    color: #fff;
}
.btn-grey {
    background: #eaeae9;
    color: #000000;
}

/* Post items styles */
.post-items-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: 35px;
}
.post-items-wrap .post-item {
    width: 31%;
    min-width: 240px;
    margin: 0 3.5% 13px 0;
    border-top: 3px solid #c70c0e;
    text-align: center;
    box-sizing: border-box;
    background-color: #f6f6f6;
    font-size: 14px;
    display: flex;
    flex-direction: column;
}
.post-items-wrap .post-item:nth-child(3n){
    margin-right: 0;
}
.post-item .post-item_photo {
    width: 100%;
    height: 157px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.post-item .post-item_photo a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    outline: none;
}
.post-item .post-item_photo img {
    min-height: 157px;
    min-width: 100%;
    height: auto;
}
.post-item .post-item_description {
    font-family: "OpenSansSemiBold";
    padding: 15px 15px 10px;
    color: #000;
    margin: 0 auto 20px;
}
.post-item .post-item_description h4 {
    text-transform: uppercase;
    font-size: 22px;
    line-height: 1.4;
}
.post-item .post-item_description p {
    font-size: 14px;
    line-height: 1.785;
}
.post-item_btn {
    margin: auto auto 0;
    padding-bottom: 20px;
    max-width: 150px;
    width: 100%;
}
.post-items-wrap .post-item .post-item_btn a {
    font-size: 24px;
    line-height: 1;
    display: block;
    font-family: "BebasBold";
    background: #c70c0e;
    border-radius: 5px;
    color: #fff;
    padding: 13px 5px;
    text-decoration: none;
    outline: none;
    text-transform: uppercase;
}
.post-items-wrap .post-item .post-item_btn a:hover {
    background: #eaeae9;
    color: #000;
}
@media screen and (max-width: 1440px){
    .post-items-wrap {
        justify-content: center;
    }
    .post-items-wrap .post-item,
    .post-items-wrap .post-item:nth-child(3n){
        width: 31%;
        margin: 0 1.16% 30px;
    }
}
@media screen and (max-width: 600px){
    .post-items-wrap .post-item,
    .post-items-wrap .post-item:nth-child(3n){
        max-width: 300px;
        width: 100%;
        margin: 0 2% 30px;
    }
}

/* Home page slider */
#carousel {
    position: relative;
    max-height: 100vh;
}

@media (max-width: 767px) {
    div#n2-ss-1 [class*="dot"]:hover {
        background: #ffffff !important;
    }

    div#n2-ss-1 [class*="dot"].n2-active {
        background: #e80507 !important;
    }
}

@media screen and (min-width: 768px) {
    div#n2-ss-1 .n2-ss-slider-1 .n2-ss-layers-container {
        height: 100%!important;
    }
}
@media screen and (max-width: 768px) {
    #carousel {
        margin-bottom: 30px;
        border-bottom: 1px solid #ececec;
    }
}

@media (min-width: 769px) {
    .n2-ss-control-bullet {
        position: absolute !important;
        right: 30px;
        top: calc(100% - 60px);
        margin-top: 15px !important;
        padding-bottom: 15px;
    }
}

/* Tc team members styles */
.tc_team-members {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.tc_team-members .tc_team-member {
    display: flex;
    flex-direction: column;
    float: none;
    font-family: 'OpenSansRegular';
}
.tc_team-members .tc_overlay {
    display: none;
}
.tc_team-members .tc_team-member > p {
    text-align: left;
    font-family: "OpenSansBold";
    font-size: 18px;
    font-weight: 900;
    line-height: 24px;
    margin: 15px 0 0;
}
.tc_team-members .tc_team-member > h3 {
    order: 1;
    text-align: left;
    font-size: 22px;
    line-height: 1.4;
    text-transform: inherit;
    margin: 0;
    font-family: 'OpenSansRegular';
}
@media (min-width: 768px) {
    .tc_team-members .tc_member-col-single {
        width: 33.3333%;
        padding-left: 5px;
        padding-right: 5px;
        margin: 40px 0 0;
        height: inherit;
    }
}


/* FAQ template styles */
.faq-items__wrap {
    margin-bottom: 60px;
    padding: 0 10px;
}
.faq-items__wrap:last-child {
    margin-bottom: 0;
}
.faq-item__sub-title {
    font-family: "BebasBold";
    margin: 0 0 30px;
    font-size: 40px;
    text-transform: uppercase;
}
.faq-item__box {
    margin-bottom: 5px;
}
.faq-item__title {
    font-size: 18px;
    position: relative;
}
.faq-item__title a {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    padding: 18px 58px 18px 21px;
    position: relative;
    transition: all 0.4s ease-in-out;
    background-color: #ececec;
}
.faq-item__title a, .faq-item__title a:hover, .faq-item__title a:focus {
    text-decoration: none;
    outline: none;
    color: #000000;
}
.faq-item__title a:before {
    content: '';
    display: block;
    height: calc(100% - 2 * 18px);
    width: 2px;
    position: absolute;
    background-color: #c70c0e;
    top: 18px;
    left: 0;
}
.faq-item__title a.collapsed {
    background-color: transparent;
}
.faq-item__title a.collapsed:after {
    transform: rotate(-135deg);
}
.faq-item__title a:after {
    content: '';
    position: absolute;
    right: 21px;
    top: 21px;
    height: 16px;
    width: 16px;
    background: url('../images/icon_close_menu.png') no-repeat center center / contain;
    transform: rotate(0);
    transition: transform 0.4s ease-in-out;
}
.faq-item__description {
    font-size: 16px;
    line-height: 22px;
    background-color: transparent;
    transition: all 0.2s ease-in-out;
}
.faq-item__description.in {
    background-color: #ececec;
}
.faq-item__description > div {
    padding: 10px 58px 10px 21px;
}

.btn__boredered-red,
div a.transparent-button {
    background-color: transparent;
    border: 2px solid #c70c0e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #c70c0e;
    padding: 5px 15px;
    min-width: 120px;
    display: inline-block;
    text-align: center;
}
.btn__boredered-red:hover,
.btn__boredered-red:focus,
.btn__boredered-red:active {
    background-color: #c70c0e;
    color: #fff;
}
.feedback_form__title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 30px;
}
.feedback_form__title h2 {
    margin: 0;
}
.feedback_form__title .btn__boredered-red {
    margin-left: auto;
    margin-right: 1%;
}
@media (max-width: 768px) {
    #bewerbung_title .btn__boredered-red {
        display: block;
    }
    .feedback_form__title {
        display: block;
        text-align: center;
    }
    .feedback_form__title .btn__boredered-red {
        margin: 15px 0 0;
    }
}


/* Image cropper styles*/

.controls {
    display: flex;
    justify-content: center;
    font-size: 24px;
}

.controls button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #b7b7b7;
    border: 0;
    width: 35px;
    height: 35px;
    color: #ffffff;
    margin: 10px 5px 0;
    transition: background .3s linear;
    cursor: pointer;
}

.controls button:hover {
    background: #c70c0f;
}

.img-fluid {
    max-width: 100%;
}


#editModal .modal-footer {
    display: flex;
    justify-content: flex-end;
}

#editModal .modal-header h4 {
    margin: 0;
}


#editModal .modal-header,
#editModal .modal-footer,
#editModal .modal-body {
    padding: 10px;
}

#editModal .cropper-submit,
#editModal .cropper-cancel {
    flex: 0 0 13%;
    padding: 10px;
    transition: .3s;
    font-size: 20px;
    line-height: 1;
}

#editModal .cropper-cancel {
    background: #ffffff;
    color: #000;
    border: 1px solid #000;
}

#editModal .cropper-cancel:hover {
    background: #eee;
}

#editModal .cropper-submit {
    color: #ffffff;
    background: #c70c0f;
    transition: .3s;
}

#editModal .message {
    display: none;
    font-size: 13px;
    line-height: 1.5;
    margin-top: 1em;
    color: #000000;
}

#editModal .modal-dialog {
    margin: 30px auto;
}

#editModal .panel-danger {
    color: #a84a46;
    background: #f2dddd;
    font-size: 13px;
    line-height: 1.5;
    margin-top: 1em;
}

#editModal .panel-danger:after {
    content: '';
    position: absolute;
    left: 47%;
    bottom: 6px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 6px solid #a84a46;
}

#editModal .panel-danger.open:after {
    transform: scale(1, -1);
}

@media (min-width: 768px) {
    #editModal .panel-danger:after {
        display: none;
    }
}

#editModal .panel-danger.open .text {
    white-space: normal;
}

#editModal .message-desktop {
    display: none;
    padding: 1em;
}

#editModal .message-mobile {
    font-size: 12px;
    padding: 1em 1em 1.4em;
    display: flex;
    align-items: center;
}

#editModal .message-mobile .text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#editModal .message-mobile:hover {
    font-size: 12px;
    white-space: normal;
    overflow: auto;
}

@media (min-width: 768px) {
    #editModal .message-mobile {
        display: none;
    }

    #editModal .message-desktop {
        display: block;
    }

    #editModal .message {
        display: block;
    }
}

@media (min-width: 992px) {
    #editModal .message {
        margin-top: 0;
    }
}


#editModal .cropper-submit:hover {
    background: #b7b7b7;
}

@media (max-width: 768px) {
    #editModal .preview {
        display: none;
    }

    .post-item .del-btn i:before {
        font-size: 22px;
    }

    .d-sm-flex {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }

    .order-sm-2 {
        order: 2;
        width: 100%;
    }
}

.cropper-container {
    display: none;
}

#originalImage {
    max-height: 300px;
}

.d-flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-wrap {
    flex-wrap: wrap
}

/* Fixes jumpy modal animation*/
.modal {
    overflow-y: auto;
}

.modal-open {
    overflow: auto;
}

.modal-open[style] {
    padding-right: 0px !important;
}

/* Hide Recaptcha Badge */
.grecaptcha-badge {
    display: none;
}

#mobile_wiki_form{
    display: none;
}
.referenzen_form_wrapper{
    display: none;
    text-align: center;
    padding: 0 10px;
}
#referenzen_form{
    position: relative;
    display: inline-block;
    width: 100%;
}
#referenzen_select{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
#referenzen_label{
    padding: 0 15px;
    border-radius: 5px;
    font-family: "BebasBold";
    font-size: 32px;
    line-height: 57px;
    border: none;
    display: block;
    background: #c70c0f;
    color: #ffffff;
}
.sky-form .socials-buttons .button,
.socials-buttons .button{
    display: block;
    border: 1px solid #E4E7E7;
    box-sizing: border-box;
    border-radius: 3px;
    text-align: center;
    font-size: 23px;
    font-family: "BebasBold";
    position: relative;
    overflow: hidden;
    padding: 10px 6px 10px 55px;
    color: #fff;
    line-height: 28px;
    height: auto;
    margin-bottom: 13px;
}
.profile-socials .socials-buttons .btn-wrapper{
    width: 50%;
    float: left;
    padding: 0 10px;
}

.socials-buttons .button.inst-button{
    background: #C42A67;
}
.socials-buttons .button.fb-button{
    background: #4267B2;
}

.socials-buttons .button.active{
    color: #696969;
    background: #fff;
}
.socials-buttons .button:hover{
    opacity: 0.8;
}

.socials-buttons .button .icon{
    width: 50px;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.socials-buttons .button .icon.fb{
    background: #365086;
}
.socials-buttons .button .icon.inst{
    background: #a41d92;
    background: -moz-linear-gradient(top, #a41d92 2%, #cb5a4a 100%);
    background: -webkit-linear-gradient(top, #a41d92 2%,#cb5a4a 100%);
    background: linear-gradient(to bottom, #a41d92 2%,#cb5a4a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a41d92', endColorstr='#cb5a4a',GradientType=0 );
}
.socials-buttons .button{
    margin-bottom: 13px;
}

.with-competences-and-carrier-form img{
    max-width: 100%;
}

#mobile_items_app{
    display: none;
    margin-bottom: 30px;
}
#mobile_items_app ul{
    display: flex;
    flex-wrap: wrap;
}
#mobile_items_app ul li{
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 5px;
}
#mobile_items_app ul li span{
    flex-grow: 1;
    font-family: "BebasBold";
    font-size: 16px;
    background: #ECECEC;
    padding: 5px 10px;
    text-align: center;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
}
#mobile_items_app ul li img{
    max-width: 100%;
}
.create-profile-button {
    font-size: 32px;
}

.candidates-header {
    padding: 0 !important;
}

@media (min-width: 480px) and (max-width: 768px) {
    .candidates-header {
        padding: 0 10px !important;
    }
}

.candidates-header span {
    background: #000;
    color: #fff;
    padding: 0 20px;
}

@media (min-width: 480px) {
    .candidates-header span {
        background: #fff;
        color: #000;
        padding: 0;
    }
}

.button-sticky {
    position: fixed;
    margin: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background: #c70c0e;
    width: 100%;

}

.button-sticky:hover input,
.button-sticky:hover a,
.button-sticky .mail_to {
    color: #ffffff;
    transition: none;
}

.button-sticky #mail_to {
    background: #c70c0e;
    transition: none;
}


/* Footer accordion */
.accordion {
    text-align: left;
}

.accordion__title {
    font-family: "BebasBold", sans-serif;
    font-size: 28px;
    background: #B7B7B7;
    padding: 25px;
    cursor: pointer;
    position: relative;
    margin: 0 0 30px;
    color: #ffffff;
}

.accordion__title:after {
    position: absolute;
    top: 25px;
    right: 25px;
    display: inline-block;
    font-family: Flaticon;
    font-size: 28px;
    font-style: normal;
    content: "\f106";
    transition: transform .3s;
}

.accordion__title.accordion__title--active:after {
    transform: rotate(180deg);
}

.accordion__content {
    font-family: "OpenSansRegular", sans-serif;
    font-size: 16px;
    line-height: 22px;
    padding: 0 25px 25px;
    display: none;
}

@media (min-width: 768px) {
    .accordion__title {
        display: none;
    }

    .accordion__content {
        display: block;
    }
}


.content-blocks {
    display: flex;
    flex-flow: row wrap;
}

.content-block.order-1 {
    order: 1;
}

.content-block.order-2 {
    order: 2;
}

.content-block.order-3 {
    order: 3;
}

.content-block.order-4 {
    order: 4;
}


.biography-content {
    line-height: 1.5em;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}

.biography-content.collapsed {
    max-height: 9em !important;
    overflow: hidden;
}

@media (min-width: 769px) {
    .biography-content.collapsed {
        max-height: inherit !important;
    }
}

.biography-content::-webkit-scrollbar {
    display: none
}

@media (min-width: 768px) {
    .biography-content {
        max-height: initial;
    }
}

.show-more {
    text-transform: uppercase;
    height: 57px;
    line-height: 56px;
    background: #eaeae9;
    border-radius: 5px;
    text-align: center;
    font-family: "BebasBold", sans-serif;
    font-size: 32px;
    color: #000000;
    display: block;
    margin-top: 20px;
    cursor: pointer;
}

.show-more:hover {
    background: #c70c0e;
    color: #fff;
}

@media (min-width: 1024px) {
    .show-more {
        display: none;
    }
}

@media (min-width: 769px) {
    .about-persons .show-more {
        display: none;
    }
}

.staff-content p {
    margin-bottom: 1.5em;
    line-height: 1.5em;
}

.staff-content + .show-more {
    margin: 20px 20px 0;
}

.staff-content.collapsed {
    max-height: 4em !important;
    overflow: hidden;
}

@media (min-width: 1024px) {
    .staff-content.collapsed {
        max-height: inherit !important;
    }
}

#causes h3 {
    background: #fff;
    margin-bottom: 0;
    padding-bottom: 20px;
}

#causes p {
    background: #fff;
    padding-bottom: 30px;
    margin-bottom: 30px;
    line-height: 1.5em;
}

#description {
    background: #ececec;
}

#description .content-block.order-2,
#description .content-block.order-4 {
    background: #ffffff;
    padding-bottom: 0;
    padding-top: 10px;
}

#description .content-block {
    margin: 0 10px;
    font-size: 16px;
    line-height: 1.5em;
}

#description .content-block h3 {
    font-size: 50px;
    padding-top: 70px;
}



.img_content h3 {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 50px;
}

@media (min-width: 768px) {
    #causes h3 {
        background: #ececec;
    }

    #causes p {
        background: #ececec;
    }

    #description {
        background: #ffffff;
    }

    #description .content-block.order-1,
    #description .content-block.order-3 {
        background: #ffffff;
    }

    #description .content-block h3 {
        padding-top: 0;
    }

    #description .content-block.order-3 {
        margin-top: 50px;
    }
}

.competences_block .comp_item {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.competences_block .comp_item .red_img_block {
    width: 142px;
    height: 142px;
    background: #c70c0e;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.competences-icon {
    width: 35px;
    height: 35px;
    fill: #ffffff;
}

@media (min-width: 768px) {
    .competences-icon {
        width: 85px;
        height: 85px;
    }
}

@media (min-width: 768px) {
    .competences_block .comp_item {
        flex-flow: column wrap;
    }

    .competences_block .comp_item .red_img_block {
        margin-bottom: 50px;
    }
}

.login-page > .row {
    background-image: url(../images/form-bg.jpg), linear-gradient(to bottom, #f2f2f0 0%, #f2f2f0 44%, #f4f4f2 60%, #e9e9e7 100%);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto 100%;
    border-radius: 6px;
    display: flex;
    flex-flow: column wrap;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
}

@media (min-width: 768px) {
    .login-page > .row {
        background-image: url("../images/form-bg.png"), linear-gradient(to right, #eaeae9 0%, #dfe0dd 44%, #d8dbda 100%);
    }

    .login-page > .row > [class*="col"] {
        background: rgba(255, 255, 255, .3);
    }
}

.login-page > .row > [class*="col"] {
    padding-left: 20px;
    padding-right: 20px;
    background: rgba(255, 255, 255, .3);
}

.login-page .sky-form {
    box-shadow: none;
    color: #1a1a1a;
}


.login-page .sky-form footer {
    background: none;
}

.login-page .btn-wrapper {
    margin-bottom: 15px;
}

.login-page .sky-form .col-12 {
    padding-right: 0;
    padding-left: 0;
}

.login-page .sky-form .row {
    margin-left: 0;
    margin-right: 0;
}


.scroll-top-button {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 10px;
    font-family: Flaticon;
    font-size: 30px;
    font-style: normal;
    background: rgba(199, 12, 15, 0.46);
    border-radius: 6px;
    width: 48px;
    height: 48px;
    transform: rotate(180deg);
    align-items: center;
    justify-content: center;
    color: #ffffff;
    transition: background .3s;
    cursor: pointer;
    z-index: 1000;
}

.scroll-top-button:before {
    content: "\f106";
}

@media (min-width: 769px) {
    .scroll-top-button:hover {
        background: #C70C0F;
    }
}

.scroll-top-button.--show {
    display: inline-flex;
}

#lz_overlay_wm {
    opacity: 0;
    pointer-events: none;
}

#livezilla_wm .lz_overlay_wm_icon {
    pointer-events: none;
}
#livezilla_wm:hover .lz_overlay_wm_icon {
    transform: rotate(7deg);
}

#lz_overlay_wm.--show {
    opacity: 1;
    pointer-events: auto;
}

.scroll-top-button.--with-sticky {
    bottom: 86px;
}
#referenzen_list  .more-references{
    display: none;
}

.profile-page .profile-btn-wrapper{
    text-align: center;
}

.profile-page .profile-btn-wrapper button{
    width: 470px;
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    display: inline-block;
}

.profile-page div[data-name="applications"] .row.d-flex.flex-wrap:after,
.profile-page div[data-name="applications"] .row.d-flex.flex-wrap:before{
    display: none;
}

.sky-form .social-top{
    position: relative;
    text-align: center;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.sky-form .social-top:after{

    display: block;
    content:'';
    background: rgba(0,0,0,.1);
    flex-grow: 1;
    height: 1px;
}
.sky-form .social-top:before{
    display: block;
    content:'';
    background:rgba(0,0,0,.1);
    flex-grow: 1;
    height: 1px;
}


.sky-form .social-top span{
    z-index: 1;
    padding: 0 8px;
}

.mt-5 {
    margin-top: 40px;
}

@media (min-width: 769px) {
    .mt-sm-0 {
        margin-top: 0;
    }
}

/**
    Start the 'PHOTO GUIDE' page styles
**/

.faq-item__description .photo-guide {
    padding: 10px 0;
}

.photo-guide--wiki {
    padding: 0 10px;
}

@media (min-width: 768px) {
    .photo-guide--wiki {
        padding: 0;
    }
}

.photo-guide .photo-guide__container {
    padding: 55px 10px;
}

@media (min-width: 768px) {
    .photo-guide .photo-guide__container {
        padding: 105px 40px 115px;
    }
}

@media (min-width: 1440px) {
    .photo-guide .photo-guide__container {
        padding: 105px 200px 115px;
    }
}

.photo-guide .photo-guide__title {
    font-weight: bold;
    font-size: 50px;
    line-height: 55px;
    color: #000000;
    text-align: center;
    margin-bottom: 25px;
}

.photo-guide .photo-guide__content-text {
    font-size: 16px;
    line-height: 22px;
    color: #000000;
}

.photo-guide .photo-guide__content-text p {
    margin-top: 16px;
}

@media (min-width: 768px) {
    .photo-guide .photo-guide__content-text {
        font-size: 22px;
        line-height: 33px;
    }

    .photo-guide .photo-guide__content-text p {
        margin-top: 20px;
    }
}

.photo-guide .photo-guide__content-text p:first-child {
    margin-top: 0;
}

.photo-guide .photo-guide__content-options {
    padding: 21px 0;
}

.photo-guide .photo-guide__options-head {
    display: flex;
    align-items: center;
    padding-bottom: 30px;
}

@media (min-width: 768px) {
    .photo-guide .photo-guide__content-options {
        padding: 55px 0;
        margin: 0 -15px;
        display: flex;
    }

    .photo-guide .photo-guide__options-head {
        display: block;
        padding-bottom: 0;
    }
}

@media (min-width: 768px) {
    .photo-guide .photo-guide__options {
        flex: 0 0 50%;
        padding: 0 15px;
    }
}

.photo-guide .photo-guide__content-options--faq {
    padding: 0 0 15px;
    display: block;
}

@media (min-width: 1024px) {
    .photo-guide .photo-guide__content-options--faq {
        margin: 0 -15px;
        display: flex;
    }
}

.photo-guide .photo-guide__options-inner {
    background: #ECECEC;
    height: 100%;
    padding: 30px 20px;
}

@media (min-width: 768px) {
    .photo-guide .photo-guide__options-inner {
        padding: 60px 30px;
    }
}

.photo-guide .photo-guide__options--left {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .photo-guide .photo-guide__options--left {
        margin-bottom: 0;
    }
}

.photo-guide .photo-guide__options--faq {
    margin-bottom: 10px;
}

@media (min-width: 1024px) {
    .photo-guide .photo-guide__options--faq{
        margin-bottom: 0;
    }
}

.photo-guide .photo-guide__options-logo {
    flex: 0 0 70px;
    margin-right: 30px;
}

.photo-guide .photo-guide__options-logo img {
    max-width: 100%;
}

@media (min-width: 768px) {
    .photo-guide .photo-guide__options-logo {
        text-align: center;
        margin-right: 0;
    }
}

.photo-guide .photo-guide__options-title {
    font-weight: bold;
    font-size: 40px;
    line-height: 44px;
    color: #000000;
    font-family: "BebasBold";
}

@media (min-width: 768px) {
    .photo-guide .photo-guide__options-title {
        padding: 54px 0 60px;
        text-align: center;
        font-size: 34px;
        line-height: 37px;
    }
}

.photo-guide .photo-guide__options-list li {
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin-top: 15px;
    padding-left: 26px;
    position: relative;
}

@media (min-width: 768px) {
    .photo-guide .photo-guide__options-list li {
        font-size: 22px;
        line-height: 33px;
        margin-top: 16px;
        padding-left: 42px;
    }
}

.photo-guide .photo-guide__options-list li:first-child {
    margin-top: 0;
}

.photo-guide .photo-guide__options-list li i {
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 16px;
}

@media (min-width: 768px) {
    .photo-guide .photo-guide__options-list li i {
        top: 3px;
        font-size: 26px;
    }
}

.photo-guide .photo-guide__options--left .photo-guide__options-list li i{
    color: #27AE60;
}

.photo-guide .photo-guide__options--right .photo-guide__options-list li i{
    color: #C70C0E;
}

/**
    END the 'PHOTO GUIDE' page styles
**/
.slick-slider button{
    z-index: 1;
    width: 50px;
    height: 50px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    background: #fff;
    text-align: center;
    line-height: 50px;
    transition: all 0.2s;
    border-radius: 25px;
}

.slick-list {
    width: 100%;
}

.slick-slider button:hover{
    background: #ffffff8f;
}
.slick-slider button::before{
    content: '';
    height: 16px;
    width: 28px;
    background: url(../images/nucleo_outline.svg) no-repeat -81px -6px / 147px;
    margin: 18px 0 0 6px;
    display: block;
}
button.slick-prev { left: 16px; }
button.slick-next { right: 16px; }

button.slick-prev::before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
button.slick-next::before {
    margin: 15px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.slick-model-card .slick-track,
.slick-categories-card .slick-track
{
    height: 600px;
}

.slick-model-card .item div,
.slick-categories-card .item div
{
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    display: flex;
    justify-content: center;
}

.slick-categories-card a{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-family: "BebasBold";
    width: 100%;
}

.hover-button:hover::before {
    opacity: 1;
    transform: scale(1);
}

.hover-button::before{
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: scale(0, 1);
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    content: "";
    opacity: 0;
    transition: opacity 0.5s, transform 0.5s;
    pointer-events: none;
}

.hover-button {
    padding: 14px;
    background: #2b2b2b9e;
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
    margin-bottom: 15px;
    position: relative;
}

.hover-image span.model-info {
    font-size: 17px;
    padding: 0px 3px;
}

.model-info {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px #fff solid;
    padding: 7px 0;
    font-size: 15px;
    line-height: initial;
}

.line-dotted {
    border-bottom: 2px dotted #ccc;
}


/*************************************************************/
/* Model's SED-card                                          */
/*************************************************************/
.model-name {
    margin-top: 50px;
}
.model-name span {
    white-space: nowrap;
}

.model-name h1 { color: #7b7b7b; }
.model-name h1 b { color: var(--main-black-color); }

.flex-row.sedcard-row .sedcard-col {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

.sedcard-block {
    margin-bottom: 50px;
}

.secondary-title.card-info-title {
    margin-bottom: 10px;
}
.single.single-cpt-model .card-info-actions {
    padding: 20px 0;
}

.card-info .model-info{
    padding: 10px 0;
    margin-bottom: 1px;
    border: 0 none;
    font-size: 25px;
    color: var(--main-black-color);
    position: relative;
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    justify-content: flex-start;
}
.card-info .model-info::before {
    content: '';
    position: absolute;
    display: block;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--bg-gray-color);
}
.card-info .model-info:last-child::after{
    content: '';
    position: absolute;
    display: block;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--bg-gray-color);
}

.card-info-wrapper {
    background-color: var(--main-white-color);
    display: flex;
    flex-direction: column;
}
.card-info-wrapper .card-info {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
}
.card-info-wrapper .card-info:after {
    content: '';
    display: block;
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(180deg,rgba(255,255,255,.001), #fff);
    pointer-events: none;
}
.card-info-wrapper .card-info-title-icon {
    display: none;
    transition: transform .3s;
    transform: rotate(180deg);
}
.card-info-wrapper .card-info-title-icon svg path {
    fill: currentColor;
}

.card-info .model-info span {
    -ms-flex: 1;
    flex: 1;
    font-size: 18px;
    line-height: 31px;
}
.card-info .model-info span:last-child {
    font-weight: bold;
}

.card-info-actions .pdfbutton-wrapper {
    display: flex;
    align-items: center;
}
.card-info-actions > * {
    margin-bottom: 10px;
}
.card-info-actions > *:last-child {
    margin-bottom: 0;
}

.card-info-actions a,
.card-info-actions .pdfbutton,
.card-info-actions .share-link {
    width: 100%;
    display: flex;
    align-items: center;
    font-family: "BebasBold", sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-decoration: underline;
    line-height: 1;
    color: var(--main-black-color);
    cursor: pointer;
}
.card-info-actions img,
.card-info-actions svg {
    margin-right: 10px;
    width: 38px;
    height: auto;
}

.tags-model {
    display: flex;
    flex-flow: row wrap;
    column-gap: 10px;
    row-gap: 10px;
}
.tags-model .tag-model_link {
    padding-left: 29px;
    padding-right: 29px;
}

.single.single-cpt-model .model-gallery {
    margin: -5px -5px 0;
    padding: 0;
}
.single.single-cpt-model .model-gallery .grid-item {
    padding: 5px;
}

.video-header{
    margin: 50px 0 15px;
    font-weight: bold;
    font-size: 23px;
}

.single-cpt-model .share-popup {
    position: absolute;
    padding: 10px 20px;
    left: -20px;
    right: -20px;
    bottom: 10px;
    font-family: "BebasBold", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
    background-color: var(--main-white-color);
    border-radius: 5px;
    box-shadow: 0 -2px 13px rgba(0, 0, 0, 0.17);
    z-index: 10001;
}

.single-cpt-model .contact_link_wrapper .contact_link{
    background: var(--main-red-color);
    color: var(--main-white-color);
}
.single-cpt-model .contact_link_wrapper .contact_link:hover{
    background: var(--main-white-color);
    color: var(--main-black-color);
}
/* ... end of Model's SED-card                               */


.home .category-desc .description {
    margin-top: 0;
}

.category-desc {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.category-desc .description{
    width: 85%;
    line-height: 30px;
    font-size: 22px;
    margin-top: 70px;
}

/*************************************************************/
/* Other categories slider                                   */
/*************************************************************/
.other-categories {
    margin-top: 30px;
}

.other-categories-heading {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase;
}

.swiper-other-categories-container .swiper {
    margin: 0 -20px;
}

.swiper-other-categories-container .swiper::before,
.swiper-other-categories-container .swiper::after {
    content: '';
    position: absolute;
    top: 0;
    display: block;
    width: 40px;
    height: 100%;
    z-index: 11;
    pointer-events: none;
}
.swiper-other-categories-container .swiper::before {
    left: 0;
    background: linear-gradient(270deg,rgba(255,255,255,.001), #ececec);
}
.swiper-other-categories-container .swiper::after {
    right: 0;
    background: linear-gradient(90deg,rgba(255,255,255,.001), #ececec);
}

.other-categories .swiper-wrapper {
    transition-timing-function: linear !important;
}

.other-categories .swiper-slide {
    width: auto !important;
}

.slick-other-categories_link:hover {
    color: inherit;
}

.btn_white-active-black {
    display: block;
    font-family: "BebasBold", sans-serif;
    font-size: 20px;
    background-color: #fff;
    margin: 1px 0;
    border-radius: 5px;
    padding: 10px 20px;
    white-space: nowrap;
    line-height: 28px;
    position: relative;

    transition: background-color .2s ease-in-out, color .4s ease-in-out;
}
.btn_white-active-black.active,
.btn_white-active-black:hover,
.btn_white-active-black:focus {
    background-color: #000;
    color: #fff;
}

.other-categories .swiper-button-next,
.other-categories .swiper-button-prev {
    display: none;
    position: initial;
    margin-top: 0;
    width: 50px;
    height: 50px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    background: #fff;
    text-align: center;
    line-height: 50px;
    transition: all 0.2s;
    border-radius: 25px;
}

.other-categories .swiper-button-next::after,
.other-categories .swiper-button-prev::after {
    font-size: 24px;
    font-weight: 400;
    color: #000;
}

.other-categories .swiper-button-next:hover,
.other-categories .swiper-button-prev:hover {
    opacity: 0.6;
}


/*************************************************************/
/* Block with tags in categories                             */
/*************************************************************/
.tags-models {
    margin-top: 56px;
    margin-bottom: 40px;
    padding: 30px 0;
}
.tags-models_inner {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    row-gap: 10px;
    column-gap: 10px;
    max-height: 310px;
    overflow: hidden;

    transition: height .4s ease-in-out;
}
.tags-models_inner.scrolled {
    position: relative;
    margin-bottom: 20px;
    overflow: auto;
}
.tags-models_inner.scrolled:after {
    content: '';
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: linear-gradient(180deg,rgba(255,255,255,.001), #fff);
    pointer-events: none;
}
.tags-models .showmore_wrapper {
    display: none;
    justify-content: center;
    margin-top: 16px;
    text-transform: uppercase;
}
.tags-models .showmore_wrapper.show {
    display: flex !important;
}
.tags-models .showmore_wrapper .showmore {
    padding: 10px 23px;
    width: auto;
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
    font-family: "BebasBold", sans-serif;
    cursor: pointer;
}
.showmore_wrapper .arrow-down-icon {
    margin-left: 10px;
    line-height: 10px;
    font-size: 10px;
    transition: transform .3s ease-in-out;
}
.tags-models_inner.scrolled ~ .showmore_wrapper .arrow-down-icon {
    transform: rotate(-180deg);
}

.tag-model_link,
.tags-models_inner > span {
    font-size: 20px;
    font-weight: bold;
    background: var(--main-gray-color);
    border-radius: 5px;
    padding: 14px 20px;
    white-space: nowrap;
    line-height: 1;
    position: relative;
}
.tags-models_inner > span:first-child {
    padding: 10px 23px 10px 0;
    line-height: 28px;
    background: none;
}
.tag-model_link {
    font-family: "BebasBold", sans-serif;
}
.tag-model_link:hover,
.tag-model_link.active {
    background: var(--main-red-color);
    color: #fff;
}
.tags-models_inner .tag-model_link {
    padding-right: 50px;
}
.tag-model_link .tag_count {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;

    width: 20px;
    height: 20px;
    top: 14px;
    right: 20px;
    font-family: "BebasBold", sans-serif;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    border-radius: 10px;
    background: #000;
}
/* ..end block with tags */

figure div.model-info{
    font-size: 14px;
}

figure .model-info div{
    padding: 0;
}

/*figure.effect-steve{*/
/*    display: none;*/
/*}*/

.post-gallery * {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.post-gallery .model-info {
    padding: 5px 3px;
}


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

.post-gallery .info .btn_to_card {
    font-size: 15px;
    border: 1px solid #fff;
    padding: 14px 5px;
    width: 100%;
    display: block;
    margin-top: 15px;
    border-radius: 5px;
}

/*************************************************************/
/* PORTFOLIO GRID                                            */
/*************************************************************/
.post-gallery {
    margin-top: 10px;
    padding: 0 10px;
}

.post-gallery .grid {
    margin-bottom: 20px;
    overflow: hidden;
}
.post-gallery .grid-item {
    width: 100%;
    padding: 10px 0;
}
.post-gallery .grid-item a {
    display: block;
}
.post-gallery .grid-item img {
    display: block;
    width: 100%;
    transition: .5s ease-in-out;
}
.post-gallery .grid-item img.lazy {
    opacity: 0;
}
.post-gallery .grid-item img.lazy.loaded {
    opacity: 1;
}
.post-gallery .grid-item.hover-image > a:first-child {
    background: rgb(236, 236, 236);
}
.post-gallery .grid-item.hover-image > a.allow-link {
    background: #000000d4;
}
.post-gallery .grid-item.hover-image a.allow-link img.lazy.loaded {
    opacity: .6;
}
.post-gallery .grid-item.hover-image > a.allow-link .info {
    transform: scale(1);
    opacity: 1;
}
.post-gallery .grid-item.hover-image a.allow-link ~ .casting-info {
    display: block;
    transform: scale(1);
    opacity: 1;
}

.post-gallery .grid-item .casting-info {
    position: absolute;
    bottom: 10px;
    transition: transform 0.5s ease 0s;
    transform: scale(0);
    opacity: 0;
    width: calc(100% - 20px);
}

.post-gallery .grid-item img:hover + figure {
    display: block;
    position: absolute;
    top: 0;
    margin: 0;
}

.post-gallery .grid-item a:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 0.6;
}

.category-gallery .grid-item{
    padding: 2px;
}

.category-gallery .wrapper-link{
    position: absolute;
    width: 100%;
    bottom: 20px;
    text-align: center;
}

.category-gallery .hover-button{
    padding: 0 15px;
    font-family: "BebasBold";
}

.category-gallery .grid-item a:hover img {
    opacity: 1;
}

.kartei-text_content.text_content {
    padding: 80px 0 50px;
}
.kartei-text_content.text_content .text_block {
    margin-top: 70px;
    padding: 0 20px;
}

.kartei-gallery {
    margin-top: 70px;
    margin-bottom: 10px;
    padding: 10px;
}
.kartei-gallery .grid-item {
    padding: 10px;
    width: 100%;
    height: 340px;
}
.kartei-gallery .grid-item .item-background {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
}
.kartei-gallery .grid-item a {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-family: "BebasBold", sans-serif;
    width: 100%;
}
.kartei-gallery .grid-item .hover-button {
    margin-bottom: 10px;
    padding: 8px 14px;
    font-size: 32px;
    line-height: 1;
}

/*************************************************************/
/* MEDIA QUERIES                                             */
/*************************************************************/
@media (min-width: 480px) {
    .post-gallery .grid {
        display: flex;
        flex-wrap: wrap;
    }
    .post-gallery .grid-item {
        width: 50%;
        padding: 10px;
    }
}
@media (max-width: 768px) {
    .post-gallery .grid-item .casting-info {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .post-gallery .grid-item {
        width: 33.33333333333333%;
    }
    .post-gallery .burger {
        display: none;
    }
    .post-gallery .header-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .post-gallery .info .btn_to_card {
        padding: 5px;
    }

    .kartei-gallery {
        margin-top: 80px;
        margin-bottom: 80px;
    }
    .kartei-gallery .grid-item {
        width: 50%;
    }
}
@media (min-width: 1200px) {
    .post-gallery {
        padding: 0;
    }

    .post-gallery .row {
        margin: 0;
    }

    .kartei-gallery .grid-item {
        width: 33.33333333333333%;
    }
    .kartei-gallery .grid-item.wide {
        width: 66.66666666666666%;
    }
    .kartei-gallery .grid-item.high {
        height: 680px;
    }

    .kartei-gallery .grid-item .hover-button {
        padding: 4px 14px;
        font-size: 40px;
    }
}
@media (min-width: 1440px) {
    .kartei-gallery .grid-item {
        height: 400px;
    }
    .kartei-gallery .grid-item.high {
        height: 800px;
    }
}
@media (hover: hover), (min-width: 0\0) {
    .post-gallery .grid-item.hover-image > a:first-child:hover {
        background: #000000d4;
    }
    .post-gallery .grid-item.hover-image a:hover img.lazy.loaded {
        opacity: .6;
    }
    .post-gallery .grid-item:hover .casting-info {
        display: block;
        transform: scale(1);
        opacity: 1;
    }
}


/*************************************************************/
/* Hover effect on category                                  */
/*************************************************************/
.hover-image a {
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    height: auto;
    text-align: center;
    background: #000000d4;
}
.hover-image a img {
    opacity: 1;
    transition: opacity 0.5s;
    position: relative;
    max-width: 100%;
    height: auto;
    display: block;
}
.hover-image a:hover img {
    opacity: 0.5;
}
.hover-image a > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.hover-image a > span::before,
.hover-image a > span::after {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    content: "";
    opacity: 0;
    transition: opacity 0.5s, transform 0.5s;
    pointer-events: none;
}

.hover-image a:hover > span::before,
.hover-image a:hover > span::after {
    opacity: 1;
    transform: scale(1);
}
.hover-image div img,
.hover-image div i,
.hover-image .info
{
    display: block;
    position: absolute;
    left: 10%;
    width: 80%;
    transition: transform 0.5s ease 0s;
    transform: scale(0);
    font-size: 48px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
}

.hover-image .info > b {
    display: flex;
    justify-content: center;
}

.hover-image .info b {
    font-size: 22px;
    padding-bottom: 5px;
}

.hover-image a:hover img,
.hover-image a:hover i
{
    transform: scale(1);
    opacity: 1;
}
@media (hover: hover), (min-width: 0\0) {
    .hover-image a:hover .info {
        transform: scale(1);
        opacity: 1;
    }
}

.item-main-slider {
    height: 867px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media (max-width: 768px) {
    .item-main-slider  {
        height: 250px;
    }
}

.flex-container {
    display: flex;
}

.row-column {
    margin: 30px 0;
}

.row-column strong{
    font-size: 25px;
    line-height: initial;
}

.column-2{
    float: left;
    width: 48%;
    padding: 10px;
    font-size: 18px;
    line-height: initial;
    padding-left: 0px;
    margin-right: 15px;
}
.row-column:after {
    content: "";
    display: table;
    clear: both;
}

.slick-slide{
    margin: 0 2px;
}

div.slick-dotted.slick-slider {
    margin-bottom: 80px;
}

ul.slick-dots li button::before{
    display: none;
}

.slick-slider .slick-dots {
    position: inherit;
}

ul.slick-dots  .slick-active button {
    background: #c8371c;
}

.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

.page-template-profile input:focus,
.page-template-profile select:focus,
.focus {
    box-shadow: 0 13px 0 -10px #FFFFFF, 0 -20px 0 -10px #FFFFFF, 13px 0 0 -10px #FFFFFF, -20px 0 0 -10px #FFFFFF, 0 0 0 2px #FF0000, 5px 5px 0 5px rgba(0,0,0,0);
    background: #fff;
    -webkit-appearance: none;
}

a.button {
    font-size: 0.7em;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease-out;
    background: #fff3;
}

.button:hover {
    background: #ffffff6e;
    color: #000;
}

/*************************************************************/
/* Overwrite video-js.css                                    */
/*************************************************************/
.page_content .video-js .vjs-big-play-button {
    font-size: 36px;
    line-height: 48px;
    height: 48px;
    width: 48px;
    background: var(--main-red-color);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: var(--main-white-color);
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: 0 none;
}
.page_content .video-js:hover .vjs-big-play-button,
.page_content .video-js .vjs-big-play-button:focus {
    transition: all .3s;
    border: 0 none;
    background: var(--main-red-color);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    transform: scale(1.2);
}
.page_content .video-js.vjs-has-started.vjs-paused .vjs-big-play-button {
    display: inline-block;
    background: transparent;
}
.page_content .vjs-big-play-centered .vjs-big-play-button {
    margin-top: -24px;
    margin-left: -24px;
}

.page_content .video-js .vjs-slider {
    background-color: var(--main-gray-color);
    background-color: rgba(236, 236, 236, .6);
}

.page_content .video-js .vjs-control-bar {
    flex-wrap: wrap;
    height: 4.5em;
    background-color: #3A3A3A;
    background-color: rgba(58, 58, 58, 0.39);
    background: linear-gradient(360deg, rgba(58, 58, 58, 0.39) 0%,
                                        rgba(58, 58, 58, 0.375875) 22.05%,
                                        rgba(58, 58, 58, 0.338972) 42.05%,
                                        rgba(58, 58, 58, 0.21352) 60.85%,
                                        rgba(58, 58, 58, 0.0748784) 79.65%,
                                        rgba(58, 58, 58, 0) 92.14%);
}
.page_content .video-js .vjs-control {
    height: 3em;
}
.page_content .video-js .vjs-volume-panel {
    width: 10em;
}
.page_content .video-js .vjs-volume-panel .vjs-volume-control {
    width: 5em;
    height: 3em;
    opacity: 1;
}
.page_content .video-js .vjs-volume-level:before {
    font-size: 1em;
}
.page_content .video-js .vjs-progress-control {
    height: 1.5em;
    width: 100%;
    order: -1;
}
.page_content .video-js .vjs-progress-holder {
    height: 0.4em;
}
.page_content .video-js .vjs-load-progress {
    background-color: var(--main-gray-color);
    background-color: rgba(236, 236, 236, .6);
}
.page_content .video-js .vjs-load-progress div {
    background-color: #B7B7B7;
    background-color: rgba(236, 236, 236, .6);
}
.page_content .video-js .vjs-play-progress {
    color: var(--main-red-color);
    background-color: var(--main-red-color);
}
.page_content .video-js .vjs-play-progress:before {
    font-size: 1.2em;
}
.page_content .video-js .vjs-time-control {
    flex: auto;
    text-align: left;
}

.page_content .vjs-button > .vjs-icon-placeholder:before {
    font-size: 2em;
    line-height: 1.5;
}
/* ...end of Overwrite video-js.css                          */

.card-info-title {
    padding-left: 27px;
    position: relative;
    display: block;
}

.card-info-title::before {
    content: '';
    width: 20px;
    height: 20px;
    background: url(../images/info-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

@media (max-width: 1440px) {
    .card-info-title {
        padding: 20px 10px 20px 27px !important;
    }
}