@font-face {
	font-family:PH;
	src: url("fonts/PH-600RegularCaps.otf");
}
@font-face {
	font-family:Phenomena;
	src: url("fonts/Phenomena-Regular.otf");
}
body {
	font-family:Phenomena;
}
.header-wrapper {
	background-color:rgba(68, 69, 68, 0.7);
	z-index:30;
	position: relative;
}

#logo_c {
}
#logo {
	background:url("/css/i/logo.png");
	width:73px;
	height:72px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 10px 15px;
}
#ul00 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width:100%;
    position:relative;
    overflow:auto;
	display:none;
}
#ul00.opened{
	display:block;
}
#btn00 {
	position: absolute;
	top: 30px;
	right: 15px;
	background:url("/css/i/btn00_00.png");
	width:37px;
	height:32px;
	border:0;
}
#btn00.opened {
	position: absolute;
	top: 30px;
	right: 15px;
	background:url("/css/i/btn00_01.png");
	width:29px;
	height:30px;
	border:0;
}
#ul00 li a {
	display:block;
    color:white;
	padding:20.5px 0;
    text-decoration: none;
	text-align: center;
	font-size:20px;
	font-weight:bold;
	z-index:30;
}
#ul00 li a:hover {
	background-color:rgba(68, 69, 68, 0.0);
    color:#39CA9B;
}
#EN {background:url("/css/i/en27.png");
	width:27px;
	height:27px;
    margin: -2px 0px;
	background-repeat: no-repeat;
	display: inline-block;
	background-position: 50% 50%;	
}
#ul00 li a:hover #EN {background:url("/css/i/en27g.png");
	width:27px;
	height:27px;
    margin: -2px 0px;
	background-repeat: no-repeat;
	display: inline-block;
	background-position: 50% 50%;	
}
#section00 {
	background-image:url("i/photo320.png");
	width:100%;
	height:518px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:relative;
	z-index:10;
}
#h00 {
	background-color: rgba(26, 167, 125, 0.7);
	text-align:center;
	color:white;
	font-size:20px;
	padding:20px 0;
	position:absolute;
	left:0;
	top:150px;
	width:100%;
	font-family:PH;
	font-weight:bold;
	z-index:20;
}
#p00c {
	z-index:20;
	position:absolute;
	left:0;
	bottom:0px;
	background-color: rgba(26, 167, 125, 0.7);
	width:100%;
}
#p00 {
	text-align:center;
	color:white;
	font-size:16px;
	font-family:PH;
	line-height: 1.3;
	padding:10px 0px;
	width:280px;
	margin:0px auto;
}

/*section02*/

/*this class is for all of the sections*/

.section_flexbox {
	width:280px;
	margin:auto;
}
#section02 {
	background-color:#444444;
	color:white;
}
#section02 h1 {
	text-align:center;
	font-size:25px;
	font-weight:bold;
	padding:20px 0px;
	border-bottom:3px dotted #189473;
}
#section02 p {
	text-align:left;
	font-size:18px;
	font-weight:bold;
	padding:20px 0px;
	line-height: 1.3
}

/*section03*/

#section03 {
	background-color:white;
	color:#444444;
	padding-bottom:15px;
}
#section03 h1 {
	text-align:center;
	font-size:25px;
	font-weight:bold;
	padding:20px 0px;
	border-bottom:3px dotted #444444;
}
#section03 #div_c {
	padding:15px 0px;
}
#section03 div {
	text-align:left;
	font-size:18px;
	font-weight:bold;
	padding:0px;
	line-height: 1.3
}
#txt02 {
	display:none;
}
#btn02_00 {
	display:block;
	background:url("/css/i/btn02.png");
	width:64px;
	height:63px;
	border:0;
}
#btn02_01 {
	display:none;
	background:url("/css/i/btn02_00.png");
	width:64px;
	height:63px;
	border:0;
}
#btn_container {
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}
#btn_item {
	margin-bottom:0px;
}

/*section04*/

#section04 {
	background-color:#FFDC73;
	color:#444444;
}
#section04 h1 {
	text-align:center;
	font-size:25px;
	font-weight:bold;
	padding:20px 0px;
	border-bottom:3px dotted #444444;
}
#section04 p {
	text-align:left;
	font-size:18px;
	font-weight:bold;
	padding:20px 0px;
	line-height: 1.3
}

/*link to gallery*/

#flexbox_gallery {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.flexbox_gallery_photo {
    margin:0px 0px 20px;
    width: 100%;
}
#gallery_photo {
    border: 5px solid #444444;
    background: url("/css/i/About_us/nohate.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 280px;
    height: 148px;
}
#gallery_photo:hover {
    border: 5px solid #444444;
    background: url("/css/i/About_us/nohate_o.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 280px;
    height: 148px;
}

/*section05*/

