@font-face{
    src: url(fonts/QuickType\ Condensed\ Regular.ttf);
    font-family: quicktype; 
    
}
@font-face{
    src: url(fonts/Goudy\ Old\ Style\ Regular.ttf);
    font-family: goudy; 
}
@font-face{
    src: url(fonts/ofont.ru_Impact.ttf);
    font-family: impactreg;
}
body{
    width: 100vw;
    overflow-x: hidden;
    margin: 0;
    position: absolute;
}
header{
    display:grid;
    grid-template-columns: 1fr 3fr;
    border-bottom: 2px solid #FC5400; 
    padding-top:50px;
}
.logo{
    width: 231px;
    height: 31px;
    margin:auto 30px;
    padding-bottom: 3px;
}
.navbar ul{ 
    display:flex;
    justify-content: space-around;
    margin:0 100px;
    vertical-align: bottom;

}
.navbar ul li{
    text-decoration: none;
    display:inline-block;
   font-family: quicktype;
   font-weight: 500;
   font-size: 16px;
   letter-spacing: 0.5px;
   color: #373739;
    text-transform: uppercase;
}
.navbar ul li:hover{
    color: #FC5400;
    cursor: pointer;
}
.mainblock1{
    border-top: 6px solid #A5A5A5;
    margin-top: 5px;
   
}
.topline1{
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    width: 95vw; 
    margin: 30px auto 0;
}
.wideblade img:nth-of-type(3){
padding-left:30px;
}
.icon img:nth-of-type(2){
    border-bottom:3px solid #8D482A ;
    border-top:3px solid #8D482A ;
}

.icon img:nth-of-type(1){
    padding-bottom:10px;
}
.bladeoptions{
    background-image: url(../images/greyline.png);
    background-size: cover;
    width: 95vw;
    margin:auto;
    height: 35px;
    position: relative;
    background-clip: border-box;
}
.bladeoptions p, .packagingoptions p{
    position: absolute;
    width: 55px;
    margin:auto;
    text-align: center;
    text-transform: uppercase;
    padding-left:8px;
    padding-top: 2px;
    font-size: 12px;
    font-family: quicktype;
    font-weight:600;
    color:#232323;
}
.bladeoptions img{
 vertical-align: middle;
}
.bladeoptions img:nth-of-type(2){
padding-left:60px;
}
.bladeoptions img:nth-of-type(4){
    padding-left: 30px;
}
.bladedescription{
    align-items: center;
    vertical-align: middle;
    padding-top: 25px;
    display:grid;
    grid-template-columns: 1fr 3fr;
    margin:auto;
}
.bladedescription img{
margin:auto;
}

