@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700;800&display=swap');


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
    font-family: "Nunito Sans", sans-serif;
    
}

body {background-color: #d7404d;}

a{text-decoration:none;}
table {border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;}

strong{font-weight: 900;}
b {font-weight: 900;}

ol,ul {list-style: none;margin:0;padding:0;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size: 100%; margin:0; padding:0;}
q:before,q:after {content:'';}
abbr,acronym { border: 0;}


/* Custom CSS
 * --------------------------------------- */



.fp-tableCell {
    vertical-align: top;
}
    
    
#fp-nav ul, .fp-slidesNav ul {
    text-align: center;    
}    
    
.fp-slidesNav li a span {background-color: #d0d8e0 !important; }

.fp-controlArrow.fp-prev {
    border-width: 28.5px 43px 28.5px 0;}
    
.fp-controlArrow.fp-next {
    border-width: 28.5px 0 28.5px 43px;}
    
    
body, 
body a {color: #d0d8e0}    /*{color: #486775;}*/
.linie {
    position: absolute;
    width: 0px;
    left: 0px;
    top: 80px;
    border-radius: 0%;
    border-width: 20px;
    border-style: solid;
    border-color: #f0c962;
    border-color: #b14755;

}



.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}



h1{
	font-size: 45px; line-height: 45px;
	margin:0;
	padding: 10px 0 10px 0;
}
	
h2 {font-size: 34px;
	margin:0;
	padding:20px 0 10px 0;
}
	    
    
p {
    font-size: 24px;
}

.header p i {color: #b14755; font-weight: 700;}




.intro {width: 70%;
	margin: 0 auto; padding-top: 170px; padding-bottom: 150px;}


.intro h1,
.intro h2 {
    font-weight: 700;
}
.intro p 
    line-height: 25px;
}
pre {
	font-size: 20px;
}

.intro p {padding: 0px 0px 20px 0;
	}
.intro pre {white-space: pre-line;}

/*.intro p b {line-height: 35px;} */
.intro pre b {line-height: 30px;}


.intro ol {list-style: disc; list-style-position: outside; padding: 0 0 20px 15px;}

.intro ol li {padding: 5px 10px 5px 0;}

.images {width: 100%; text-align: right; height: 200px; margin-top: -70px;}

.images img {width: 200px; height: 200px; margin: 0 10px; border-radius: 100px;}


.section{padding-top: 50px;
}


.header {position:fixed; z-index: 70; width: 100%;  height: 45px;  top: 0px; background-color: #d7404d;}




.foy {width: 100%; position: relative; left: 0px; top: 80px;}
    
 .foy p {width: 70%; margin: 0 auto; font-size: 110px; font-weight: 800; line-height: 100px; padding: 18px;}





#menu li {
	display:inline-block;
	margin: 0px;
	padding: 1px 20px 0 0;
padding: 0px 20px 6px 0;
}

#menu li a {
	text-decoration:none;
    font-size: 22px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
}

/*
#menu li:first-child {padding-left: 0px;} */

#menu a:hover,
#menu li.active a {
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #d0d8e0;
}


.header #menu {
/*	top:0;
	height: 40px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0; */
    margin-top: 6px;
    margin-right: auto;
    margin-bottom: 24px;
    margin-left: auto;
    width:70%;
}


.fp-controlArrow.fp-next {border-color: transparent transparent transparent #d0d8e0;}


.fp-controlArrow.fp-prev {border-color: transparent #d0d8e0 transparent transparent;}






@media (max-width: 750px) {

    .header { height: 150px; }
        
 .header #menu {margin-left: 20px;} 
    
    .header #menu li {display: block;}
    
    .intro {
  width: 90%;
    }
    
 
        .foy {position: relative; left: 0px; top: 0px;}
    .foy p {margin: 0; font-size: 90px; font-weight: 800; line-height: 75px; padding: 200px 0 0 20px;}
    

    #wrapper {padding-top: 80px; background-color: #d7404d;}
    
    #news p {
        margin-left: 0px;}
    
    .images {
  text-align: center;
    display: flex;
        height: 150px;
    }
    
    .images img {
  width: 130px;
  height: 130px;
  margin: 0 7px;
  border-radius: 100px;
  float: left;
        display: inline;}
        
    
    
    .intro pre {
        white-space: inherit; font-size: 18px; line-height: 21px;}
    
    #menu li a {
    border-bottom-width: 2px;
}


#menu a:hover,
#menu li.active a {
    border-bottom-width: 2px;
}
    
    .section {
        padding-top: 90px;}
    
}