@font-face {
	font-family: 'Text';
	src: url('../fonts/Raleway-Regular.ttf')  format('truetype') ;
}

@font-face {
	font-family: 'Title';
	src: url('../fonts/Raleway-Regular.ttf')  format('truetype') ;
}
@font-face {
	font-family: 'Bold';
	src: url('../fonts/Raleway-Bold.ttf')  format('truetype') ;
}

body {
	font-family: 'Text'; 
}

b, strong, .mainnavi .level_1 a, .mainnavi .level_1 strong {
	font-family: 'Bold'; 
}

h1 {font-weight: normal; font-family: 'Title'}

h1 { font-size: 60px; margin: 10px 0 20px 0; padding: 0 0 10px 0; font-weight: 200; text-transform: none; }
h2 { font-size: 36px; margin: 0 0 10px 0; padding: 0 0 20px 0;  font-weight: 400; text-transform: uppercase;  }
h2 { font-size: 24px; margin: 0 0 10px 0; padding: 0 0 20px 0;  font-weight: 400; text-transform: uppercase;  }

h3, .mod_newslist h2, .mod_newsreader h2, .ce_comments h2, .mod_eventlist h2 {
    font-size: 18px;
    margin: 0.8rem 0;
    padding: 0 0 20px 0;
    text-transform: uppercase;
}

h4 { font-size: 18px; margin: 0 0 10px 0; padding: 0 0 20px 0; text-transform: uppercase;  }

.mod_newslist h2,
.mod_newsreader h2, 
.ce_comments h2,
.mod_eventlist h2
{ padding: 0; }

h2 a { font-weight: bold; }

.text-center h1:after, .text-center  h2:after ,
h1.text-center:after, h2.text-center:after 

{ margin-left:auto; margin-right: auto; }


