@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:100%;
}
body {
	font-family: "Barlow",Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
    line-height: 18px;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}
.clear:after { clear:both;}

.clear {*zoom:1; clear:both;}

img {max-width:100%;	vertical-align:bottom;}

a {	color:#000;	text-decoration:none;}

a:hover {text-decoration:none;}

a:focus {outline:0;text-decoration:none;}

a:hover, a:active {	outline:0;}

input:focus, textarea:focus, button:focus {	outline:0;	border:0;}

ul,li {list-style-type:none;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{margin:0;}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* wrapper */
.container{
    max-width: 1550px;
    margin: 0 auto;
    width: 100%;
}

.head-btn{
    background-color: #000;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    gap:10px;
    align-items: center;
    padding: 12px 30px;
}

.head-btn-orange{
    background: #f06604;
}

.footer{
    background-color: #000000;
}


.text-orange{
    color: #f06604;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.main{
    background: #fbfbfb;
}

.banner{
    background-size: cover;
    background-repeat: no-repeat;
}

.banner h1{
    font-size: 52px;
    color: #ffffff;
}

.banner h1 span{
    color: #f06604;
}

.page-item{
    min-height: 310px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px 25px;
}

.page-item span {
    display: flex;
    height: 100px;
    align-items: center;
    justify-content: center;
}

.page-item h4{
    padding-top: 10px;
    font-size: 28px;
    font-weight: 500;
}

.sidebar-wrapper h3{
    font-size: 34px;
    line-height: 40px;
}

.social-media li a{
    display: flex;
    align-items: center;
    font-size: 28px;
    line-height: 32px;
    padding-bottom:20px;
    gap:10px;
}

.social-media li a img{
    width: 25px;

}


.inventory-info h3{
    font-size: 43px;
    font-weight: 500;
}


.inventory-info h4{
    font-size: 36px;
    font-weight: 500;
}

.inventory-info h4 span{
    color: #f06604;
}

.inventory-info select {
    background: #f5f5f5;
    border: 1px solid #ddd;
    max-width: 600px;
    width: 100%;
    text-align: left !important;
    font-size: 30px;
    font-weight: 500;
    border-radius: 5px;
    color: #676767;
    padding: 5px 15px;
}

.custom-box{
    background-color: #f5f5f5;
}

.custom-box h5{
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
    color: #000;
}

.custom-box p{
    color: #494949;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
}

.custom-box h2{
    color: #f06604;
    font-weight: 700;
    font-size: 100px;
    line-height: 80px;
    padding-bottom: 30px;
}


.search-form{
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
    background: #f5f5f5;
}

.search-form input{
    font-size: 24px;
    color: #676767;
    width: 100%;
}

.contact-inner{
    background-color: #fafafa;
    padding: 45px 50px;
    border-bottom: 1px solid #ddd;
}

.contact-inner > img{
    width: 105px;
    height: 105px;
    min-width: 105px;
    object-fit: cover;
    border-radius: 50%;
}

.contact-wrapper h3{
    font-size: 36px;
    line-height: 42px;
}


.contact-info h4{
    font-size: 26px;
    line-height: 30px;
    font-weight: 600;
}

.contact-info span{
    font-weight: 600;
    text-transform: uppercase;
    color: #f06604;
    border: 1px solid #f06604;
    padding: 2px 7px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
}

.contact-info a{
    color: #494949;
    font-size: 18px;
    font-weight: 500;
}

.nav-btn{
    padding: 45px 50px;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 30px;
    background-color: #fafafa;
}

.nav-btn a{
    color: #373737;
    font-weight: 500;
    font-size: 24px;
}

.nav-tabs.contact-tab{
    border: 0;
}

.contact-tab.nav-tabs button + button{
    border-left: 1px solid #aaa !important;
}

.contact-tab.nav-tabs button h5, .contact-tab.nav-tabs button:not(.active) h5 span{
    color: #676767;
}

.nav-tabs.contact-tab .nav-link.active h5{
    color: #000;
}

.contact-tab.nav-tabs button, .nav-tabs.contact-tab .nav-link.active{
    background-color: transparent;
    border: 0;
    border-radius: 0;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:768px) {
	
}

@media only screen and (max-width:1024px) {
    .banner h1{
        font-size: 38px;
    }

    .sidebar-wrapper h3{
        font-size: 26px;
        line-height: 32px;
    }
    .social-media li a{
        font-size: 18px;
    }
    .page-item h4{
        font-size: 18px;
    }

    .page-item {
        min-height: 250px;
        padding: 15px 20px;
    }
    .head-btn {
        padding: 12px;
        font-size: 14px;
    }

    .inventory-info h3 {
        font-size: 20px;
        background: #fff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding: 15px;
    }

    .inventory-info select {
        font-size: 16px;
        padding: 10px;
    }

    .inventory-info h4 {  font-size: 18px;   }

    .custom-box h5{font-size: 16px;line-height: 20px;}
    .custom-box p{font-size: 12px;line-height: 14px;}
    .custom-box h2{font-size: 50px; line-height: 50px;  padding-bottom: 20px;}
}


@media only screen and (max-width:767px) {
	.banner h1{
        font-size:27px;
    }
    .page-item span,  .page-item span img {
        height: 60px;
    }
    .page-item {
        min-height: 200px;
    }
    .main-bottom {
        margin-top: -60px;
    }
    .banner {
        background-position: bottom left;
    }
    .page-item h4 {
        font-size: 18px;
    }

    .contact-bottom{       
            margin-top: -60px;
            background: #fff;
            margin-left: 10px;
            margin-right: 10px;
            border-top-left-radius: 10px;
            padding-top: 20px;
            border-top-right-radius: 10px;       
    }

    .contact-info h4{
        font-size: 20px;
        line-height: 26px;
    }
    .contact-inner , .nav-btn{
        padding: 20px 15px;
    }
    .contact-info a {
        font-size: 14px;
    }
    .contact-info a + a{
        padding-left: 10px;
    }

}