:root {
    --c-white:#fff;
    --c-black:#000;
    --c-main:#E41F26;
    --c-sec:#224897;
}
.c_main{color: var(--c-main);}
.c_sec{color: var(--c-sec);}
.c_white{color:#fff;}
.c_black{color:#000;}

@font-face {
font-family: 'montserratblack';
src: url('../foante/montserrat-black-webfont.woff2') format('woff2'),
url('../foante/montserrat-black-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'montserratbold';
src: url('../foante/montserrat-bold-webfont.woff2') format('woff2'),
url('../foante/montserrat-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'montserratlight';
src: url('../foante/montserrat-light-webfont.woff2') format('woff2'),
url('../foante/montserrat-light-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'montserratmedium';
src: url('../foante/montserrat-medium-webfont.woff2') format('woff2'),
url('../foante/montserrat-medium-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'montserratregular';
src: url('../foante/montserrat-regular-webfont.woff2') format('woff2'),
url('../foante/montserrat-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'montserratsemibold';
src: url('../foante/montserrat-semibold-webfont.woff2') format('woff2'),
url('../foante/montserrat-semibold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/*end foante*/

body{
font-family: 'montserratregular';
font-size: 15px;
background: #fff;
color: #000;
}
/*HELPERS*/
a{color: var(--c-main);}
a:hover{
color: var(--c-main);
-webkit-transition: all 0.2s linear;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
-webkit-transition-delay: initial;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
a, a.active, a:hover {outline-style: none;text-decoration: none;}
ul{list-style-type: none;padding: 0;margin: 0;}
p{margin:0;}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
word-spacing: 0px;
margin: 0;
padding: 0;
color: var(--c-sec);
}
.d_100{display: inline-block;width: 100%;}
.d_auto{display: inline-block;width: auto;}
.d_iblock{display: inline-block;}
.marg00{margin-right: 0;margin-left: 0;}
.marg9{margin-top: 9px;margin-bottom: 9px;}
.tmarg9{margin-top: 9px;}
.bmarg9{margin-bottom: 9px;}
.marg15{margin-top: 15px;margin-bottom: 15px;}
.tmarg15{margin-top: 15px;}
.bmarg15{margin-bottom: 15px;}
.marg20{margin-top: 20px;margin-bottom: 20px;}
.tmarg20{margin-top: 20px;}
.bmarg20{margin-bottom: 20px;}
.marg30{margin-top: 30px;margin-bottom: 30px;}
.tmarg30{margin-top: 30px;}
.bmarg30{margin-bottom: 30px;}
.marg40{margin-top: 40px;margin-bottom: 40px;}
.tmarg40{margin-top: 40px;}
.bmarg40{margin-bottom: 40px;}
.pad00{padding-left: 0; padding-right: 0;}
.pad15 {padding-top: 15px;padding-bottom: 15px;}
.pad20 {padding-top:20px;padding-bottom:20px;}
.pad30{padding-top: 30px;padding-bottom: 30px;}
.pad40{padding-top: 40px;padding-bottom: 40px;}
.pad50{padding-top: 50px;padding-bottom: 50px;}
.p-oriz-5{padding-left: 5px;padding-right: 5px;}
.t-bold{font-weight: bold;}
.overflow{overflow: hidden;}
.relative{position:relative;}
figure {margin: 0;}

h1 {
margin-bottom: 30px;
font-size: 45px;
font-family: 'montserratbold';
}
.main_title {
font-size:45px;
text-transform: uppercase;
color: #fff;
margin:50px 0 0 0;
}
h2 {
font-size: 30px;
font-family: 'montserratbold';
}
h3 {font-size: 20px;}

@media (max-width: 1200px) {
    h1 {
    margin-bottom:20px;
    font-size:30px;
    }
    .main_title {margin:30px 0 0 0;font-size:35px;}
    h2 {font-size:23px;}
    h3 {font-size:18px;}
}
@media (max-width: 768px) {
    h1 {
    margin-bottom:20px;
    font-size:25px;
    }
    .main_title {margin:30px 0 0 0;font-size:30px;}
    h2 {font-size:18px;}
    h3 {font-size:16px;}
}

/*Colorbox*/
#cboxLoadedContent {
  border: 5px solid #777;
  background: #fff;
  width: 90% !important;
  display: block;
  margin: 0 auto;
}

.oc-flash-message.success {background: var(--c-main) !important; color: #fff;}

.package-btn {text-align: center;}
.vs-btn {
background-color: var(--c-main);
color: #fff;
line-height: 1;
text-transform: uppercase;
display: inline-block;
padding: 17px 28px;
border: none;
position: relative;
z-index: 1;
text-align: center;
}
.vs-btn:after,
.vs-btn:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
background-color: var(--c-main);
z-index: -1;
width: 53%;
height: 0;
transition: all ease .4s;
opacity: 0;
visibility: hidden;
}
.vs-btn:after {
right: 0;
top: 0;
left: auto;
bottom: auto;
}
.vs-btn:hover {
color: #fff;
}
.vs-btn:hover:before,
.vs-btn:hover:after {
height: 100%;
opacity: 1;
visibility: visible;
}
.vs-btn.style3 {
margin: 7px 0;
padding: 17px 36.5px;
background-color: var(--c-sec);
line-height: 19px;
}
.vs-btn.style3:before,
.vs-btn.style3:after {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
height: auto;
opacity: 1;
visibility: visible;
transition: all ease .4s;
background-color: rgba(0, 0, 0, 0);
}
.vs-btn.style3:before {
transform: scaleY(1.3) scaleX(0.81);
border: 1px solid rgba(19, 43, 51, .25);
z-index: -2;
}
.vs-btn.style3:after {
transform: scale(1);
z-index: -1;
background-color: var(--c-main);
opacity: 1;
visibility: visible
}
.vs-btn.style3:hover {
color: #fff;
}
.vs-btn.style3:hover::before {
border-color: var(--c-sec);
transform: scaleY(1) scaleX(1)
}
.vs-btn.style3:hover::after {
opacity: 0;
visibility: hidden;
transform: scaleY(0.3) scaleX(0.58)
}
@media (max-width: 576px) {
    .vs-btn {padding: 12px 15px;}
}

/*FOOTER*/
.the_foot,.the_foot a { color:#fff; font-size: 14px;}
.the_foot a:hover {color:var(--c-main); font-size: 14px;}
.the_foot {background-color:#33414D;}
.politici ul {display: flex; justify-content: center;}
.politici ul li {padding: 3px 7px;}

/*PARAGRAPHS TEMPLATE*/
.paragraph{flex-wrap: wrap;}
.parag_lft{flex-direction: row-reverse;}
.flex-item-big {flex-basis:65%;}
.flex-item-sm {flex-basis:35%;}
@media (max-width: 1200px) {
    .flex-item-big {flex-basis:60%;}
    .flex-item-sm {flex-basis:40%;}}
@media (max-width: 992px) {
    .flex-item-big {flex-basis:50%;}
    .flex-item-sm {flex-basis:50%;}
}
@media (max-width: 768px) {
    .flex-item-big,
    .flex-item-sm {flex-basis:100%;}
}
.par_img {padding: 15px;}
/*end*/

/*FORMULARE*/
.dep_elem {margin-bottom: 5px;}
.name_dep {
color: var(--c-main);
text-transform: uppercase;
}
.sec_forms .form-group {margin-bottom: 15px;}
.sec_forms .form-group .form-control {
font-size: inherit;
font-weight: inherit;
line-height: 1.5;
color: #000;
background-color: #fff;
border-right: 0 solid var(--c-main);
border-left: 0 solid var(--c-main);
border-top: 0 solid var(--c-main);
border-bottom: 1px solid var(--c-main);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
.sec_forms .form-control.form-textarea{
border-right: 1px solid #eee;
border-left: 1px solid #eee;
border-top: 1px solid #eee;
}
.upload-button {
border: 1px dashed var(--c-main);
border-radius: 0 0 0 0;
font-size: 12px;
}
/*END formulare*/
#agreegdpr {font-style:italic; }
#agreegdpr a {color:var(--c-sec);}
#agreegdpr a:hover {color:var(--c-mainlight);}
.help-block.with-errors {
color: var(--c-main);
font-size: 12px;
font-style: italic;
}
.paragraph {margin-top: 15px;}

.sec_top {
background-color: var(--c-sec);
padding:5px 50px;
justify-content: space-evenly;
align-items: center;
}
.the_header {
/*padding-bottom:30px;*/
border-bottom:3px solid transparent;
border-image: linear-gradient(to right, var(--c-main), var(--c-sec), var(--c-sec), var(--c-main), var(--c-sec), var(--c-sec), var(--c-main), var(--c-sec), var(--c-sec), var(--c-main), var(--c-sec), var(--c-sec));
border-image-slice: 1;
}

.btn_logout {
width: 132px;
font-size:13px;
border: 1px solid #fff;
padding:7px;
display: flex;
align-items: center;
margin-left: 20px;
border-radius: 0 0 15px 0;
}
.btn_logout span {
color:#fff;
font-style: italic;
padding: 0 0 0 7px;
}
.btn_logout:hover {
background-color: var(--c-main);
}
.btn_logout:hover .fa_size{color: #fff;}
.label_userlgd {
color: #fff;
font-size: 13px;
font-style: italic;
}
.video_name {
color: var(--c-main);
font-family: 'montserratbold';
}
.fa-sz1 {font-size: 18px;}
.fa-sz1, .fa_home,.fa_xs,.fa_size,.fa_down {color: var(--c-main);}
.fa_size{
font-size: 21px;
margin-right: 3px;
}
.fa_xs {
font-size:12px;
margin: 0 5px 0 0;
}
.fa_down {font-size:30px;}
.fa_home {font-size: 45px;}
.box_wrap {padding: 0 15px;}
.box_file,
.box_video {
background-color: #fff;
border: 1px solid #ededed;
border-radius: 4px;
box-shadow: 0 1px 1px 0 #0003;
display: flex;
width: 100%;
position: relative;
/*transition: all .2s ease;*/
background-color: #f7f7f7;
justify-content: space-between;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.box_video {
justify-content: normal;
flex-direction: column;
}
.box_video:hover,
.box_file:hover {
-webkit-transform: translateY(5px);
transform: translateY(5px);
-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.1);
box-shadow: 0 5px 5px rgba(0,0,0,.1);
}
.box_sublevel {
padding: 20px;
flex-direction: column;
width:85% !important;
}
.btn_icon {
padding: 20px;
display: inline-flex;
width:15% !important;
background-color: #ddd;
justify-content: center;
align-items: center;
}
.btn_icon:hover .fa_down,
.btn_icon:hover {color: var(--c-sec) !important;}
.video_name {
padding: 9px 25px;
}
.one_mats {
padding: 30px;
background-color: #fff;
border: 1px solid #ededed;
border-radius: 4px;
box-shadow: 0 1px 1px 0 #0003;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.one_mats:hover {
-webkit-transform: translateY(5px);
transform: translateY(5px);
-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.1);
box-shadow: 0 5px 5px rgba(0,0,0,.1);
}


.fxt-form-content .login-collapse #inputPassword,
.fxt-form-content .login-collapse #inputEmail {
background-color: #f7f7f7;
}