@font-face{font-family:'verdana';src:url('fonts/TradeGothic.otf');font-weight:normal;font-style:normal;}
body{ color: #333333; font-size: 10pt; font-family: verdana;  margin:0px; padding:0px; background-color: #333333;}
p{ color: #cecece; font-size: 10pt; font-family: verdana; font-face: verdana; line-height: 16px; margin-bottom: 0px !important;}
#main{width:900px; margin:auto;}
.clear{clear: both; width: 100%;}
a{color: gray; text-decoration: none;}
a:hover{color: #ff6633; }
.container{min-height: 100%; position:relative;}
.w3-container:after,.w3-container:before
.w3-container{padding:0.01em 16px}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-section{margin-top:16px!important;margin-bottom:16px!important}
.w3-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}   
.w3-button:disabled{cursor:not-allowed;opacity:0.3}
.w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px;}
.w3-button{white-space:normal}
.w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
.w3-button:hover{background-color:#ccc!important}
.media-box{margin-top: 10px; margin-bottom: 10px;}

.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
nav .saparate{color: #ff6633; font-size: 16px;}
nav{float: left; width: 70%; position: relative;margin-top:30px; margin-bottom:30px;}
nav #menu{float: none;  list-style-type: none; padding: 0px; margin-top: 5px; margin-right: 30px; margin-left: 30px;}
nav #menu li{float: left;  padding: 5px}
nav #menu li a{color: #cccccc;  font-size: 11pt; font-family: verdana; text-decoration: none; text-transform: uppercase;}
nav #menu li a:hover{ color: #FF6633; }
nav #menu .active a{ color: #FF6633; }
.name-media{margin-top: 15px;}
.fade:not(.show) {
    opacity: 1 !important;
}
.team-info{ margin-bottom: 15px;}
footer{    display: block; position: fixed; margin-top: 15px;
   bottom:0;
   width:100%;
   height:40px; background: #cccccc; color: #fff;     padding-top: 15px;}
#content{ display: block;  margin-top: 90px; clear: both; margin-right: 10px; margin-bottom: 80px;}
#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-right: 10px; list-style-type: none;padding: 0px; margin: 0px; margin-top: -10px; }
#social li{float: left;  margin-right: 3px; padding: 5px; margin-top: -11px; }
#social li a:hover{    text-decoration: none;}
#home-image{ margin-top: 30px;}
.lang{float: right; margin-right: 0px; list-style-type: none;padding: 0px; margin: 0px;margin-top: -5px;}
.lang li{float: left;  margin-right: 5px; padding: 5px; font-size: 15px; padding-top: 0px; color: #cecece;}
.lang li a{text-transform: uppercase; font-size: 15px;}
.lang .active{color: #ff6633; text-decoration:none;}
.team-box, .article-box{margin-bottom: 20px; margin-left: 20px; margin-right: 25px;}
.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%;}
.project-images-box{margin-bottom: 15px;}
.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: #999999; margin-left:30%; font-weight:bold;}
.article-box .image{cursor: pointer;}
.article-box .team-info .read-more
{ 
    background-color: #ff6633;
    color: #ffffff;
    font-size: 9pt;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: bold;
    margin-left: 7%;
}
   
    .back-bttn{     
    background-color: #999999;
    color: #ffffff;
    font-size: 9pt;
    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: #ff6633; font-weight: bold;}
.team-info p{line-height: 8px;  margin-top: 6px; text-align: center;}
.team-info div p{line-height: 16px;}
.article-box .name{font-size: 9pt;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; width: 250px; float: left;}
.article-content{margin-top: 20px; margin-bottom: 20px;}
.article-title{color: #000; font-size: 9pt; font-weight:bold;}
.row{padding-top: 30px; clear: both;}
.row p{ color: #cecece;}
#partners{list-style-type: none; clear: both; margin:0px; padding:0px;}
#partners li{float: left;}
#nav-icon1{
  width: 50px;
  height: 35px;
  position: relative;
  margin: 15px 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: #ff6633;
  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;  }

.orange {
	color: #000;
}
.orange {
	color: #F93;
}
        #logo{width: 30%;float:left;margin-top: 10px;}
footer p a {color:#808080; text-decoration:none;font-size:8px;margin-top:300px;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
    display: inline-block;
    float: left;
}
.image-profile{
    margin-bottom: 15px;
}
@media screen and (max-width: 900px) {
	#main{width:95%; margin: 15px;}
	#logo{width: 75%;}
	#nav-icon1 {display: block;}
	header{padding-right: 15px;}
	#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: 9pt;}
	.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;}
	
	#home-image{ width: 100%;}
	.saparate{display: none;}
	footer{position:raletive; left: 0;}
	
}