@charset "UTF-8";

/* head */

header {
  padding: 0 5%;
}

.logo {
  max-width: 200px;
  margin-left: 70px;
}

.insert {
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 0 5%;
  margin-bottom: 20px;
}

.spnav {
  opacity: 0;
  position: absolute;
  top: 0;
  left: -430px;
  z-index: 1000;
  height: 100vh;
  width: 430px;
  padding-top: 100px;
  overflow: hidden;
  background: #fff;
  -webkit-transition: 1s;
  transition: 1s;
}


.sp-arrow {
  width: 32px !important;
  height: 32px !important;
}

.sp-previous-arrow,
.sp-next-arrow {
  background-size: 32px 32px;
}

.top_links {
  display: none;
}

.top_links--list {
  margin-left: 10px;
  padding-left: 10px;
  font-size: 1.3rem;
}

.top_links--a--last {
  padding: 15px 10px;
  min-width: 130px;
}

nav {
  display: none;
}

#nav-toggle {
  display: block;
  position: absolute;
  top: 24px;
  left: 5%;
}

#wide {
  margin-bottom: 40px;
}

.doors {
  width: 90%;
}

.doors__list--txt {
  width: 100%;
  bottom: 0;
  padding: 10px 5%;
}

.news_block {
  width: 90%;
  display: block;
}

.topic__block {
  width: 100%;
}

.sitelist__tit {
  font-size: 3rem;
  margin-right: 15px;
}

.sitelist__mintit {
  font-size: 1.6rem;
}

.sp-previous-arrow {
  left: 0px !important;
  right: auto;
}

.sp-next-arrow {
  right: 0px !important;
  left: auto;
}

.inbox {
  max-width: 1180px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.inbox {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.chip img {
  width: 100px;
  height: auto;
}

.catalogs {
  width: 360px;
}

.sitelist__block--list {
  width: 33.33%;
  padding: 0 3% 20px;
}

/* g-nav */

.menu__bg {
  opacity: 0;
}

.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

.inbox,
.inmenu {
  width: 100%;
  margin: 0 auto;
}

.close_btn {
  cursor: pointer;
  background: #333;
  height: 75px;
  width: 75px;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.6rem;
  font-size: 1.4rem;
  -webkit-transition: .3s;
  transition: .3s;
}

.close_btn:hover {
  opacity: .6;
}

.user_name,
.sp_sidecate {
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  margin: 30px auto 10px;
}

.spnav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.spnav__link--list {
  width: 100%;
  border: 1px solid #ccc;
  margin: 0 -0.5px -1px;
}

.spnav__link--a {
  display: block;
  padding: 5%;
  font-size: 1.8rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAvCAYAAAAIA1FgAAACsUlEQVRYhbWX24vNURTHP8dkSHGSpHj14gEPR25hamJccsmdMFEcSSGJN/GmSArxwLiEkZFLhJBccnsYlDz5AxAlYkim0aq1tez9O6ezf/v4Pv3296zfZ3d+v7XWXr9CuVzeApwFPlJn9QKagLvAwP8BHwqMAm4BxSAiET5Er8cC14F+QVQCvL9ZTwKuAn2DyJzwxUCX8aYCHUBjEJ0Dfg9YBPwy/mzNoIbgjki46CawHOg2v8mGbSYmN1x0CWj1NpD1UaAQ3BkJF50D1gM9xlsH7A/urEENpVLJj3oJfAZmGm880FvfTxJc9Bz4qZnjNEUf2cMguoIqwUWPTXtwaga+AM+C6AxVg4vuAwOACcabDrwDOoNoT7Wk2TbgiFkXNINag8gccMmcjcBJb4M2re6KqrVAZIO1wAXjSfWe0WrOVEz1Saas0sbmJP3nopdVfxVb2tJ/lgC3jddHN5ycCncbzAceGE/OgGvAuFQ42qLnarE5FbUBjk6Fi75qzr8ynpzDd4ARqXC0WluAN8YbrBsMT4WjI8lKr5MOk7qoB3wQcNrr+R+ANanwoo4kI40n/2Qa8DYFLul3AxhjPHkHM4DXJLxQl9cTjfdND5gXzsgDb9TRo9l4kvdzgKc2MBYuzaodmGU8qdiF2vv/UQxcwKeABcb7DSzVlxqoVrg7IFYYz3XJK0G0qlb4Ae3nTj06cpwPIiPhe4BNHljWJ4LISPhOYIfnbQcOBZEZqgbfCuz2vF3AviCygirBN2RA9mZsVlVZ8NXAYa8RHdTHESUfLjl7zAMfBzbHgvHg87R12oG/PWPqjYa36ExiP1Uua5F0B3dFwJsUZMFy0C5LATt4h/d5mPWNlBv+w6yf6MjQFUTmhL/X605tpd/rAXZwmbXlWJLjSY6pukngj3SQ/FRPMMAfKX6AAsgHupIAAAAASUVORK5CYII=) no-repeat 95% center / 8px 14px #333;
  color: #fff;
}

.spnav__link--a--url {
  display: block;
  padding: 12px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAuNyA5LjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwLjcgOS43OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzMzMzMzMzt9Cgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6IzMzMzMzMztzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cjwvc3R5bGU+Cjx0aXRsZT5pX2xpbms8L3RpdGxlPgo8Zz4KCTxnIGlkPSLnt6jpm4bjg6Ljg7zjg4kiPgoJCTxyZWN0IHg9IjIuNSIgeT0iMC41IiBjbGFzcz0ic3QwIiB3aWR0aD0iNy43IiBoZWlnaHQ9IjIiLz4KCQk8cmVjdCB4PSIyLjUiIHk9IjAuNSIgY2xhc3M9InN0MSIgd2lkdGg9IjcuNyIgaGVpZ2h0PSI2LjciLz4KCQk8cG9seWxpbmUgY2xhc3M9InN0MSIgcG9pbnRzPSIyLDMuNSAwLjUsMy41IDAuNSw5LjIgNy4yLDkuMiA3LjIsNy43IAkJIi8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==) no-repeat 95% center / 15px 13px;
}

