/*Theme Name: International Recycling Companies URL: https://www.internationalrecyclingcompanies.com/ Description: World's Largest Processors of Catalytic Converters! Author: Exults.com Author URI: http://www.exults.com/ Version:V-2.0*/ /*---- Fonts Css ----*/ @font-face { font-family: 'Georgia'; src: url('fonts/Georgia.woff2') format('woff2'), url('fonts/Georgia.woff') format('woff'); font-weight: normal; font-style: normal;font-display: swap;} @font-face { font-family: 'Syntax LT'; src: url('fonts/SyntaxLT-Bold.woff2') format('woff2'), url('fonts/SyntaxLT-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Georgia'; src: url('fonts/Georgia-BoldItalic.woff2') format('woff2'), url('fonts/Georgia-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap;} @font-face { font-family: 'Georgia'; src: url('fonts/Georgia-Bold.woff2') format('woff2'), url('fonts/Georgia-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap;} @font-face { font-family: 'Georgia'; src: url('fonts/Georgia-Italic.woff2') format('woff2'), url('fonts/Georgia-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap;} @font-face { font-family: 'Syntax LT'; src: url('fonts/SyntaxLT-Roman.woff2') format('woff2'), url('fonts/SyntaxLT-Roman.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;} /*---- Globel Css ----*/ html body { color: #fff; margin: 0; font-family: 'Syntax LT'; } a { text-decoration: none; color: #ffebaa; font-weight: 700;} a:hover { text-decoration: none; } h1, h2, h3, h4, h5, h6, p, ul { margin: 0; padding: 0; color: #fff; letter-spacing: 0.02em } .bttn { display: inline-block; background: none; border: none; padding: 0;} .bttn a { border: solid 1px transparent; transition: all .5s ease-out; width: 100%; background-image: -webkit-radial-gradient( circle , rgb(255,235,170) 1%, rgb(148,131,73) 100%); background-image: -webkit-radial-gradient( circle , rgb(255,235,170) 1%, rgb(148,131,73) 100%); border: none; border-radius: 4px; font-weight: 700; display: block; color: #1d1e21; padding: 1rem; min-width: 192px; font-weight: 700;} .bttn a:hover {} .bttn + .bttn { margin-left: 15px; margin-top: 15px; } .bttn.border-bttn a { background: none; border: solid 1px #ffebaa; color: #ffebaa;} li { list-style: none; } .sec-in { max-width: 1250px; margin: 0 auto; padding: 0 15px; } p { font-size: 1em; font-family: 'Syntax LT'; line-height: 1.3; } p a { font-family: 'Syntax LT'; color: #ffebaa; text-decoration: underline; } p + p { margin-top: 25px; } p b { font-family: 'Syntax LT'; font-weight: normal; letter-spacing: inherit; } p + ul { margin-top: 25px; } p + .bttn { margin-top: 20px; } ul + .bttn { margin-top: 25px; } h2 { font-size: 3em; font-family: 'Syntax LT'; line-height: 50px; } h2 + p { margin-top: 25px; } h3 { font-size: 1.5em; font-family: 'Syntax LT'; } h3 + p { margin-top: 20px; } h3 + ul { margin-top: 20px; } p + h3 { margin-top: 50px; } h2 + h3 { margin-top: 25px; } p + h2 { margin-top: 50px; } p + hr { margin-top: 50px; } hr + h2 { margin-top: 50px; } ul + h3 { margin-top: 50px; } ul + p { margin-top: 20px; } p + ul { margin: 15px 0; } p + .text-box-lead-in { margin-top: 50px; } .text-box-lead-in + p { margin-top: 50px; } img { max-width: 100%; } h4 { margin-bottom: 20px; } .table-wrap { display: table; width: 100%; } .table-wrap aside { display: table-cell; width: 50%; height: inherit; vertical-align: middle; float: none; } /*Globel End*/ /*---- Header ----*/ /*---- Home Banner ----*/ .hm-banner {position: relative; overflow: hidden; } .hm-banner .banner-video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .hm-banner .banner-video .fill-width { width: 100vw; object-fit: cover; position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: inherit; } .hm-banner .banner-content {position: relative; z-index: 1; padding: 1.5rem 0 2rem; } .hm-banner .banner-video::before{ content: ''; background-image: linear-gradient( 0deg, rgba(0,0,0, 0), rgba(0,0,0, 0.7) ); position: absolute; left:0; top: 0; width: 100%; height: 100%; z-index: 1; display: block; } .hm-banner h1 { font-size: 2.8em; text-align: center; font-family: 'Georgia'; color: #fbe6a7;} .hm-banner h2 { font-size: 1.5em; text-align: center; max-width: 88%; margin: 0 auto; font-weight: 700; line-height: normal; margin-top: .875rem; background-color: #c5c6c9;background-image: linear-gradient(180deg, #7e7d82, #fff, #eee, #d9d9d9, #7e7d82, #d9d9d9, #eee, #fff, #7e7d82);background-size: 100%;-webkit-background-clip: text;-moz-background-clip: text;-webkit-text-fill-color: transparent;-moz-text-fill-color: transparent; } .banner-form { margin-top: 1.688rem;} .banner-form .banner-form-tabs { max-width: 485px; margin: 0 auto; background: #0f0f11; padding: 2.188rem 2.5rem 1.125rem; text-align: center;} .banner-form .banner-form-tabs .title { font-size: 1.125em; font-weight: 700; } .banner-form .banner-form-tabs .nav-pills { display: flex; justify-content: space-between;} .banner-form .banner-form-tabs li.nav-item button { background: none; padding: 0.313rem 0; color: #9da4b5; border-radius: 0; border-bottom: solid 2px #0f0f11;} .banner-form .banner-form-tabs li.nav-item button.active { border-color: #8f8463; color: #fff;} .banner-form .banner-form-tabs .tab-content { margin-top: 1rem;} .banner-form .form-in { text-align: left;} .form-in .gform_wrapper.gravity-theme .gfield input.large, .form-in .gform_wrapper.gravity-theme .gfield select.large { border-radius: 4px; border: solid 1px #cbcfd6;} .form-in .gform_wrapper.gravity-theme .gform_footer button, .form-in .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .form-in .gform_wrapper.gravity-theme .gform_page_footer input { width: 100%; background-image: -webkit-radial-gradient( circle , rgb(255,235,170) 1%, rgb(148,131,73) 100%); background-image: -webkit-radial-gradient( circle , rgb(255,235,170) 1%, rgb(148,131,73) 100%); border: none; height: 46px; border-radius: 4px; font-weight: 700; color: #1d1e21;} .banner-form .form-in.upload-form { border: solid 1px #d7d8dc; padding: 2.5rem; margin-top: 2.5rem;} .banner-form .form-in.upload-form .gfield--type-fileupload > label.gfield_label { display: none;} .form-in .gform_wrapper.gravity-theme .gfield input.large, .form-in .gform_wrapper.gravity-theme .gfield select.large { border-radius: 4px; border: solid 1px #cbcfd6; background: #fff; color: #000;} .banner-form .form-in.upload-form .gfield--type-fileupload .gfield_description { padding-top: 0; text-align: center; font-size: 0.875em; color: #9da4b5;} .banner-video.mask{ -webkit-mask-image: linear-gradient( rgb(0,0,0) 85%, transparent); mask-image: linear-gradient( rgb(0,0,0) 85%, transparent);} .hm-bg{ position: relative; } .hm-bg::before{ content: ""; background:#010101 url(images/hm-bg-01.png) no-repeat center ; background-size: cover; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;} @media (min-width: 1400px){ .container { max-width: 1360px;} } .solutions-sec .company-deta { padding: 4.375rem ; border-bottom: solid 2px #2d2f34;} .solutions-sec .company-deta .logo { max-width: 207px;} .solutions-sec .company-deta .logo.sm img {width:55%;} .solutions-sec .company-deta h3 { font-size: 1.125em; font-weight: 700; margin-bottom: 1.25rem;} .solutions-sec .company-deta .phone a { font-weight: 700;} .solutions-sec .company-deta .phone a i, .solutions-sec .company-deta .location i { color: #fff; margin-right: 0.5rem;} .solutions-sec .company-deta .loc-link a { color: #fff;} .solutions-sec .company-deta .contact .col-in { max-width: 140px; margin: 0 auto;} .solutions-sec .company-deta .buttons .bttn a { min-width: auto; padding: 0.375rem 0.688rem;} .solutions-sec .company-deta .buttons { max-width: 206px; text-align: center;} .solutions-sec .company-deta .materials .list li { position: relative; padding-left: 1.063rem;} .solutions-sec .company-deta .materials .list li:before { content: "\f105"; font-family: "Font Awesome 6 Pro"; position: absolute; left: 0; font-weight: 300;} .solutions-sec .company-deta .materials .bttn a { min-width: auto; padding: 0.375rem 0.813rem;} footer { padding-top: 5rem; text-align: center;} footer h2 { font-size: 1.5em; text-align: center; margin: 0 auto 1.875rem; font-weight: 700; line-height: normal; max-width: 90%; background-color: #c5c6c9;background-image: linear-gradient(180deg, #7e7d82, #fff, #eee, #d9d9d9, #7e7d82, #d9d9d9, #eee, #fff, #7e7d82);background-size: 100%;-webkit-background-clip: text;-moz-background-clip: text;-webkit-text-fill-color: transparent;-moz-text-fill-color: transparent;} footer .bttn a { min-width: auto; padding: 0.55rem 1rem;} footer .phone { margin: 2.5rem 0 0; font-size: 1.5rem;} footer .copyright { padding: 4.375rem 0 1rem;} .materials-modal-popup { display: none;} .materials-modal-popup.show { width: 100%; height: 100%; position: fixed; max-width: 100%; display: flex !important;} .materials-modal-popup .modal-dialog { width: 100%; max-width: 1222px;} .materials-modal-popup .modal-content { background: #1d1e21;} .materials-modal-popup .modal-header h5 { font-size: 1.125em; font-weight: 700;} .materials-modal-popup .modal-header { border: none; background: #0f0f11; padding: 0.75rem 1.875rem;} .materials-modal-popup .modal-header button { --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); --bs-btn-close-opacity: 1;} .materials-modal-popup .modal-body .logo { padding: 1rem 1.875rem;} .materials-modal-popup .modal-body .logo img { max-width: 120px;} .materials-modal-popup .modal-body { padding: 0;} .materials-modal-popup .modal-body nav .nav-tabs { border-color: #33353b; padding: 0 1.875rem;} .materials-modal-popup .modal-body nav .nav-tabs button { background: none; border: none; color: #ffffff; min-width: 120px;} .materials-modal-popup .modal-body nav .nav-tabs button.active { color: #fbe6a7; border-bottom: solid 2px #fbe6a7; padding: 0.375rem 0.5rem;} .materials-modal-popup .modal-body .tab-content { padding: 1.875rem;} .materials-modal-popup .modal-body .tab-content .list-col ul li { position: relative; padding-left: 1.063rem; font-size: 0.875em;} .materials-modal-popup .modal-body .tab-content .list-col ul li + li { margin-top: 0.2rem;} .materials-modal-popup .modal-body .tab-content .list-col ul li:before { content: "\f105"; font-family: "Font Awesome 6 Pro"; position: absolute; left: 0; font-weight: 300;} .materials-modal-popup .modal-body .tab-content .list-col h5 { font-size: 0.875em; font-weight: 700; margin-bottom: 0.938rem;} .materials-modal-popup .modal-body .tab-content .list-col ul + h5 { margin-top: 1.875rem;} .defult-page-content {padding: 3rem 0;} .defult-page-content h1 { font-size: 2.8em; text-align: left; font-family: 'Georgia'; color: #fbe6a7;} .defult-page-content h1 + p {margin-top: 2rem;} .defult-page-content h2 { font-size: 1.5em; font-weight: 700; line-height: normal; color: #fff;} .defult-page-content ul li { position: relative; padding-left: 1.063rem;} .defult-page-content ul li:before { content: "\f105"; font-family: "Font Awesome 6 Pro"; position: absolute; left: 0; font-weight: 300;} .inner-page footer h2 { display: none;} .inner-page footer .bttn {display: none;} .inner-page footer .phone {margin-top: 0;} .inner-page footer .copyright {padding-top: 1.5rem;} .thank-you-sec, .thank-you-sec h1 {text-align: center;} .thank-you-sec {min-height: 80vh;padding-top: 9.5rem;}