.p-img { padding: 150px; }
.p-overlay { margin-top: 0px; }
.fullwidth  p { color: #fff; font-size: 1.2rem; font-weight: 400; }
.fullwidth h1 { color: white; border: none; font-size: 60px; text-transform: uppercase; }
a.btn { text-transform: uppercase; font-size: 14px; background: #FFC600; border-radius: 50%;}

a.btn,
.submit {border: 0; padding: 10px; background: #333; font-weight: normal; color: white; 
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	
	transition: background .2s;
}

#newsletter-50  h4 { font-size: 0px; }
#newsletter-50  input { text-align: center; }
#newsletter-50  input.text {margin: 0 0 10px }

#rosaslider { font-size: 20px; }
#rosaslider .slider-control { display: none; }

footer h3 { font-size: 16px; margin-bottom: 10px; padding-bottom: 10px; }


.mainnavi { position: relative; /*z-index: 99; */ float: right; } 
.mainnavi .level_1 { text-align:center; }
#header .mod_navigation ul { overflow: hidden;  }
.mainnavi .level_1 a, .mainnavi .level_1 strong { padding: 0px 20px ; display: inline-block; position:relative; text-decoration:none; color: #fff; text-transform:uppercase; font-weight:bold ;}
.mainnavi .level_1 li { }

.fullwidth a {
  background: none repeat scroll 0 0 #ffc600;
  color: #1a2d39;
  font-weight: 700;
  padding: 8px 24px;
  text-transform: uppercase;
}

.facts h1 {font-size: 70px; }


#footer input, #footer textarea { background: #222222; border-color: #000; border: 0 none;
-moz-transition: background .5s;
-webkit-transition: background .5s;
transition: background .5s;
}
#footer input.text:hover, #footer textarea:hover, #footer input.text:focus, #footer textarea:focus { background: white; }

#footer h3 { color: #494949; border-bottom: 1px solid #222222; padding-bottom: 10px; }
#footer a {
	-moz-transition: color .5s, background .5s; 
	-webkit-transition: color .5s, background .5s; 
	transition: color .5s, background .5s; 
}
	
#footer a:hover { color: white; }
.copyrightnote p { color: #494949; }

footer ul { list-style-type: none; margin: 0; padding: 0; }
.btn { border: 1px solid #666; }

.mod_login, .ce_comments { padding: 20px; background: #e7e7e7; }

p.more, p.back {display: inline-block; font-size: 10px; text-transform: uppercase; font-weight: 400; }
.mod_eventlist div.header a, p.more a, p.back a, p.info a { color: #fff; display: inline-block; padding: 3px 10px; }
.mod_eventlist div.header, p.info {padding: 0 0 5px; border-bottom: 2px solid;  font-size: 10px; display: inline-block; }

.comment_default .reply {margin-left: 50px; }

.multicell { border-top: 4px solid #ccc; }
.multicell .ce_text  { padding: 10px 0; margin: 10px 0; border-bottom: 1px solid #ccc; }
.multicell h2, .multicell h1, { margin-top:0; padding-top:0; }

/*.fullwidth .content-slider .ce_text { padding: 200px 0;  } */

.socials a { display: block; float: left; padding: 10px; margin: 0 1px;
}


input.text, textarea, select {  padding: 10px; border-color: #ccc; }
input.text:hover, textarea, select:hover  { border-color: #999; }

footer .footercontainer, footer .footercontainer  .container  {margin-bottom:0!important; }


/* ========================== */
#slider h3 { font-size: 35px; text-transform: uppercase; font-weight: 300; line-height: 150%; }

.bangb1 { 
	padding: 2% 0;
	background: rgba(27,45,57,1); 
}

body.home .bangb1 {
    background: transparent;
    position: absolute;
    z-index: 9;
    width: 100%;
}

body .bangb1.fixedTop {
    background-color: rgba(27,45,57,1);
    position: fixed; z-index: 999;
    width: 100%;
    padding: 1% 0;
}

.devider { border-bottom: 1px solid #ccc; padding-bottom: 50px; }

a.btn, .submit { text-transform: uppercase; font-weight: 700; font-size: 14px; padding: 8px 15px; }
a.btn:hover, .submit:hover { background: rgba(0,0,0,0.3); }
.more a, .back a { font-size: 13px; }

.InsideOut { color: #525353; padding-top: 50px; }
.InsideOut  h2, .InsideOut  h3 { text-transform: uppercase; font-weight:700; color: #fff; } 
.InsideOut .image_container { display:inline-block; padding: 20px; margin-bottom: 20px; border-radius: 50%;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.InsideOut .image_container:hover { background: none!important; }

footer { background: none; border-top: 1px solid #c0c4c8;  }
.footercontainer  { padding: 20px 0; }
.footersocials a { padding: 1px 5px 5px; margin: 0 5px; 
	-moz-transition: all .5s; 
	-webkit-transition: all .5s; 
	transition: all .5s; 
}
.footersocials a:hover  { background: none!important; }


a, .btn { 
	text-decoration: none;
	-moz-transition: all 250ms cubic-bezier(0, 0.765, 0.19, 0.92) 0s; 
	-webkit-transition: all 250ms cubic-bezier(0, 0.765, 0.19, 0.92) 0s; 
	transition: all 250ms cubic-bezier(0, 0.765, 0.19, 0.92) 0s; 
}
input.submit:hover,
input.submit:focus,
.btn:hover, .btn:focus { background: none; }

#facts h2.ce_headline  { margin:0!important; }
#facts h3 { font-size: 60px; margin: 0; padding: 0; }

#our-team h3 { font-size: 22px; font-weight: 200; padding-bottom: 5px; }  
#our-team h4 { text-transform: uppercase; padding: 0 0 15px; margin: 0; font-weight: bold; font-size: 14px; }


.fullBgVideo iframe { width: 100%; }

.mainnavi > ul.level_1 > li.submenu > span:nth-last-child(2):after,
.mainnavi > ul.level_1 > li.submenu > a:nth-last-child(2):after {
    content: "\F282";
    margin-left: 10px;
    font-family: 'Bootstrap-Icons';
    font-size: 9px;
}

@media screen and (max-width: 767px) {
	.mainnavi > ul.level_1 > li.submenu > span:nth-last-child(2):after,
	.mainnavi > ul.level_1 > li.submenu > a:nth-last-child(2):after {
		content: "";
	}
	.mainnavi .level_1 strong.aftrelink {
		display: none;
	}
}

.bgStyle {
  background-attachment: fixed;
  background-size: cover;
  padding: 220px 0;
}

#header .mainnavi ul.level_3 li a, 
#header .mainnavi ul.level_3 li span { padding: 2px 0 2px 50px; font-size: 11px; }

.home .fixedTop, .fixedTop {
	background-color: rgba(27,45,57,1);
	position: fixed;
}

.mod_subscribe .submit,
.mod_search .submit {
	position: absolute;
	top: 0;
	right: 0;
}

input.captcha, input.text, textarea, select {
	width: 100%;
	padding: 12px !important;
	color: #000;
	border: 1px solid #e7e7e7 !important;
}

.mod_subscribe .submit {
	padding: 13px;
}

.bangb2 {
	position: absolute;
	top: 30%;
	color: white;
	width: 100%;
}

.flexible img { width: 100%; }


/**** contao completition  *****/
.content-text img,
.content-image figure img { max-width:unset; height:auto; }
.widget { margin-bottom: 1rem }
figure { margin: 0 } 
.invisible { display: none; }
div, a, a.btn { transition: .2s all ; }
.small .rte p { font-size: .85rem; }
a { color:var(--grey2) }
a:hover { color:var(--color1) }
iframe  { width:100% }
.small, small {    font-size: 85%!important; }
p.more a,
.btn {
    border: none;
    border-radius: var(--br);
    color: var(--white);
    font-size: .75rem;
    padding: .75rem 1rem;
    text-transform: uppercase;
    letter-spacing: .15rem;
}

.btn:hover { top:-2px  }
.btn-default { background:var(--color1); }

p.more a,
.btn,
.btn-primary { background: var(--color3); }

p.more a:hover,
.btn:hover,
.btn-primary:hover { background: var(--color1); color: var(--white); }

.btn-secondary { background: var(--color2); }
.btn-secondary:hover { background: var(--grey3); }

.media.media--left .blockInner,
.media.media--right .blockInner { display:flex; gap:1rem }

.media.media--left .blockInner  { flex-direction: row;}
.media.media--right .blockInner { flex-direction: row-reverse; }
.media.media--above .blockInner { flex-direction: column; }
.media.media--below .blockInner { flex-direction: column-reverse; }

.roundImg figure img {
    border-radius: 50%;
    border: 3px solid var(--color1);
    margin-bottom: 1rem;
}
.roundImg figure img:hover {
    border: 3px solid var(--color2);
}

.bangb1  .row {
    display: flex;
    align-items: center;
}