.snav__bg {
  display: none;
}

.open .snav__bg {
  display: block;
  z-index: 500;
  background: rgba(0, 0, 0, .3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

footer {
  width: 90%;
}

.footlink__link--min {
  margin-left: 0;
}

.un_banner--area {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 90%;
}

.un_banner__list {
  width: 32%;
  margin: 0 2% 2% 0;
}

.un_banner__list:nth-child(3n) {
  margin-right: 0;
}

.pvarea,
.copyright {
  width: 90%;
}

.pv_mark {
  width: 50px;
}

.pv_mark img {
  width: 100%;
  height: auto;
}

.copyright {
  text-align: center;
}


/*under*/

.maintit {
  margin-bottom: 20px;
  padding: 0 5%;
}

.maintit__area {
  font-size: 2.6rem;
  line-height: 3.5rem;
}

.comnapy_bg {
  background: url(../img/comnapy_bg.jpg) no-repeat 25% center;
}

.contact_bg {
  background: url(../img/contact_bg.jpg) no-repeat 25% center;
}

.news_bg {
  background: url(../img/news_bg.jpg) no-repeat 25% center;
}

.csr_bg {
  background: url(../img/csr_bg.jpg) no-repeat 25% center;
}

.message_bg {
  background: url(../img/message_bg.jpg) no-repeat 25% center;
}

.access_bg {
  background: url(../img/access_bg.jpg) no-repeat 25% center;
}

.pankuzu {
  margin: 0 auto 50px;
  padding: 0 5%;
}

.sub_mtit {
  font-size: 2.6rem;
  line-height: 3.5rem;
}

/*company*/
.company_pro {
  padding: 0 5%;
}

.company_pro--act {
  max-width: 400px;
  width: 40%;
}

.company_pro--info {
  width: 50%;
}

.comp__act--btn {
  width: 100%;
}

.permission__box {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.permission__area {
  width: 100%;
}

.organizations__area {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0 5%;
}

.organizations__area--list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px;
}

.organizations__area--img {
  width: 40%;
  margin-right: 5%;
}

.organizations__area--list dl {
  width: 55%;
}

.base_area {
  padding: 0 5%;
}

.history--name {
  font-weight: bold;
  width: 20%;
  margin-right: 5%;
}

.hist_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.history--ded {
  width: 75%;
}

.hist_img--list {
  width: 30%;
}

.hist_img--img {
  margin-bottom: 10px;
}

/*contact*/

.collnumber {
  font-size: 3.4rem;
}

.imails__mintxt {
  font-size: 1.5rem
}

.icon_tels_bk,
.icon_mail_bk {
  background-size: 20px 20px;
  padding-left: 30px;
}

.add__maps--act {
  font-size: 2.4rem;
}

.add__maps--list:first-child {
  padding-left: 0;
}

.add__maps--list:last-child {
  padding-right: 0;
}

/*csr*/
.solor__spec--app {
  font-weight: bold;
  width: 30%;
  margin-right: 5%;
}

.solor__spec--info {
  width: 65%;
}

.commenda--img {
  text-align: center;
  margin: 0 auto 20px;
}

.commenda--intro {
  position: relative;
  left: inherit;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.birdlife--info{
  margin-right: 5%;
  width: 50%;
}

/*message*/

.message__area--photo{
  max-width: 460px;
  width: 35%;
}

.message__messa{
  width: 60%;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 4rem;
}

.message_reverse{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 50px;
}

/*access*/

.office_maparea{
  display: block;
}
.officeare{
  margin-bottom: 0;
}

.min_office{
  width: 100%;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-bottom: 30px;
}
.min_office--list{
  width: 23.5%;
  margin: 0 2% 0 0;
}
.min_office--list:nth-child(2n){
  margin-right: 2%;
}
.min_office--list:last-child{
  margin-right: 0%;
}
.office_map{
  width: 100%;
  width: 100%;
}
.office_map iframe{
  width: 100%;
  height: 250px;
}

.logistic_base{
  width: 90%;
}

/*service*/

.servece__area--list{
  width: calc(100% / 2);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 300px;
}

.sitelist-ded,.product{
  width: 90%;
}

.sitelist_area--list{
  width: 48%;
  margin: 0 4% 4% 0;
}

.sitelist_area--list:nth-child(4n){
  margin: 0 4% 4% 0;
}
.sitelist_area--list:nth-child(2n){
 margin-right: 0;
}

.product--list__area{
  display: block;
}
.product--list--img{
  width: 100%;
  margin-bottom: 15px;
}
.product--names{
  width: 100%;
}
.product--names h3{
  width: 100%;
}