.packagingoptions{
    max-width: 95%;
    height: 35px;
    background-image: url(../images/greyline.png);
    background-size: cover;
    margin:auto;
    position: relative;
    display:flex;
    justify-content: space-between;
}
.packagingoptions div img{
    vertical-align: middle;
}
.packagingoptions p{
margin:auto;
font-family: quicktype;
}
.tradew4 img:nth-of-type(2){
    padding-left:60px;
}
.bladex5{
    padding-right:20px;
}
.mainblock2{

margin: auto;
}
.topline2{
    width: 90vw;
    margin:auto;
}
.parameters{
    margin:auto;
    display:grid;
    grid-template-columns: 2fr 3fr;
    width: 95vw;
    /* margin-left: -40px; */

}
.about{
    margin: 0;
    
}
table{
    width: 570px;
    font-family: impactreg;
    color:#808080;
    font-size: 16px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding:0;
}
 
    th{
        border-bottom: 0.5px solid #FC5400;
        color: #606060;
        font-weight: 500;
        padding:0;
    }
    th:nth-of-type(1){
        font-family: goudy;
        text-align: start;
    }
    td{
        text-align: center;
        padding:0;
        border-bottom: 0.5px solid black;
    }

    td:not(:first-of-type){
        font-family:quicktype;
        color:#404141;
        font-size:15px;
        font-weight: 500;
    }
    td:nth-of-type(1){
        text-align: start;
    }
    .case-metric .case{
     padding-top:40px;
    }
    .case-metric>img{
    border-bottom: 0.5px solid #404141;
    max-width: 570px;
    }
    .case-metric .case{
        border-bottom: 0.5px solid #FC5400;
        max-width: 570px;
    }
    tr .space{
        color:white;
    }
    .pathblock{
        display:flex;
        width: 100vw;
        background-image: url(../images/Path.png);
        background-repeat: no-repeat;
        background-size: cover;
        margin: auto;
        color:white;
    }
    .pathblock h3{
        color:#FC5400;
        margin-bottom: 0;
        font-size: 15px;
        font-family: impactreg;
        
        }
        .pathblock p{
        margin:0;
        font-size:11px;
        font-family: quicktype;
        }
        .text1, .text2, .text3{
            margin-left:30px;
            max-width: 163px;
            height: 128px;
           
        }
        .text1 h3, .text2 h3, .text3 h3{
            font-size: 18px;
            font-family: impactreg;
            font-weight: 500;
            letter-spacing: 0.5px;
        }
        .rectangle{
            background-image: url(../images/bcgr-Rectangle.png);
            background-repeat: no-repeat;
            background-size: cover;
            height: 165px;
            width: 100vw;
            color:white; 
            padding-left:50px;
            padding-top:30px;
        }
        .rectangle h2{
            margin: 0;
            font-size: 21px;
            letter-spacing: 1px;
            font-family: impactreg;
            font-weight: 500;
            
        }
     .rectangle p{
         word-wrap: break-word;
         max-width: 90%;
         font-size: 18px;
         font-family: quicktype;
         color:#B2B2B2;
     }
     .contacts{
         right:40px;
         position: absolute;
     }
     @media (max-width: 1024px){
        .hideimg{
            display: none;
        }
        body{
            overflow-x: hidden;
        }
        
     }
     @media (max-width: 1250px){
        .tradew4 img:nth-of-type(2){
            padding:0;
        }
        .bladex5{
            padding:0;
        }
        .bladeoptions img:nth-of-type(2){
            padding:0;
        }
        .bladeoptions img:nth-of-type(4){
            padding:0;
        }
        .mainblock .navbar ul {
            display:grid;
            grid-template-columns: 1fr 1fr;
            grid-column-gap: 10px;
            padding-left: 0;
            justify-content: space-between;
           margin:0;
         }
         .about, .targetscraping{
             margin: auto;
         }
         .navbar ul li{
            justify-content: space-between;
            text-align: center;
         }
         .mainblock .navbar ul li{
             border-bottom: 2px solid #FC5400;
         }
         .bladedescription img:nth-of-type(2){
           
             width: 400px;
         }
         .packagingoptions img:nth-of-type(2),.bladeoptions img:nth-of-type(2){
             padding-left:0;
         }
         .parameters{
             grid-template-columns: 1fr;
             margin: auto;
         }
         .about img{
        max-width: 570px;
         }
         .case-metric .case img{
             width: 100px;
         }
         .case-metric{
             margin-bottom: 20px;
         }
         .text1,.text2,.text3{
             padding:0;
             margin:0;
             max-width: 130px;
         }
         .rectangle{
         
             padding: 0;
             
             height: 200px;
             margin-top: -30px;
         }
         .rectangle h2{
            max-width: 300px;
            margin: auto;
            padding-top: 20px;
         }
     }
     @media (max-width: 590px){
         body{box-sizing: border-box;}
         .logo{
            margin: auto;
        }
        .navbar ul{
            padding-bottom: 10px;
        }
        .navbar ul li{
            text-align: center;

        }
        .mainblock .navbar ul {
           grid-template-columns: 1fr;
           padding-top: 5px;
        }
        .bladedescription{
            grid-template-columns: 1fr;
        }
        header{
            grid-template-columns: 1fr;
            max-width: 100vw;
        }
        .rectangle{
            max-width:100vw;
            
        }
        .rectangle p{
            width: 80%;
            margin: auto;
            
        }
        .advancedworkflow{
        
        }
        .icon img:last-of-type{
            width: 50px;
        }
        .bladedescription img:last-of-type{
width: 300px;
padding-top: 30px;
        }
        .tradew4 img:nth-of-type(3){
            display: none;
        }
        .advancedworkflow img{
width: 220px;
        }
        .bladex5{
    display:none;
        }
        .parameters .targetscraping img{
width: 300px;
margin: auto;
        }
        .targetscraping{
            margin: auto;
        }
        .about img{
            width: 300px;
        }
        .about{
            margin: auto;
        }
        table{
            width: 300px;
        }
        .pathblock div{
margin-left: 10px;
padding-bottom: 40px;
        }
        .rectangle{
            padding-left:0;
            height: 320px;
        }
        .contacts img{
           padding-left:0px;
        }
        
     }