/********************************************************
obshee
********************************************************/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  background: #FFF;
  color: #1945A4;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  text-rendering: optimizeLegibility;
}

.float-clearing {
  zoom: 1;
}

.float-clearing:after {
  zoom: 1;
  content: " ";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

.col-1 { width: 8.33%; }
.col-2 { width: 16.66%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33%; }
.col-5 { width: 41.66%; }
.col-6 { width: 50%; }
.col-7 { width: 58.33%; }
.col-8 { width: 66.66%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33%; }
.col-11 { width: 91.66%; }
.col-12 { width: 100%; }
[class*="col-"] {
  float: left;
  text-align: center;
}

/********************************************************
               header
********************************************************/
nav {
  position: fixed;
  top: 0px;
  left: 0px;
  background: #dce0e0; 
}


.logo{
  max-width: 400px;
  max-height: 180px;
  float: left;
  margin-left: 0px;
  margin-bottom: 10px;
  margin-top: 0px;
}

/***************основное меню************/
#main-menu{
  float: right;
  font-size: 15px;
  list-style: none;
  margin-top: 5px;
  display: block;
  
}

#main-menu li{
  float: right;
  display: block;
  margin-right: 20px;
  position: relative;

}
#main-menu li a:link,
#main-menu li a:visited {
  text-decoration: none;
  text-transform: uppercase;
  color: #1945A4;
  display: block;
}
#main-menu li a:hover,
#main-menu li a:active {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  color: #1945A4;
  opacity: 1;
  border-bottom: 4px solid #FFD12D;
  transition: 0.5s;
}
.drop-menu{
  position: absolute;
  /*display: none;*/
}
#vipad{
  padding-right: 20px;
}


/***************скользящее меню************/

#stiky .logo{
  float: left;
  margin-left: -50px;
  margin-top: -10px;
  margin-bottom: 0px;
  transform: scale(0.7);
}
#stiky #main-menu{
  float: right;
  font-size: 15px;
  list-style: none;
  margin-top: -10px;
}
#stiky #main-menu li{
  float: right;
  display: inline-block;
  margin-right: 20px;

}
#stiky #main-menu li a:link,
#stiky #main-menu li a:visited {
  text-decoration: none;
  text-transform: uppercase;
  color: #1945A4;
}  
#stiky #main-menu li a:hover,
#stiky #main-menu li a:active {
  text-decoration: none;
  text-transform: uppercase;
  color: #1945A4;
  opacity: 1;
  border-bottom: 4px solid #FFD12D;
  transition: 0.5s;
}
#stiky #main-menu:after{
  display: block;
  height: 1px;
  background-color: #1945A4;
  content: " ";
  width: 100%;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 5px;
}

/*************** главный слайд ************/

#main-slide{
  margin-top: -77px;
  margin-bottom: 50px;
}
  

/********************************************************
              sekciya 1 про компанию
*******************************************************/

#about-us{
  margin-top: 200px;
}
#zagolovok_sek1:before{
  display: block;
  content: "";
  height: 110px;
  margin: -5px 0 0;
}
#zagolovok_sek1{
  /*padding: 10px;*/
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 30px;
}
#sek2{
 text-align: center;

}

#text-sek1{
  margin-bottom: 20px;
  line-height: 1.5em;
  padding-left: 40px;
  padding-right: 40px;
}


/********************************************************
              sekciya 2 иконки
*******************************************************/
#stolbik{
  /*margin-left: 3px;
  margin-right: 3px;*/
  /*padding: 20px;*/
}
.ikonki{
  font-size: 400%;
  color: #1945A4;
}
.ikonki:after{
  display: block;
  height: 1px;
  background-color: #1945A4;
  content: " ";
  width: 50%;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 5px;
}
.number{
  color: #FFD12D;
  font-weight: normal;
  font-style: normal;
  font-size: 40px;
}

#ikonkitext{
  color: #1945A4;
  margin-top: 10px;
  margin-bottom: 30px;
  padding: 5px;
}