#section05 {
	background-color:#444444;
	color:white;
	padding-bottom:15px;
}
#section05 h1 {
	text-align:center;
	font-size:25px;
	font-weight:bold;
	padding:20px 0px;
	border-bottom:3px dotted #189473;
}
#section05 h2 {
	text-align:center;
	font-size:25px;
	font-weight:bold;
	padding:20px 0px;
	border-top: 3px dotted #189473;
}
#section05 h3 {
	text-align:center;
	font-size:25px;
	font-weight:bold;
	padding:20px 0px;
}
#section05 p {
	text-align:left;
	font-size:18px;
	font-weight:bold;
	padding: 0px;
	line-height: 1.3
}
#Information_container {
	padding-bottom:15px;
}
#pdf {background:url("/css/i/pdf.png");
	width:98px;
	height:128px;
	background-repeat: no-repeat;
	display: inline-block;
	background-position: 50% 50%;	
}
#pdf:hover {background:url("/css/i/pdf01.png");
	width:98px;
	height:128px;
	background-repeat: no-repeat;
	display: inline-block;
	background-position: 50% 50%;	
}
#divc_01 {
	padding:20px 0px;
}
#divc_02 {
	padding:15px 0px;
}
#divt_02 {
	display:none 
}
#btn03_00 {
	display:block;
	background:url("/css/i/btn01.png");
	width:60px;
	height:60px;
	border:0;
}
#btn03_01 {
	display:none;
	background:url("/css/i/btn01_00.png");
	width:60px;
	height:60px;
	border:0;
}
#btn_container {
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}
#btn_item {
	margin-bottom:0px;
}
#flexbox01c {
	margin:0px;
}
#flexbox01 {
	display:flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
#section05 .div_box {
	border:5px solid white;
	background-color:#A2A2A2;
	margin:20px 0px;
	width: 100%;
	padding: 5px;
}
#section05 .div_date {
	text-align:center;
	font-weight: bold;
	font-size:35px;
	margin:10px 0px;
}
#section05 .div_text {
	text-align:center;
	font-size:20px;
	margin:10px 0px;
}
.flexbox02 {
	display:flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin:0px;
}
.flexbox02_01 {
	margin:20px 0px;
	width:100%;
}
.flexbox02_01_items {
	background-color:#A2A2A2;
	border:1px solid white;
	border-radius:3px;
	padding:0px;
}
.flexbox02_01_txtarea {
	background-color:#A2A2A2;
	border:1px solid white;
	border-radius:3px;
	padding:0px;
}
.txtarea00 {
	color:white;
	width:100%;
	background-color: #A2A2A2;
	border:none;
	padding:15px 0px;
	font-size:20px;
}
.form00 {
	color:white;
	width:100%;
	background-color: #A2A2A2;
	border:none;
	padding:15px 0px;
	font-size:20px;
}
.flexbox02_01_file {
    position: relative;
	padding:0px;
	overflow:hidden;
}

/* file input styling */

#file_label {
	float:left;	
}
.inputfile {
    position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
    left: 80px;
    top: 52px;
	z-index: -1;
}
.inputfile + label {
    font-size: 1.25em;
    font-weight: 700;
    color: #444444;
    background-color: transparent;
    display: inline-block;
	background-color: #EFDC73;
    padding: 15px 10px;
    border-radius: 3px;
	border:1px solid white;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color:#CCFF99;
}
.inputfile + label {
	cursor: pointer;
}
.inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label * {
	pointer-events: none;
}


/*#img-span {
	font-size: 18px;
	color: #444444;
	font-weight: bold;
}*/
#flexbox_checkbox {
	margin:20px 0px;
}
#checkbox00 {
	color:white;
	background-color: #A2A2A2;
	border:none;
	padding:15px 0px;
	font-size:20px;
	float:left;
}
#checkbox_span {
	color:white;
	font-size:18px;
	font-weight:bold;
	float:left;
	color:#EFDC73;
}
#submit {
	font-size:25px;
	color:#444444;
	background-color:white;
	border:1px solid white;
	border-radius:3px;
	margin-bottom:20px;
	padding:5px;
}
#submit:hover {
	font-size:25px;
	color:white;
	background-color:#444444;
	border:1px solid white;
	border-radius:3px;
	margin-bottom:20px;
	padding:5px;
}
#section05 form {
	text-align:center;
}
::-webkit-input-placeholder { /* Chrome */
	color:#444444;
	font-size:20px;
	font-family:Phenomena;
	font-weight:bold;
}
:-ms-input-placeholder { /* IE 10+ */
	color:#444444;
	font-size:20px;
	font-family:Phenomena;
	font-weight:bold;
}
::-moz-placeholder { /* Firefox 19+ */
	color:#444444;
	font-size:20px;
	font-family:Phenomena;
	font-weight:bold;
}
:-moz-placeholder { /* Firefox 4 - 18 */
	color:#444444;
	font-size:20px;
	font-family:Phenomena;
	font-weight:bold;
}

