body{
    width:100%;
    min-height:100vh;
    background-image: url(pics/bg.jpg);
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;
    color:#fff;
}

.stroke{text-shadow:
    -2px -2px 0 black,
    2px -2px 0 black,
    -2px 2px 0 black,
    2px 2px 0 black;}
  


#section2{
  min-height: 100vh;
  background:url(pics/bg2.jpg);
  background-position: center top;
  background-attachment: fixed;
  background-size: cover;
}


#section3{
  min-height: 100vh;
  background:url(pics/bg3.jpg);
  background-position: center top;
  background-attachment: fixed;
  background-size: cover;
}

#section4{
  min-height: 100vh;
  background:url(pics/bg4.jpg);
  background-position: center top;
  background-attachment: fixed;
  background-size: cover;
}

#brand{display: none;}

.hrom-icon .fa-circle {
  color: #000;
  transition: color .5s;    
  -o-transition: color .5s;
  -webkit-transition: color .5s;
  -moz-transition: color .5s;
  -ms-transition: color .5s;
}

.hrom-icon .fa-circle:hover,
.hrom-icon:hover .fa-circle{
  color: #fff;     
  transition: color .5s;    
  -o-transition: color .5s;
  -webkit-transition: color .5s;
  -moz-transition: color .5s;
  -ms-transition: color .5s;
}

.hrom-icon .fa-sign {
  color: #fff;
  transition: color .5s;    
  -o-transition: color .5s;
  -webkit-transition: color .5s;
  -moz-transition: color .5s;
  -ms-transition: color .5s;
}

.hrom-icon:hover .fa-sign{
  color: #000;     
  transition: color .5s;    
  -o-transition: color .5s;
  -webkit-transition: color .5s;
  -moz-transition: color .5s;
  -ms-transition: color .5s;
}

h1{
    font-family: OttoDix; /* Имя шрифта */
    color:#fff
}
@font-face {
	font-family: OttoDix; /* Имя шрифта */
	src: url(od.ttf); /* Путь к файлу со шрифтом */
	} 
   
    @font-face {
        font-family: 'OttoDixBrand';
        src:url('fonts/OttoDix.woff?tsv9la') format('woff');
        font-style: normal;
        font-display: block;
      }
      
      .icon-logo {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'OttoDixBrand' !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
         
      }
      
      .icon-od-logoOD-Logo:before {
        content: "\e900";
         
      }

      .fadeIn {
        backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
           -moz-animation: fadein 2s; /* Firefox < 16 */
            -ms-animation: fadein 2s; /* Internet Explorer */
             -o-animation: fadein 2s; /* Opera < 12.1 */
                animation: fadein 2s;
    }
    
    @keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
    
    /* Firefox < 16 */
    @-moz-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
    
    /* Safari, Chrome and Opera > 12.1 */
    @-webkit-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
    
    /* Internet Explorer */
    @-ms-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
    
    /* Opera < 12.1 */
    @-o-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }