body{ color: #333333; font-size: 10pt; font-family: Verdana;  margin:0px; padding:0px;}
p{ color: #333333; font-size: 10pt; font-family: Verdana; }
#main{width:900px; margin:auto;}
.clear{clear: both;}
a{color: gray; text-decoration: none;}
a:hover{color: #FF9933;}
nav{float: left; width: 100%; position: relative; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}
nav #menu{float: left;  list-style-type: none; padding: 0px; margin: 0px; margin-right: 30px;}
nav #menu li{float: left; margin-right: 5px; padding: 10px}
nav #menu li a{color: gray;  font-size: 9pt; font-family: Verdana; text-decoration: none;}
nav #menu li a:hover{ color: #FF9933; }
nav #menu .active a{ color: #FF9933; font-weight: bold;} 
#content{ display: block;  margin-top: 80px; clear: both; margin-right: 10px;}
#bg-home{ width: 75%;  height: 570px; background-image: url('../philo_ramka.svg'); background-repeat: no-repeat; padding-top: 130px; padding-left: 100px; padding-right: 100px; } 
#bg-home p{font-weight: bold;}
#social{float: left; margin-left: 30px; list-style-type: none;padding: 0px; margin: 0px; }
#social li{float: left;  margin-right: 5px; padding: 5px;  }
.lang{float: right; margin-right: 10px; list-style-type: none;padding: 0px; margin: 0px;margin-top: 3px;}
.lang li{float: left;  margin-right: 5px; padding: 5px; font-size: 9pt; } 
.lang .active{color: #FF9933; text-decoration:none;}
.team-box, .article-box{margin-top: 15px; margin-bottom: 10px; clear: both;}
.article-box .sub_title{vertical-align: 20px;margin-top: 40px;}
.team-box figure img, .article-box figure img{float: left; margin-right: 25px; margin-bottom: 50px;}
.team-box .team-info, .article-box .team-info{ width: 100%;}
.article-box .team-info{margin-bottom: 60px;}
.team-box .team-info div{padding-top: 30px; padding-bottom: 20px;  border-bottom: 1px solid #d3d3d3; margin-left: 3%; min-height: 110px;}
.article-box .team-info div{padding-top: 1px; padding-bottom: 1px;   margin-left: 30%; min-height: 200px;}
.article-box .name{color: #FF9933; margin-left:30%; font-weight:bold;}
.article-box .team-info .read-more{    background-color: #FF9933;
    color: #ffffff;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: bold;
    margin-left: 7%;
}
   
    .back-bttn{     
    background-color: #FF9933;
    color: #ffffff;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: bold;
    vertical-align: 15px;
}
    .clear.top_button{     
    padding-left: 270px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    vertical-align: 15px;
}
.back-bttn:hover{color:#ffffff; text-decoration:underline;}
.team-box .name{color: #FF9933; font-weight: bold;}
.team-info p{line-height: 4px;}
.team-info div p{line-height: 16px;}
.article-box .name{font-size: 16px;margin-bottom:10px;}
.team-box .branch{font-weight: bold;}
.team-box .name span{color: #333333;}
.team-box .team-info{margin-top: 10px; margin-bottom: 10px; margin-left:170px;}
.article-box p{line-height: 16px;margin-bottom:15px;}
.team-box .image-profile, .article-box .image-profile{ float: left; margin-right: 20px; display: block; margin-bottom: 150px;}
figure{ margin-block-start: 0px !important;     margin-inline-start:0px !important; margin-block-start: 1em;
    margin-block-end: 0px !important;
    margin-inline-end: 0px!important;  }
.article-box td{vertical-align: top;}
.table{display: table; clear: both; margin: 0px; margin-block-start: 0px !important;     margin-inline-start:0px !important;}
.article-content{margin-top: 20px; margin-bottom: 40px;}
.article-title{color: #FF9933; font-size: 16px; font-weight:bold;}
.row{padding-top: 15px; clear: both;}
#partners{list-style-type: none; clear: both; margin:0px; padding:0px;}
#partners li{float: left;}
#nav-icon1{
  width: 50px;
  height: 35px;
  position: relative;
  margin: 5px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  float: right;
	display: none;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #FF9933;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 18px;
}

#nav-icon1 span:nth-child(3) {
  top: 36px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
footer p{text-align:center; margin-top:300px;}

.orange {
	color: #000;
}
.orange {
	color: #F93;
}
footer{clear: both;}
footer p a {color:#808080; text-decoration:none;font-size:8px;}
@media screen and (max-width: 900px) {
	#main{width:95%; margin: 15px;}
	#logo{width: 75%;}
	#nav-icon1 {display: block;}
	header{padding-right: 15px;}
	header center {
		width: 300px;
    	float: left;
    	margin-bottom: 20px;
	}
	#content{margin-top: 30px; margin-bottom: 30px; }
	#bg-home {
	    width: 100%;
	    height: auto;
	    background-repeat: no-repeat;
	    padding-top: 20px;
	    padding-left: 0px;
    	    padding-right: 0px;
	    background-image: none;
	}
	.team-box .image-profile{
		float: none;
	}
	.team-box img, .article-box img{ width: 100%;}
	.team-box .team-info, .article-box .team-info{margin-left:0px}
	.team-box .team-info div, .article-box .team-info div{margin-left:10px; min-height: 60px;}
	nav #menu{ width: 100%;;}
	nav #menu li{ float: none; width: 100%;  text-align: center;}
	nav {margin-top: 20px;  display:none}
	nav #menu li a{font-size: 16px;}
	.open{display: block;}
	.article-box .team-info .read-more{width: 90%;margin-right: 9px; display: block; text-align: center; margin-left: 0px;}
	.top_button img{width: 20px;}
	
}