/*1-floor*/
#index_up
{
  margin: 0px 0px;
  height: 84%;
  width: 100%;
  /*
  background: no-repeat url("../images/index_up.jpg") 50%;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  */
}

/*background slide*/

.slide-first,
.slide-second,
.slide-third,
.slide-fourth
{
  margin: 0px 0px;
  height: 84%;
  width: 100%;
  position: absolute;
  /*left: 0;
  right: 0;
  top: 0;*/
  opacity: 0;
}

.slide-first
{
  background: no-repeat url(../images/slide1.jpg) 50%;
  background-size: cover;
  background-attachment: fixed;
}

.slide-second
{
  background: no-repeat url(../images/slide2.JPG);
  background-size: cover;
  background-attachment: fixed;
}

.slide-third
{
  background: no-repeat url(../images/slide3.JPG);
  background-size: cover;
  background-attachment: fixed;
}

.slide-fourth
{
  background: no-repeat url(../images/slide4.JPG);
  background-size: cover;
  background-attachment: fixed;
}

.slide-first {
	animation: slide1 23.5s;
	animation-iteration-count: infinite;
}
.slide-second {
	animation: slide2 23.5s;
	animation-iteration-count: infinite;
}
.slide-third {
	animation: slide3 23.5s;
	animation-iteration-count: infinite;
}
.slide-fourth {
	animation: slide4 23.5s;
	animation-iteration-count: infinite;
}


@keyframes slide1 {
	0% {opacity: 1;}
	/*2.5% {opacity: 1;}*/
	22.5% {opacity: 1;}
	25% {opacity: 0;}
	95% {opacity: 0;}
	100% {opacity: 1;}
}

@-webkit-keyframes slide2 {
	22.5% {opacity: 0;}
	25% {opacity: 1;}
	27.5% {opacity: 1;}
	47.5% {opacity: 1;}
	50% {opacity: 0;}
}

@-webkit-keyframes slide3{
	47.5% {opacity: 0;}
	50% {opacity: 1;}
	52.5% {opacity: 1;}
	72.5% {opacity: 1;}
	75% {opacity: 0;}
	
}

@-webkit-keyframes slide4 {
	0% {opacity: 0;}
	72.5% {opacity: 0;}
	75% {opacity: 1;}
	77.5% {opacity: 1;}
	97.5% {opacity: 1;}
	100% {opacity: 0;}
}

/**/

#align_center
{
  width: 50%;
  left: 25%;
  opacity: 0.9;
  background-color: black;
  
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  
  user-select: none;
  pointer-events: none;
}

#index_up img
{
  width: 80%;
  position: relative;
  margin-left: 10%;
  /* transform: translate(-50%, 0); */
}

#index_up h1
{
  margin-top: 0px;
  text-align: center;
  font-size: 2.4vw;
  /*color: #292929;*/
  color: #f1f1f1;
}

#index_up p
{
  text-align: center;
  font: 1.5vw Arial, Tahoma, sans-serif;
  font-weight: bold;
  /*color: #292929;*/
  color: #f1f1f1;
  /*width: 40%;*/
  width: 60%;
  margin: 10px 0 20px 20%;
}
/**/

/*2-floor*/
#about_shdc h1
{
  padding-top: 900px;
  margin-top: 100px;
}

#about_shdc p
{
  font: 17px Arial, Tahoma, sans-serif;
  width: 60%;
  margin-left: 20%;
  margin-bottom: 70px;
}
/**/

/*3-floor*/
.images_shift
{
  margin-bottom: 40%;
  margin-left: 1%;
}

#career1, #career2, #career3
{
  float: left;   
  top: 0%;
  
  user-select: none;
  pointer-events: none;
  box-shadow: 7px 7px 5px rgba(0,0,0,0.5);
}

#career1
{
  width: 25%;
  margin-top: 1%;
  margin-left: 0.5%;
}

#career2
{
  width: 40.2%;
  margin-top: 1%;
  margin-left: 4%;
}

#career3
{
  width: 25%;
  margin-left: 4%;
  margin-top: 1%;
}
/**/

/*4-floor*/

#industries
{
  width: 98%;
  margin: 50px 0 50px 1%;
  border: solid 3px #292929;
}

#industries h1
{
  margin-top: 20px;
}

#some_about_industries
{
  margin-bottom: 30px;
}

#some_about_industries table
{
  width: 90%;
  margin-left: 5%;
}

#some_about_industries td
{
  width: 40%;
}

#some_about_industries td:first-child
{
  padding-right: 3%;
}

#some_about_industries td:last-child
{
  border-left: solid 1px black;
  padding-left: 3%;
}