/*section05_01*/

#section05_01 {
	background-color:#FFB66C;
	color:#444444;
	padding-bottom: 15px;
}
#section05_01 h1 {
	text-align:center;
	font-size:25px;
	font-weight:bold;
	padding:20px 0px;
	border-bottom:3px dotted #444444;
}
#section05_01 p {
	text-align:left;
	font-size:18px;
	font-weight:bold;
	padding: 0px;
	line-height: 1.3;
}
#divt_02_01 {
	display:none 
}

/*flexbox about us*/

#flexbox_about_us {
	display:flex;
	justify-content: space-around;
	flex-wrap: wrap;
}	
.flexbox_about_us_photo {
	margin:20px 0px;
	width: 100%
}	
.flexbox_about_us_text {
	margin:20px 0px;
	width: 100%;
	text-align: justify;
}

/*character01*/

#character_photo01 {
	border:5px solid #444444;
	background:url("/css/i/About_us/Verji_280x280.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width:280px;
	height:280px;
}
#character_text01 {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/*character02*/

#character_photo02 {
	border:5px solid #444444;
	background:url("/css/i/About_us/Bili_1_280x280.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width:280px;
	height:280px;
}
#character_text02 {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/*character03*/

#character_photo03 {
	border:5px solid #444444;
	background:url("/css/i/About_us/Tsvetie_280x280.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width:280px;
	height:280px;
}
#character_text03 {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/*character04*/

#character_photo04 {
	border:5px solid #444444;
	background:url("/css/i/Kliment_280x280.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width:280px;
	height:280px;
}
#character_text04 {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/*character05*/

#character_photo05 {
	border:5px solid #444444;
	background:url("/css/i/About_us/Ellie.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width:280px;
	height:280px;
}
#character_text05 {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/*character06*/

#character_photo06 {
	border:5px solid #444444;
	background:url("/css/i/About_us/Mori.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width:280px;
	height:280px;
}
#character_text06 {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/*character07*/

#character_photo07 {
	border:5px solid #444444;
	background:url("/css/i/About_us/Dido.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width:280px;
	height:280px;
}
#character_text07 {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/*character08*/

#character_photo08 {
	border:5px solid #444444;
	background:url("/css/i/About_us/Bile.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width:280px;
	height:280px;
}
#character_text08 {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/*character09*/

#character_photo09 {
	border:5px solid #444444;
	background:url("/css/i/About_us/Kristiyan.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width:280px;
	height:280px;
}
#character_text09 {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/*character10*/

#character_photo10 {
	border:5px solid #444444;
	background:url("/css/i/About_us/Pablo.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width:280px;
	height:280px;
}
#character_text10 {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/*character11*/

#character_photo11 {
	border:5px solid #444444;
	background:url("/css/i/About_us/Sandra.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width:280px;
	height:280px;
}
#character_text11 {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/*character12*/

#character_photo12 {
	border:5px solid #444444;
	background:url("/css/i/About_us/Plami.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width:280px;
	height:280px;
}
#character_text12 {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}


#btn04_00 {
	display:block;
	background:url("/css/i/btn02.png");
	width:64px;
	height:63px;
	border:0;
}
#btn04_01 {
	display:none;
	background:url("/css/i/btn02_00.png");
	width:64px;
	height:63px;
	border:0;
}
#btn_container {
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}
#btn_item {
	margin-bottom:0px;
}

/*section06*/

#section06 {
	background-color:white;
	color:#444444;
}
#section06 a {
	display: inline-block;
}
#section06 p {
	text-align:center;
	font-size:18px;
	font-weight:bold;
	padding:20px 0px;
	line-height: 1.3
}
#flexbox_support {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.supporters {
    margin: 20px 0px;
    width: 100%;
	border:1px solid #444444;
	height:100px;
}
#supporters_cont {
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0px;
}
#support_part {
	margin: 0px;
	width:100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/*ITTI*/

#ITTI {
    width: 183px;
    height: 25px;
    display: block;
    margin: 0 auto;
    background-image: url("/css/i/logo_itti.png");
    background-size: cover;
}
#ITTI:hover {
    width: 183px;
    height: 25px;
    display: block;
    margin: 0 auto;
    background-image: url("/css/i/logo_itti_o.png");
    background-size: cover;
}
#support_part_ITTI {
	margin: 17px 0px 0px;
	width:100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/*Squashwithsmile*/