/********************************************************
              sekciya 3 оборудование
*******************************************************/


#zagolovok_sek3{
  /*padding: 10px;*/
  text-align: center;
  /*margin-top: 120px;*/
  font-size: 1.5em;
  font-weight: bold;
}
#zagolovok_sek3:before{
  display: block;
  content: "";
  height: 110px;
  margin: -5px 0 0;
}

#text-blok3{
  margin-top: 30px;
  display: inline-block;
  width: 80%;  
  text-align: center;
  line-height: 1.5;
  padding-left: 10px;
  padding-right: 10px;
}

#more-equipment {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 30px; 
}

.button-equipment:link,
.button-equipment:visited,
input[type=submit]{
  text-decoration: none;
  padding: 10px;
  color: #FFD12D;
  background: #1945A4;
}
.button-equipment:hover,
.button-equipment:active,
input[type=submit]:hover,
input[type=submit]:active{
  text-decoration: none;
  padding: 10px;
  color: #ffc965;
  background: #102c69;
  box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
}

#im-sek-eqip{
  text-align: center;
}

#image-sek3{
  margin-top: 100px;
  box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
  text-align: center;
  max-width: 50%;
}

#text-blok3-zagolovok{
  text-align: center;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
}
#text-blok3-zagolovok:after{
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 2px;
  background-color: #FFD12D;
  content: " ";
  width: 90%;
  margin-top: 15px; 
  margin-bottom: 5px;
}
#text-blok3-spisok li{
  text-align: center;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

#text-blok3-1{
  display: inline-block;
  margin-top: 25px;
  display: inline-block;
  text-align: center;
  line-height: 1.5;
  padding-left: 20px;
  padding-right: 20px;
}

/********************************************************
              sekciya 4 сервис 
*******************************************************/

#zagolovok_sek4:before{
  display: block;
  content: "";
  height: 110px;
  margin: -5px 0 0;
}
#zagolovok_sek4{
  text-align: center;
  margin-top: 30px;
  font-size: 1.5em;
  font-weight: bold;
}

#text-blok4{
  margin-top: 50px;
  text-align: center;
  line-height: 1.5;
  padding-left: 20px;
  padding-right: 20px;  
 }
 
 #text-blok4-1-1{
  text-align: center;
  line-height: 1.5;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 10px; 
  margin-right: 10px;
  padding-left: 20px;
  padding-right: 20px;
 }

#text-blok4-1-1-1{
  text-align: center;
  line-height: 1.5;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 10px; 
  margin-right: 10px;
  padding-left: 20px;
  padding-right: 20px;
 }

#image-servise{
  margin-top: 20px;
  box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
  max-width: 90%;
}

/********************************************************
              sekciya 5 контакты 
*******************************************************/
#zagolovok_sek5:before{
  display: block;
  content: "";
  height: 110px;
  margin: -5px 0 0;
}

#zagolovok_sek5{
  text-align: center;
  margin-top: 30px;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 30px;
}
#text-blok5{
  text-align: center;
  line-height: 1.5;
  margin-bottom: 20px;
 }

 
input[type=text],
input[type=email], 
textarea{
  width: 70%;
  margin-bottom: 20px;
  border-radius: 5px;
  padding: 5px;
}
textarea{
  height: 150px;
}

#submit-button{
  margin-top: 20px;
  margin-bottom: 50px;
}

/********************************************************
              footer
********************************************************/
footer{

  text-align: center;
  background: #dce0e0;
  display: inline-block;
  width: 100%;
}

#footer-menu li {

  list-style: none;
  text-decoration: none;
  display: inline-block;
  margin-right: 30px;
  font-size: 1.3em;
  margin-top: 20px;
  text-transform: uppercase;
}
#footer-menu li a{
  text-decoration: none;
  color: #1945A4;
}
#all{
  float: left;
  color: #1945A4;
  font-size: 0.9em;
  margin-top: 40px;
  margin-left: 20px;
  margin-bottom: 20px;
}
#age{
  float: right;
  margin-right: 20px;
  color: #1945A4;
  font-size: 0.9em;
  margin-top: 40px;
  margin-bottom: 20px;
}