#some_about_industries p
{
  font: 17px Arial, Tahoma, sans-serif;
}

#some_about_industries ul
{
  font: 17px Arial, Tahoma, sans-serif;
  list-style-position: inside;
}

#buttons_industries
{
  margin-bottom: 50px;
}

#table_awake
{
  width: 50%;
  margin-left: 25%;
  margin-top: -2px;
}

#table_awake td
{
  width: 20%;
  height: 90px;
  transition: 0.5s;
  background-size: 100%;
  box-shadow: 0 0 70px 8px black inset;
  text-align: center;
}

#table_awake td:hover
{
  background-position: 50% 35%;
  background-size: 120%;
  transition: 0.5s;
  box-shadow: 0 0 300px 8px black inset;
}

#table_awake a
{
  transition: 0.3s;
  opacity: 0.5;
  color: #ededed;
  font-size: 18px;
}

#table_awake a:hover
{
  transition: 0.3s;
  opacity: 1;
  text-shadow: 1px 1px 2px black, 0 0 1em black;
}

.pests
{
  background: no-repeat url("../images/branches_of_application/pests.jpg") 50% 60%;
}

.garden_diatomite
{
  background: no-repeat url("../images/branches_of_application/garden_diatomite.jpg") 50% 60%;
}

#table_1
{
  width: 90%;
  margin-left: 5%;
}

#table_1 td
{
  width: 30%;
  height: 170px;
  transition: 0.5s;
  background-size: 100%;
  box-shadow: 0 0 70px 8px black inset;
  text-align: center;
}

#table_1 td:hover
{
  background-position: 50% 35%;
  background-size: 120%;
  transition: 0.5s;
  box-shadow: 0 0 300px 8px black inset;
}

#table_1 a
{
  transition: 0.3s;
  opacity: 0.5;
  color: #ededed;
  font-size: 25px;
}

#table_1 a:hover
{
  transition: 0.3s;
  opacity: 1;
  text-shadow: 1px 1px 2px black, 0 0 1em black;
}

.metallurgy
{
  background: no-repeat url("../images/branches_of_application/metallurgy.jpg") 50% 60%;
}

.industry
{
  background: no-repeat url("../images/branches_of_application/industry.jpg") 50% 60%;
}

.house
{
  background: no-repeat url("../images/branches_of_application/house.jpg") 50% 60%;
}

.agriculture
{
  background: no-repeat url("../images/branches_of_application/agriculture.jpg") 50% 60%;
}

.water_treatment
{
  background: no-repeat url("../images/branches_of_application/water_treatment.jpg") 50% 60%;
}

.medicine
{
  background: no-repeat url("../images/branches_of_application/medicine.jpg") 50% 60%;
}

#table_2
{
  width: 90%;
  margin-left: 5%;
  margin-top: -2px;
}

#table_2 td
{
  width: 20%;
  height: 130px;
  transition: 0.5s;
  background-size: 100%;
  box-shadow: 0 0 70px 8px black inset;
  text-align: center;
}

#table_2 td:hover
{
  background-position: 50% 35%;
  background-size: 120%;
  transition: 0.5s;
  box-shadow: 0 0 300px 8px black inset;
}

#table_2 a
{
  transition: 0.3s;
  opacity: 0.5;
  color: #ededed;
  font-size: 18px;
}

#table_2 a:hover
{
  transition: 0.3s;
  opacity: 1;
  text-shadow: 1px 1px 2px black, 0 0 1em black;
}

.chemistry
{
  background: no-repeat url("../images/branches_of_application/chemistry.jpg") 50% 60%;
}

.build
{
  background: no-repeat url("../images/branches_of_application/build.jpg") 50% 60%;
}

.repair
{
  background: no-repeat url("../images/branches_of_application/repair.jpg") 50% 60%;
}

.train
{
  background: no-repeat url("../images/branches_of_application/train.jpg") 50% 60%;
}

.mchs
{
  background: no-repeat url("../images/branches_of_application/mchs.jpg") 50% 60%;
}