#Squash {
    width: 100px;
    height: 84px;
    display: block;
    margin: 0 auto;
    background-image: url("/css/i/squashwithsmile.jpg");
    background-size: cover;
}
#Squash:hover {
    width: 100px;
    height: 84px;
    display: block;
    margin: 0 auto;
    background-image: url("/css/i/squashwithsmile_o.jpg");
    background-size: cover;
}
#support_part_Squash {
	margin: 7px 0px 0px;
	width:100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/*No Hate Speech*/

#NoHateSpeech {
    width: 173px;
    height: 70px;
    display: block;
    margin: 0 auto;
    background-image: url("/css/i/no_hate.jpg");
    background-size: cover;
}
#NoHateSpeech:hover {
    width: 173px;
    height: 70px;
    display: block;
    margin: 0 auto;
    background-image: url("/css/i/no_hate_o.jpg");
    background-size: cover;
}
#support_part_NoHateSpeech {
	margin: 15px 0px 0px;
	width:100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/*Booktrading*/

#Booktrading {
    width: 250px;
    height: 44px;
    display: block;
    margin: 0 auto;
    background-image: url("/css/i/booktrading.jpg");
    background-size: cover;
}
#Booktrading:hover {
    width: 250px;
    height: 44px;
    display: block;
    margin: 0 auto;
    background-image: url("/css/i/booktrading_o.jpg");
    background-size: cover;
}
#support_part_Booktrading {
	margin: 28px 0px 0px;
	width:100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/*ZaednoWChas*/

#ZaednoWChas {
    width: 244px;
    height: 52px;
    display: block;
    margin: 0 auto;
    background-image: url("/css/i/zaedno.jpg");
    background-size: cover;
}
#ZaednoWChas:hover {
    width: 244px;
    height: 52px;
    display: block;
    margin: 0 auto;
    background-image: url("/css/i/zaedno_o.jpg");
    background-size: cover;
}
#support_part_ZaednoWChas {
	margin: 28px 0px 0px;
	width:100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/*section07*/

#section07 {
	background-color:#D3FFE9;
	color:#444444;
}
#section07 h1 {
	text-align:center;
	font-size:25px;
	font-weight:bold;
	padding:20px 0px;
	border-bottom:3px dotted #444444;
}
#section07 p {
	font-size:18px;
	font-weight:bold;
	padding:20px 0px;
	line-height: 1.3
}
#mail00 {
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}
#mail01 {
	margin:20px 0px;
}
#mail00_01 {
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}
#mail01_01 {
	margin:0px;
	font-size:20px;
}
#contacts00 {
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}
#contacts01 {
	margin:10px;
}
#contacts00_01 {
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}
#contacts01_01 {
	margin:0px;
	font-size:20px;
}
#linkMail {
	width:70px;
	height:70px;
	display:block;
	margin:0 auto;
	background-image: url("/css/i/email.png");
	background-size:cover;
}
#linkMail:hover {
	background-image: url("/css/i/email_act.png");
}
#linkMail01 {
	text-decoration:none;
	color: #444444;
}
#linkMail01:hover {
	color: rgba(26, 167, 125, 0.7);
}
#linkFacebook {
	width:70px;
	height:70px;
	display:block;
	margin:0 auto;
	background-image: url("/css/i/facebook.png");
	background-size:cover;
}
#linkFacebook:hover {
	background-image: url("/css/i/facebook_act.png");
}
#linkTwitter {
	width:70px;
	height:70px;
	display:block;
	margin:0 auto;
	background-image: url("/css/i/twitter.png");
	background-size:cover;
}
#linkTwitter:hover {
	background-image: url("/css/i/twitter_act.png");
}
#linkPhotos {
	width:70px;
	height:70px;
	display:block;
	margin:0 auto;
	background-image: url("/css/i/google.png");
	background-size:cover;
}
#linkPhotos:hover {
	background-image: url("/css/i/google_act.png");
}
#linkInstagram {
	width:70px;
	height:70px;
	display:block;
	margin:0 auto;
	background-image: url("/css/i/instagram.png");
	background-size:cover;
}
#linkInstagram:hover {
	background-image: url("/css/i/instagram_act.png");
}
#linkYoutube {
	width:70px;
	height:70px;
	display:block;
	margin:0 auto;
	background-image: url("/css/i/youtube.png");
	background-size:cover;
}
#linkYoutube:hover {
	background-image: url("/css/i/youtube_act.png");
}

/*section08*/

#section08 {
	background-color:#444444;
	color:white;
}
#section08 p {
	font-size:16px;
	text-align:center;
	padding:10px;
	line-height: 1.3
}

/*section09*/

