/*************** common classes starts **********1280px*****/
@media (min-width:1500px){.container{max-width:1140px!important;}}
body{font-family: 'Roboto', sans-serif; font-size:16px!important; font-weight:400; color:#FFFFFF;}
a{color:inherit; text-decoration:none !important;}
.fluid0{padding:0;}
.boxpadding{padding-bottom:30px;}
.bodybg{background-color: #FFFFFF;}
.bgwhite{background-color:#ffffff;}
.btn{font-weight:500; transition:.5s;}
.a:hover{color:none; text-decoration:none;}
.shadow-sm{box-shadow:none !important;}
ol, ul {padding-left: 0px;}
/*************** common classes ends ***************/
/******* gotop & whtsapp starts *******/
.gotopround{width:45px; height:45px; line-height:40px; background-color:#FF9900; color:#ffffff; box-shadow:2px 2px 5px #3D3D3D;}
.gotopround:hover{background-color:#FF9900; color:#ffffff; border:1px solid #FF9900;}
.gotop{position:fixed; right:23px; bottom:80px; z-index:120;}
.whtsapp-icon{width:55px; height:auto; position:fixed; right:75px; bottom:75px; z-index:120;}
/******* gotop & whtsapp ends *******/
/*************** header classes starts ***************/
#header {position: relative;background-color: #000000; box-shadow: none; z-index: 199;height: 148px;}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {content: "\f078"!important;border-top: 0;vertical-align: middle;margin-top: 0px;}
.navbar-brand .logo {transition: transform 0.3s ease;transform: scale(1); transform-origin: left center;}
.navbar-brand{padding:10px 0px;}
nav.navbar.bootsnav ul.nav > li > a{font-size:16px;font-weight:600;color:#FFFFFF;}
nav.navbar.bootsnav ul.nav > li > a:hover{color: #F39200;}
nav.navbar.bootsnav ul.nav > li > a.active{color: #F39200;}
.tdropdownhead{font-size:20px;font-weight:600;line-height:30px;color:#FF9900;border-bottom:1px solid #FF9900;}
.dropdown-menu .content p {font-weight:600;line-height:27px;color:#000000;border-bottom:1px solid #E9E9E9;padding: 10px 10px;}
.dropdown-menu .content p:hover{color:#F39200;}
.dropdown-menu .content .active {color: #FF9900;}
nav.bootsnav .collapse {display: block;}
.topmenuhr{margin: 0 0;color: #adacac;}
/******** single dropdown classes starts ********/
.dropdown-menu {width: 220px!important;}
.single-menu {margin-top: 9px!important;}
/******** single dropdown classes ends ********/
.animated {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}}.fade-Out-Up{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}.fade-In-Down, .navbar-full .animated{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
/*************** header classes ends ***************/

.twhite{color:#FFFFFF;}
.tblack{color:#000000;}
.tyellow{color:#F39200;}
.bg-black{background-color:#000000;}
.bg-white{background-color:#FFFFFF;}
/********* discover starts *********/
.discoverpadding{padding-top:250px;}
.tdiscoverhead{font-size: 40px;font-weight: 300!important;text-decoration:underline;}
/********* discover ends *********/
/********* about starts *********/
.aboutpadding{padding-top:120px; padding-bottom:120px;}
.tabouthead{font-size:48px;font-weight:300;line-height:48px;}
.tabouttext{font-size:18px;line-height:28px;}
.parallax-video-wrapper {position: fixed;top: 0;left: 0;height: 100vh;width: 100%;z-index: 0;overflow: hidden;}
.parallax-video-wrapper video {object-fit: cover;width: 100%;height: 100%;}
.video-overlay-content-bottom {position: relative;height: 100%;width: 100%;margin-top: 0;background: rgba(0, 0, 0, 0.5);z-index: 2;padding: 40px 20px;}
.tabouthead{font-size:48px;line-height:48px;}
/********* about ends *********/
/********* welcome starts *********/
.twelcomehead{font-weight:300;line-height:26px;}
.twelcomesubhead{font-size:160px;font-weight:300;line-height:170px;}
.twelcometext{font-size:24px;font-weight:300;line-height:34px;}
/********* welcome ends *********/
/********* products starts *********/
.productsbg{background-color:rgba(255,255,255,0.6);}
.tproductshead{font-size:24px;line-height:24px;text-decoration:underline;}
/********* products ends *********/
/********* supplychain starts *********/
.tsupplychainhead{font-size:48px;font-weight:300;line-height:48px;}
.mySwiper::part(button-prev), .mySwiper::part(button-next) {color: #FFFFFF !important;width: 30px !important;height: 30px !important;}
swiper-container {
 --swiper-pagination-bullet-width: 6px;
 --swiper-pagination-bullet-height: 6px;
 --swiper-pagination-bullet-inactive-color: #CCCCCC;
 --swiper-pagination-bullet-inactive-opacity: 1;
 --swiper-pagination-bullet-opacity: 1;
 --swiper-pagination-bullet-horizontal-gap: 6px;
 --swiper-pagination-color: #000000;
}
swiper-container::part(pagination) {position: relative !important;margin-top: 30px;}
/********* supplychain ends *********/
/*************** bottom starts ***************/
.tbottomcontact{font-weight:300;line-height:16px;}
.tbottomcontactlink{font-weight:300;line-height:16px;text-decoration:underline;}
.tbottomlinks{font-weight:600;}
.tbottomlinksactive{font-weight:600;color:#F39200;}
.tbottomlinks:hover{color:#F39200;}
/*************** bottom ends ***************/

/*************** innerpage classes starts ***************/
.innervideo-banner {position: relative; min-height: 50vh;overflow: hidden;}
.innervideo-banner video {position: absolute; top: 50%; left: 50%; width: 100%; height: auto; z-index: 0; transform: translate(-50%, -50%); object-fit: fill;}
.innerbanner-content {position: absolute; z-index: 1; color: white; text-align: center; bottom: 10%; transform: translateY(-50%);}
.innervideo-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 58%); z-index: 1;}
.tbannerheading{ font-size:64px; line-height:74px; font-weight:300;}
.theading{ font-size:48px; line-height:58px; font-weight:300;}
.tsubheading{ font-size:32px; line-height:42px; font-weight:300;}
.tsubheading01{ font-size:22px; line-height:32px; font-weight:400;}
.tinnertext{font-size:19px; line-height:29px; font-weight:500; color:#54595f;}
.ttext{font-size:19px; line-height:29px; font-weight:400;}
.innericon svg {fill: #f39200; width:15px; height:15px;}
.hrlinegrey{ color:#ddd;; opacity:1;}
.inner-images{ max-height:236px;}
.list-border{border-right: 1px solid #ddd;}
.text-grey{color:#54595f;}
.tyellow{color:#F39200;}
.text-content{ max-width:1140px;}
.innerbanner-content-product{position: absolute; z-index: 1; color: #fff; text-align: center; bottom: 0; transform: translateY(-50%);}
.gallery-border{border: 1px solid #CCCCCC;}
.gallery-image{height:300px;}
.contactbanner{background-image:url(../img/contactbanner.jpg);background-position: center center;background-size: cover;}
.tcontactshead{font-weight: 600;line-height:26px;color:#414247;}
.tcontactslink{font-size:19px;font-weight: 600;line-height:29px;}
/*************** innerpage classes ends ***************/

/******************************** Media Query Starts ********************************/
/*** COL & SM & MD starts ***/
@media only screen and (min-device-width:300px) and (max-device-width:991px){
.innervideo-banner video{ height:100%;}
}
@media only screen and (min-device-width:320px) and (max-device-width:374px){
#header {height: 175px;}	
}
@media only screen and (min-device-width:375px) and (max-device-width:424px){
#header {height: 180px;}	
}
@media only screen and (min-device-width:425px) and (max-device-width:574px){
#header {height: 185px;}	
}
@media only screen and (min-device-width:575px) and (max-device-width:767px){
#header {height: 170px;}	
}
@media only screen and (min-device-width:320px) and (max-device-width:767px){
nav.navbar.bootsnav ul.nav > li > a {padding-right: 50px;}
.video-overlay-content-bottom {padding: 0px 0px;}
.tsupplychainhead {font-size: 30px;line-height: 40px;}
.twelcomesubhead {font-size: 65px;line-height: 75px;}
.discoverpadding {padding-top: 140px;}
.tdiscoverhead {font-size: 35px;}	
.aboutpadding {padding-top: 55px;padding-bottom: 55px;}	
.tabouthead {text-align: center;}
.innervideo-banner{min-height: 80vh;}
.innervideo-banner video{ height:100%;}
.innerbanner-content{bottom:0px;}
.tbannerheading{font-size: 46px; line-height: 56px;}
.inner-images{ width:100%;max-height:max-content;}
.theading{font-size: 44px; line-height:54px;}
.tsubheading{font-size: 28px; line-height:38px;}
.tsubheading01 {font-size: 20px; line-height: 30px;}
.ttext{ font-size:16px; line-height:26px; }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
nav.navbar.bootsnav ul.nav > li > a {padding-right: 45px;}
}

@media only screen and (min-device-width:768px) and (max-device-width:991px){
#header {height: 140px;}
nav.navbar.bootsnav ul.nav > li > a {padding-right: 45px;}
.video-overlay-content-bottom {padding: 0px 0px;}
.discoverpadding {padding-top: 155px;}
.aboutpadding {padding-top: 70px;padding-bottom: 70px;}
.twelcomesubhead {font-size: 145px;line-height: 155px;}
.innervideo-banner video{ height:100%;}
.theading{font-size: 44px; line-height:54px;}
.tsubheading{font-size: 28px; line-height:38px;}
.ttext{ font-size:16px; line-height:26px; }
}
@media only screen and (min-device-width:992px) and (max-device-width:1199px){
.text-content {max-width: 880px;}
.ttext{ font-size:16px; line-height:26px; }
.tcontactslink {font-size: 17px;line-height: 27px;}	
}
@media only screen and (min-device-width:1200px) and (max-device-width:1299px){
}
@media only screen and (min-device-width:1300px) and (max-device-width:1399px){
}
@media only screen and (min-device-width:1200px) and (max-device-width:1399px){
}
@media only screen and (min-device-width:1400px) and (max-device-width:1499px){
}
@media only screen and (min-device-width:1500px) and (max-device-width:1599px){
}
@media only screen and (min-device-width:1600px) and (max-device-width:1699px){
}
@media only screen and (min-device-width:1700px) and (max-device-width:1799px){
}