/*!!!*/
/*
#industries
{
  width: 98%;
  margin: 50px 0 50px 1%;
  border: solid 3px #292929;
}

#industries h1
{
  margin-top: 20px;
}

#industries_menu li
{
  list-style: none;
  margin: auto;
  width: 90%;
  margin-bottom: 1px;
  text-align: center;
  padding: 50px 0%;
  background-size: cover;
  transition: 0.5s;
  background-size: 100%;
  box-shadow: 0 0 70px 8px black inset;
}

#industries_menu li:hover
{
  background-position: 50% 35%;
  background-size: 120%;
  transition: 0.5s;
  box-shadow: 0 0 300px 8px black inset;
}

#industries_menu li:last-child
{
  margin-bottom: 70px;
}

#industries_menu a
{
  transition: 0.3s;
  opacity: 0.5;
  font-size: 25px;
  color: #ededed;
}

#industries_menu a:hover
{
  transition: 0.3s;
  opacity: 1;
  text-shadow: 1px 1px 2px black, 0 0 1em black;
}

#industries_menu p
{
  font: 17px Arial, Tahoma, sans-serif;
  transition: 0.5s;
  color: #ededed;
  text-align: center;
  opacity: 0.5;
}

#industries_menu li:hover p
{
  transition: 0.5s;
  opacity: 1;
  text-shadow: 1px 1px 2px black, 0 0 1em black;
}

.metallurgy
{
  background: no-repeat url("../images/metallurgy.jpg") 50% 40%;
}

.agriculture
{
  background: no-repeat url("../images/agriculture.jpg") 50%;
}

.house
{
  background: no-repeat url("../images/house.jpg") 50%;
}

.industry
{
  background: no-repeat url("../images/industry.jpg") 50% 50%;
}

.water_treatment
{
  background: no-repeat url("../images/water_treatment.jpg") 50% 60%;
}
*/
/**/

/*5-floor*/
#map
{
  padding: 25px 0 50px 0;
  background: no-repeat url("../images/back_map.png") 50%;
  background-size: cover;
  background-attachment: fixed;
  box-shadow: 0 0 12px 0px black inset;
}

#where
{
  width: 80%;
  height: 180px;
  margin: 0 0 30px 20%;
}

#where td:first-child
{
  background: no-repeat url("../images/truck.png");
  background-size: contain;
  width: 200px;
}

#where ul
{
  font: 20px Arial, Tahoma, sans-serif;
  background: rgba(255, 255, 255, 0.8);
  list-style: georgian inside url('../images/correct.png');
  padding-left: 5%;
  width: 70%;
}

#where li
{
  margin-bottom: 10px;
}

#where li:last-child
{
  margin-bottom: 0px;
}

#address
{
  text-align: center;
  font: 20px Arial, Tahoma, sans-serif;
  margin: 0 0 30px 20%;
  width: 60%;
  background: rgba(255, 255, 255, 0.8);
}

iframe
{
  width: 100%;
}
/**/

@media screen and (max-width: 768px)
{ 
    #index_up
    {
      margin: -45px 0px;
    }    
    
    #align_center
    {
      width: 90%;
      left: 5%;
    }
    
    #index_up img
    {
      width: 80%;
      margin-left: 10%;
      transform: translate(0%, 0);
    }
    
    #index_up h1
    {
      font-size: 4.4vw;
    }
    
    #index_up p
    {
      font-size: 2.5vw;
    }
    
    #about_shdc h1
    {
      padding-top: 800px;
    }
    
    #about_shdc p
    {
      width: 80%;
      margin-left: 10%;
      margin-bottom: 30px;
    }
    
    .images_shift
    {
      margin-bottom: 50%;
    }
    
    /*4-floor*/
    #some_about_industries table
    {
      width: 94%;
      margin-left: 3%;
    }
    
    #some_about_industries p
    {
      font-size: 13px;
    }
    
    #some_about_industries ul
    {
      font-size: 13px;
    }
    
    #table_awake
    {
      width: 80%;
      margin-left: 10%;
    }
    
    #table_awake td
    {
      height: 50px;
      text-align: center;
    }
    
    #table_awake a
    {
      font-size: 14px;
    }
    
    #table_1
    {
      width: 96%;
      margin-left: 2%;
    }
    
    #table_1 td
    {
      width: 30%;
      height: 80px;
    }
    
    #table_1 a
    {
      font-size: 12px;
    }
    
    #table_2
    {
      width: 96%;
      margin-left: 2%;
      margin-top: -2px;
    }
    
    #table_2 td
    {
      width: 20%;
      height: 40px;
    }
    
    #table_2 a
    {
      font-size: 8px;
    }
    /*!!!*/
    
    #where
    {
      width: 90%;
      height: 0px;
      margin-left: 5%;
    }
    
    #where td:first-child
    {
      display: none;
    }
    
    #where ul
    {
      font-size: 16px;
      list-style: square;
      width: 90%;
    }
    
    #address
    {
      font-size: 16px;
      margin: 0 0 30px 5%;
      width: 90%;
    }
}

@media screen and (min-width: 1920px), screen and (min-hight: 1080px)
{ 
    #about_shdc h1
    {
      padding-top: 1200px;
      margin-top: 100px;
    }
}