#section09 {
	background-color:white;
	color:#444444;
}
#section09 p {
	font-size:16px;
	text-align:left;
	margin: 20px 0px;
	line-height: 1.3
}
#flexbox_about_bmf {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.flexbox_about_bmf_photo {
    margin: 20px 0px;
	padding:0px 75px;
    width: 100%;
}
#bmf_logo {
    width: 130px;
    height: 130px;
    display: block;
    margin: 0 auto;
    background: url("/css/i/bg_forum.png");
    background-size: cover;
}
#bmf_logo:hover {
    width: 130px;
    height: 130px;
    display: block;
    margin: 0 auto;
    background: url("/css/i/bg_forum01.png");
    background-size: cover;
}
.flexbox_about_bmf_text {
    margin: 0px 0px;
    width: 100%;
}
sup { 
	vertical-align: super;
	font-size: smaller;
}

/*links*/

#links00 {
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}
#links01, #links02, #links03 {
	padding:20px 10%;
}
.class_links {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.class_links[target="_blank"] {
	font-size:18px;
	/*target:blank;*/
}
.class_links:link {
	color:#FFB66C;
	text-decoration: none;
}
.class_links:hover {
	color:#FFB66C;
	text-decoration: none;
}
.class_links:visited {
	color:#FFB66C;
	text-decoration: none;
}

/*500px*/

@media only screen and (min-width: 500px) {	
	
	#p00 {
		width:450px;
		margin:0px auto;
	}
	.section_flexbox {
		width:450px;
		margin:auto;
	}	

	/*section09*/

	#flexbox_about_bmf {
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.flexbox_about_bmf_photo {
		margin: 20px 0px;
		padding:0px 0px;
		width: 35%;
	}
	#bmf_logo {
		background: url("/css/i/bg_forum.png");
		background-repeat: no-repeat;
		background-size: contain;
		width: 130px;
		height: 130px;
	}
	.flexbox_about_bmf_text {
		margin: 0px 0px;
		width: 64%;
	}
	#flexbox_support {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
	}
	.supporters {
		margin: 20px 0px;
		width: 100%;
		border:1px solid #444444;
		height:100px;
	}
}

/*768px*/