/********************************************************
              stranica equipment
********************************************************/




#zagolovok-tipi-oborydovaniya{
  margin-top: 0px;
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
}
#zagolovok-tipi-oborydovaniya:after{
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 2px;
  background-color: #FFD12D;
  content: " ";
  width: 80%;
  margin-top: 15px; 
  margin-bottom: 15px;
}
#spisok-tipov {
  text-align: center;
  margin-bottom: 50px;
}
#spisok-tipov li{
  display: inline-block;
  margin-right: 30px;
  padding: 20px;
}
#spisok-tipov li a:link,
#spisok-tipov li a:visited{
  text-decoration: none;
  color: #1945A4;  
}
#spisok-tipov li a:hover,
#spisok-tipov li a:active {
  text-decoration: none;
  color: #1945A4;
  opacity: 1;
  border-bottom: 4px solid #FFD12D;
  transition: 0.5s;  
}

/********************************************************
              Electron beam gun
********************************************************/
#zagolovok-ebg:before{
  display: block;
  content: "";
  height: 110px;
  margin: -5px 0 0;
}

#Electron-beam-gun{
margin-bottom: 50px;
margin-top: 50px;
}
#zagolovok-ebg{
  font-weight: bold;
  font-size: 1.3em;
  margin-left: 10px;
  margin-bottom: 20px;
}

#zagolovok-ebg:after{
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 2px;
  background-color: #FFD12D;
  content: " ";
  width: 50%;
  margin-top: 15px; 
  margin-bottom: 15px;
}
#text-ebg{
  text-align: center;
  /*max-width: 70%;*/
   line-height: 1.5;
  padding-right: 30px;
  padding-left: 30px;
  margin-bottom: 40px;
  margin-top: 40px;
}
#image-ebg{
  /*max-width: 300px;*/
  max-height: 300px;
  box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
  margin-bottom: 30px;
}


/********************************************************
              eqip-ebw-text
********************************************************/
#eqip-ebw{
  font-weight: bold;
  font-size: 1.3em;
  margin-left: 10px;
  margin-bottom: 20px;
}
#eqip-ebw:after{
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 2px;
  background-color: #FFD12D;
  content: " ";
  width: 50%;
  margin-top: 15px; 
  margin-bottom: 15px;
}

#eqip-ebw-text{
  padding-right: 30px;
  padding-left: 30px;
  margin-bottom: 40px;
  margin-top: 40px;
   line-height: 1.5;
}


/********************************************************
              Small-sized-installations"
********************************************************/
#zagolovok-ssi:before{
  display: block;
  content: "";
  height: 110px;
  margin: -5px 0 0;
}

#Small-sized-installations{
margin-bottom: 50px;
margin-top: 50px;
}
#zagolovok-ssi{
  font-weight: bold;
  font-size: 1.3em;
  margin-left: 10px;
  margin-bottom: 20px;
}

#zagolovok-ssi:after{
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 2px;
  background-color: #FFD12D;
  content: " ";
  width: 50%;
  margin-top: 15px; 
  margin-bottom: 15px;
}


#image-ssi{
  /*max-width: 400px;*/
  max-height: 300px;
  /*height: 100%;*/
  box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
  margin-bottom: 30px;
  
}
#image-ssi-1{
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 10px;
}

#text-ssi{
  padding-right: 30px;
  padding-left: 30px;
  margin-bottom: 40px;
  margin-top: 40px;
   line-height: 1.5;
}

/********************************************************
              Medium-sized-units
********************************************************/
#zagolovok-msu:before{
  display: block;
  content: "";
  height: 110px;
  margin: -5px 0 0;
}

