/* Theme Name: Teknik Theme URI: https://wordpress.org/themes/revolution/ Author: the Creative team Author URI: https://wordpress.org/ Description: The Revolution theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: revolution, multi-purpose, cms, blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Text Domain: teknik This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*------------------------------------------------------ overwrite css start ------------------------------------------------------*/ .header-section {background-image: -webkit-linear-gradient(55deg, #cd5106, #d89505); background-image: -o-linear-gradient(55deg, #cd5106, #d89505); background-image: -webkit-linear-gradient(35deg, #cd5106, #d89505); background-image: -o-linear-gradient(35deg, #cd5106, #d89505); background-image: linear-gradient(55deg, #cd5106, #d89505); /*background:url(images/img/home-slider-bg.jpg) no-repeat center center; background-size: cover; */ height: 100%; height: 100vh; } .header-section .small-heading {color: #fff;} .header-section .img-section {width: 50%; float: left;} .header-section .img-section img {width: auto; margin: auto;} .header-section .banner-image.item .caption .subheading{ font-size: 14px; font-family: 'avenirnextltpro-regular'; line-height: 24px; opacity: .8; text-transform: uppercase; } .header-section .slider-layout .slides.owl-carousel .owl-stage {transition: all 1.5s ease !important;} .header-section .banner-image.item .caption h2 {font-size: 72px; font-family: 'Raleway-Heavy'; line-height: 78px; text-transform: uppercase;padding-bottom: 13px; margin-bottom: 26px; } .header-section .banner-image.item .caption .banner_desc {font-size: 16px; font-family:'avenirnextltpro-regular'; margin-bottom: 50px; line-height: 24px;opacity: .8;} .header-section .banner-image.item .caption .banner_desc .cta-btn-skew {margin-left: 7px;} .header-section .owl-item .caption, .header-section .owl-item .img-section {-webkit-transition:opacity 1s 1s ease;-moz-transition:opacity 1s 1s ease;-ms-transition:opacity 1s 1s ease;transition:opacity 1s 1s ease;opacity: 0; } .header-section .owl-item.active .caption{position:relative;-webkit-animation-delay: 2s;animation-delay: 2s; opacity: 1; -webkit-transition:opacity 1.5s 1.5s ease;-moz-transition:opacity 1.5s 1.5s ease;-ms-transition:opacity 1.5s 1.5s ease;transition:opacity 1.5s 1.5s ease; } .header-section .owl-item.active .img-section{position:relative;-webkit-animation-delay: 2.5s;animation-delay: 2.5s;opacity: 1; -webkit-transition:opacity 1s 1s ease;-moz-transition:opacity 1s 1s ease;-ms-transition:opacity 1s 1s ease;transition:opacity 1s 1s ease; } @media(max-width: 1500px) and (min-width: 1200px ){ .slider-layout .banner-image {padding: 140px 100px 0 100px;} } @media(max-width: 1280px){ .container-wrap {width: 100%; padding: 0 15px; margin:0 0%;} } @media(max-width: 1200px){ .header-section .banner-image.item .caption h2 {font-size: 55px; line-height: 54px; } .slider-layout .banner-image {min-height: 600px; height: auto; padding-top: 0; } .header-section {height: auto;} .header-section .slider-layout {padding-top: 120px;min-height:inherit;} } @media(max-width: 991px){ .header-section .banner-image.item .caption h2 {font-size: 40px; line-height: 45px; } .header-section .banner-image.item .caption .banner_desc {margin-bottom: 20px;} } @media(max-width: 767px){ .header-section .img-section img {max-width: 260px;} .slider-layout .banner-image {min-height: auto;} .header-section .banner-image.item .caption .banner_desc {margin-bottom: 20px; height: 71px; overflow: hidden;} .header-section .img-section, .slider-layout .caption {width: 100%; } .slider-layout .caption .white-text {padding-top: 35px;} .header-section.slider {padding-top: 131px; height: auto;padding-bottom:0;} .slider-layout .banner-image {display: inline-block;padding-bottom:50px;width:100%} .header-section .img-section {padding-top: 50px;} .container {width: 100%;max-width: 100%;} .header-section .slider-layout {padding-top: 0;} .slider-layout .caption {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2; } } @media(max-width: 480px){ .header-section .banner-image.item .caption h2 {font-size: 30px; line-height: 30px;} .header-section.slider .owl-nav {top: 43%;} } .about-us-section {padding: 92px 0 80px 0;} /*.head-line,*/ strong {font-size: 16px; color: #555; font-family: 'avenirnextltpro-bold'; line-height: 24px; font-weight: normal; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: 'liga','kern';} .black-text {color: #343434; position: relative;} .black-text:after {content: ''; position: absolute;bottom: 0; background-image: url(images/line-img.png);width: 64px; height: 1px; left: 0} .white-text {color: #fff; position: relative;} .white-text:after {content: ''; position: absolute;bottom: 0; background-image: url(images/white-line-img.png);width: 64px; height: 1px; left: 0} .section-paragraph p {font-family: 'avenirnextltpro-regular'; line-height: 22px; font-size: 14px; color: #888;} .about-us-section .section-paragraph {max-width: 630px;margin-bottom: 55px;} .cta-btn-skew {/*padding: 8px 24px 10px 24px;*/padding: 12px 24px;background: #fff; border:1px solid #fff;display: inline-block;-webkit-transform: skew(-15deg);-ms-transform: skew(-15deg);transform: skew(-15deg); cursor: pointer;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s; margin-left: 8px;} .cta-btn { font-size: 11px; font-family: 'Raleway-Bold'; color: #555;text-transform: uppercase; position: relative;-webkit-transform: skew(15deg);-ms-transform: skew(15deg);transform: skew(15deg);display: inline-block;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s; display: block;} .cta-btn-skew:hover {background: transparent;border: 1px solid #fff;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s; } .cta-btn-skew:hover .cta-btn {color: #fff !important;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s; } .about-us-section .section-heading {font-size: 47px;} .about-us-section .section-paragraph strong {max-width: 450px; display: block;} .orange-skew {background:#f36f21; color: #fff; border: 1px solid #f36f21;} .orange-skew .cta-btn {color: #fff !important} .orange-skew:hover {border-color: #f36f21;} .orange-skew:hover .cta-btn {color:#f36f21 !important; } @media(max-width: 1280px){ .about-us-section {background-size: 53%; } } @media(max-width: 991px){ .about-us-section:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(255,255,255,.8);} .about-us-section {position: relative; background-size: cover; padding: 50px 0; } .about-us-section .section-paragraph {margin-bottom: 20px;} .about-us-section .section-heading {font-size: 40px;} } @media(max-width: 767px){ .about-us-section .section-heading {font-size: 30px; padding-bottom: 11px;} .about-us-section .section-paragraph strong {line-height: 20px;} } .product-slider-content .section-paragraph p{font-size: 16px; color: #fff;max-width: 560px;} .launch-product .product-img img {float: right; padding-right: 65px; max-width: 650px;} .launch-product {padding: 56px 0;} .product-slider-content {color: #fff; padding-top: 11px;} .launch-product .small-heading {font-family: 'Raleway-Regular'; color: #fff;margin-bottom: 8px;} .launch-product .section-heading {font-family: 'Raleway-Heavy'; color: #fff; padding-bottom: 19px; max-width: 700px;} .launch-product .section-paragraph {margin-bottom: 39px;} .launch-product .owl-dots {display: none;} .launch-product .product-slider-content .cta-btn-skew {padding: 12px 28px;} .safari .launch-product-slider .owl-nav {height: 55px;} @media(max-width: 1440px){ .launch-product .product-img img {max-width: 560px; padding-right: 15px;} } @media(max-width: 1280px){ .launch-product .product-img img {max-width: 500px;} } @media(max-width: 1200px){ .launch-product .product-img img {max-width: 400px; width: 100%;} .section-heading, h1.section-heading {font-size: 30px;} .launch-product .owl-dots { display: inline-block; width: 100%; position: relative; bottom: 0px; margin-top: 40px;} .owl-nav {display: none;} } @media(max-width: 991px){ .section-heading, h1.section-heading {font-size: 25px;} .launch-product .product-img img {max-width: 300px; width: 100%;padding-right: 0; margin:auto; float: none; } .launch-product {padding: 50px 0;} .owl-nav > div {width: 35px; height: 35px;} .launch-product .launch-product-slider .item .row {margin:0;} .product-slider-content {padding-top: 0;} .launch-product .section-paragraph {padding-bottom: 20px;} } @media(max-width: 767px){ .launch-product .product-img img {float: none;margin:auto; height: 100%;} /*.launch-product .item {margin: 0 30px;}*/ .product-slider-content {padding-top: 20px; padding-bottom: 0px;} .launch-product .owl-nav {top:45%;} .launch-product .section-paragraph {padding-bottom: 0; margin-bottom: 20px;} .product-slider-content .section-paragraph p{height: 68px; overflow: hidden;} .launch-product .product-img figure {min-height: 286px; display: flex;} } @media(max-width: 480px){ .launch-product .owl-nav {top:32%;} } .structure-section {padding: 72px 0;} .module-2 .left-structure {padding-top: 38px;} .module-2 .right-img figure {margin:auto;text-align:center; } @media(max-width: 991px){ .structure-section {padding: 50px 0;} .module-2 .left-structure {padding-top: 0;} } @media(max-width: 767px){ .module-2 .left-structure {padding-top: 0; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; padding-top: 40px !important;} .case-sudy-thumb .single-sudy-thumb:hover a:after {visibility: hidden !important;opacity: 0} .case-sudy-thumb .owl-dots {display: none;} } /*.case-sudy-thumb .thumb-img img {width: 100%;}*/ .case-sudy-thumb {background:#232323 } .case-sudy-thumb .thumb-img img {position: absolute;top: 0;bottom: 0; left: 0; right: 0; margin: auto; max-height: 100%; max-width: 100%;width: 100%; -o-object-fit: cover; object-fit: cover; } .case-sudy-thumb .thumb-img figure {padding-bottom: 56%;} .case-sudy-thumb .study-hover-content {position: absolute;top: 50%;-webkit-transform: translateY(-60%);-ms-transform: translateY(-60%);transform: translateY(-60%); text-align:center;color: #fff;margin: auto;left: 0; right: 0; opacity: 0; visibility: hidden;z-index: 2;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;padding: 0 15px;} .case-sudy-thumb .single-sudy-thumb:hover .study-hover-content {opacity: 1; visibility: visible; -webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .case-sudy-thumb .single-sudy-thumb a:after{content: ''; position: absolute;top:0;right: 0; left: 0; bottom: 0; background-image: url(images/overlay-img.png);visibility: hidden;opacity: 0;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;background-size: cover;background-repeat: no-repeat;} .case-sudy-thumb .single-sudy-thumb:hover a:after {visibility: visible;opacity: 1;-webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear; z-index: 1} .case-sudy-thumb .study-heading, .case-sudy-thumb .study-heading a { font-size: 37px; font-family: 'raleway-heavy'; text-transform: uppercase;margin-bottom: 15px; color: #fff;} .case-sudy-thumb .study-content {font-size: 16px; font-family: 'raleway-regular'; max-width: 311px; margin: auto;text-align: center;opacity: 0.9;} .case-sudy-thumb .inner-case-sudy-thumb ul {margin: 0; padding: 0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} @media(max-width: 1700px){ .case-sudy-thumb .study-heading, .case-sudy-thumb .study-heading a {font-size: 30px;} } @media(max-width: 1440px){ .case-sudy-thumb .study-content {font-size: 14px;} .case-sudy-thumb .study-heading, .case-sudy-thumb .study-heading a {font-size: 22px;} .case-sudy-thumb .study-content {font-size: 13px;} } @media(max-width: 1280px){ .case-sudy-thumb .study-heading, .case-sudy-thumb .study-heading a { font-size: 18px; margin-bottom: 5px;} } @media(max-width: 1024px){ .case-sudy-thumb .study-hover-content {opacity: 1; visibility: visible;} .case-sudy-thumb .study-content {display: none;} .case-sudy-thumb .study-heading, .case-sudy-thumb .study-heading a {font-size: 22px; margin-bottom: 0;} .case-sudy-thumb .single-sudy-thumb a:after {display: none;} .case-sudy-thumb .study-hover-content {-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%) !important; } .case-sudy-thumb .study-heading, .case-sudy-thumb .study-heading a { font-size: 16px; font-family: 'raleway-medium';} } @media(max-width: 991px){ } @media(max-width: 767px){ .case-sudy-thumb .owl-nav {display: block;} } @media(max-width: 480px){ .case-sudy-thumb .study-heading, .case-sudy-thumb .study-heading a {padding: 0 45px;} } /*******************************About us***********************************/ .banner-section {height: 100%;height: 100vh;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; background-color: #dc800c; min-height: 860px;} .banner-section .banner-title .section-heading {font-size: 70px;} .banner-section .white-text:after {left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);} .banner-section .banner-over-text {text-align:center;max-width: 650px; margin:auto; } .banner-over-text p {font-size: 18px; opacity: .7; font-family: 'avenirnextltpro-regular'; text-align:center; color: #fff; padding: 0 45px;} .safari .banner-over-text p {font-family: 'avenirnext-demibold'; font-weight: normal;} @media(max-width: 1200px){ .banner-section .banner-title .section-heading {font-size: 60px;} } @media(max-width: 1025px ){ .banner-section {min-height: 600px;} } @media(max-width: 991px){ .banner-section .banner-title .section-heading {font-size: 50px;} .post-banner .banner-over-text p {margin-bottom: 20px;} } @media(max-width: 767px){ .banner-section .banner-title .section-heading {font-size: 40px;} .banner-desc {padding: 0;} .banner-over-text p {padding: 0;} } @media(max-width: 640px){ .banner-section .banner-title .section-heading {font-size: 32px;} } .innovatives-section {padding: 134px 0 140px 0;} .section-paragraph.about-desc p {font-size: 16px;line-height: 22px;margin-bottom: 22px; margin-left: 0 } .about-headings .small-heading {margin-bottom: 8px;} .about-headings .section-heading {font-size: 40px;padding-bottom: 21px;margin-bottom: 22px;} .innovatives-section strong {font-family: 'avenirnext-demibold';} @media(max-width: 1200px){ .innovatives-section {padding: 100px 0 80px 0;} } @media(max-width:1025px){ .single-case-study .challenge-faced .innovatives-section{ padding: 0 !important; } } @media (max-width: 991px){ .innovatives-section {padding: 20px 0 30px 0!important} } .about-parallex img {width: 100%;} .about-service {padding: 102px 0;} .about-headings.text-center .black-text:after {left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);} .single-service .service-blog-heading{color: #343434; font-size: 18px; font-family: 'avenirnextltpro-bold';text-transform: uppercase;margin-bottom: 16px;} .single-service figure {width: 58px; height: 55px;margin: auto;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex;margin-bottom: 26px;} .single-service {padding-bottom: 30px;} .single-service .section-paragraph.about-desc p {padding:0 25px; line-height: 20px; } .single-service .section-paragraph.about-desc p {line-height: 20px;} .about-service .services {padding-top: 55px;} @media(min-width: 768px){ .single-service:first-child, .single-service:nth-child(4), .single-service:nth-child(7), .single-service:nth-child(10){padding-left: 0;} .single-service:nth-child(3), .single-service:nth-child(6), .single-service:nth-child(9), .single-service:nth-child(12){padding-right: 0;} } @media(max-width: 1200px){ .about-headings .section-heading {font-size: 30px;} .about-service {padding: 100px 0 63px 0;} .about-service .services {padding-top: 20px;} .single-service {padding-bottom: 15px;} } @media(max-width: 991px){ .about-service {padding: 50px 0 20px 0;} .single-service .service-blog-heading {font-size: 16px; min-height: 38px;} .about-headings .section-heading {padding-bottom: 10px; margin-bottom: 20px;} } @media(max-width: 767px){ .about-headings .section-heading, .single-service figure {margin-bottom: 15px;} .single-service .service-blog-heading {min-height: auto;} .single-service {padding-bottom: 5px;} } .about-logo-section {background: #313131;padding: 115px 0 70px 0; } .about-logo-section .about-logo-content {padding-left: 85px; padding-right: 0;} @media(max-width: 1200px){ .about-logo-section {padding: 100px 0 70px 0;} .about-logo-section .about-logo-content {padding-left: 15px;} .big-logo figure {margin: auto;} .big-logo figure img {max-width: 400px; width: 100%;} } @media(max-width: 991px){ .about-logo-section {padding:50px 0 20px 0; } } @media(max-width: 767px){ .big-logo {padding-bottom: 25px;} .big-logo figure img {max-width: 350px;} .about-logo-section .about-logo-content {padding-right: 15px;} } /**********************case study*************************/ .case-studies .banner-section {position: relative;} .single-filter-blog .filter-blog-image figure { border-radius: 7px; padding-bottom: 55%; position: relative; border-radius:5px; max-width: 100%; overflow: hidden; } .single-filter-blog .filter-blog-image figure img{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;width: 100%; -webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .single-filter-blog .filter-blog-image figure img:hover {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); -webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .blog-title, .blog-title a{color: #343434; font-size: 16px; font-family: 'Raleway-Bold';text-transform: uppercase; padding-bottom: 18px;} .single-filter-blog {padding-bottom: 40px;} .single-filter-blog .filter-blog-content {padding-top: 27px;} .filter-blogs {padding: 115px 0 80px;} .filter-blogs .container {padding: 0;} .single-filter-blog .section-paragraph p {padding: 0 40px; line-height: 19px;} @media(max-width: 1200px){ .filter-blogs {padding: 100px 0 60px;} } @media(max-width: 991px){ .filter-blogs {padding: 50px 0 10px;} .single-filter-blog .section-paragraph p {padding: 0;} .single-filter-blog .filter-blog-content {padding-top: 20px;} .blog-title, .blog-title a {font-size: 15px; min-height: 54px;} .filter-blogs .empty_content {padding:0 15px 40px 15px;} } @media(max-width: 767px){ .filter-blogs .container {padding: 0 15px;} .single-filter-blog {display: inline-block;max-width: 400px;margin: auto;} .blog-title, .blog-title a {min-height:auto; padding-bottom: 10px; } } .banner-section .detail-tabs-case-study{position: absolute; bottom: 0;left: 0; width: 100%; /*background: rgba(255,255,255,0.10);*/ padding: 18px 0;} .banner-section .detail-tabs-case-study ul { margin: 0;padding: 0 127px; } .banner-section .detail-tabs-case-study li { float: left;text-align: center; } @media(max-width: 1200px){ .banner-section .detail-tabs-case-study ul {padding: 0;} } @media(max-width: 991px ){ .select-selected:after {padding-left: 7px !important;} .select-selected.select-arrow-active:after {padding-right: 7px !important;} .banner-section .detail-tabs-case-study li {padding: 0 5px;} .select-items {width: 100%;} } @media(max-width: 767px ){ .select-selected.select-arrow-active:after {padding-right: 5px !important;} .select-selected:after {padding-left: 5px !important;} } @media(max-width: 639px ){ .banner-section .detail-tabs-case-study li {max-width: 50%; margin-bottom: 10px;} .banner-btn {font-size: 10px !important;} } /************************Single Case Study page**************************/ .single-study .section-heading {line-height: 58px;} .banner-over-text .sub-title {font-size: 60px; font-family: 'raleway-regular'; color: #fff; text-transform: uppercase;} .single-case-study .banner-section .white-text:after {display: none;} @media(max-width: 767px){ .banner-over-text .sub-title {font-size: 40px;} } .challenge-faced .section-heading, .lights-product .section-heading{color: #e16e17; padding-bottom: 11px; margin-bottom: 20px;} .challenge-faced .row {margin: 0;} .challenge-faced .inner-content .left-part {max-width: 537px; float: right;text-align:left; } .challenge-faced .right-side { position: relative; overflow: hidden; } .challenge-faced .right-side:before {content: '';position: absolute;right: 87%;top: 0;width: 100%;height: 500%;-webkit-transform: rotate(19deg);-ms-transform: rotate(19deg);transform: rotate(19deg);background: #ffffff;bottom: 0;margin: auto;} .challenge-faced .innovatives-section {padding: 0;} .challenge-faced .innovatives-section .inner-content {padding: 99px 15px 90px;} .challenge-faced .section-paragraph.about-desc p {line-height: 24px;} @media(max-width: 1279px){ .challenge-faced .right-side:before {right: 82%;} } @media(max-width: 991px){ .challenge-faced {padding:0 0 0 0; } .challenge-faced .innovatives-section{padding-bottom: 0 !important;} .challenge-faced .right-side:before {display: none;} .challenge-faced .inner-content .left-part {max-width: 100%;} .challenge-faced .innovatives-section .inner-content {padding:20px 15px; } .challenge-faced .right-side {height: 500px;} } @media(max-width: 767px){ .challenge-faced .right-side {height: 350px;} } .solution .row {margin:0; } .solution .img-section {float: right;padding-right: 35px;max-width: 670px;} .solution .img-section img {width: 100%;} .solution .innovatives-section {padding:0; } .solution .inner-content .left-part {max-width: 611px; padding: 57px 0 0 15px; } .solution .about-headings .section-heading {padding-bottom: 11px; margin-bottom: 17px;} .solution .section-paragraph.about-desc p {color: #fff; line-height: 24px; margin-bottom: 24px;} @media(max-width: 991px){ .solution .img-section {margin: auto;float: none;max-width: 500px; padding:0; } .solution .inner-content .left-part {max-width: 100%; padding: 0 0 0 0px;} .solution .row {-webkit-box-orient: vertical;-webkit-box-direction: reverse;} .solution .inner-content {padding-bottom: 20px;} } @media(max-width: 767px){ .solution .img-section {max-width: 400px;} } .lights-product {padding: 50px 0 94px 0;} .lights-product .headings {padding: 0 20px;} .lights-product .lights-slider {margin-top: 60px;} .lights-slider .light-item figure {min-height: 320px; margin: auto;padding: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 23px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .lights-slider .light-item figure img {margin: auto; max-width: 100%;} .lights-slider .light-item {text-align:center; margin: 0 15px;} .lights-slider .light-item .pro-name .cta-orange-btn {font-size: 29px;font-family: 'raleway-heavy';text-transform: uppercase;-webkit-transform: skew(15deg);-ms-transform: skew(15deg);transform: skew(15deg);display: inline-block;color: #fff;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s; } .lights-slider .light-item .pro-name{ display: inline-block; padding: 8px 25px; -webkit-transform: skew(-15deg); -ms-transform: skew(-15deg); transform: skew(-15deg);background: #d66b05;border: 1px solid #d66b05; cursor: pointer; -webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s; } .lights-slider .light-item .pro-name:hover {background: transparent; -webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s; } .lights-slider .light-item .pro-name:hover .cta-orange-btn{color: #d66b05;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s; } @media(max-width: 991px){ .lights-slider .light-item .pro-name .cta-orange-btn {font-size: 22px;} .lights-slider .light-item figure {padding: 0;min-height: 240px;} .lights-product {padding: 20px 0;} .lights-product .headings {padding: 0;} } .results {padding: 58px 0 40px;} .results .section-paragraph p {color: #fff; line-height: 24px;} .results .row {margin: 0;} .results .headings {display: block;width: 100%; padding: 0 15px;} .results .section-heading {padding-bottom: 0; margin-bottom: 30px;} .results .result-circle {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap;} .results .result-circle .single-circle{width: 137px;height: 137px; background: #fff; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center;margin-right: 15px;margin-bottom: 10px; padding: 20px 0 29px 0;} .results .result-circle .circle-heading{font-family: 'avenirnextltpro-bold';color: #d66a07; font-size: 40px;} .results .result-circle .single-circle.small-f .circle-heading{font-size: 30px;line-height: 25px; height: 50px; display: flex; justify-content: center; align-items: center; flex-direction: column; text-shadow: 1px 1px 1px rgba(0,0,0,.1);} .results .result-circle .single-circle.small-f .sub-circle-heading {font-size: 24px;font-family: 'avenirnext-demibold'; display: block;} .results .result-circle p{ font-size: 11px;color: #d66a07;font-weight: 100;line-height: 14px;} @media(max-width: 991px){ .results .headings {padding: 0;} .results .inner-content {padding: 0 0 10px 0;} .results .result-circle {padding: 0;} .results .result-circle .circle-heading {font-size: 30px;} .results .result-circle .single-circle.small-f .circle-heading {font-size: 26px;} .results .result-circle .single-circle.small-f .sub-circle-heading {font-size: 20px;} .results {padding: 20px 0 40px;} } /************************contact-us start****************/ .g-map { display: none !important;} /* hide map until google map api connection is fixed */ .page-template-tpl-contact-page .site-header{background:url(images/launch-product-bg.jpg) no-repeat center center;background-size:cover;} .contact .white-text:after, .about-us .white-text:after, .about-service .black-text:after, .news .white-text:after, .case-studies .white-text:after {background-image: url(images/contact-line.png); width: 78px; background-repeat: no-repeat; } .about-service .black-text:after, .contact-today .black-text:after{background-image: url(images/orange-contact-line.png); width: 78px; background-repeat: no-repeat; } .contact-today .single-service .service-blog-heading {font-size: 13px;} .contact-today .section-paragraph.about-desc p a {font-size: 13px; color: #888; display: inline-block;} /*.contact-today .section-paragraph.about-desc .desc a:hover {color: #ff7200;}*/ .contact-today .single-service {padding: 0 15px !important;} .contact-today .single-service:first-child {padding-left: 0 !important;} .contact-today .single-service:last-child {padding-right: 0 !important;} .contact-today {padding: 200px 0;} .contact-today .contact-detail {padding-top: 57px; padding-bottom: 50px;} .contact-today .single-service .follow-link { margin-top: 0px;display: inline-block;padding: 0;width: 100%;} .contact-today .single-service .follow-link .social-media {margin-top: 5px;} .contact-today .single-service .follow-link a {width: 35px;height: 35px; border-radius: 50%; display: inline-block; line-height: 35px; margin-right: 9px; background: #f7f7f7;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;} .contact-today .single-service .follow-link a .fa {font-size: 12px !important; color: #888;} .follow-link a:hover {color: #888 !important; -webkit-box-shadow: 0px 6px 10px #dcd9d9; box-shadow: 0px 6px 10px #dcd9d9; -webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;} .main-form .contact-from {padding: 0 70px;} .main-form .contact-from form .left{display: inline-block; width: 49%; margin-bottom: 20px;} .main-form .contact-from form .left:nth-child(2n) {float: right;} input, textarea {width: 100%; border-radius: 27px; min-height: 41px; border: 1px solid #eee; font-size: 12px; padding: 11px 19px; font-family: 'questrial-regular'; color: #888; resize: none;} input[type="submit"] {width: auto;} span.wpcf7-not-valid-tip {margin-top: 6px; font-size: 12px;} .contact-from .full.submit {text-align:center; padding-top: 37px;} .submit-btn, #commentform .form-submit{ -webkit-transform: skew(-15deg); -ms-transform: skew(-15deg); transform: skew(-15deg); display: inline-block;padding: /*8px 25px*/8px 25px 6px 25px;text-align: center;margin: auto;background: #f36f21; border:1px solid #f36f21; position: relative; -webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor: pointer;} .submit-btn input[type="submit"], #commentform .form-submit input[type="submit"] { text-transform: uppercase;font-size: 11px;font-family: 'raleway-bold'; -webkit-transform: skew(15deg); -ms-transform: skew(15deg); transform: skew(15deg); background: transparent; border: 0;padding: 0;line-height: 22px; min-height: auto;} .submit-btn .ajax-loader {position: absolute;left: 100%;} .wpcf7-display-none.wpcf7-validation-errors{ color: #f00; border-color: #f00; margin: 1em 0 1em 0; padding: 10px 20px;} .submit-btn:hover, #commentform .form-submit:hover {background: transparent;border-color: #f36f21; -webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;} .submit-btn:hover input[type="submit"], #commentform .form-submit:hover input[type="submit"] {color: #f36f21} .contact-today div.wpcf7-mail-sent-ok {padding: 15px;} .contact-detail .single-service .section-paragraph.about-desc p {line-height: 18px;} .contact-detail .single-service .service-blog-heading {margin-bottom: 24px;} .input01:after {clear: both;display: block;content: '';} @media(max-width: 1200px){ .contact-today {padding-bottom:80px !important;} .main-form .contact-from {padding: 0;} .contact-today .contact-detail {padding-top: 20px;} } @media(max-width: 991px){ .contact-today {padding: 50px 0 !important;} .contact-today .section-heading, .contact-today .single-service figure {margin-bottom: 15px;} .contact-today .single-service .service-blog-heading {min-height: auto; margin-bottom: 10px;} .contact-today .single-service {padding-bottom: 5px;} .contact .wrapper {padding-top: 123px;} } @media(max-width: 767px){ .main-form .contact-from form .left {width: 100%;} .contact-today .single-service:first-child {padding-left: 15px !important;} .contact-today .single-service:last-child {padding-right: 15px !important} .contact-today .form-contact, .contact-today .g-map {padding: 0;} .contact .banner-section {min-height: 300px !important;} } @media(max-width: 479px){ .contact .banner-section {min-height: 500px !important;} } /************************contact us end***************/ /*********************news page start *****************/ .news .banner-over-text p, .single-post .banner-over-text p {font-size: 22px; color: #fff; text-transform: uppercase; opacity: 1} .news .banner-over-text p {margin-bottom: 18px;} .single.single-post .white-text:after{background-image: url(images/contact-line.png) !important; width: 78px; background-repeat: no-repeat; } .right-sidebar-layout {padding: 87px 0;} .right-sidebar-layout .single-news {padding-bottom: 117px;} .right-sidebar-layout .single-news:last-of-type {padding-bottom: 145px;} .single-news .news-desc .news-date {position: absolute;left: 12px;text-align: center; top: 26px; font-family: 'questrial-regular';text-transform: uppercase;} .single-news .news-desc{ padding-left: 100px; position: relative; padding-top: 30px;font-family: 'questrial-regular';line-height: 8px; padding-right: 60px;} .single-news .news-desc .news-date .date {font-size: 30px; color: #555;} .single-news .news-desc .news-date .month {font-size: 11px; color: #888;} .post-like .like a {color: #555; font-size: 11px;} .post-like .like {display: inline-block; margin-right: 10px;} .post-like .like a:hover .fa {color: #888 !important;} .newe-post-title a {font-size: 18px; font-family: 'raleway-heavy'; color: #333; text-transform: uppercase;} .news-desc .cta-btn-skew {padding: 14px 24px;} .single-news .news-desc p{ font-size: 13px;color: #888;margin: 10px 0 28px;} .single-news .news-desc .newe-post-title {padding: 7px 0;} .left-bar {padding: 0; } .left-bar .single-news .news-thumb figure {text-align: center; border-radius: 5px; max-width: 100%; overflow: hidden;} .left-bar .single-news .news-thumb figure, .popular-post .post-img figure {border-radius: 5px; max-width: 100%; overflow: hidden;} .left-bar .single-news .news-thumb figure img, .popular-post .post-img img { -webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .left-bar .single-news .news-thumb figure img:hover, .popular-post .post-img img:hover {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); -webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .right-bar {padding-right: 0; padding-left: 22px;} .left-bar .lb-style-disk .lb-like-icon {background-image: none !important; position: relative; } .left-bar .single-news .likebtn-button .likebtn-icon:before {content: '\f08a'; top: 0; left: 0; font-family: fontAwesome; right: 0; bottom: 0; position: absolute; margin: auto; text-align: center;} .left-bar .single-news .likebtn-button .likebtn-label {display: none;} .left-bar .single-news .likebtn-button .lb-count{font-family: 'questrial-regular'; font-size: 11px; color: #555;} .right-bar .search-box .search-form input[type="image"].search-button{position: absolute; max-width: 14px; right: 18px; padding: 14px 0;} .right-bar .search-box .search-form form {display: -webkit-box;display: -ms-flexbox;display: flex;} .right-bar .right-module {margin-top: 56px;} .right-bar .right-heading {font-size: 14px; color: #343434; font-family: 'raleway-heavy';text-transform: uppercase;} .right-bar .category-links li a{font-size: 11px; font-family: 'raleway-bold'; color: #888;text-transform: uppercase; } .right-bar .category-links li a:after {content: '\f105'; position: absolute;top: 50%; -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); right: 0; font-family: 'fontAwesome'; font-size: 18px;} .right-bar .category-links li {position: relative; padding:8.5px 0; border-bottom: 1px solid #eee; } .right-bar .category-links li:last-child {border-bottom: none;} .right-bar .category-links {padding-left: 0; padding-top: 7px;} .right-bar .post-content-title a, .youtube-channel .post-content-title {font-size: 13px; font-family: 'raleway-bold'; color: #343434; text-transform: uppercase;} .right-module .post-content .dates {text-transform: uppercase; font-size: 11px; font-family: 'myriadproregular'; letter-spacing: .2px;} .right-module .post-content .dates span {color: #555;} .right-module .post-content .dates span, .right-module .post-content .dates a {margin-right: 9px;line-height: 15px;} .right-bar .popular-post .dates a:hover {color: #555 !important;} .right-bar .popular-post {margin-top: 40px;} .popular-post .post-img {margin-top: 25px; margin-bottom: 9px; max-width: 100%; overflow: hidden; border-radius: 5px;} .popular-post .post-content .post-content-title {margin-bottom: 12px; line-height: 13px;} .popular-post .inner-post {margin-bottom: 4px; display: inline-block; width: 100%;} .right-bar .popular-tags {margin-top:50px;} .popular-tags .tags-link {margin-top:30px;} .popular-tags .tags-link li {display: inline-block;} .popular-tags a {font-size: 10px;font-family: 'raleway-bold';text-transform: uppercase;padding: 3px 10px;background: #ccc;margin-right: 10px; margin-bottom: 10px !important;display: inline-block; border-radius: 16px 17px 17px 16px/16px 16px 17px 17px; background-color: #f7f7f7; color: #888;} .popular-tags a:hover {background-color: #cc6c2b; color: #fff !important;} .single-video {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 5px; position: relative;} .single-video img {border-radius: 5px;} .single-video .play {position: absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%) transform:translate(-50%, -50%);} .right-bar .youtube-channel {margin-top:45px;} .youtube-channel .youtube-videos {margin-top:29px; padding-bottom: 25px;} .youtube-channel .post-content {margin-top: 16px;} .youtube-channel .post-content p {margin-top: 10px;font-size: 13px;color: #888;font-family: 'questrial-regular';line-height: 20px;} .youtube-channel .owl-dots {bottom: 0;} .youtube-channel .owl-dots .owl-dot {border:1px solid #d8d8d8;} .youtube-channel .owl-dots .owl-dot.active {border-color: #b8cd06;} @media(max-width: 1200px){ .owl-carousel .owl-item .play a img {width: 45px;} .popular-tags a {margin: 0 2px 5px 0 !important;} .youtube-channel .youtube-videos.owl-carousel .owl-item img {height: auto !important;} } @media(max-width: 991px){ .right-sidebar-layout {padding: 50px 0;} .single-news .news-desc .newe-post-title {line-height: 20px;} .single-news .news-desc p {margin: 5px 0 15px;} .single-news .news-desc {padding: 30px 20px 0 75px;} .right-sidebar-layout .single-news, .right-sidebar-layout .single-news:last-of-type {padding-bottom: 50px;} .right-bar {padding-left: 15px;} .right-bar .right-module, .right-bar .popular-post {margin-top:30px;} .popular-post .post-content .post-content-title {line-height: 12px;} .right-module .post-content .dates {line-height: 15px;} .popular-post .inner-post {margin-bottom: 0; display: block;} .right-sidebar-layout .single-news .news-thumb iframe {height: 300px;} } @media(max-width: 767px){ .popular-post .inner-post {margin-right: 10px;} .popular-post .inner-post:last-child {margin-right: 0;} .left-bar, .right-bar {padding: 20px 15px;} /*.right-bar {padding: 20px 15px;}*/ /*.right-sidebar-layout .single-news .news-thumb figure img {max-width: 280px;}*/ .popular-post .inner-post .post-img img {max-width: 250px;} .right-bar .search-box .search-form input[type="image"].search-button {right: 25px;} .youtube-channel .owl-dots {margin-top: 20px;} .youtube-channel .youtube-videos {padding-bottom: 0;} .post-like .like:last-child {margin-right: 0; } .news-desc .post-like { float: right; min-height: 46px; display: flex; justify-content: right; align-items: center;} } @media(max-width: 600px){ .popular-post .inner-post{ margin: auto; text-align: center; display: inherit;} .news .banner-section, .author .banner-section, .tag .banner-section {min-height: 480px;} .right-sidebar-layout .single-news .news-thumb iframe {height: 180px;} } /*************page-nav**************/ .page-numbers li.prev-list-item { float: left; } .page-numbers li.prev-list-item .prev, .page-numbers li.next-list-item .next { font-size: 11px; text-transform: uppercase; font-family: raleway-bold; border-radius: 27px; padding: 6px 32px; } .page-numbers li.prev-list-item .prev:hover, .page-numbers li.next-list-item .next:hover{ border-radius: 27px; } .page-numbers li.next-list-item { float: right; } .loadBtn{text-align:center; } .loadBtn .page-numbers li a, .loadBtn .page-numbers li span.current {font-size: 11px; color: #888; font-family: 'questrial-regular'; border:1px solid #eee !important;border-radius:5px;padding: 6px 16px;} .loadBtn .page-numbers li a:hover,.loadBtn .page-numbers li span.current {background: #ff7200; color: #fff !important; border-radius: 5px;} /*********************news page end *****************/ .single-post .banner-over-text p {margin-bottom: 20px; text-transform: uppercase;} .inner-news-left .single-news .news-desc p {font-family: 'myriadproregular';margin-bottom: 25px;} .inner-news-left .inner-post-img {margin: 5px 0 18px 0; display: inline-block; max-width: 672px;} .inner-news-left .single-news .news-desc {padding-right: 100px;} .nav-single span a {padding: 8px 15px; border: 1px solid #f36f21; border-radius: 27px; display: inline-block; background: #f36f21; color: #fff;} .nav-single span a:hover {background: transparent;} .inner-news-left .comments-area {display: inline-block;width: 100%; margin-top: 40px;} .inner-news-left .comments-area .comment-reply-title {font-family: raleway-bold; font-size: 20px; margin-bottom: 15px;} .inner-news-left .comments-area form p.comment-notes {margin-bottom: 10px; width: 100%; font-size: 15px;} .inner-news-left .comments-area form#commentform p.comment-form-author, .inner-news-left .comments-area form p.comment-form-email {display: inline-block;width: 50%; float: left;} .inner-news-left .comments-area form#commentform p.comment-form-author {padding-right: 15px;} .inner-news-left .comments-area form#commentform p.comment-form-email {padding-left: 15px;} .inner-news-left .comments-area form#commentform p label {font-size: 15px; font-family: 'raleway-bold';width: 95%; vertical-align: top; line-height: 18px;} .inner-news-left .comments-area form#commentform p.comment-form-cookies-consent input {display: inline-block;width: auto;min-height: auto; margin-right: 10px;vertical-align: text-top;} .inner-news-left .comments-area form#commentform p.comment-form-cookies-consent label {width: 93%;} .post-banner.banner-section .banner-over-text {max-width: 1200px; width: 100%;} /********comment-show******/ #comments .comments-title {font-size: 25px;font-family: 'questrial-regular';margin-bottom: 20px; margin-top:20px;} #comments .commentlist li.comment {padding-left: 55px; position: relative;} #comments .commentlist li.comment > .comment{padding: 20px 0; } #comments .commentlist li.comment .comment:first-child {padding-top: 0;} #comments .commentlist li.comment .comment .comment-meta img {position: absolute;top: 0; left: 0;} #comments .commentlist li.comment .comment .comment-meta a{ display: block;font-size: 12px;line-height: 14px;} #comments .commentlist li.comment .comment .comment-content p { font-size: 14px; font-family: 'questrial-regular'; color: #888; padding-top: 10px;} #comments .commentlist li.comment .comment .reply a {font-size: 14px; font-family: 'questrial-regular';} #comments .commentlist li.comment .comment-respond {padding-bottom: 20px;} #comments .commentlist li.comment ol.children{ padding-top: 20px; border-top: 1px solid #000;} #commentform .form-submit {padding: 14px 25px;} #commentform .form-submit input[type="submit"] {display: block;line-height: normal;} .nav-single span span.meta-nav {vertical-align: text-top;} @media(max-width: 1200px){ .single-news .news-desc {padding-left: 70px;} } @media(max-width: 991px){ .inner-news-left .single-news .news-desc {padding-right: 20px;} } @media(max-width: 767px){ .inner-news-left .comments-area form#commentform p.comment-form-author, .inner-news-left .comments-area form p.comment-form-email {width: 100%;} .inner-news-left .comments-area form#commentform p.comment-form-cookies-consent label {display: inline;width: auto;} .inner-news-left .comments-area form#commentform p.comment-form-author {padding-right: 0;} .inner-news-left .comments-area form#commentform p.comment-form-email {padding-left: 0;} .single-news .news-desc {padding-left: 0px;padding-right: 0 !important;} .single-news .news-desc .news-date {left: 0; position: initial;display: inline-block;padding-bottom: 10px; text-align: left;} .single-post .page-content-section {padding-top: 0;} #comments .comments-title {font-size: 21px;} .single-post .left-bar.inner-news-left .container {padding: 0;} } @media(max-width: 600px){ .nav-previous, .nav-next {width: 100%; text-align: center; margin-bottom: 10px;} .inner-news-left .comments-area form#commentform p.comment-form-cookies-consent input {vertical-align: inherit;} .inner-news-left .comments-area form#commentform p.comment-form-cookies-consent {line-height: 20px;} } @media(max-width: 480px){ #commentform .form-submit {width: 100%;} #commentform .form-submit input[type="submit"]{ text-align: center; width: 100%;} } /*********************product-main page************/ .page-template-tpl-product header, .tax-product-category header {background:url(images/launch-product-bg.jpg) no-repeat center center; background-size: cover;} /*.tag header.site-header, .author header.site-header {background: none !important;}*/ .product-main {padding-top: 139px;} .our-product .right-side {padding: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: left;} .our-product .solution .about-headings .section-heading {color: #fcfcfc;} .our-product .solution .section-paragraph.about-desc p {opacity: .8;} .our-product .solution .img-section {max-width: 770px; max-height: 515px; float: none; overflow: hidden;} .our-product .solution .img-section img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} .our-product .solution .inner-content .left-part {max-width: 735px; padding: 65px 0 0 70px;} .our-product .solution .about-headings .section-heading {padding-bottom: 6px;} @media(max-height: 1440px){ .our-product .solution .img-section img {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); } } .product-structure {padding: 55px 0 130px 0;} .product-structure .left-structure {padding-top: 22px;} .product-structure .right-img figure {text-align: right;} .product-structure .black-text.section-heading {color: #686868;} .product-structure .section-paragraph p {color: #686868; opacity: .8; font-family: 'myriadproregular'; font-size: 16px;} @media(max-width: 1200px ){ .case-sudy-thumb .thumb-img figure {padding-bottom: 56.3%;} .product-structure .np {padding: 0 15px;} } @media(max-width: 991px){ .our-product {padding: 50px 0 6px 0;} .our-product .solution .img-section {max-width: 320px;} .our-product .solution .inner-content .left-part {padding: 30px 15px 0 15px; max-width: 100%;} .our-product .right-side {padding-bottom: 0px;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;} .product-structure .right-img figure {text-align: center;} .case-sudy-thumb .study-heading, .case-sudy-thumb .study-heading a {padding: 0 10px;} .product-structure {padding: 50px 0;} .module-2.product-structure .left-structure {order: 2; padding-top: 40px;} } @media(max-width: 767px){ .product-structure .right-img figure img {max-width: 350px; width: 100%;} .our-product .solution .inner-content .left-part {padding: 50px 00px 0 00px;} .product-main {padding-top: 130px;} .case-sudy-thumb .study-heading, .case-sudy-thumb .study-heading a {padding: 0 40px;} } /*********************product-main page end************/ /***********************product category start ********************/ .category-downlight .inner-content {padding-left: 0;} .category-downlight .about-headings .small-heading {margin-bottom: 0;} .category-downlight .about-headings .section-heading {font-size: 66px; padding-bottom: 8px; margin-bottom: 32px;} .category-downlight .right-side {padding-top: 20px;padding-right: 0;} .category-downlight .innovatives-section {padding: 134px 0 211px 0;} @media(max-width: 1200px){ .category-downlight .about-headings .section-heading {font-size: 50px;} .category-downlight .innovatives-section {padding: 70px 0;} } @media(max-width: 991px){ .category-downlight .about-headings .section-heading {font-size: 35px;margin-bottom: 15px;} .category-downlight .innovatives-section {padding: 50px 0 30px 0;} } .category-research {padding: 119px 0 62px;position: relative; overflow: hidden;} .category-research::before {content:''; position: absolute;top: 0; left:0; width: 100%; height: 100%; background:rgba(230,86,33,0.5); background: -webkit-linear-gradient(177deg, rgba(230,86,33,.2), rgba(230,86,33,0.97) 89%, #e65621); background: -moz-gradient(177deg, rgba(230,86,33,.2), rgba(230,86,33,0.97) 89%, #e65621); background: -o-gradient(177deg, rgba(230,86,33,.2), rgba(230,86,33,0.97) 89%, #e65621); background: -ms-gradient(177deg, rgba(230,86,33,.2), rgba(230,86,33,0.97) 89%, #e65621); background: gradient(177deg, rgba(230,86,33,.2), rgba(230,86,33,0.97) 89%, #e65621); background: linear-gradient(to right, rgba(230,86,33,1) 0%, rgba(230,86,33,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e65621', endColorstr='#e65621', GradientType=1 ); } .category-research .about-headings .section-heading {line-height: 40px; margin-bottom: 11px;} .category-research .white-text:after {display: none;} .category-research .section-paragraph.about-desc p {color: #fff;} .category-research .inner-content {padding-left: 0;} .category-research .right-side {padding-right: 0;} .category-research .big-right-logo {margin:auto;margin-right: inherit;} .category-research .right-side figure {padding: 60px 0 60px 71px; z-index: 1; position: relative;} .category-research .right-side figure img {max-width: 450px;} .category-research .right-side figure:after {content: ''; position: absolute;top: 0;left: 0; width: 500%; height: 100%; background: #464646;display: inline-block; -webkit-transform: skew(-20deg); -ms-transform: skew(-20deg); transform: skew(-20deg); z-index: -1;} @media(max-width: 1200px){ .category-research {padding: 70px 0;} .category-research .right-side figure {padding: 40px 0 40px 50px;} .category-research .right-side figure img {max-width: 350px;} } @media(max-width: 991px){ .category-research .right-side {padding-right: 15px;} .category-research .big-right-logo {width: 100%; text-align: center;} .category-research .right-side figure {padding: 40px 0;} .category-research .right-side figure:after {left: -100%;} .category-research {padding: 50px 0 0 0;} } @media(max-width: 480px){ .category-research .right-side figure img {width: 100%;} } .category-Structur .structure-section {padding: 72px 0 162px;} .category-Structur .right-img {padding-left: 0; padding-top: 37px;} .category-Structur .module-2 .right-img figure {text-align: left;} .category-Structur .module-2 .left-structure {padding-left: 56px; padding-right: 0;} .category-Structur .section-heading {margin-bottom: 12px; color: #686868;} .category-Structur .section-paragraph p {font-size: 16px; color: #686868; line-height: 22px;} .category-Structur.w .section-heading{color:#FFF} .category-Structur.w .section-paragraph p{color:#FFF} .category-Structur.b .section-heading{color:#686868} .category-Structur.b .section-paragraph p{color:#686868} @media(max-width: 1200px){ .category-Structur .module-2 .left-structure {padding-left: 15px;} .category-Structur .structure-section {padding: 70px 0;} } @media(max-width: 991px){ .category-Structur .structure-section {padding:50px 0; } .category-Structur .right-img {padding-top: 0;} .category-Structur .module-2 .right-img figure {text-align: center;} .category-Structur .module-2 .left-structure {padding-left: 0;} } @media(max-width: 767px){ .category-downlight .inner-content, .category-research .inner-content, .category-Structur .module-2 .left-structure {padding-left: 15px;} .category-downlight .right-side, .category-research .right-side {padding-right: 15px;} .category-research .big-right-logo {margin-right: auto;} .category-Structur .module-2 .right-img figure {margin-bottom: 20px;} .category-Structur .right-img {padding-left: 15px;} } @media(max-width: 600px){ .category .banner-section {min-height: 480px;} } /***********************product category end ********************/ /*********************single-product start **********/ /*.single-product-page .banner-section {height: calc(100% + 85px); height: calc(100vh + 85px);}*/ /* .single-product-page .banner-section, .study-banner {height: inherit;display: inherit;padding-bottom: 56%; position: relative;} */ .single-product-page .banner-section{height: inherit;display: inherit;padding-bottom: 56%; position: relative;} .single-product-page .banner-section .over-banner-product {padding-top: 140px; min-height: 810px;} .study-banner.banner-section .banner-over-text {margin:auto; } .study-banner.banner-section .detail-tabs {background:transparent; } .single-product .single-product-page .banner-section{height: calc(100vh + 83px); padding-bottom: inherit; min-height: 900px;} @media(max-width: 1600px){ .single-product-page .banner-section {padding-bottom: 100vh; padding-bottom: calc(100vh + 85px); } } @media(max-width: 1025px){ .single-product-page .banner-section .over-banner-product{padding-top: 0;} .single-product .single-product-page .banner-section {min-height: inherit;} .single-product-page .banner-section .over-banner-product {min-height: inherit;} } /* .over-banner-product, .banner-title{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%;height: 100%; height: 100vh; position: absolute;} */ .over-banner-product{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%;height: 100%; height: 100vh; position: relative; padding-bottom: 100px;} .over-banner-product .product-image figure {max-width: 770px; float: right; width: 100%;} .over-banner-product .product-name{padding-left: 90px;} .product-name .bold-product {font-size: 72px;font-family: 'raleway-heavy';color: #fff; line-height: 65px; margin-bottom: 20px;} .product-name .light-product {font-size: 60px;font-family: 'raleway-regular'; display: block;} .banner-section .detail-tabs {position: absolute; bottom: 0; width: 100%; background: rgba(255,255,255,0.10);padding: 22px 0;} .banner-section .detail-tabs ul {margin:0; padding: 0 100px;} .banner-section .detail-tabs li {float: left;text-align: center;} .banner-section .detail-tabs li .cta-btn-skew {background:transparent;border:none; padding:6px 29px; } .banner-section .detail-tabs li .cta-btn-skew:hover {background:#fff; } .banner-section .detail-tabs li .cta-btn-skew a {font-size: 14px; font-family: 'raleway-bold';color: #fff;} .banner-section .detail-tabs li .cta-btn-skew:hover a {color: #e16e17 !important;} @media(max-width: 1200px){ .banner-section .detail-tabs ul {padding: 0 15px;} .over-banner-product .product-name {padding-left: 40px; } .product-name .bold-product {font-size: 65px;} .product-name .light-product {font-size: 50px;} } @media(max-width: 991px) { .banner-section .detail-tabs li, .banner-section .detail-tabs ul {padding: 0;} .product-name .bold-product {font-size: 55px;} .product-name .light-product {font-size: 42px;} .over-banner-product .product-name {padding-left: 15px;} } @media(max-width: 767px){ .over-banner-product {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; text-align: center; display: inline-block;} /*.banner-section .detail-tabs {display: none;}*/ .over-banner-product .product-image figure {max-width: 320px; float: none;text-align: center; margin: auto;} .single-product-page .banner-section {padding-top: 150px; padding-bottom: 640px;} .product-name .bold-product {font-size: 50px;} .product-name .light-product {font-size: 35px;} .over-banner-product .product-name {margin-top: 20px;} .single-product .banner-section {min-height: 740px;} } @media(max-width: 640px){ } @media(max-width: 480px){ .product-name .bold-product {font-size: 40px; line-height: 45px;} .product-name .light-product {font-size: 25px;} .single-product .banner-section {min-height: 700px;} } @media(max-width: 374px){ .product-name .bold-product{font-size: 33px; word-wrap: break-word;} } .product-feature .module-2 .left-structure {padding-right: 70px;} .product-feature .section-heading {color: #e16e17;margin-bottom: 27px;} .product-feature .structure-section {padding: 66px 0 170px;} .product-feature .section-paragraph p {font-size: 24px; color: #6d6c6c; line-height: 34px;} @media(max-width: 1200px){ .product-feature .structure-section {padding: 32px 0px 70px 0;} } @media(max-width: 991px){ .product-feature .structure-section {padding: 12px 0px 50px 0;} .product-feature {background-size: 70% !important } } @media(max-width: 767px){ .product-feature .structure-section {padding: 50px 0;} .product-feature .module-2.structure-section {position: relative;} .product-feature .module-2 .left-structure {padding-bottom: 00px; padding-right: 15px;} .product-feature .module-2.structure-section:before {content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.7);} } @media(max-width: 480px ){ .banner-section .detail-tabs li .cta-btn-skew {padding: 6px 15px;} } .single-product-slider { /*background: #008ad1;*/ background: #494949; position: relative;} .single-product-slider .section-heading {font-family: 'avenirnextltpro-bold'; font-size: 72px; color: #fff; margin-bottom: 32px;} .single-product-slider .section-paragraph p{font-family: 'avenirnextltpro-regular'; font-size: 24px; color: #fff; line-height: 30px; margin:0;} .single-product-slider .product-slider-content {padding: 86px 15px 120px;} .single-product-slider .slidet-item-image .slider-single-img {width: 100%; height: 100%;} .single-product-slider .owl-carousel, .single-product-slider .owl-carousel .owl-item {position: inherit;} .single-product-slider .owl-stage-outer .owl-stage {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;height: 100%;} .single-product-slider .owl-stage-outer .owl-stage .owl-item {min-height: 100%;} .single-product-slider .owl-stage-outer .owl-stage .item {height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} @media(max-width: 1200px){ .single-product-slider .section-heading {font-size: 60px; margin-bottom: 20px;} .single-product-slider .section-paragraph p, .product-feature .section-paragraph p {font-size: 19px; line-height: 26px;} .single-product-slider .product-slider-content {padding: 70px 50px 70px 15px;} } @media(max-width: 991px){ .single-product-slider .section-paragraph p, .product-feature .section-paragraph p {font-size: 18px; line-height: 24px;} .single-product-slider .product-slider-content {padding: 40px 50px 50px 15px;} .single-product-slider .section-heading{font-size: 50px; margin-bottom: 10px; padding-bottom: 4px;} } @media(max-width: 767px){ .single-slidet-item .slidet-item-image .slider-single-img {background-size: 75% !important; background-position: center !important; } .single-slidet-item .slidet-item-image {height: 450px; max-width: 500px; width: 100%; margin: auto;} .single-product-slider .single-slidet-item .row {margin:0;} .single-product-slider .product-slider-content {padding: 15px 15px 50px 15px;} } @media(max-width: 374px ){ .single-product-slider .section-heading{ font-size: 33px; word-wrap: break-word; } } .product-specification {padding: 75px 0 160px;} .product-specification .section-heading, .product-download .section-heading {color: #e16e17; font-family:'avenirnextltpro-bold'; margin-bottom: 33px;} .product-specification tr th {background:#f68d33; color: #fff; padding: 9px 10px; text-transform: uppercase; font-weight: normal; font-family: 'avenirnextltpro-regular'; letter-spacing: .4px;} .product-specification table, .product-specification th, .product-specification td {border:none; border-right: 2px solid #fff; text-align: center;/*text-transform: uppercase;*/font-size: 15px;font-family: 'questrial-regular';} .product-specification table {width: 100%;} .product-specification .Specification-table {padding-right: 15px;} .product-specification tr:nth-child(odd){background:#e3e1e0;} .product-specification tr th:first-child, .product-specification tr td:first-child {text-align: left; text-transform: uppercase;} .product-specification tr td {padding: 10px 10px; color: #534b49;} .product-specification .specification-img {max-width: 100px; min-height: 46px; text-align: center; margin-bottom: 20px;} @media(max-width: 1200px){ .product-specification {padding: 70px 0;} } @media(max-width: 991px){ .product-specification .specification-img {display: inline-block; width: 70px; margin: auto;} .product-specification .specification-logoes {text-align: center;margin-top: 20px;} .product-specification {padding: 50px 0;} .product-specification table {width: 700px;} .product-specification .Specification-table {overflow-X: scroll;} } .product-download .section-heading {color: #fff;} .product-download {background:url(images/launch-product-bg.jpg) no-repeat center center; padding: 70px 0; background-size: cover; } .product-download .download-option {text-align: center; margin-bottom: 30px; margin-top: 20px;} .product-download .download-image {padding: 5px 0; text-align: center;} .product-download .download-image .fa {color: #fff;} .product-download .download-sesc h3{ font-family: 'raleway-bold'; text-transform: uppercase; margin-bottom: 10px; color: #fff; font-size: 25px;} .product-download .download-sesc a {position: relative;padding: 10px 20px;z-index: 1; display: inline-block;} .product-download .download-sesc a:after {content: ''; position: absolute;left: 0; top: 0; -webkit-transform: skew(-15deg); -ms-transform: skew(-15deg); transform: skew(-15deg); background:#fff; border:1px solid #fff; width: 100%; z-index: -1; height: 100%;} .product-download .download-sesc a:hover {color: #fff !important;} .product-download .download-sesc a:hover:after {background:transparent; -webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;} /*********************single-product end **********/ /************************************** 404 ***************************************/ body.error404 {background: url(images/launch-product-bg.jpg) no-repeat center; background-size: cover; } .error404 #error-404 {padding-top: 100px;} .error404 .wrapper { padding-top: 0; } .error404 header, .error404 footer { display: none; } .error404 .logo { text-align: center; } .error404 .site { background-color: transparent; } .error404 .logo-wrap { max-width: 350px; margin: auto; } .error404 .error-main { text-align: center; max-width: 650px; width: 100%; margin: auto; padding: 50px; margin-top: 30px; margin: 50px auto; -webkit-box-shadow: 0 0 10px #0000002b; box-shadow: 0 0 10px #0000002b; } .error-main h1 { font-size: 190px; color: #fff; line-height: 150px; } .error-main h3 { font-size: 35px; line-height: 35px; margin-bottom: 35px; margin-top: 45px; color: #fff; } .error-main p { color: #fff; margin-bottom: 40px; } .error-main a { font-size: 22px; text-transform: uppercase; color: #f36f21; } .error-main a.cta-white-btn:hover { color: #fff !important; } @media(max-width: 1023px) { .error-main h1 { font-size: 130px; line-height: 130px; } } @media(max-width:767px) { .error-main { padding: 30px; } .error-main h3 { font-size: 25px; margin-bottom: 25px; margin-top: 25px; } .error-main p { margin-bottom: 30px } .error-main h1 { font-size: 110px; line-height: 100px } .error404 .page-content-section { padding: 40px 15px 0; } } @media(max-width: 480px) { .error404 .error-main { margin-top: 30px; padding: 30px 20px; } .error-main h1 { font-size: 85px; } .error-main h3 { margin-top: 5px; margin-bottom: 15px; } .error404 .logo-wrap { max-width: 250px; } } /*********************end 404********************/ /******************search result*****************/ .likebtn_container .likebtn-wrapper {display: none;} .search-results .page-title, .search-no-results .entry-title { font-size: 30px; font-family: 'raleway-bold';} .search-results .right-sidebar-layout .single-news { padding-bottom: 30px;} .search-no-results .entry-content {padding-top: 15px;} .search-no-results .not-found {text-align: center;} .search-no-results .entry-content p {margin-bottom: 20px;} .search-no-results .searchform {max-width: 500px; margin:auto; } .search-banner {height: 100vh;} /******************search result end*****************/ /***********over hide********/ .top-nav .search-box input[type="submit"] {min-height: auto;} .social-listing .fa-social {font-size: 11px;} footer .address-part .footer-contact .social-contact {vertical-align: top;display: inline-block;} footer .address-part .footer-contact .social-name {vertical-align: top;} footer .address-part li {line-height: 16px;padding-bottom: 21px;} footer .footer-contact ul li:first-child:before, footer .footer-contact ul li:nth-child(2):before, footer .footer-contact ul li:nth-child(3):before {top:-5px;} footer .address-part p {margin-bottom: 41px;} footer .footer-contact ul li {padding-left: 27px;} footer .footer-contact ul li:before {width: 18px;} .slider-layout .row, footer .footer-news .single-footer-news h5 {margin: 0;} footer .single-footer-news {margin-bottom: 20px;} @media(max-width: 1024px){ .parallax-bg {background-attachment: inherit !important;} } /******* for browser *******/ .vendor-ie .top-nav .search-box input[type='text'] {padding: 10px 19px;} /* Search page */ h3.newe-post-title.cl-news-search { padding: 0px 0px 7px !important; font-size: 100%; } /**************************/ .banner-btn { position: relative; font-size: 11px; font-family: 'raleway-regular'; } .banner-btn select { display: none; /*hide original SELECT element:*/ } .select-selected { background-color: transparent; z-index: 1; position:relative; font-family: 'raleway-bold'; white-space: nowrap; max-width: 192px; } /*style the arrow inside the select element:*/ .select-selected:after { position: absolute; content: "\f107"; font-family: fontAwesome; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: inherit; padding-left: 17px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; /* width: 0; height: 0;*/ /*border: 6px solid transparent; border-color: #fff transparent transparent transparent;*/ } .select-arrow-active.select-selected:before, .select-highlight.select-selected:before {background:#fff; } .select-arrow-active.select-selected, .select-highlight.select-selected {color: #e16e17;} .select-selected:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; -webkit-transform: skew(-15deg); -ms-transform: skew(-15deg); transform: skew(-15deg); z-index: -1; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } /*point the arrow upwards when the select box is open (active):*/ .select-selected.select-arrow-active:after { -webkit-transform: translateY(-50%) rotateY(180deg); -moz-transform: translateY(-50%) rotateY(180deg); -ms-transform: translateY(-50%) rotateY(180deg); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); /*top: 7px;*/ color: #000; padding-left: 0px; padding-right: 17px; color: #e16e17; } /*style the items (options), including the selected item:*/ .select-items div,.select-selected { color: #ffffff; padding: 10px 00px !important; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; text-transform: uppercase; display: block; border:none; } /*style items (options):*/ .select-items { position: absolute; background-color: #fff; top: 100%; left: -6px; right: -6px; z-index: 99; padding: 11px 0; text-align: left; -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.1); box-shadow: 2px 2px 5px rgba(0,0,0,.1); max-width: 192px; white-space: nowrap; } /*hide the items when the select box is closed:*/ .select-hide {display: none;} .select-items div:hover, .select-items div.same-as-selected { color: #fff; background:#e96700; } .select-items div {padding: 0 23px !important; display: block; color: #343434;} /*==================== Accordian Slider CSS Start =======================*/ .accordienSliderMain{padding-top: 139px;} .accordienSliderMain + .product-main{padding-top: 0;} .accordion-slider { width: 100%; height: 658px; overflow: hidden; margin: 0px auto; max-width: 100%; } .accordion-slider-inner{ margin-left: -90px; margin-right: -90px; background: #e1e1e1; } .accordion-slider ul { width: 100%; display: table; table-layout: fixed; margin: 0; padding: 0; } .accordion-slider ul li { display: table-cell; vertical-align: bottom; position: relative; width: 16.666%; height: 658px; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .accordion-slider ul li .image{ position: relative; top: 0; left: 0; width: 100%; height: 100%; margin: 0; -webkit-transform: translate3d(0, 0, 0) skew(-15deg, 0deg); -moz-transform: translate3d(0, 0, 0) skew(-15deg, 0deg); -ms-transform: translate3d(0, 0, 0) skew(-15deg, 0deg); -o-transform: translate3d(0, 0, 0) skew(-15deg, 0deg); transform: translate3d(0, 0, 0) skew(-15deg, 0deg); overflow: hidden; background-color:#e1e1e1; border-left: 20px solid #e1e1e1; border-right: 20px solid #e1e1e1; margin-left: -1px; } .accordion-slider ul li:first-child .image{border-left: 0;} .accordion-slider ul li:last-child .image{border-right: 0;} .accordion-slider ul li .image figure{ display: block; overflow: hidden; width: 1920px; height: 101%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; margin: 0; position: absolute; left: -200px; top: 0; /*-webkit-filter: grayscale(100%); filter: grayscale(100%);*/ -webkit-transform: translate3d(0, 0, 0) skew(15deg, 0deg); -moz-transform: translate3d(0, 0, 0) skew(15deg, 0deg); -ms-transform: translate3d(0, 0, 0) skew(15deg, 0deg); -o-transform: translate3d(0, 0, 0) skew(15deg, 0deg); transform: translate3d(0, 0, 0) skew(15deg, 0deg); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .accordion-slider ul li .image figure::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: rgba(0,0,0,0.5); /*background-color: rgba(204, 108, 43, 0.6); */ z-index: 1; pointer-events: none; } .accordion-slider ul.show li.active .image figure::before{ background-color: rgba(0,0,0,0.1); } .accordion-slider ul li .caption { display: block; /* overflow: hidden; */ width: 658px; height: 100%; white-space: nowrap; -webkit-transform: translate3d(0, 0, 0) rotate(-75deg); -moz-transform: translate3d(0, 0, 0) rotate(-75deg); -ms-transform: translate3d(0, 0, 0) rotate(-75deg); -o-transform: translate3d(0, 0, 0) rotate(-75deg); transform: translate3d(0, 0%, 0) rotate(-75deg); position: absolute; top: 0; left: 40px; padding-left: 0; pointer-events: none; } .accordion-slider ul li .caption a { display: block; height: 100%; width: 100%; position: relative; vertical-align: bottom; padding: 15px 20px; box-sizing: border-box; color: #fff; text-decoration: none; } .accordion-slider ul li .caption a * { opacity: 0; margin: 0; width: 100%; position: relative; } .accordion-slider ul li .caption h2 { font-family: Montserrat, sans-serif; font-size: 32px; text-transform: uppercase; margin-bottom: 2px; top: 0; color: #fff; opacity: 1; position: relative; z-index: 10; } .accordion-slider ul li .caption p { font-size: 18px; color: #fff; } .accordion-slider ul.show li, .accordion-slider ul:hover li { width: 20%; } .accordion-slider ul.show li.active, .accordion-slider ul:hover li:hover { width: 80%; } .accordion-slider ul.show li.active > .caption, .accordion-slider ul:hover li:hover > .caption{ width: 170%; backface-visibility: hidden; pointer-events: all; } .accordion-slider ul.show li.active > .caption a, .accordion-slider ul:hover li:hover > .caption a{ padding-left: 13%; } .accordion-slider ul li > .caption h2{ -webkit-animation: sliderwithoutHover 0.5s; -moz-animation: sliderwithoutHover 0.5s; -ms-animation: sliderwithoutHover 0.5s; animation: sliderwithoutHover 0.5s; } .accordion-slider ul li:first-child .caption h2{ opacity: 1 !important; -webkit-animation: inherit; -moz-animation: inherit; -ms-animation: inherit; animation: inherit; } .accordion-slider ul.show li.active > .caption h2, .accordion-slider ul li:hover > .caption h2{ width: 280px; white-space: normal; } .accordion-slider ul.show li.active > .caption h2{ -webkit-animation: sliderHover 2.5s; -ms-animation: sliderHover 2.5s; -moz-animation: sliderHover 2.5s; animation: sliderHover 2.5s; } @-webkit-keyframes sliderwithoutHover { 0%{opacity: 0; } 30% {opacity: 0; } 60% {opacity: 1; } } @-moz-keyframes sliderwithoutHover { 0%{opacity: 0; } 30% {opacity: 0; } 60% {opacity: 1; } } @-ms-keyframes sliderwithoutHover { 0%{opacity: 0; } 30% {opacity: 0; } 60% {opacity: 1; } } @keyframes sliderwithoutHover { 0%{opacity: 0; } 30% {opacity: 0; } 60% {opacity: 1; } } @keyframes sliderHover { 0%{opacity: 0; } 30% {opacity: 0; } 60% {opacity: 1; } } @-webkit-keyframes sliderHover { 0%{opacity: 0; } 30% {opacity: 0; } 60% {opacity: 1; } } @-moz-keyframes sliderHover { 0%{opacity: 0; } 30% {opacity: 0; } 60% {opacity: 1; } } @-ms-keyframes sliderHover { 0%{opacity: 0; } 30% {opacity: 0; } 60% {opacity: 1; } } .accordion-slider ul.show li:hover > .caption, .accordion-slider ul.show li.active:first-child > .caption { -webkit-transform: translate3d(0, 0, 0) rotate(-0deg); -moz-transform: translate3d(0, 0, 0) rotate(-0deg); -ms-transform: translate3d(0, 0, 0) rotate(-0deg); -o-transform: translate3d(0, 0, 0) rotate(-0deg); transform: translate3d(0, 0%, 0) rotate(-0deg); } .accordion-slider ul.show li:hover > .caption a, .accordion-slider ul.show li.active:first-child > .caption a{ padding-top: 160px; padding-bottom: 160px; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .accordion-slider ul.show li:hover > .caption a{ padding-left: 100px; } .accordion-slider ul.show li.active:first-child > .caption a{ padding-left: 26%; } .accordion-slider ul.show li.active .image figure, .accordion-slider ul:hover li:hover .image figure{ -webkit-filter: grayscale(0%); filter: grayscale(0%); background-position:center !important; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .accordion-slider ul:hover li:hover .image figure::before{ background-color: rgba(0,0,0,0.1); } .accordion-slider ul.show li.active a *, .accordion-slider ul:hover li:hover a * { opacity: 1; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .accordion-slider ul li:first-child::before{ content: ''; position: absolute; top: 0; left: -60%; width: 100%; height: 100%; display: block; background-color: rgba(0,0,0,0.0); z-index: 1; pointer-events: none; -webkit-transform: translate3d(0, 0, 0) skew(-15deg, 0deg); -moz-transform: translate3d(0, 0, 0) skew(-15deg, 0deg); -ms-transform: translate3d(0, 0, 0) skew(-15deg, 0deg); -o-transform: translate3d(0, 0, 0) skew(-15deg, 0deg); transform: translate3d(0, 0, 0) skew(-15deg, 0deg); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .accordion-slider ul.show li.active:first-child::before, .accordion-slider ul li:hover:first-child::before{ background-color:rgba(0,0,0,0.8);/*rgba(212, 94, 5, .8)*/; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .accordion-slider ul li:last-child::before{ content: ''; position: absolute; top: 0; left: 20px; width: 100%; height: 100%; display: block; background-color:rgba(0,0,0,0.8)/*rgba(212, 94, 5, .8)*/; z-index: 1; pointer-events: none; -webkit-transform: translate3d(0, 0, 0) skew(-15deg, 0deg); -moz-transform: translate3d(0, 0, 0) skew(-15deg, 0deg); -ms-transform: translate3d(0, 0, 0) skew(-15deg, 0deg); -o-transform: translate3d(0, 0, 0) skew(-15deg, 0deg); transform: translate3d(0, 0, 0) skew(-15deg, 0deg); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .accordion-slider ul.show li.active:last-child::before, .accordion-slider ul li:hover:last-child::before{ background-color: rgba(0,0,0,0); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } @media (max-width: 1440px) { .accordion-slider ul li .image figure{ width: 1400px; left: -130px; } .accordion-slider ul.show li.active > .caption h2, .accordion-slider ul li:hover > .caption h2{width: 200px; } } @media (max-width:1170px){ .accordienSliderMain + .product-main{padding-top: 0 !important; } .accordienSliderMain{padding-top: 105px !important;} .accordienSliderMain .accordion-slider ul li .caption h2{font-size: 26px; } .accordienSliderMain .accordion-slider ul li .caption a{padding-top: 7px; padding-bottom: 7px;} } @media (max-width: 1024px) { .accordion-slider { height: auto; } .accordion-slider-inner { margin-left: 0; margin-right: 0; } .accordion-slider ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .accordion-slider ul li{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .accordion-slider ul.show li, .accordion-slider ul:hover li, .accordion-slider ul li, .accordion-slider ul li:hover, .accordion-slider ul:hover li, .accordion-slider ul:hover li:hover { position: relative; display: block; table-layout: inherit; width: 100%; -webkit-transition: none; transition: none; height: auto; } .accordion-slider ul.show li.active, .accordion-slider ul:hover li:hover{ width: 100%; } .accordion-slider ul li .caption a * { opacity: 1; } .accordion-slider ul li:last-child::before, .accordion-slider ul li:first-child::before, .accordion-slider ul.show li.active:first-child::before, .accordion-slider ul li:hover:first-child::before{ display: none; } .accordion-slider ul li .image{ -webkit-transform: inherit; -moz-transform: inherit; -ms-transform: inherit; -o-transform: inherit; transform: inherit; border: 0; position: relative; padding-bottom: 40%; margin: 0; } .accordion-slider ul li .image figure, .accordion-slider ul.show li.active .image figure, .accordion-slider ul:hover li:hover .image figure{ -webkit-transform: inherit; -moz-transform: inherit; -ms-transform: inherit; -o-transform: inherit; transform: inherit; border: 0; padding-bottom: 0; width: 100%; left: 0; filter: grayscale(0); } .accordion-slider ul.show li.active .image figure::before, .accordion-slider ul:hover li:hover .image figure::before, .accordion-slider ul li .image figure::before{ background-color: rgba(0,0,0,0.2); } .accordion-slider ul.show li > .caption, .accordion-slider ul.show li:hover > .caption, .accordion-slider ul.show li.active:first-child > .caption { -webkit-transform: translate3d(0, 0, 0) rotate(-0deg); -moz-transform: translate3d(0, 0, 0) rotate(-0deg); -ms-transform: translate3d(0, 0, 0) rotate(-0deg); -o-transform: translate3d(0, 0, 0) rotate(-0deg); transform: translate3d(0, 0%, 0) rotate(-0deg); } .accordion-slider ul.show li.active > .caption, .accordion-slider ul:hover li:hover > .caption, .accordion-slider ul li > .caption, .accordion-slider ul.show li.active:first-child > .caption { padding: 0; position: absolute; top: 0; left: 0; width: 100%; white-space: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; } .accordion-slider ul li > .caption a{ display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; height: 100%; -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; } .accordion-slider ul li .caption h2{ top: 0; position: relative; font-size: 18px; } .accordienSliderMain {padding-top: 128px !important; } .accordion-slider ul li:hover > .caption a, .accordion-slider ul.show li.active > .caption a, .accordion-slider ul.show li.active:first-child > .caption a{padding: 20px;} .accordion-slider ul.show li.active > .caption h2, .accordion-slider ul li:hover > .caption h2{width: 100%;} } @media (max-width:767px){ body .accordion-slider ul li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } /*==================== Accordian Slider CSS End =======================*/ /***********bradecum******************/ .single-product .over-banner-product {display: inline-block;} .single-product .over-banner-product .top-single-pro {display: flex;align-items: center;justify-content: center;height: 91%;} .breadcrumb {padding-top: 30px; background-color: transparent;margin-bottom: 0; } .breadcrumb .container {max-width: 1280px;} .breadcrumb li{text-transform: uppercase; font-size: 16px; color: #fff; font-family: 'raleway-bold';} .breadcrumb li a {color: #fff;} .breadcrumb-item+.breadcrumb-item::before{ padding-right: 3px;padding-left: 5px; color: #fff; content: ">";} .single-product .top-single-pro .cta-btn {font-size: 14px;} .cl-product-bnr-img {float: right; min-height: 48px; display: flex; height: auto; justify-content: flex-end; align-items: center; padding-right: 145px;flex-wrap: wrap;order: 2;max-width: 73%;} .cl-product-bnr-img img {padding-right: 14px; max-height: 45px; max-width: 90px;margin-bottom: 10px;} @media(max-width: 1200px){ .cl-product-bnr-img {padding-right: 0;} } @media(max-width: 1025px){ .breadcrumb {padding: 10px 0 20px 0;} .breadcrumb .cl-product-bnr-img {padding-right: 0;} } @media(max-width: 991px){ .cl-product-bnr-img img {max-height: 35px;max-width: 68px;} .cl-product-bnr-img {max-width: 58%;} } @media(max-width: 767px ){ .single-product .over-banner-product .top-single-pro {flex-direction: column;} /*.banner-section {min-height: 740px;}*/ .breadcrumb {text-align: left; padding-top: 0; } .cl-product-bnr-img img {max-width: 70px; max-height: 34px;} } @media(max-width: 639px){ .cl-product-bnr-img {max-width: 100%; float: left; justify-content: flex-start;} } @media(max-width: 480px){ .breadcrumb .cl-product-bnr-img {padding-right: 0; /*display: block;*/order: 2; height: auto;margin-bottom: 10px; min-height: auto;} .breadcrumb .cl-product-bnr-img img:last-child {padding-right: 0;} .breadcrumb .container {display: flex;flex-direction: column;} .cl-product-bnr-img img {max-width: 55px; max-height: 32px;} } .cl-case-study-loader {display: flex;align-items: center;justify-content: center;margin: auto; width: 100px; height: 100px;} @media(max-width: 1365px){ .parallax-bg {background-size: inherit !important; } } @media(max-width: 1025px){ .parallax-bg {background-size: cover !important; } } @-webkit-keyframes fromleft { 0% { -webkit-transform: translateX(-15%); transform: translateX(-15%); opacity: 0; } 50% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1;} } @keyframes fromleft { 0% { -webkit-transform: translateX(-15%); transform: translateX(-15%); opacity: 0; } 50% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1;} } @-webkit-keyframes fromfade { 0% { opacity: 0; width: 0; } 50% { opacity: 0; width: 0;} 100% { opacity: 1; width: 100%;} } @keyframes fromfade { 0% { opacity: 0; width: 0; } 50% { opacity: 0; width: 0;} 100% { opacity: 1; width: 100%;} } .top-single-pro .product-image { -webkit-animation:fromleft 2s;animation: fromleft 2s;} .top-single-pro .product-name { -webkit-animation:fromfade 2s;animation: fromfade 2s;} /********************************/ .accordienSliderMain.main-product-category {background:url(images/img/contact-bg.png) no-repeat center center; background-size: cover;padding-top: 220px !important; padding-bottom: 40px;} .inner-categoryes li { display: inline-block; width: 23.8%; min-height: 250px; margin-bottom: 50px; margin-right: 10px; position: relative; vertical-align: top;} .inner-categoryes li .image:before {content: ''; position: absolute;width: 100.1%; height: 100%; background:rgba(0,0,0,.8 );left: 0; top: 0; opacity: 0; visibility: hidden; z-index: 1;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;} .inner-categoryes li:hover .image:before {opacity: 1; visibility: visible;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;} .inner-categoryes li .sliderLink {display: inline-block;width: 100%; height: 100%:;} .inner-categoryes li .image {position: absolute;width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0) skew(-5deg, 0deg);-moz-transform: translate3d(0, 0, 0) skew(-5deg, 0deg);-ms-transform: translate3d(0, 0, 0) skew(-5deg, 0deg);transform: translate3d(0, 0, 0) skew(-5deg, 0deg);} .inner-categoryes li .image:after {content: ''; width: 100%; height: 100%; background:rgba(255,255,255,.6); left: 0; top: 0; position: absolute; } .inner-categoryes li .image img {width: 100%; height: 100%;} .inner-categoryes li .caption { height: 100%; min-height: 250px; position: relative;z-index: 1; padding: 10px;} /*.tax-product-category header.site-header {background:none; } .tax-product-category header.fixed-header {background-image: linear-gradient(38deg, #de7622, #e46d0d); }*/ .inner-categoryes li .caption h4{ display: flex; align-items: center; justify-content: center; height: 60px; font-size: 22px;overflow: hidden;text-transform: uppercase; font-family: 'raleway-bold'; width: 100%;} .inner-categoryes li .caption figure.lazy {max-width: 150px;min-height: 155px;margin: auto;text-align: center; margin-bottom: 15px; display: flex;align-items: center;justify-content: center;} .inner-categoryes li:hover .caption figure.lazy {opacity: 0; visibility: hidden;height: 0; display: none;} .inner-categoryes li:hover .caption {display: flex;align-items: center;justify-content: center;} .product-category-main-inner .inner-categoryes {width: 100%;} @media(max-width: 1200px){ .inner-categoryes li .caption figure.lazy {max-width: 130px; max-height: 130px;} .inner-categoryes li {width: 23.6%; margin: 0 5px 50px;} } @media(max-width: 1023px ){ .product-category-main-inner.row {margin: 0;} .inner-categoryes li {width: 31.4%;} } @media(max-width: 767px ){ .inner-categoryes li {width: 46%; min-height: 200px;} .inner-categoryes li .caption {min-height: 200px;} .inner-categoryes li .caption figure.lazy {min-height: 105px;} } @media(max-width: 479px){ .inner-categoryes li {width: 90%; margin-bottom: 30px;} }