@media only screen and (min-width: 768px) {	
	
	#logo {
		background:url("/css/i/logo_01.png");
		width:102px;
		height:100px;
		background-repeat: no-repeat;
		display: inline-block;
		background-position: 50% 50%;
		padding:10px 0 10px 40px;
	}
	#btn00 {
		top: 35px;
		right: 20px;
		background:url("/css/i/btn00_00_01.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width:58px;
		height:50px;
	}
	#btn00.opened {
		top: 35px;
		right: 20px;
		background:url("/css/i/btn00_01_01.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width:58px;
		height:50px;
	}
	#ul00 li a {
		padding:46.7px 0;
		font-size:25px;
	}
	#section00 {
		background-image:url("i/photo900.png");
		height:950px;
	}
	#h00 {
		font-size:60px;
		padding:20px 0;
		top:150px;
	}
	#p00 {
		font-size:25px;
		line-height: 1.3;
		padding:10px 0px;
		width:740px;
		margin:0px auto;
	}

	/*section02*/

	/*this class is for all of the sections*/

	.section_flexbox {
		width:740px;
		margin:auto;
	}
	#section02 h1 {
		font-size:45px;
		padding:20px 0px;
	}
	#section02 p {
		font-size:25px;
		padding:20px 0px;
	}

	/*section03*/

	#section03 {
		padding-bottom:15px;
	}
	#section03 h1 {
		font-size:45px;
		padding:20px 0px;
	}
	#section03 #div_c {
		padding:15px 0px;
	}
	#section03 div {
		font-size:25px;
	}
	#btn02_00 {
		background:url("/css/i/btn02.png");
		width:64px;
		height:63px;
	}
	#btn02_01 {
		background:url("/css/i/btn02_00.png");
		width:64px;
		height:63px;
	}

	/*section04*/

	#section04 h1 {
		font-size:45px;
		padding:20px 0px;
	}
	#section04 p {
		font-size:25px;
		padding:20px 0px;
	}

	/*section05*/
	#section05 {
		overflow: hidden;
		padding-bottom:15px;
	}
	#section05 h1 {
		font-size:45px;
		padding:20px 0px;
	}
	#section05 h2, #section05 h3 {
		font-size:40px;
		padding:20px 0px;
	}
	#section05 p {
		font-size:25px;
		padding: 0px;
	}
	#divc_01 {
		padding:20px 0px;
	}
	#divc_02 {
		padding:15px 0px;
	}
	#divt_02 {
		display:none 
	}
	#btn03_00 {
		display:block;
		background:url("/css/i/btn01.png");
		width:60px;
		height:60px;
		border:0;
	}
	#btn03_01 {
		display:none;
		background:url("/css/i/btn01_00.png");
		width:60px;
		height:60px;
		border:0;
	}
	#btn_container {
		display:flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	#btn_item {
		margin-bottom:0px;
	}
	#flexbox01 {
		display:flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: stretch;
	}
	#section05 .div_box {
		border:5px solid white;
		margin-left:0;
		width: 25%;
	}
	#section05 .div_date {
		font-size:35px;
		margin:10px 20px;
		margin:0px;
		padding:0px;
	}
	#section05 .div_text {
		font-size:20px;
		margin:0px;
		padding:0px;
	}
	.flexbox02_01 {
		margin:20px 0px;
		width:50%;
	}
	.flexbox02_01_items {
		background-color:#A2A2A2;
		border:1px solid white;
		border-radius:3px;
		margin-right:7.5%;
	}
	.flexbox02_01_txtarea {
		background-color:#A2A2A2;
		border:1px solid white;
		border-radius:3px;
		margin-left:7.5%;
	}
	.txtarea00 {
		color:white;
		width:100%;
		height:284px;
		background-color: #A2A2A2;
		border:none;
		padding:15px 0px;
		font-size:20px;
	}
	.form00 {
		width:100%;
		padding:15px 0px;
		font-size:20px;
	}
	#label_file {
		font-size:20px;
		font-weight:bold
	}
	#flexbox_checkbox {
		margin:20px 0;
	}
	#checkbox00 {
		padding:15px 0px;
		font-size:20px;
	}
	#checkbox_span {
		font-size:20px;
	}
	#submit {
		font-size:30px;
		margin-bottom:20px;
	}
	#submit:hover {
		font-size:30px;
		margin-bottom:20px;
	}

	/*section05_01*/

	#section05_01 {
		padding-bottom: 15px;
	}
	#section05_01 h1 {
		font-size:45px;
		padding:20px 0px;
	}
	#section05_01 p {
		font-size:25px;
	}

	/*flexbox about us*/

	#flexbox_about_us {
		display:flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}	
	.flexbox_about_us_photo {
		margin:20px 0px;
		width: 50%
	}	
	.flexbox_about_us_text {
		margin:20px 0px;
		width: 50%;
		text-align: justify;
	}

	#btn04_00 {
		background:url("/css/i/btn02.png");
		width:64px;
		height:63px;
	}
	#btn04_01 {
		background:url("/css/i/btn02_00.png");
		width:64px;
		height:63px;
	}

	/*section06*/

	#section06 p {
		font-size:25px;
		padding:20px 0px;
	}
	#flexbox_support {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
	}
	.supporters {
		margin: 20px 0px;
		width: 45%;
		border:1px solid #444444;
		height:120px;
	}
	#supporters_cont {
		display:flex;
		justify-content: center;
		flex-wrap: wrap;
		padding: 10px 0px;
	}
	#ITTI_link {
	}
	#support_part {
		margin:5px 0px;
		width:100%;
	}

	/*section07*/

	#section07 h1 {
		font-size:45px;
		padding:20px 0px;
	}
	#section07 p {
		font-size:25px;
		padding:20px 0px;
	}
	#mail01 {
		margin:20px 0px;
	}
	#mail01_01 {
		margin:0px;
		font-size:20px;
	}
	#contacts01 {
		margin:10px 40px;
	}
	#contacts01_01 {
		font-size:25px;
	}
	#linkMail {
		width:70px;
		height:70px;
		background-image: url("/css/i/email.png");
	}
	#linkMail:hover {
		background-image: url("/css/i/email_act.png");
	}
	#linkFacebook {
		width:70px;
		height:70px;
		background-image: url("/css/i/facebook.png");
	}
	#linkFacebook:hover {
		background-image: url("/css/i/facebook_act.png");
	}
	#linkTwitter {
		width:70px;
		height:70px;
		background-image: url("/css/i/twitter.png");
	}
	#linkTwitter:hover {
		background-image: url("/css/i/twitter_act.png");
	}
	#linkPhotos {
		width:70px;
		height:70px;
		background-image: url("/css/i/google.png");
	}
	#linkPhotos:hover {
		background-image: url("/css/i/google_act.png");
	}	
	#linkInstagram {
		width:70px;
		height:70px;
		background-image: url("/css/i/instagram.png");
	}
	#linkInstagram:hover {
		background-image: url("/css/i/instragram_act.png");
	}	
	#linkYoutube {
		width:70px;
		height:70px;
		background-image: url("/css/i/youtube.png");
	}
	#linkYoutube:hover {
		background-image: url("/css/i/youtube_act.png");
	}
	
	/*section08*/
	
	#section08 p {
		font-size:20px;
		padding:10px;
	}

	/*links*/

	#links01, #links02, #links03 {
		padding:20px 10%;
	}
	.class_links[target="_blank"] {
	font-size:25px;
	/*target:blank;*/
	}	

	/*section09*/
	
	#section09 p {
		font-size:16px;
	}
	#flexbox_about_bmf {
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.flexbox_about_bmf_photo {
		margin: 20px 0px;
		padding:0px 0px;
		width: 20%;
	}
	#bmf_logo {
		background: url("/css/i/bg_forum.png");
		background-repeat: no-repeat;
		background-size: contain;
		width: 130px;
		height: 130px;
	}
	.flexbox_about_bmf_text {
		margin: 0px 0px;
		width: 80%;
	}

}
@media only screen and (min-width: 1270px) {	
	/*.header-container {
		width:738px;
		margin: 0 auto;
		overflow: hidden;
	}
	#logo_c {
	}
	#logo {
		background:url("/css/i/logo_01.png");
		width:102px;
		height:100px;
		background-repeat: no-repeat;
		display: inline-block;
		background-position: 50% 50%;
		padding:10px 0;
	}
	#ul00 {
		list-style-type: none;
		margin: 0;
		padding: 31px 0;
		position:relative;
		overflow:auto;
		width: auto;
		display:block;
		float: right;
	}
	#ul00 li {
        float: left;
	}
	#ul00 li a {
        text-align: center;
		padding: 20px 15px;
    }
	#section00 {
		background-image:url("i/photo900.png");
		height:950px;
	}
	#h00 {
		font-size:60px;
		padding:30px 0px;
		top:260px;
	}
	#p00 {
		font-size:25px;
	}
	#btn00 {
		display:none;
	}
	#section02 h1 {
		font-size:45px;
		padding:20px;
		border-bottom:3px dotted #189473;
	}
	#section02 p {
		font-size:25px;
		padding:50px;
	}
	*/
	.header-container {
		width:1095px;
		margin: 0 auto;
		overflow: hidden;
	}
	#logo_c {
	}
	#logo {
		background:url("/css/i/logo_01.png");
		width:102px;
		height:100px;
		background-repeat: no-repeat;
		display: inline-block;
		background-position: 50% 50%;
		padding:10px 0;
	}
	#ul00 {
		list-style-type: none;
		margin: 0;
		padding: 31px 0;
		position:relative;
		overflow:auto;
		width: auto;
		display:block;
		float: right;
	}
	#ul00 li {
        float: left;
	}
	#ul00 li a {
        text-align: center;
		padding: 20px 15px;
		font-size:30px;
    }
	#btn00 {
		display:none;
	}
	#h00 {
		font-size:60px;
		padding:20px 0;
		top:290px;
	}
	#p00 {
		font-size:35px;
		line-height: 1.3;
		padding:10px 0px;
		width:1095px;
		margin:0px auto;
	}

	/*section02*/

	/*this class is for all of the sections*/

	.section_flexbox {
		width:1095px;
		margin:auto;
	}
	#section02 h1 {
		font-size:45px;
		padding:20px 0px;
	}
	#section02 p {
		font-size:25px;
		padding:20px 0px;
	}

	/*section03*/

	#section03 {
		padding-bottom:15px;
	}
	#section03 h1 {
		font-size:45px;
		padding:20px 0px;
	}
	#section03 #div_c {
		padding:15px 0px;
	}
	#section03 div {
		font-size:25px;
	}
	#btn02_00 {
		background:url("/css/i/btn02.png");
		width:64px;
		height:63px;
	}
	#btn02_01 {
		background:url("/css/i/btn02_00.png");
		width:64px;
		height:63px;
	}

	/*section04*/

	#section04 h1 {
		font-size:45px;
		padding:20px 0px;
	}
	#section04 p {
		font-size:25px;
		padding:20px 0px;
	}

	/*section05*/
	#section05 {
		overflow: hidden;
		padding-bottom:15px;
	}
	#section05 h1 {
		font-size:45px;
		padding:20px 0px;
	}
	#section05 h2, #section05 h3 {
		font-size:40px;
		padding:20px 0px;
	}
	#section05 p {
		font-size:25px;
		padding: 0px;
	}
	#divc_01 {
		padding:20px 0px;
	}
	#divc_02 {
		padding:15px 0px;
	}
	#divt_02 {
		display:none 
	}
	#btn03_00 {
		display:block;
		background:url("/css/i/btn01.png");
		width:60px;
		height:60px;
		border:0;
	}
	#btn03_01 {
		display:none;
		background:url("/css/i/btn01_00.png");
		width:60px;
		height:60px;
		border:0;
	}
	#btn_container {
		display:flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	#btn_item {
		margin-bottom:0px;
	}
	#flexbox01 {
		display:flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: stretch;
	}
	#section05 .div_box {
		border:5px solid white;
		margin-left:0;
		width: 25%;
	}
	#section05 .div_date {
		font-size:35px;
		margin:10px 20px;
		margin:0px;
		padding:0px;
	}
	#section05 .div_text {
		font-size:20px;
		margin:0px;
		padding:0px;
	}
	.flexbox02_01 {
		margin:20px 0px;
		width:50%;
	}
	.flexbox02_01_items {
		background-color:#A2A2A2;
		border:1px solid white;
		border-radius:3px;
		margin-right:7.5%;
	}
	.flexbox02_01_txtarea {
		background-color:#A2A2A2;
		border:1px solid white;
		border-radius:3px;
		margin-left:7.5%;
	}
	.txtarea00 {
		color:white;
		width:100%;
		height:284px;
		background-color: #A2A2A2;
		border:none;
		padding:15px 0px;
		font-size:20px;
	}
	.form00 {
		width:100%;
		padding:15px 0px;
		font-size:20px;
	}
	#label_file {
		font-size:20px;
		font-weight:bold
	}
	#flexbox_checkbox {
		margin:20px 0;
	}
	#checkbox00 {
		padding:15px 0px;
		font-size:20px;
	}
	#checkbox_span {
		font-size:20px;
	}
	#submit {
		font-size:30px;
		margin-bottom:20px;
	}

	/*section05_01*/

	#section05_01 {
		padding-bottom: 15px;
	}
	#section05_01 h1 {
		font-size:45px;
		padding:20px 0px;
	}
	#section05_01 p {
		font-size:25px;
	}

	/*flexbox about us*/

	#flexbox_about_us {
		display:flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.flexbox_about_us_photo {
		margin:20px 0px;
		width: 30%
	}	
	.flexbox_about_us_text {
		margin:20px 0px;
		width: 70%;
	}

	#btn04_00 {
		background:url("/css/i/btn02.png");
		width:64px;
		height:63px;
	}
	#btn04_01 {
		background:url("/css/i/btn02_00.png");
		width:64px;
		height:63px;
	}

	/*section06*/

	#section06 p {
		font-size:25px;
		padding:20px 0px;
	}
	.supporters {
		margin: 20px 0px;
		width: 30%;
		border:1px solid #444444;
		height:120px;
	}
	

	/*section07*/

	#section07 h1 {
		font-size:45px;
		padding:20px 0px;
	}
	#section07 p {
		font-size:25px;
		padding:20px 0px;
		text-align: center;
	}
	#mail01 {
		margin:20px 0px;
	}
	#mail01_01 {
		margin:0px;
		font-size:20px;
	}
	#contacts01 {
		margin:10px 40px;
	}
	#contacts01_01 {
		font-size:25px;
	}
	#linkMail {
		width:70px;
		height:70px;
		background-image: url("/css/i/email.png");
	}
	#linkMail:hover {
		background-image: url("/css/i/email_act.png");
	}
	#linkFacebook {
		width:70px;
		height:70px;
		background-image: url("/css/i/facebook.png");
	}
	#linkFacebook:hover {
		background-image: url("/css/i/facebook_act.png");
	}
	#linkTwitter {
		width:70px;
		height:70px;
		background-image: url("/css/i/twitter.png");
	}
	#linkTwitter:hover {
		background-image: url("/css/i/twitter_act.png");
	}
	#linkPhotos {
		width:70px;
		height:70px;
		background-image: url("/css/i/google.png");
	}
	#linkPhotos:hover {
		background-image: url("/css/i/google_act.png");
	}
	#linkInstagram {
		width:70px;
		height:70px;
		background-image: url("/css/i/instagram.png");
	}
	#linkInstagram:hover {
		background-image: url("/css/i/instagram_act.png");
	}
	#linkYoutube {
		width:70px;
		height:70px;
		background-image: url("/css/i/youtube.png");
	}
	#linkYoutube:hover {
		background-image: url("/css/i/youtube_act.png");
	}
	
	/*section08*/
	
	#section08 p {
		font-size:20px;
		padding:10px;
	}	

	/*section09*/
	#section09 {
	background-color:white;
	color:#444444;
	}
	#section09 p {
		font-size:20px;
		text-align:left;
		margin: 20px 0px;
		line-height: 1.3
	}
	#flexbox_about_bmf {
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.flexbox_about_bmf_photo {
		margin: 20px 0px;
		padding:0px 0px;
		width: 15%;
	}
	#bmf_logo {
		background: url("/css/i/bg_forum.png");
		background-repeat: no-repeat;
		background-size: contain;
		width: 130px;
		height: 130px;
	}
	.flexbox_about_bmf_text {
		margin: 0px 0px;
		width: 85%;
	}

	/*links*/

	#links01, #links02, #links03 {
		padding:20px 10%;
	}
	.class_links[target="_blank"] {
	font-size:25px;
	/*target:blank;*/
	}
	.class_links:link {
		color:#FFB66C;
	}
	.class_links:hover {
		color:#FFB66C;
		text-decoration: underline;
	}
	.class_links:visited {
		color:#FFB66C;
	}
}

.register-info {
	margin-bottom: 5%;
}

.text-center {
	text-align: center;
}