@charset "utf-8";

/*..............embedded fonts..............*/



@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900|Raleway:100,200,300,400,500,600,700,800,900');



/*..............embedded fonts..............*/



/*..............custom fonts..............*/



/*..............custom fonts..............*/



/*..............common styles..............*/

body { margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; font-size:18px; font-weight: 400; color:#474747; overflow-x: hidden;}

h1, h2, h3, h4, h5, h6 {margin:0 0 20px; padding:0;text-transform: uppercase;}

h1{ font-size:80px;font-weight: 800;}

h2{ font-size:48px;font-weight: 700;color: #000;}

h3{ font-size:36px;}

h4{ font-size:30px;}

h5{ font-size:18px;}

h6{ font-size:12px;}

p{margin:0 0 20px; padding:0;}

img{ max-width: 100%;}

a, img{ border:0; text-decoration: none; outline: none;}

a, a:link, a:visited, a:focus, a:hover { color: #179ae2; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}

a:hover{ text-decoration:none;}



input, textarea, select{ font-weight: 400; font-size: 14px; outline: none;}

input[type="submit"]{ font-weight:500; font-size: 14px; transition:all 0.3s ease 0s; outline: none;line-height: 1;height: 100%;}



a.btn {color: #fff;}

.btn:hover{background-color: #85090b;color: #fff;}

.btn:focus{box-shadow: none;}

.btn-white-after.btn::after{background-color: #fff;}

a.btn:after {position: absolute;left: -14px;bottom: 0;background: #000000;top: 0;content: '';width: 9px;border: 1px solid transparent;transition: all 0.2s ease-in;}



/* --- for placeholder color --- */

/*

.form-control::-moz-placeholder{color:#505873;opacity:1;}

.form-control:-ms-input-placeholder{color:#505873;}

.form-control::-webkit-input-placeholder{color:#505873;}

*/

/* --- for placeholder color --- */



/* --- only use for wordpress (Image alignment) --- */

.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}

.alignright{float:right; margin:0 0 10px 15px;}

.aligncenter{margin:10px auto; display:block;}

/* --- only use for wordpress (Image alignment) --- */



/* --- Button Styles --- */

.btn, input.btn { border: 0; display: inline-block; vertical-align: top;  color: #fff; font-size: 14px; text-transform: uppercase; letter-spacing: 1px;background: #CC1518;border-radius: 0;padding:14px 42px 14px 16px;position: relative;background:#CC1518 url(../images/double-arrow-right.svg) no-repeat calc(100% - 15px) /20px;font-weight: 500;margin-left: 15px;

}

.btn.solid-color { background: #f00; color: #fff; }

.btn.border { background:none; color: #769fcd; border: 2px solid #769fcd; }

.btn.rounded { border-radius: 5px;}

.btn.medium-size { /* Your custom Styles */ }

.btn.large-size { /* Your custom Styles */}

a.btn:hover:after{background-color: #ccc;;}

/* --- Button Styles --- */





/* --- checkbox and radio button Styles --- */



.builder_radiobox ul li label{ font-weight: normal;}

.builder_radiobox ul li input[type="radio"]{ opacity: 0;}

.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}

.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}

.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}



/* --- checkbox and radio button Styles --- */



.common-padd { padding-top: 100px; padding-bottom: 100px; }

.common-padd-small { padding-top: 80px; padding-bottom: 80px; }

.common-padd-lt-rt { padding-left: 50px; padding-right: 50px; } 

.pt-100{padding-top: 100px;}

/*..............common styles..............*/



.click { display:none;}





/*for header css*/

.main-header { position: relative; padding: 15px 0 0 0; z-index: 999; left: 0; right: 0; top: 0;background-color: #fff; overflow: hidden; }

.header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }



/* .hdr-rt { display: flex; align-items: center; } */

.hdr-rt-srch-cart ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; }

.hdr-rt-srch-cart ul li { padding: 0 15px; }

.hdr-rt{width: 70%;}

.hdr-rt-log-reg ul {  margin: 0; padding: 0; list-style: none; display: flex; align-items: center;     justify-content: end;}

.hdr-rt-log-reg ul li { list-style: none; font-size: 18px; line-height: 1; font-weight: 400; text-transform: capitalize; padding: 0 15px; }

.hdr-rt-log-reg ul li:last-child { padding-right: 0; border-right: 0; }

.hdr-rt-log-reg ul li a { color: #fff; }

.social-icons  li:not(:first-child):not(:last-child) a, .footer-bottom .social-icons li a{height: 32px;width: 32px;background-color: #000;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 17px;}

.social-icons.hdr-rt-log-reg  li{padding: 0;}

.hdr-rt-log-reg  li:first-child{margin-right: 33px;}

.hdr-rt-log-reg li:first-child a{letter-spacing: 0.2em;font-size: 18px;font-weight: 600;color: #000;}

.hdr-rt-log-reg  li:last-child{margin-left: 43px;}

.hdr-rt-log-reg li:first-child a img{margin-right: 6px;}





.main-menu { position: relative; z-index: 2;margin-top: 20px;    padding: 6px 0; background-color: #000;}

.main-menu:after{position: absolute;left: -50px;bottom: 0;top: 0;background: url(../images/header-bg.svg) no-repeat left / contain;height: 100%;width: 60px;;content: '';z-index: -1;}

.main-menu:before{position: absolute;top: 0;right: 0;bottom: 0;background-color: #000;width: 100%;content: '';right: -100%; }

.main-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center;justify-content: flex-end;}

.main-menu ul li { list-style: none; font-size: 14px; font-weight: 400; text-transform: capitalize; margin-right: 30px;}

/*.main-menu ul li:not(:last-child) { margin-right: 40px; }*/

.main-menu ul li a { display: block; color: #fff; padding: 8px 0; position: relative;text-transform: uppercase;font-weight: 500;}

.main-menu ul li:last-child{margin-right: 0;}





.nav_btn { color: #fff; font-size: 22px; text-align: right; display: none; }

.nav_close { display: none; color: #fff; }

.main-menu .hdr-rt-log-reg.mobile { display: none; }

.main-header .logo{margin-top: -14px;}





.main-header.fixed { padding: 15px 0 0 0; left: 0; position: fixed; top: 0; width:100%; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s;}



@keyframes slide-down { 



0% {transform: translateY(-100%); 

-moz-transform: translateY(-100%); 

-webkit-transform: translateY(-100%); 

-o-transform: translateY(-100%);

-ms-transform: translateY(-100%); } 

100% { 

transform: translateY(0); 

-moz-transform: translateY(0); 

-webkit-transform: translateY(0); 

-o-transform: translateY(0); 

-ms-transform: translateY(0); } 

}



/*for header css*/



.slider-wrap { position: relative;}

.slider-wrap .banner-content{padding: 250px 0;position: relative;z-index: 5;max-width: 970px;margin: auto;}

.slider-wrap:after{content: '';background-color: rgba(0, 0, 0, 0.6);left: 0;right: 0;bottom: 0;top: 0;position: absolute;}

.slider-wrap .banner-content h1, .slider-wrap .banner-content p{color: #fff;}

.banner-logos{max-width: 520px;display: flex; flex-wrap: wrap; align-items: center;justify-content: space-between;margin:90px auto auto auto;}

.slider-wrap::before{content: '';background: url(../images/banner-overlay.svg) no-repeat center bottom / 100%;left: 0;bottom: -3px;right: 0;height: 100%;width: 100%;position: absolute;z-index: 5;}





/*for main sections css*/

.custom-heading h2 strong{position: relative;z-index: 0;font-weight: 700;}

.custom-heading h2 strong:after {position: absolute;content: '';background-color: #CC1518;height: 12px;width: 100%;bottom: 8px;left: 0;right: 0;z-index: -1;}

.custom-heading{max-width: 865px;margin: auto;}

.service-card .service-name{display: flex;align-items:center;justify-content: space-between;padding: 12px;width: calc(100% - 83px); background-color: #fff;z-index: 2;color: #000;   position: relative;}

.service-card a:first-child{position: absolute; bottom: 0; width: 100%;}

.service-card .service-name:after{content: '';position: absolute;right:-10px;bottom: 0;background-color: rgba(255, 255, 255, 0.5);width: calc(100% - 83px);height: 40px;z-index: -1;}

.service-card .service-name h5,.service-card .hover-content h5{margin-bottom: 0;font-weight: 700; color: #000; }

.service-card .service-name p{ color: #474747; }

.service-card .service-name p.transparent { color: #CC1518;}

.service-card .img-wrap{position: relative;padding-bottom: 60%;}

.service-card .img-wrap img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;}

.services .row{--bs-gutter-x:30px;--bs-gutter-y:30px;margin-top: 20px;}

.service-card{position: relative;}

.service-card .hover-content{padding: 50px 38px;color: #fff;background-color: rgba(204, 21, 24, 0.85);text-align: center;position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;transition: all 0.2s ease-in;}

.service-card .hover-content p{margin: 17px 0 8px 0;}

.service-card .hover-content a{color: #fff;text-transform: uppercase;font-weight: 500;font-size: 14px;text-decoration: underline;}

.service-card:hover .hover-content{opacity: 1;}

.service-card:hover .service-name-wrap{display: none;}

.service-card .service-name-wrap{position: absolute;bottom: 0;width: 100%;}

.service-btn{margin-top: 60px;}





.who-we-are{position: relative;}

.who-we-are:after{position: absolute;}

.who-we-are .img-wrap{position: relative;}

.who-we-are .img-wrap::after{content: '';top: 0;bottom: 0;right: 0;background: url(../images/we.png) no-repeat right / contain;height: 100%;width: 100%;position: absolute;}

.who-we-are .img-wrap img{clip-path: polygon(84% 0, 100% 50%, 84% 100%, 0 100%, 0 0);width: 100%;}

.who-we-are:after{position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: '';background: rgba(0, 0, 0, 0.92);}

.who-we-are .row{position: relative;z-index: 3;align-items: center; margin: 0; }

.who-we-are .row .who-we-are-item{ padding: 0; }

.who-we-are .custom-heading h2{color: #fff;}

.who-we-are .content-wrap{max-width: 530px;margin-left: 50px;}



.who-we-are .content-wrap .text p{color: #fff;font-size: 16px;}

.who-we-are .content-wrap .text{margin:20px 0 40px 0;}



.process{position: relative;}

.process .process-bg{position: absolute;left: 0;bottom: 0;top: 135px;z-index: -1;}

.process .container{position: relative;z-index: 2;}



ol.process-steps li{width: 20%;}

ol.process-steps { display: flex;flex-wrap: wrap; counter-reset: my-awesome-counter; list-style: none;margin-top: 150px;margin-bottom: 0;padding-left: 0;justify-content: space-between;position: relative;}

ol.process-steps li {counter-increment: my-awesome-counter;position: relative;max-width: 243px;}

ol.process-steps li::before {content: "0"counter(my-awesome-counter);color: #ffffff;font-size: 24px;font-weight: 500;position: absolute;--size: 57px;left: 50%;transform: translate(-50%);line-height: var(--size);width: var(--size);height: var(--size);top: -100px;background: #CC1518;border-bottom: 2px solid #000;text-align: center;}

ol.process-steps .item-wrap{text-align: center;background-color: #fff;border: 1px solid #E9E9E9;padding: 16px 11px;}

ol.process-steps .item-wrap .text-content{margin-top: 20px;}

ol.process-steps .item-wrap .text-content p{font-size: 16px;}

ol.process-steps .item-wrap .text-content h5{color: #000;font-size: 15px;font-weight: 600;}

ol.process-steps:before{position: absolute;top: -70px;left: 0;right: 0;width: 100%;background-color: transparent;border-bottom: 1px dashed #909090;height: 1px;content: '';}





.plant-standards{position: relative;}
.plant-standards .video-poster{position: relative; z-index: 1;}
.plant-standards .video-poster:after{z-index: 2; top: 0;left: 0;bottom: 0;background: linear-gradient(90deg, #CC1518 13.78%, rgba(204, 21, 24, 0) 94.69%);width: 50%;height: 100%;content: '';position: absolute;}
.plant-standards .video-poster img{width: 100%;}
.plant-standards .video-poster-content{z-index: 3; position: absolute;top: 50%; transform: translateY(-50%); left: 0; max-width: 440px;padding-left: 40px;}
.video-poster-content h3 span{font-weight: 300; display: block;}
.video-poster-content h3{font-weight: 800;text-transform: uppercase;color: #ffffff;}
.video-poster-content a img{margin-right: 12px;}
.video-poster-content a {color: #fff;font-size: 16px;}
.video-poster-content .playdiv {width: 150px;margin-bottom: 20px;}

.blog-card-wrapper{margin-top: 30px;}
.blog-card{position: relative;border: 1px solid #D9D9D9;}
.blog-card .card-img{padding-bottom:65%;position: relative;}
.blog-card .card-img img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;}
.blog-card .blog-tag{position: absolute;background-color: #CC1518;max-width: 90px;padding: 8px;text-align: center;right: 0;top: 0;}
.blog-card .blog-tag span{font-weight: 600; font-size: 14px; color: #fff;}
.blog-card .card-text{padding: 20px 26px 40px 26px;}
.blog-card .card-text h4{font-weight: 600;font-size: 30px;color: #222;text-transform: capitalize;}
.blog-card .card-text p{font-size: 16px;}


.machinery,.experienced-operators{position: relative;}
.machinery:after{position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: '';background: rgba(204, 21, 24, 0.95);}
.machinery .container{position: relative;z-index: 2;}
.machinery ul.logo-wrapper {display: flex;align-items: center;justify-content: space-between;margin-bottom: 0;padding-left: 0;list-style: none;margin-top: 50px;}
.machinery ul.logo-wrapper li{min-height: 100px;display: flex;align-items: center;}
.machinery .heading h2{color: #fff;}

.experienced-operators{padding: 160px 0;}
.experienced-operators:after{position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: '';background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.85) 32.09%, rgba(255, 255, 255, 0.49) 54.72%);;}
.experienced-operators .container{position: relative;z-index: 4;}
.experienced-operators .custom-heading{margin-right: auto;margin-left: 0;}
.experienced-operators .text-btn-sec{max-width: 690px;}
.experienced-operators .text-btn-sec p{max-width: 570px;}


#cff.cff-light .cff-item a { color: #d60b1f !important;}
#cff .cff-shared-link {background: rgb(215 11 31 / 10%) !important;border: 1px solid rgb(214 11 31) !important;}

.contact-form-holder .submit-btn input.wpcf7-form-control.has-spinner.wpcf7-submit.btn {padding: 14px 0px;order: 0;min-width: 150px;}


/*About page*/

.why-gordon .text-content .desc{margin-top: 30px;margin-bottom: 40px;}

.why-gordon{max-width: 865px;margin: auto;}



/*Service page*/

.transparent, a.transparent{background-color: transparent;color: #CC1518;font-weight: 500;text-transform: uppercase;}

.transparent span img{margin-left: 8px;}

.services-pg.services .service-card:hover .service-name-wrap{display: block;}

.services-pg.services .service-card .service-name{display: block;padding: 19px;}

.services-pg.services .service-card .service-name-wrap{position: relative;margin-top: -30px;display: block;}

.services-pg.services .service-card .service-name:after {right: -25px;bottom: -8px;height: 100%;z-index: -1;}

.services-pg.services .service-card .img-wrap{padding-bottom: 69%;}

.services-pg.services .service-card .service-name p:not(:last-child){margin-top: 24px;color: #474747;}





/*Accreditation page*/

.accreditations-logo-sec ul{display: flex;margin-bottom: 0;padding-left: 0;list-style: none;flex-wrap: wrap;justify-content: center;}

.accreditations-logo-sec ul li{width: 20%;margin: 40px 0;    display: flex;align-items: center;justify-content: center;}

.accreditations-logo-sec ul li img{opacity: 0.8;filter: grayscale(100%);}





/*Contact Page*/

.contact-sec{position: relative; z-index: 2;}

.contact-sec .contact-element{position: absolute;bottom: 0;left: 0; z-index: -1;}

.contact-sec .contact-element img{opacity: 0.04;}

.contact-form-holder .custom-heading{max-width: 962px;}

.contact-form-holder .row input, .contact-form-holder .row textarea{border: 1px solid #474747;border-radius: 0;}

.contact-form-holder .row input{padding: 26px;margin-bottom: 30px;}

.contact-form-holder  textarea{margin-bottom: 50px;padding: 30px 26px;}

.contact-form-holder .row{margin-top: 50px;}

.contact-form-holder input:focus, .contact-form-holder textarea:focus{box-shadow: none;}

.contact-info{background-color: #CC1518;padding: 28px 0;}

/* .contact-info .row{align-items: center;} */

.contact-info .row > div{position: relative;}

.contact-info .row > div .info-content{padding: 50px 0;display: flex;align-items: center;height: 100%;}

.contact-info .row > div .info-content .icon {flex: 0 0 50px;}

.contact-info .row > div .info-content p{margin-bottom: 0;}

.contact-info .row > div:last-child .info-content{justify-content: flex-end;}

.contact-info .row > div:nth-child(2) .info-content{justify-content: center;}

.contact-info .row > div:not(:last-child):after{position: absolute;content: '';top: 0;right: 0;bottom: 0;background-color: #fff;width: 1px;height: 100%;}

.contact-info .row > div .info-content .text p, .contact-info .row > div .info-content .text a{color: #fff;}



/*Policy Page*/

.policy-holder {padding-bottom: 50px;}

.policy-holder .policy-content{margin-bottom: 50px;}

.policy-holder .policy-content h4{text-transform: uppercase;font-size: 22px;font-weight: 700;margin-bottom: 30px;color: #000;}

.policy-holder .policy-content .text{margin-top: 32px;}

/*for main sections css*/



/*NEWSLETTER*/

.subscribe-form input#mce-EMAIL { background-color: transparent; border: 1px solid transparent; height: 100%; padding: 15px 10px; width: 100%; } 

.subscribe-form input#mc-embedded-subscribe { border: 0; display: block; vertical-align: top; color: #fff; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; background: #CC1518; border-radius: 0; padding: 14px 42px 14px 16px; position: relative; background:#CC1518 url(../images/double-arrow-right.svg) no-repeat calc(100% - 15px) /20px; font-weight: 500; margin: 4px 4px 4px 15px; } 

.subscribe-form input#mc-embedded-subscribe:hover {  background-color: #85090b; color: #fff;}

.subscribe-form div#mc_embed_signup_scroll { display: flex; width: 100%; } 

.subscribe-form div#mc_embed_signup_scroll .mc-field-group { width: 100%; }

/*NEWSLETTER*/





div#cff-visual-header-374179876758342 { margin-top: 50px;}

.form-control.wpcf7-not-valid { border-color: red !important;}

.wpcf7-not-valid-tip { display: none;}





/*for footer sections css*/

footer{position: relative;padding-top: 100px;}

footer::after{position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: '';background:rgba(255, 255, 255, 0.9)}

.subscribe-form form{display: flex;max-width: 538px;margin: auto;justify-content: space-between;background-color: #fff;box-shadow: 0px 4px 25px rgba(166, 166, 166, 0.25);}

.subscribe-form form > div:first-child.input-holder {width: 100%;}

.subscribe-form form  .form-control{background-color: transparent;border: 1px solid transparent;height: 100%;padding: 15px 10px ;}

.subscribe-form input[type="submit"]{border: 3px solid #fff;}

footer .container{position: relative;z-index: 2;}



.footer-bottom{clip-path: polygon(50% 13%, 100% 38%, 100% 100%, 0 100%, 0% 38%);position: relative;z-index: 5;padding: 60px 0;}

.footer-bottom::after{position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: '';background:rgba(0, 0, 0, 0.95);}

.footer-bottom::before{content: '';background: url(../images/ftr.png) no-repeat center top ;left: 0;top: 86px;right: 0;height: 122px;width: 100%;position: absolute;z-index: 5;}

.footer-bottom .container {padding-top: 250px;}

.footer-bottom .social-icons{display: flex;max-width: 160px;/*justify-content: space-between;*/padding-left: 0;margin-bottom: 0;list-style: none;}

.footer-bottom .social-icons li a, .footer-bottom .social-icons li:nth-child(2) a{background-color: #fff;}

.footer-bottom .social-icons li a{color: #000;}

.footer-bottom .logo-content p{color: #fff;margin-top: 17px;margin-bottom: 25px;}

.footer-bottom .ftr-col h5{font-size: 17px;color: #fff;font-weight: 600;}

.footer-bottom .ftr-col ul{padding-left: 0;list-style: none;margin-bottom: 0;}

.footer-bottom .ftr-col ul li a{color: #fff;font-size: 16px;text-transform: capitalize;}

.footer-bottom .ftr-col ul li:not(:last-child){margin-bottom: 20px;}

.footer-bottom  .row > div:nth-child(2) .ftr-col{padding-left: 130px;}

.footer-bottom  .row > div:nth-child(3) .ftr-col{padding-left: 60px;}



.copyright{background: #CC1518;padding: 14px 0;position: relative;z-index: 5;}

.copyright p{margin-bottom: 0;color: #fff;font-size: 16px;}



.cff-post-links {display: none;}

.cff-shared-link {display: none;}



/*for footer sections css*/



/*product details*/

.grey-bg {background: #F8F8F8;padding: 30px 20px;}

.grey-bg .form-icon{margin-bottom: 20px;     text-align: center;}

.grey-bg h5{ color: #000000; font-weight: 600; }



.video-poster-content p { font-weight: 500; font-size: 18px;  color: #FFFFFF; }

.video-poster-content a.cl-icn img {width: 25px !important;height: 25px !important; position: inherit !important;}

.tabing-sec ul { display: flex; align-items: center; justify-content: space-between; list-style: none; padding: 50px 0; margin: 0; } 

.tabing-sec ul li a { background: #FCFBFB;border: 1px solid #CECECE;font-weight: 600;font-size: 16px;color: #666666;padding: 11px 20px;display: flex;text-align: center;line-height: 1.2;height: 60px;align-items: center; justify-content: center;}

.tabing-sec ul li a:hover , .tabing-sec ul li a.active { background: #d70b1f; color: #fff; }

.tab-contenter{background: #fff url(../images/truck-bg.png) no-repeat; padding-top: 118px; position: relative; z-index: 1; background-size: 100%; background-position: top;}

.tab-contenter:before { position: absolute; content: ''; width: 100%; height: 100%; background: #ffffffb0; top: 0; z-index: -1; }

.tab-contenter:after { top: 0; left: 0; bottom: 0; background: linear-gradient(90deg, #ffffffeb 13.78%, rgba(204, 21, 24, 0) 94.69%); width: 50%; height: 100%; content: ''; position: absolute; z-index: -1; }

.tab-table { background: #FFFFFF; box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.25); margin-top: 76px; padding: 73px 34px; } 

.tab-table table { width: 100%; } 

.tab-table table tr th , .tab-table table tr td { border: 1px solid #CECECE; padding: 15px; text-align: center; font-size: 18px; color: #666; } 

.tab-table table tr th { font-weight: 600; background: #000; color: #FFFFFF; } 

.tab-table table tr th:nth-child(1) { color: #000000; background: #fff; border: 0; }

.tab-table table tr td:first-child { background: #909090; color: #FFFFFF; font-weight: 600; }

.tab-table .servc-table tr td:last-child{background: #CC1518;}

.tab-table .servc-table tr td:last-child a{ color: #fff; font-weight: 500;}



.logo-carousel .img-holder { height: 220px; background: #ffffff; display: flex !important; align-items: center; justify-content: center; padding: 15px; } 

.logo-carousel .img-holder img { margin: auto; height: 90px; object-fit: contain; } 

.logo-carousel .slick-slide > div { padding: 15px; }













/*Media Query css*/



@media  ( min-width:1400px ) and ( max-width:1600px ) {

    .container { max-width: 1360px;}


}



@media only screen and ( max-width: 1399px ) {

.hdr-rt { width: 63%; }

.main-menu ul li { margin-right: 25px;}

}



@media only screen and ( max-width: 1280px ) {

    .main-menu ul li { font-size: 13px; margin-right: 16px;}

}

@media only screen and ( max-width: 1199px ) {

.main-header .navbar-menu .logo img{ width: 235px; }

.hdr-rt { width: 68%; }

.hdr-rt-log-reg  li:last-child { margin-left: 15px; }

.hdr-rt-log-reg  li:first-child { margin-right: 15px; }

.footer-bottom .ftr-col ul li a { font-size: 14px;}
/*.plant-standards .video-poster-content{transform: translateY(-85%);}*/
/*.plant-standards .video-poster-content .playdiv {position: absolute; top: 100%;}*/

}

@media only screen and ( max-width:991px ) {

.main-header{ padding: 15px 0; }

.main-header .logo { margin-top: 0; }

.main-header.fixed{ padding: 15px 0; }

.social-icons.hdr-rt-log-reg.desktop { display: none; }

.hdr-rt { width: auto; display: inline-block; }

.nav_btn { display: inline-block; cursor: pointer; line-height: 1; margin-left: 10px;}

.nav_btn svg{ color: #000; }

.nav_close { display: block; position: absolute; top: 20px; right: 30px; z-index: 999; font-size: 30px;}

.main-menu { position: fixed; transform:translateX(100%); right: 0; top: 0; bottom: 0; z-index: 999; max-width: 100%; box-shadow: 4px 0 27px rgba(0, 0, 0, 0.11); background-color: #202020; padding-top: 28px; margin:0; display:block; width: 100%; text-align: center; padding-left: 10px; transition: 250ms ease-in;height: 100vh; padding-top: 100px; }

.main-menu ul li { width: 100%; }

.main-menu ul li:not(:last-child) { margin-right: 0; }

.main-menu ul li a { display: block; padding: 10px; }

.main-menu .hdr-rt-log-reg.mobile { display: block; }

.main-menu:after{ display: none; }

.main-menu .hdr-rt-log-reg.mobile .call-mobile{ padding-bottom: 25px; }

.main-menu .hdr-rt-log-reg.mobile .call-mobile a{ color: #fff; }

.main-menu .hdr-rt-log-reg.mobile ul{ display: flex; justify-content: center; }

.main-menu .hdr-rt-log-reg.mobile ul li{ width: auto; margin: 0 10px; padding: 0;  }

.main-menu .hdr-rt-log-reg.mobile ul li a{ display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 50%; background: #fff; }

.main-menu .hdr-rt-log-reg.mobile ul li a svg{ color: #000; }

.main-menu .hdr-rt-log-reg.mobile ul li:not(:first-child):not(:last-child) a{ margin-right: 0; }

.main-menu ul{ width: 100%; justify-content: center; padding-top: 10px; }

.main-menu ul li a{ padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,0.07); }

.main-menu .hdr-rt-log-reg.mobile a.btn{ margin-top: 25px; }



.grey-bg{margin-bottom: 20px;}

.tabing-sec ul{flex-wrap: wrap;}

.tabing-sec ul li {width: 33.3%;}

.tab-table table tr th, .tab-table table tr td{padding: 10px; font-size: 12px;}
.plant-standards .video-poster-content .playdiv {width: 100px; }

}



@media only screen and ( max-width: 767px ) {
.plant-standards .video-poster-content {transform: translateY(-100%);}
.plant-standards .video-poster-content .playdiv {position: absolute;height: 100px;top: 140px;left: 10px;}
}

@media only screen and ( max-width: 550px ) {





}

@media only screen and ( max-width: 380px ) {





}



/*Media Query css*/



@media only screen and ( max-width:1600px ) {

.footer-bottom::before{ top: 80px; }

}



@media only screen and ( max-width:1399px ) {



 .service-card .hover-content{ padding: 16px 10px; }   

.footer-bottom::before{ top: 80px; }

}

@media only screen and ( max-width:1199px ) {

h1{ font-size: 60px;}

h2{ font-size: 40px; }

.common-padd{ padding-top: 80px; padding-bottom: 80px; }

.btn, input.btn { padding: 12px 33px 12px 16px; background: #CC1518 url(../images/double-arrow-right.svg) no-repeat calc(100% - 9px) /20px; }

a.btn:after { left: -10px; width: 6px; }

.hdr-rt-log-reg li:first-child a { letter-spacing: 1px; }

.slider-wrap .banner-content { padding: 100px 0; }

.service-card .img-wrap { padding-bottom: 74%; }

.blog-card .blog-tag { max-width: 85px; padding: 8px; }

.blog-card .blog-tag span{ font-size: 15px; }



ol.process-steps .item-wrap .text-content p { font-size: 14px; }

ol.process-steps li::before{ --size:50px; top: -95px;  }

.blog-card .card-text { padding: 20px 15px 30px 15px; }

.blog-card .card-text h4 { font-size: 22px; }

.machinery ul.logo-wrapper{ flex-wrap: wrap; justify-content: center; }

.machinery ul.logo-wrapper li{ width: 25%; justify-content: center; margin-bottom: 20px; }





.experienced-operators { padding: 100px 0; }

.footer-bottom::before { top: 79px; }

footer{ padding-top: 80px; }

.footer-bottom  .row > div:nth-child(2) .ftr-col { padding-left: 90px; }

.footer-bottom  .row > div:nth-child(3) .ftr-col { padding-left: 15px; }

.footer-bottom .ftr-col h5 { font-size: 15px; }



    

.contact-info .row > div .info-content { display: block; text-align: center; padding: 0;} 

.contact-info .row > div .info-content .icon{margin-bottom: 20px;}



}

@media only screen and ( max-width: 991px ) {

h1{ font-size: 50px; }

h2{ font-size: 35px; }

h3{ font-size: 25px; }

.common-padd{ padding-top: 60px; padding-bottom: 60px; }

.common-padd-small{ padding-top: 50px; padding-bottom: 50px; }

.service-card .img-wrap { padding-bottom: 61%; }

.who-we-are .img-wrap { margin-bottom: 25px; }

.who-we-are .row .who-we-are-item { padding: 0 0 30px; }



.who-we-are .img-wrap img{ width: 100%; clip-path: inherit;}

.who-we-are .img-wrap::after{ right: 0%; display: none;}

.who-we-are .content-wrap {  max-width: 100%;    margin: 0 30px 30px;}

.process{ padding-bottom: 0; }

ol.process-steps li { max-width: 50%; width: 47%; margin: 0 auto 0; margin-bottom: 70px; }

ol.process-steps:before{ display: none; }

ol.process-steps li::before { top: -50px;  }

ol.process-steps{ justify-content: center; margin-top: 100px; }

.video-poster-content a img { width: 50px; }

.experienced-operators:after { background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.85) 70.09%, rgba(255, 255, 255, 0.49) 99.72%); }

.blog-card{ margin-bottom: 25px; }

.experienced-operators { padding: 60px 0; }

.footer-bottom::before { top: 100px; }

.footer-bottom .logo-content{ margin-bottom: 40px ; }

.footer-bottom .logo-content img{ width: 250px; }

.footer-bottom  .row > div:nth-child(2) .ftr-col { padding-left: 0; margin-bottom: 40px; }

.footer-bottom  .row > div:nth-child(3) .ftr-col { padding-left: 0; }

.footer-bottom .ftr-col ul li:not(:last-child) { margin-bottom: 5px; }

.footer-bottom .ftr-col ul li a { font-size: 14px; }

.copyright p{ font-size: 14px; }



.contact-form-holder .row input { padding: 15px;  margin-bottom: 20px;}

}

@media only screen and ( max-width: 767px ) {

h1{ font-size: 35px; }

h2{ font-size: 26px; }

.banner-logos{ justify-content: center; }

.banner-logos .logo-item{ margin-right: 10px; margin-bottom: 10px; }

.main-header .navbar-menu .logo img { width: 180px; }

.slider-wrap .banner-content { padding: 70px 0; }

/*.who-we-are .content-wrap{  margin: 0 20px; }*/

.plant-standards .video-poster:after{ width: 85%; }

.plant-standards .video-poster-content { font-size: 22px; padding: 0 16px; }

.machinery ul.logo-wrapper li { width: 33%; }

.footer-bottom { clip-path: polygon(50% 6%, 100% 12%, 100% 100%, 0 100%, 0% 12%); text-align: center; }

.footer-bottom::before { top: 55px; }

.footer-bottom .container { padding-top: 110px; }

.footer-bottom  .row > div:nth-child(3) .ftr-col { margin-bottom: 40px; }

.custom-heading h2 strong:after { height: 6px; bottom: 4px;}

.footer-bottom .social-icons { max-width: inherit;    justify-content: center;}

.subscribe-form div#mc_embed_signup_scroll { display: block;}  

.subscribe-form form {  background-color: transparent;  box-shadow: 0 0 0;}

.subscribe-form input#mce-EMAIL{background-color: #fff; box-shadow: 0px 4px 25px rgba(166, 166, 166, 0.25);}

.subscribe-form input#mc-embedded-subscribe {  margin: 10px auto; width: 165px;}

    

.contact-info .row > div .info-content { padding: 20px 0;}

.policy-holder .policy-content {  text-align: center;}  

.policy-holder .policy-content h4 {  font-size: 18px;}

body {font-size: 16px;}

.accreditations-logo-sec ul li { width: 33.333%; margin: 10px 0; padding: 0 10px;}  

footer { padding-top: 50px;}  

.pt-100 { padding-top: 50px;}  

.common-padd { padding-top: 50px; padding-bottom: 50px; }

.contact-info .row > div:not(:last-child):after{display: none;}

.contact-info .info-content{ border-bottom: solid 1px #fff;} 

.contact-info .col-md-4:last-child .info-content{border-bottom: 0;}

.contact-form-holder .row input { padding: 10px 15px;  margin-bottom: 20px;} 

.contact-form-holder textarea { padding:10px 15px;}

    

.plant-standards .video-poster{padding-bottom: 100%;} 

.plant-standards .video-poster img{width: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;}   

.video-poster-content p{font-size: 16px;}

    

}



@media only screen and ( max-width: 480px ) {

h1{ font-size: 28px; }

h2{ font-size: 22px; }

/*.who-we-are .content-wrap{ margin: 0 10px; }*/

ol.process-steps li { max-width: 100%; width: 100%; }

.machinery ul.logo-wrapper li { width: 50%; }





}