#Medium-sized-units{
margin-bottom: 50px;
margin-top: 50px;
}
#zagolovok-msu{
  font-weight: bold;
  font-size: 1.3em;
  margin-left: 10px;
  margin-bottom: 20px;
}
#zagolovok-msu:after{
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 2px;
  background-color: #FFD12D;
  content: " ";
  width: 50%;
  margin-top: 15px; 
  margin-bottom: 15px;
}

#image-msu{
  /*max-width: 300px;*/
  max-height: 300px;
  /*height: 100%;*/
  box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
  margin-bottom: 10px;
}

#text-msu{
  padding-right: 30px;
  padding-left: 30px;
  margin-bottom: 40px;
  margin-top: 40px;
   line-height: 1.5;
}
#text-msu-1{
  margin-bottom: 40px;
  margin-top: 10px;
}

/********************************************************
              Large-installations
********************************************************/
#zagolovok-li:before{
  display: block;
  content: "";
  height: 110px;
  margin: -5px 0 0;
}

#Large-installations{
margin-bottom: 50px;
margin-top: 50px;
}
#zagolovok-li{
  font-weight: bold;
  font-size: 1.3em;
  margin-left: 10px;
  margin-bottom: 20px;
}
#zagolovok-li:after{
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 2px;
  background-color: #FFD12D;
  content: " ";
  width: 50%;
  margin-top: 15px; 
  margin-bottom: 15px;
}

#image-li{
  /*max-width: 300px;*/
  max-height: 300px;
  /*height: 100%;*/
  box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
  margin-bottom: 10px;
}
#text-li{
  padding-right: 30px;
  padding-left: 30px;
  margin-bottom: 40px;
  margin-top: 40px;
   line-height: 1.5;
}
#text-li-1{
  margin-bottom: 40px;
  margin-top: 10px;
}



/********************************************************
              Granular-metallurgy-plants
********************************************************/
#zagolovok-gmp:before{
  display: block;
  content: "";
  height: 110px;
  margin: -5px 0 0;
}

#Granular-metallurgy-plants{
margin-bottom: 50px;
margin-top: 50px;
}
#zagolovok-gmp{
  font-weight: bold;
  font-size: 1.3em;
  margin-left: 10px;
  margin-bottom: 20px;
}
#zagolovok-gmp:after{
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 2px;
  background-color: #FFD12D;
  content: " ";
  width: 50%;
  margin-top: 15px; 
  margin-bottom: 15px;
}

#image-gmp{
  /*max-width: 85%;*/
  max-height: 300px;
  /*height: 100%;
  width: 100%;*/
  box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
  /*margin-bottom: 30px;*/
  margin-bottom: 10px;
}

#text-gmp{
  padding-right: 30px;
  padding-left: 30px;
  margin-bottom: 40px;
  margin-top: 40px;
   line-height: 1.5;
}
#text-gmp-1{
  margin-bottom: 40px;
  margin-top: 10px;
}

/********************************************************
              High-voltage-power-supplies
*******************************************************/
#zagolovok-hvps:before{
  display: block;
  content: "";
  height: 110px;
  margin: -5px 0 0;
}

#High-voltage-power-supplies{
margin-bottom: 50px;
margin-top: 50px;
}
#zagolovok-hvps{
  font-weight: bold;
  font-size: 1.3em;
  margin-left: 10px;
  margin-bottom: 20px;
}
#zagolovok-hvps:after{
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 2px;
  background-color: #FFD12D;
  content: " ";
  width: 50%;
  margin-top: 15px; 
  margin-bottom: 15px;
}

#image-hvps{
  /*max-width: 300px;*/
  max-height: 300px;
  /*height: 100%;*/
  box-shadow: 7px 7px 5px rgba(0,0,0,0.6);
  margin-bottom: 10px;
}
#text-hvps{
  padding-right: 30px;
  padding-left: 30px;
  margin-bottom: 40px;
  margin-top: 40px;
   line-height: 1.5;
}
#text-hvps-1{
  margin-bottom: 40px;
  margin-top: 10px;
}