
body{
	font-family : Arial, Helvetica, sans-serif;
	color : #4B4C4D;
        margin: 0;
        padding: 0;
}

 .col-1
 {
    width: 100%;
    margin-top: 112px;
 }

.col-1 img
{
 width: 100%;
          height: 100%;
          display: block;


}

 .col-5
 {
    width: 100%;
 }

.col-5 img
{
 width: 100%;
          height: 100%;
          display: block;


}


 

 .cleaner
 {
  clear: both;
 }


.col-3
 {
    background: #f1f0ef;
   
  padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
 }
 
 .col-3 .wrap
 {
  
 margin:0 auto;
padding:0;
    width: 85%;
  
 }
 @media screen and (max-width: 600px) {
     .col-2 ul
 {

     margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
 }

     .col-2 li
 {
    text-decoration: none;
float: left;
margin-left: 30px;
font-size: 25px;
         color: #3d3a35;
         width: 320px;
 }
.text
 {
  
     font-size:15px;

 margin:0 auto;
padding:0;
    width: 85%;
 }
 
 
.col-2
 {
    background-color: #fff;
    height: 119px;
    width: 100%;

    z-index: 2000;
 }

 .col-2 .center_column
 {
 width: 85%;
     margin:0 auto;
padding:0;
 }

 .col-2 .logo
 {
  float: left;
  width: 270px;
 }

  .col-2 .menu
 {
     display: none;
  float: right;
           padding-top: 50px;
           font-weight: bold;
 }
 }
 
 @media screen and (min-width: 600px) {
     
     .col-2 ul
 {

     margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
 }


 
     .col-2 li
 {
    text-decoration: none;
float: left;
margin-left: 30px;
font-size: 25px;
         color: #3d3a35;
 }

 
 }
 
  @media screen and (min-width: 1024px) {

  }
  
  
.col-2
 {
    background-color: #fff;
    height: 119px;
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 2000;
 }

 .col-2 .center_column
 {
 width: 85%;
     margin:0 auto;
padding:0;
 }

 .col-2 .logo
 {
  float: left;
  width: 270px;
 }

  .col-2 .menu
 {
  float: right;
           padding-top: 50px;
           font-weight: bold;
 }
 
 .col-4
 {
    background: #f1f0ef;
   padding-bottom: 30px;

    width: 100%;
 }
 
 .col-4 .wrap
 {
  
     font-size: 28px;
  text-align: center;
 margin:0 auto;
padding:0;
    width: 85%;
 }
 
.text
 {
  
     font-size: 28px;

 margin:0 auto;
padding:0;
    width: 85%;
 }

 .col-reference
 {
 position: absolute; text-align: center;z-index: 999; font-size: 50px; color: #fff;
  margin-left: auto;
margin-right: auto;
margin-top: 30px;
left: 0;
right: 0;
text-shadow: 2px 2px 2px #000;
 }
 
 .contacs_left
 {
     float: left;
     
 }
 
  .contacs_right
 {
     float: right;
     
 }
 
 
 
 
 @media screen and (max-width: 1024px) {
     .arrow{
     position: fixed; left: 95%; top: 80%;z-index: 1500;
 }
      .col-4 img
{
 max-width: 100%;
     
          display: block;


}
  
  }
 
  .col-contacs
  {
      padding: 15px 5px 15px 5px;
      float: left;
  }
  
  .col-contacs_img
  {
      margin-left: 0px;
      margin-right: 2px;
      padding-top: 20px;
      padding-bottom: 20px;
      float: left;
  }
  