/*
  Theme Name: Avilon
  Theme URL: https://bootstrapmade.com/avilon-bootstrap-landing-page-template/
  Author: BootstrapMade.com
  License: https://bootstrapmade.com/license/
*/
            /*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
            
            body {
                background: #fff;
                color: #666666;
                font-family: "Open Sans", sans-serif;
                overflow-x: hidden;
            }
            
            a {
                color: #602b82;
                transition: 0.5s;
            }
            
            a:hover,
            a:active,
            a:focus {
                color: #D91B5B;
                outline: none;
                text-decoration: none;
            }
            
            p {
                padding: 0;
                margin: 0 0 30px 0;
            }
            
            h1,
            h2,
            h3,
            h4,
            h5,
            h6 {
                font-family: "Montserrat", sans-serif;
                font-weight: 400;
                margin: 0 0 20px 0;
                padding: 0;
                color: #602b82;
            }
            /* Back to top button */
            
            .back-to-top {
                position: fixed;
                display: none;
                background: linear-gradient(45deg, #602b82, #D91B5B);
                color: #fff;
                padding: 2px 20px 8px 20px;
                font-size: 16px;
                border-radius: 4px 4px 0 0;
                right: 15px;
                bottom: 0;
                transition: none;
            }
            
            .back-to-top:focus {
                background: linear-gradient(45deg, #D91B5B, #602b82);
                color: #fff;
                outline: none;
            }
            
            .back-to-top:hover {
                background: #602b82;
                color: #fff;
            }
            /*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
            
            #header {
                padding: 0px 0px;
                height: auto;
                position: fixed;
                left: 0;
                top: 0;
                right: 0;
                transition: all 0.5s;
                z-index: 997;
                border-top: 5px solid #602b82;
                background: white;
            }
            
            #header #logo {
                width: 30%;
                float: left;
            }
            
            #header #logo h1 {
                font-size: 36px;
                margin: -4px 0 0 0;
                padding: 0;
                line-height: 1;
                display: inline-block;
                font-family: "Montserrat", sans-serif;
                font-weight: 300;
                letter-spacing: 3px;
                text-transform: uppercase;
            }
            
            #header #logo h1 a,
            #header #logo h1 a:hover {
                color: #fff;
            }
            
            #header #logo img {
                padding: 10px 0px;
                margin: 0;
                height: 100px;
            }
            
            #header #logo .slogan {
                height: 35px;
                position: absolute;
                top: 67px;
                left: 44%;
            }
            
            #header.header-fixed {
                /*  background: linear-gradient(45deg, #1de099, #1dc8cd);*/
                /*  background: linear-gradient(45deg, #96eac7, #ffffff);*/
                padding: 0px 0;
                height: auto;
                transition: all 0.5s;
                -webkit-box-shadow: 0px 4px 5px 0px rgba(207, 207, 207, 1);
                -moz-box-shadow: 0px 4px 5px 0px rgba(207, 207, 207, 1);
                box-shadow: 0px 4px 5px 0px rgba(207, 207, 207, 1);
            }
            /*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/
            
            #main {
                margin-top: 121px;
            }
            
            .pidu-logo {
                height: 50px;
            }
            
            .header-link {
                font-weight: bold;
                font-size: 1.2em;
            }
            
            #intro {
                margin-top: 100px;
                width: 100%;
                height: 60vh;
                /*background: linear-gradient(45deg, rgba(29, 224, 153, 0.8), rgba(139, 195, 74, 0.77)), url(../img/global-trade.jpg) center top no-repeat;*/
                background-size: cover;
                position: relative;
            }
            
            #intro .intro-text {
                position: absolute;
                left: 0;
                top: 10px;
                right: 0;
                height: calc(50% - 150px);
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                text-align: center;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
            }
            
            #intro h2 {
                margin: 30px 0 10px 0;
                padding: 0 15px;
                font-size: 48px;
                font-weight: 400;
                line-height: 56px;
                color: #fff;
            }
            
            #intro p {
                color: #fff;
                margin-bottom: 20px;
                padding: 0 15px;
                font-size: 24px;
            }
            
            #intro .btn-get-started {
                font-family: "Montserrat", sans-serif;
                font-weight: 400;
                font-size: 16px;
                letter-spacing: 1px;
                display: inline-block;
                padding: 8px 28px;
                border-radius: 50px;
                transition: 0.5s;
                margin: 10px;
                border: 2px solid #fff;
                color: #fff;
            }
            
            #intro .btn-get-started:hover {
                color: #1dc8cd;
                background: #fff;
            }
            
            #intro .product-screens {
                /*position: absolute;*/
                left: 0;
                right: 0;
                bottom: 0;
                overflow: hidden;
                text-align: center;
                width: 100%;
                height: 100%;
            }
            
            #intro .product-screens img {
                box-shadow: 0px -2px 19px 4px rgba(0, 0, 0, 0.29);
                margin-bottom: 15px;
            }
            
            #intro .product-screens .product-screen-1 {
                position: absolute;
                z-index: 30;
                left: calc(50% + 54px);
                bottom: 0;
                top: 30px;
            }
            
            #intro .product-screens .product-screen-2 {
                position: absolute;
                z-index: 20;
                left: calc(50% - 154px);
                bottom: 0;
                top: 90px;
            }
            
            #intro .product-screens .product-screen-3 {
                position: absolute;
                z-index: 10;
                left: calc(50% - 374px);
                bottom: 0;
                top: 150px;
            }
            
            .video-thumbnail {
                height: auto;
                padding: 0px;
                -webkit-transition: all ease-out .3s;
                -o-transition: all ease-out .3s;
                transition: all ease-out .3s;
                box-shadow: 0 0 20px rgb(95, 47, 142);
                border-radius: 20px;
            }
            
            .video-thumbnail:hover {
                box-shadow: 0 0 40px rgba(217, 27, 91, 0.37);
                margin-top: -10px;
            }
            
            .client-logo {
                -webkit-box-shadow: 0px 5px 20px -10px rgba(185, 181, 181, 0.75);
                -moz-box-shadow: 0px 5px 20px -10px rgba(185, 181, 181, 0.75);
                box-shadow: 0px 5px 20px -10px rgba(185, 181, 181, 0.75);
            }
            
            #client-list li {
                padding: 3px;
                margin-bottom: 10px;
                margin-top: 5px;
                text-align: center;
            }
            
            .client-list.owl-carousel .item {
                max-width: 70%;
                background-color: white;
                border-radius: 5px;
                margin-top: 18%;
                margin-left: -40%;
                padding: 10px;
            }
            /* .client-list.owl-carousel .item {
    max-width: 67%;
    background-color: white;
    border-radius: 5px;
    margin-top: 20%;
    margin-left: -25%;
    padding: 3px;
} */
            
            .top-header-links {
                margin-top: 8%;
                margin-right: 0%;
                margin-left: 10%;
            }
            
            .top-header-links a {
                margin-right: 10px;
                background-color: #602b82;
                padding: 10px 15px;
                color: white;
                border-radius: 5px;
            }
            
            .top-header-links li {
                margin: 0px 5px 0px 5px;
            }
            
            .top-header-links li::after {
                content: '|';
                margin: 0px;
            }
            
            .top-header-links li:last-child::after {
                content: '';
                margin: 0px;
            }
            
            .top-header-links .dropdown-menu .dropdown-item {
                background-color: white !important;
                color: #602b82 !important;
                padding: 8px 10px !important;
            }
            
            .banner-class {
                height: auto;
                /* position: relative;
                margin-top: 1%; */
                background-image: url(/img/pageimg/front-page-top-banner.png);
                background-size: auto;
                background-color: #5f2f8e;
                background-position: bottom;
                background-repeat: no-repeat;
            }
            
            .banner-class h1 {
                color: white;
                font-size: 5em;
                line-height: 1.5;
                font-weight: bold;
            }
            
            .header-banner {
                /* background-image: url(/img/pageimg/bg-gradient-with-icons-pidu.jpg);
    background-size: contain; */
            }
            
            .header-banner img {
                position: absolute;
                width: 50%;
                z-index: 99;
                right: 10%;
                top: 58%;
            }
            
            .header-text {
                font-size: 4em;
            }
            
            .header-top {
                background-color: #5f2f8e;
                padding: 5px 0px;
                color: white;
            }
            /* Buttons GROUP */
            
            .btn-pink {
                background-color: #D91B5B !important;
                border: 0px !important;
                border-radius: 5px;
                padding: 10px 20px;
                padding-right: 20px;
                padding-left: 20px;
                font-size: 1.1em;
                color: white !important;
            }
            
            .btn-pidu-purple {
                background-color: #5F2F8E !important;
                border: 0px !important;
                border-radius: 5px;
                padding: 7px 15px;
                font-size: 1.1em;
                color: white !important;
            }
            
            .btn-light {
                background-color: white !important;
                border: 0px !important;
                border-radius: 5px;
                padding: 7px 15px;
                font-size: 1.1em;
                color: #5F2F8E !important;
            }
            
            .btn-large {
                font-size: 1.3em;
            }
            
            .btn-small {
                font-size: 1em !important;
                padding: 2px 10px !important;
            }
            
            .btn-block {
                width: 100%;
            }
            /* Buttons GROUP */
            /* TEXT GROUP */
            
            .margin-top-10 {
                margin-top: 10px;
            }
            
            .margin-top-20 {
                margin-top: 20px;
            }
            
            .margin-top-30 {
                margin-top: 30px;
            }
            
            .text-1-5x {
                font-size: 1.5em;
            }
            
            .text-2x {
                font-size: 2em;
            }
            
            .text-3x {
                font-size: 3em;
            }
            
            .text-4x {
                font-size: 4em;
            }
            
            .text-light {
                color: white !important;
            }
            
            .header-text {
                color: #5f2f8e;
            }
            
            .info-text {
                color: #D91B5B;
            }
            /* TEXT GROUP */
            
            .product-list li {
                border-top: 1px dashed #e2e2e2;
                border-bottom: 1px dashed #e2e2e2;
                padding: 10px 0px;
                font-size: 1.3em;
                margin: 10px 0px;
                text-transform: uppercase;
                text-align: left;
                color: #008dd2;
            }
            
            .page-img img {
                width: 100%;
            }
            
            .page-inlet {
                display: -webkit-flex;
                border: 1px solid #e7ecef;
                background-color: #fff;
                -webkit-box-shadow: 0 14px 30px 0 rgba(107, 107, 107, .1);
                -moz-box-shadow: 0 14px 30px 0 rgba(107, 107, 107, .1);
                box-shadow: 0 14px 30px 0 rgba(107, 107, 107, .1);
                margin-bottom: 50px;
                position: relative;
                padding-top: 5%;
            }
            
            .page-inlet h3 {
                /* padding: 10px 0px; */
                font-size: 1.3em;
                /* margin: 10px 0px; */
                text-transform: uppercase;
                text-align: left;
                color: #008dd2;
                font-weight: bold;
            }
            
            .page-inlet .content {
                padding: 5px 15px;
            }
            
            .page-content-header {
                margin-top: -20%;
                margin-bottom: 2%;
                background-color: #fffffff5;
                padding: 20px;
                position: relative;
                width: 80%;
                border: 3px solid #09519a;
            }
            
            #textile-page {
                background-color: #e2e2e2;
                padding-bottom: 20px;
            }
            /*--------------------------------------------------------------
        # Navigation Menu
        --------------------------------------------------------------*/
            
            #header-nav {
                width: 50%;
                float: left;
                padding-top: 3%;
            }
            
            .nav-contacts i {
                position: absolute;
            }
            
            .nav-contacts p {
                margin-left: 40px;
                margin-bottom: 5px;
                font-size: 0.8em;
            }
            
            .nav-contacts h3 {
                font-size: 1.25em;
                font-weight: 100;
                margin-left: 40px;
                margin-top: -5px;
            }
            
            .navbar-nav .nav-item {
                margin-right: 5%;
            }
            
            .navbar-right {
                align-items: center;
                justify-content: flex-end;
            }
            /* Nav Menu Essentials */
            
            .nav-menu,
            .nav-menu * {
                margin: 0;
                padding: 0;
                list-style: none;
                display: flex;
                justify-content: space-between;
                max-width: 1140px;
                margin: 0 auto;
                text-align: center;
            }
            
            .nav-menu ul {
                position: absolute;
                display: none;
                top: 100%;
                left: 0;
                z-index: 99;
            }
            
            .nav-menu li {
                position: relative;
                white-space: nowrap;
            }
            
            .nav-menu>li {
                float: left;
            }
            
            .nav-menu li:hover>ul,
            .nav-menu li.sfHover>ul {
                display: block;
            }
            
            .nav-menu ul ul {
                top: 0;
                left: 100%;
            }
            
            .nav-menu ul li {
                min-width: 180px;
            }
            
            .nav-pills .nav-link.active,
            .nav-pills .show>.nav-link {
                color: #fff;
                background-color: #5f2f8e !important;
            }
            /* Nav Menu Arrows */
            
            .sf-arrows .sf-with-ul {
                padding-right: 30px;
            }
            
            .sf-arrows .sf-with-ul:after {
                content: "\f107";
                position: absolute;
                right: 15px;
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal;
            }
            
            .sf-arrows ul .sf-with-ul:after {
                content: "\f105";
            }
            /* Nav Meu Container */
            
            #nav-menu-container {
                /*  float: right;*/
                margin: 0;
                margin-top: 0%;
                /*position: absolute;*/
                left: 0;
                right: 0;
                background: #1067bf;
                padding: 10px;
                float: left;
                width: 100%;
            }
            /* Nav Meu Styling */
            
            .nav-menu a {
                padding: 0 8px 0px 8px;
                text-decoration: none;
                display: inline-block;
                color: white;
                font-family: "Montserrat", sans-serif;
                font-weight: 400;
                font-size: 0.95em;
                outline: none;
                text-transform: uppercase;
            }
            
            .nav-menu>li {
                /*margin-left: 10px;*/
            }
            
            .nav-menu ul {
                margin: 10px 0 0 0;
                padding: 0px;
                box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
                background: #fff;
            }
            
            .nav-menu ul li {
                transition: 0.3s;
            }
            
            .nav-menu ul li a {
                padding: 10px;
                color: #283891 !important;
                transition: 0.3s;
                display: block;
                font-size: 0.8em;
                text-transform: none;
            }
            
            .nav-menu ul li:hover>a {
                color: #25aae1 !important;
            }
            
            .nav-menu ul ul {
                margin: 0;
            }
            /* Mobile Nav Toggle */
            
            #mobile-nav-toggle {
                position: fixed;
                right: 0;
                top: 0;
                z-index: 999;
                margin: 55px 10px 0 0;
                border: 0;
                background: none;
                font-size: 24px;
                display: none;
                transition: all 0.4s;
                outline: none;
                cursor: pointer;
                border: 1px solid #1c8bcc;
                border-radius: 2px;
                padding: 0px 9px;
            }
            
            #mobile-nav-toggle i {
                color: #25aae1;
            }
            /* Mobile Nav Styling */
            
            #mobile-nav {
                position: fixed;
                top: 0;
                padding-top: 18px;
                bottom: 0;
                z-index: 998;
                /*  background: rgba(52, 59, 64, 0.9);*/
                background: #fff;
                left: -260px;
                width: 260px;
                overflow-y: auto;
                transition: 0.4s;
            }
            
            #mobile-nav ul {
                padding: 0;
                margin: 0;
                list-style: none;
            }
            
            #mobile-nav ul li {
                position: relative;
                border-bottom: 0.5px solid #aeacac;
                /*border-top: 1px solid #148e48;*/
                text-transform: capitalize;
            }
            
            #mobile-nav ul li a {
                color: #25aae1;
                font-size: 16px;
                overflow: hidden;
                padding: 10px 22px 10px 15px;
                position: relative;
                text-decoration: none;
                width: 100%;
                display: block;
                outline: none;
            }
            
            #mobile-nav ul li a:hover {
                color: #000;
            }
            
            #mobile-nav ul li li {
                padding-left: 30px;
            }
            
            #mobile-nav ul .menu-has-children i {
                position: absolute;
                right: 0;
                z-index: 99;
                padding: 15px;
                cursor: pointer;
                color: #25aae1;
            }
            
            #mobile-nav ul .menu-has-children i.fa-chevron-up {
                color: #25aae1;
            }
            
            #mobile-nav ul .menu-item-active {
                color: #000;
            }
            
            #mobile-body-overly {
                width: 100%;
                height: 100%;
                z-index: 997;
                top: 0;
                left: 0;
                position: fixed;
                /*  background: rgba(52, 59, 64, 0.9);*/
                background: rgba(255, 255, 255, 0.81);
                display: none;
            }
            /* Mobile Nav body classes */
            
            body.mobile-nav-active {
                overflow: hidden;
            }
            
            body.mobile-nav-active #mobile-nav {
                left: 0;
            }
            
            body.mobile-nav-active #mobile-nav-toggle {
                color: #fff;
            }
            
            .menu-has-children ul {
                background: #fff;
            }
            
            .menu-has-children ul li {
                border-bottom: 0.5px solid #2187c1;
                border-top: 1px solid #0c4667;
            }
            
            .menu-has-children ul li a {
                color: white;
            }
            /*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
            /* Sections Header
--------------------------------*/
            
            .section-header .section-title {
                font-size: 2.5em;
                color: #5F2F8E;
                text-align: center;
                font-weight: 400;
            }
            
            .section-header .section-title-light {
                font-size: 2.5em;
                color: white;
                text-align: center;
                font-weight: 400;
            }
            
            .section-header .section-description {
                text-align: center;
                padding-bottom: 20px;
                color: #777;
                font-style: italic;
                font-size: 1.3em;
            }
            
            .section-header .section-divider {
                display: block;
                width: 60px;
                height: 3px;
                background: #d91c5d;
                background: linear-gradient(0deg, #5F2F8E 0%, #d91c5d 100%);
                margin: 0 auto;
                margin-bottom: 20px;
            }
            
            section.partner {
                background-image: url(../img/pageimg/pidu-partner-network-background.jpg);
                position: relative;
                padding: 100px 0 200px 0;
                background-position: bottom;
                background-repeat: repeat-x;
            }
            
            section.banner-class {
                background-image: url(../img/pageimg/front-page-top-banner.png);
                position: relative;
                padding: 100px 0 200px 0;
                background-position: bottom;
                background-repeat: repeat-x;
            }
            /* Section with background
--------------------------------*/
            
            .section {
                padding: 50px 0px;
            }
            
            .section-bg-pink {
                background: #d91c5d;
            }
            
            .section-bg-purple {
                background: #5F2F8E;
            }
            
            .section-bg-light {
                background: #f6f6f6;
            }
            
            .box-content {
                height: auto;
                background: #fff;
                padding: 30px 12px;
                border: 1px solid rgba(237, 237, 237, .75);
                text-align: center;
                padding: 20px 12px;
                -webkit-transition: all ease-out .3s;
                -o-transition: all ease-out .3s;
                transition: all ease-out .3s;
                box-shadow: 0 0 20px rgba(0, 0, 0, .1);
                height: 100%;
            }
            
            .box-content:hover {
                box-shadow: 0 0 40px rgba(0, 0, 0, .2);
            }
            /* About Us Section
--------------------------------*/
            
            #about {
                padding: 40px 0;
                overflow: hidden;
            }
            
            #about .about-img {
                height: 510px;
                overflow: hidden;
            }
            
            #about .about-img img {
                margin-left: -15px;
                max-width: 100%;
            }
            
            #about .content .h2 {
                color: #333;
                font-weight: 300;
                font-size: 24px;
            }
            
            #about .content h3 {
                color: #777;
                font-weight: 300;
                font-size: 18px;
                line-height: 26px;
                font-style: italic;
            }
            
            #about .content p {
                line-height: 26px;
            }
            
            #about .content p:last-child {
                margin-bottom: 0;
            }
            
            #about .content i {
                font-size: 20px;
                padding-right: 4px;
                color: #1dc8cd;
            }
            
            #about .content ul {
                list-style: none;
                padding: 0;
            }
            
            #about .content ul li {
                padding-bottom: 10px;
            }
            
            #transformaton-section {
                margin-top: 3%;
            }
            /* Product Featuress Section
--------------------------------*/
            
            .btn-primary {
                color: #fff;
                background-color: #09519a !important;
                border-color: #09519a;
            }
            
            #recycled-yarns-fibers {
                padding: 40px 0;
                overflow: hidden;
            }
            
            #features {
                background: #fff;
                padding: 40px 0;
                overflow: hidden;
            }
            
            #features .features-img {
                text-align: center;
                padding-top: 20px;
            }
            
            #features .features-img img {
                max-width: 100%;
            }
            
            #features .box {
                margin-bottom: 15px;
                text-align: center;
            }
            
            #features .icon {
                margin-bottom: 10px;
            }
            
            #features .icon i {
                color: #666666;
                font-size: 40px;
                transition: 0.5s;
            }
            
            #features .icon i:before {
                background: #1dc8cd;
                background: linear-gradient(45deg, #1dc8cd 0%, #55fabe 100%);
                background-clip: border-box;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }
            
            #features .title {
                font-weight: 300;
                margin-bottom: 15px;
                font-size: 22px;
            }
            
            #features .title a {
                color: #111;
            }
            
            #features .description {
                font-size: 14px;
                line-height: 24px;
                margin-bottom: 10px;
            }
            
            #features .section-description {
                padding-bottom: 10px;
            }
            
            #sidebar {
                margin: 10px 0 15px 0;
                /*controls the cutoff of the top and bottom limitations*/
                margin-left: 0px !important;
                left: auto !important;
                width: auto;
                min-width: 250px;
                padding: 15px 10px;
                /*float: left;*/
                /* float right for a right aligned sidebar */
            }
            
            .btn-submit-enquiry {
                background: white !important;
                border: 1px solid #25aae1;
                border-radius: 20px;
                padding: 7px 15px;
                color: #283891;
            }
            
            .btn-submit-enquiry:hover {
                color: #25aae1;
            }
            /* Product Advanced Featuress Section
--------------------------------*/
            
            #nonferrous {
                padding: 40px 0px;
                background-color: #f8f8f8;
            }
            
            #polymers-materials {
                padding: 40px 0px;
            }
            
            #agriculture {
                padding: 40px 0px;
            }
            
            #advanced-features {
                overflow: hidden;
                padding: 40px 0px;
            }
            
            #advanced-features .features-row {
                padding: 60px 0 30px 0;
            }
            
            #advanced-features h2 {
                font-size: 26px;
                font-weight: 700;
                color: #000;
            }
            /*
#advanced-features h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-style: italic;
  color: #999;
}
*/
            
            #advanced-features p {
                line-height: 24px;
                color: #777;
                margin-bottom: 30px;
            }
            
            #advanced-features i {
                color: #666666;
                font-size: 64px;
                transition: 0.5s;
                float: left;
                padding: 0 15px 0px 0;
                line-height: 1;
            }
            
            #advanced-features i:before {
                background: #1dc8cd;
                background: linear-gradient(45deg, #1dc8cd 0%, #55fabe 100%);
                background-clip: border-box;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }
            
            #advanced-features .advanced-feature-img-right {
                max-width: 100%;
                float: right;
                padding: 0 0 30px 30px;
            }
            
            #advanced-features .advanced-feature-img-left {
                max-width: 100%;
                float: left;
                padding: 0 30px 30px 0;
            }
            /* OWL Carousel  */
            
            .owl-carousel {
                margin: 0px;
            }
            
            .owl-carousel .item {
                max-width: 100%;
                position: relative;
            }
            
            #owl-howitworks {
                margin: 0;
                padding: 0;
            }
            
            .overlay .overlay-img {
                max-height: 200px;
                overflow: hidden;
            }
            
            .overlay .overlay-img img {
                min-height: 200px;
            }
            
            .overlay .overlay-bg {
                width: 100%;
                position: absolute;
                left: 0;
                top: 15%;
                height: 100%;
                background: rgba(239, 1, 124, 0.16);
                background: -moz-linear-gradient(top, rgba(239, 1, 124, 0.06) 35%, rgba(94, 47, 142, 0.82) 100%);
                background: -webkit-gradient(left top, left bottom, color-stop(35%, rgba(239, 1, 124, 0.06)), color-stop(100%, rgba(94, 47, 142, 0.82)));
                background: -webkit-linear-gradient(top, rgba(239, 1, 124, 0.06) 35%, rgba(94, 47, 142, 0.82) 100%);
                background: -o-linear-gradient(top, rgba(239, 1, 124, 0.06) 35%, rgba(94, 47, 142, 0.82) 100%);
                background: -ms-linear-gradient(top, rgba(239, 1, 124, 0.06) 35%, rgba(94, 47, 142, 0.82) 100%);
                background: linear-gradient(to bottom, rgba(239, 1, 124, 0.06) 35%, rgba(94, 47, 142, 0.82) 100%);
                filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ef017c', endColorstr='#5e2f8e', GradientType=0);
            }
            
            .overlay .overlay-title {
                color: white;
                font-size: 1.2em;
                font-weight: bold;
                padding: 10px;
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                text-align: left;
            }
            
            .owl-item .item::marker {
                display: none;
                color: transparent;
            }
            /* OWL Carousel */
            /* Call To Action Section
--------------------------------*/
            
            .enquiry {
                text-align: right;
            }
            
            .enquiry .btnenquiry {
                background: #ffffff !important;
                color: #09519a;
                border-radius: 20px;
                border: 1px solid #e0d5d5;
                -webkit-box-shadow: 0 14px 30px 0 rgba(107, 107, 107, .1);
                -moz-box-shadow: 0 14px 30px 0 rgba(107, 107, 107, .1);
                box-shadow: 0 5px 20px 0 rgba(107, 107, 107, .1);
            }
            
            #mission-vision {
                padding: 40px 0;
                overflow: hidden;
            }
            
            #mission-vision .section-header .section-description {
                padding-bottom: 0px !important;
            }
            
            #mission-vision .content ul {
                list-style: none;
                padding: 0;
            }
            
            #mission-vision .content ul li {
                padding-bottom: 10px;
            }
            
            #mission-vision .content i {
                font-size: 20px;
                padding-right: 4px;
                color: #1dc8cd;
            }
            
            #mission-vision .box {
                border: 1px solid #e7ecef;
                -webkit-box-shadow: 0 14px 30px 0 rgba(107, 107, 107, .1);
                -moz-box-shadow: 0 14px 30px 0 rgba(107, 107, 107, .1);
                box-shadow: 0 14px 30px 0 rgba(107, 107, 107, .1);
                margin-bottom: 50px;
                padding: 20px;
                color: white;
                background: rgb(34, 193, 195);
                background: linear-gradient(0deg, rgb(102, 200, 189) 0%, rgb(9, 81, 154) 100%);
            }
            
            #yarn-section {
                padding: 40px 0px;
            }
            
            #fiber-section {
                padding: 40px 0px;
            }
            
            #environmental-secton {
                padding: 40px 0px;
            }
            
            .businesslocation {
                background-image: url(../img/pageimg/pidu-partner-network-background.jpg);
                background-size: auto;
                background-position: bottom;
                background-repeat: repeat-x;
                padding-bottom: 200px;
            }
            
            .parallax-bg1 {
                overflow: hidden;
                background: linear-gradient(rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.75)), url(../img/pageimg/slide-bg2.jpg) fixed center center;
                background-size: auto, auto;
                background-size: cover;
                /* padding: 100px 0; */
            }
            
            .parallax-bg2 {
                overflow: hidden;
                background: linear-gradient(rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.75)), url(../img/pageimg/slide-bg3.jpg) fixed center center;
                background-size: auto, auto;
                background-size: cover;
                /* padding: 100px 0; */
            }
            
            .parallax-bg4 {
                overflow: hidden;
                background: linear-gradient(rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.75)), url(../img/pageimg/slide-bg4.jpg) fixed center center;
                background-size: auto, auto;
                background-size: cover;
                /* padding: 100px 0; */
            }
            
            .fivecolumn li {
                width: 20%;
            }
            
            .fivecolumn div {
                width: 20%;
            }
            
            .nav-up {
                top: -120px !important;
            }
            
            #call-to-action-yarn {
                overflow: hidden;
                background: linear-gradient(rgba(222, 222, 222, 0.65), rgba(86, 86, 86, 0.2)), url(../img/pageimg/recycled-yarn-action-pic.png) fixed center center;
                background-size: cover;
                padding: 150px 0;
            }
            
            #call-to-action-aboutus {
                overflow: hidden;
                background: linear-gradient(rgba(26, 31, 31, 0.65), rgba(0, 0, 0, 0.2)), url(../img/global-trade.jpg) fixed center center;
                background-size: cover;
                padding: 110px 0;
                color: white;
                font-weight: bold !important;
                font-size: 1.5em !important;
            }
            
            #call-to-action .cta-title {
                color: #fff;
                font-size: 28px;
                font-weight: 700;
            }
            
            #call-to-action .cta-text {
                color: #fff;
                font-size: 1.5em;
            }
            
            #call-to-action .cta-btn {
                font-family: "Montserrat", sans-serif;
                font-weight: 500;
                font-size: 16px;
                letter-spacing: 1px;
                display: inline-block;
                padding: 8px 30px;
                border-radius: 25px;
                transition: background 0.5s;
                margin: 10px;
                border: 2px solid #fff;
                color: #fff;
            }
            
            #call-to-action .cta-btn:hover {
                background: #1dc8cd;
                border: 2px solid #1dc8cd;
            }
            /* More Features Section
--------------------------------*/
            
            #more-features {
                padding: 50px 0 0 0;
                overflow: hidden;
            }
            
            #more-features .more-features-data {
                position: absolute;
                top: 20%;
                z-index: 999;
                left: 10%;
                background: #ffffffe3;
                padding: 15px 30px;
                width: 35%;
                text-align: left;
            }
            
            #more-features .box {
                padding: 10px;
                margin-bottom: 30px;
                box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
                background: #fff;
                transition: 0.4s;
            }
            
            #more-features .icon {
                float: left;
            }
            
            #more-features .icon i {
                color: #666666;
                font-size: 80px;
                transition: 0.5s;
                line-height: 0;
            }
            
            #more-features .icon i:before {
                background: #1dc8cd;
                background: linear-gradient(45deg, #1dc8cd 0%, #55fabe 100%);
                background-clip: border-box;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }
            
            #more-features h4 {
                /*  margin-left: 100px;*/
                font-weight: 700;
                margin-bottom: 15px;
                font-size: 18px;
            }
            
            #more-features h4 a {
                color: #111;
            }
            
            #more-features p {
                font-size: 14px;
                /*  margin-left: 100px;*/
                margin-bottom: 0;
                line-height: 24px;
                color: black;
            }
            /* Clients Section
--------------------------------*/
            
            #clients {
                padding: 30px 0;
                background: #fff;
                overflow: hidden;
            }
            
            #clients img {
                max-width: 100%;
                opacity: 0.5;
                transition: 0.3s;
                padding: 15px 0;
            }
            
            #clients img:hover {
                opacity: 1;
            }
            /* Pricing Section
--------------------------------*/
            
            #pricing {
                padding: 60px 0 60px 0;
                overflow: hidden;
            }
            
            #pricing .box {
                padding: 40px;
                margin-bottom: 30px;
                box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
                background: #fff;
                text-align: center;
            }
            
            #pricing h3 {
                font-weight: 400;
                margin-bottom: 15px;
                font-size: 28px;
            }
            
            #pricing h4 {
                font-size: 46px;
                color: #1dc8cd;
                font-weight: 300;
            }
            
            #pricing h4 sup {
                font-size: 20px;
                top: -20px;
            }
            
            #pricing h4 span {
                color: #bababa;
                font-size: 20px;
            }
            
            #pricing ul {
                padding: 0;
                list-style: none;
                color: #999;
                text-align: left;
                line-height: 20px;
            }
            
            #pricing ul li {
                padding-bottom: 12px;
            }
            
            #pricing ul i {
                color: #1dc8cd;
                font-size: 18px;
                padding-right: 4px;
            }
            
            #pricing .get-started-btn {
                background: #515e61;
                display: inline-block;
                padding: 6px 30px;
                border-radius: 20px;
                color: #fff;
                transition: none;
                font-size: 14px;
                font-weight: 400;
                font-family: "Montserrat", sans-serif;
            }
            
            #pricing .featured {
                border: 2px solid #1dc8cd;
            }
            
            #pricing .featured .get-started-btn {
                background: linear-gradient(45deg, #1de099, #1dc8cd);
            }
            /* Frequently Asked Questions Section
--------------------------------*/
            
            #faq {
                padding: 60px 0;
                overflow: hidden;
            }
            
            #faq #faq-list {
                padding: 0;
                list-style: none;
            }
            
            #faq #faq-list li {
                border-bottom: 1px solid #ddd;
            }
            
            #faq #faq-list a {
                padding: 18px 0;
                display: block;
                position: relative;
                font-family: "Montserrat", sans-serif;
                font-size: 22px;
                line-height: 1;
                font-weight: 300;
                padding-right: 20px;
            }
            
            #faq #faq-list i {
                font-size: 24px;
                position: absolute;
                right: 0;
                top: 16px;
            }
            
            #faq #faq-list p {
                margin-bottom: 20px;
            }
            
            #faq #faq-list a.collapse {
                color: #1dc8cd;
            }
            
            #faq #faq-list a.collapsed {
                color: #000;
            }
            
            #faq #faq-list a.collapsed i::before {
                content: "\f2c7" !important;
            }
            /* Our Team Section
--------------------------------*/
            
            #team {
                padding: 60px 0;
                overflow: hidden;
            }
            
            #team .member {
                text-align: center;
                margin-bottom: 20px;
            }
            
            #team .member .pic {
                margin-bottom: 15px;
                overflow: hidden;
                height: 260px;
            }
            
            #team .member .pic img {
                max-width: 100%;
            }
            
            #team .member h4 {
                font-weight: 700;
                margin-bottom: 2px;
                font-size: 18px;
            }
            
            #team .member span {
                font-style: italic;
                display: block;
                font-size: 13px;
            }
            
            #team .member .social {
                margin-top: 15px;
            }
            
            #team .member .social a {
                color: #b3b3b3;
            }
            
            #team .member .social a:hover {
                color: #1dc8cd;
            }
            
            #team .member .social i {
                font-size: 18px;
                margin: 0 2px;
            }
            /* Gallery Section
--------------------------------*/
            
            #gallery {
                background: #fff;
                padding: 60px 0 0 0;
                overflow: hidden;
            }
            
            #gallery .container-fluid {
                padding: 0px;
            }
            
            #gallery .gallery-overlay {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 1;
                transition: all ease-in-out 0.4s;
            }
            
            #gallery .gallery-item {
                overflow: hidden;
                position: relative;
                padding: 0;
                vertical-align: middle;
                text-align: center;
            }
            
            #gallery .gallery-item img {
                transition: all ease-in-out 0.4s;
                width: 100%;
            }
            
            #gallery .gallery-item:hover img {
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
            }
            
            #gallery .gallery-item:hover .gallery-overlay {
                opacity: 1;
                background: rgba(0, 0, 0, 0.7);
            }
            /* Contact Section
--------------------------------*/
            
            #contact-form {
                background: white;
                padding: 50px 0px;
                text-align: center;
            }
            
            .contact-data {
                padding: 3% 20px 0 20px;
            }
            
            #contact h4,
            h3 {
                color: white;
            }
            
            #contact {
                box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
                padding: 0px 0;
                overflow: hidden;
                background: #1067bf;
                /*background: #4a4a4a;*/
            }
            
            #contact p {
                /* color: white; */
            }
            
            .contact-form-subinfo {
                font-size: 0.9em;
                margin: 10px 0px;
            }
            
            #contact .contact-about h3 {
                font-size: 36px;
                margin: 0 0 10px 0;
                padding: 0;
                line-height: 1;
                font-family: "Montserrat", sans-serif;
                font-weight: 300;
                letter-spacing: 3px;
                text-transform: uppercase;
                color: white;
            }
            
            #contact .contact-about p {
                font-size: 14px;
                line-height: 24px;
                font-family: "Montserrat", sans-serif;
                color: white;
            }
            
            #contact .social-links {
                padding-bottom: 20px;
            }
            
            #contact .social-links a {
                font-size: 18px;
                display: inline-block;
                background: #fff;
                color: #1dc8cd;
                line-height: 1;
                padding: 8px 0;
                margin-right: 4px;
                border-radius: 50%;
                text-align: center;
                width: 36px;
                height: 36px;
                transition: 0.3s;
                border: 1px solid #1dc8cd;
            }
            
            #contact .social-links a:hover {
                background: #1dc8cd;
                color: #fff;
            }
            
            #contact .info {
                color: #333333;
            }
            
            #contact .info i {
                font-size: 32px;
                color: white;
                float: left;
                line-height: 1;
            }
            
            #contact .info p {
                padding: 0 0 0px 40px;
                line-height: 25px;
                font-size: 1em;
            }
            
            #contact .form #loadingmessage {
                display: none;
                text-align: center;
                color: white;
                border: 1px solid #5f2f8e;
                text-align: center;
                padding: 10px;
                font-weight: normal;
                margin-bottom: 20px;
                font-size: 0.9em;
                border-radius: 10px;
                background-color: #5f2f8e;
                margin-top: -40px;
            }
            
            #contact .form #loadingmessage.fullcover {
                color: #d91b5b;
                border: 1px solid #fff;
                display: none;
                text-align: center;
                padding: 10px;
                padding-top: 10px;
                font-weight: normal;
                font-size: 1.1em;
                border-radius: 10px;
                background-color: #ffffffb8;
                margin-top: -40px;
                position: absolute;
                z-index: 99;
                width: 100%;
                height: 100vh;
                left: 0;
                top: 0;
                padding-top: 50%;
            }
            
            #contact .form #sendmessage {
                color: #fff;
                border: 1px solid #5f2f8e;
                display: none;
                text-align: center;
                padding: 10px;
                font-weight: normal;
                margin-bottom: 20px;
                font-size: 0.9em;
                border-radius: 10px;
                background-color: #5f2f8e;
                margin-top: -40px;
            }
            
            #contact .form #sendmessage.fullcover {
                color: #5f2f8e;
                border: 1px solid #fff;
                display: none;
                text-align: center;
                padding: 10px;
                font-weight: normal;
                font-size: 1.1em;
                border-radius: 10px;
                background-color: #fff;
                margin-top: -40px;
                position: absolute;
                z-index: 99;
                width: 100%;
                height: 100vh;
                left: 0;
                top: 0;
            }
            
            #contact .form #errormessage {
                color: #fff;
                display: none;
                border: 1px solid #d91b5b;
                text-align: center;
                padding: 10px;
                margin-bottom: 20px;
                font-size: 0.9em;
                border-radius: 10px;
                background-color: #d91b5b;
                margin-top: -40px;
            }
            
            #contact .form #sendmessage.show,
            #contact .form #errormessage.show,
            #contact .form #loadingmessage.show,
            #contact .form .show {
                display: block;
            }
            
            #contact .form .validation {
                color: #d91b5b;
                display: none;
                margin: 0 0 0px;
                font-weight: 400;
                font-size: 0.9rem;
            }
            
            #contact .form input,
            #contact .form textarea {
                border-radius: 0;
                box-shadow: none;
                font-size: 1em;
                margin-bottom: 10px;
            }
            
            #contact .form button[type="submit"] {
                background: linear-gradient(45deg, #5f2f8e, #d91b5b);
                border: 0;
                border-radius: 20px;
                padding: 8px 30px;
                color: #fff;
            }
            
            #contact .form button[type="submit"]:hover {
                cursor: pointer;
            }
            /* -------------------------
# Form Classes
------------------------- */
            
            .form #loadingmessage {
                display: none;
                text-align: center;
                color: white;
                border: 1px solid #5f2f8e;
                text-align: center;
                padding: 10px;
                font-weight: normal;
                margin-bottom: 20px;
                font-size: 0.9em;
                border-radius: 10px;
                background-color: #5f2f8e;
                margin-top: -40px;
            }
            
            .form #loadingmessage.fullcover {
                color: #d91b5b;
                border: 1px solid #fff;
                display: none;
                text-align: center;
                padding: 10px;
                padding-top: 10px;
                font-weight: normal;
                font-size: 1.1em;
                border-radius: 10px;
                background-color: #ffffffb8;
                margin-top: -40px;
                position: absolute;
                z-index: 99;
                width: 100%;
                height: 100vh;
                left: 0;
                top: 0;
                padding-top: 50%;
            }
            
            .form #sendmessage {
                color: #fff;
                border: 1px solid #5f2f8e;
                display: none;
                text-align: center;
                padding: 10px;
                font-weight: normal;
                margin-bottom: 20px;
                font-size: 0.9em;
                border-radius: 10px;
                background-color: #5f2f8e;
                margin-top: -40px;
            }
            
            .form #sendmessage.fullcover {
                color: #5f2f8e;
                border: 1px solid #fff;
                display: none;
                text-align: center;
                padding: 10px;
                font-weight: normal;
                font-size: 1.1em;
                border-radius: 10px;
                background-color: #fff;
                margin-top: -40px;
                position: absolute;
                z-index: 99;
                width: 100%;
                height: 100vh;
                left: 0;
                top: 0;
            }
            
            .form #errormessage {
                color: #fff;
                display: none;
                border: 1px solid #d91b5b;
                text-align: center;
                padding: 10px;
                margin-bottom: 20px;
                font-size: 0.9em;
                border-radius: 10px;
                background-color: #d91b5b;
                margin-top: -40px;
            }
            
            .form #sendmessage.show,
            .form #errormessage.show,
            .form #loadingmessage.show,
            .form .show {
                display: block;
            }
            
            .form .validation {
                color: #d91b5b;
                display: none;
                margin: 0 0 0px;
                font-weight: 400;
                font-size: 0.9rem;
            }
            
            .form input,
            .form textarea {
                border-radius: 0;
                box-shadow: none;
                font-size: 1em;
                margin-bottom: 10px;
            }
            /* .form button[type="submit"] {
                background: linear-gradient(45deg, #5f2f8e, #d91b5b);
                border: 0;
                border-radius: 20px;
                padding: 8px 30px;
                color: #fff;
            }
            
            .form button[type="submit"]:hover {
                cursor: pointer;
            } */
            /* -------------------------------
#Custom INPUT Hover Effect
-------------------------------  */
            
            .effect-19 {
                /* border: 1px solid #ccc;
    padding: 7px 14px;
    transition: 0.4s;
    background: transparent; */
            }
            
            .effect-19~.focus-border:before,
            .effect-19~.focus-border:after {
                content: "";
                position: absolute;
                top: -1px;
                left: 50%;
                width: 0;
                height: 2px;
                background-color: #3399FF;
                transition: 0.4s;
            }
            
            .effect-19~.focus-border:after {
                top: auto;
                bottom: 0;
            }
            
            .effect-19~.focus-border i:before,
            .effect-19~.focus-border i:after {
                content: "";
                position: absolute;
                top: 50%;
                left: 0;
                width: 2px;
                height: 0;
                background-color: #3399FF;
                transition: 0.6s;
            }
            
            .effect-19~.focus-border i:after {
                left: auto;
                right: 0;
            }
            
            .effect-19:focus~.focus-border:before,
            .effect-19:focus~.focus-border:after,
            .has-content.effect-19~.focus-border:before,
            .has-content.effect-19~.focus-border:after {
                left: 0;
                width: 100%;
                transition: 0.4s;
            }
            
            .effect-19:focus~.focus-border i:before,
            .effect-19:focus~.focus-border i:after,
            .has-content.effect-19~.focus-border i:before,
            .has-content.effect-19~.focus-border i:after {
                top: -1px;
                height: 100%;
                transition: 0.6s;
            }
            
            .effect-19~label {
                position: absolute;
                left: 14px;
                /* width: 100%; */
                top: 10px;
                color: #aaa;
                transition: 0.3s;
                z-index: -1;
                letter-spacing: 0.5px;
            }
            
            .effect-19:focus~label,
            .has-content.effect-19~label {
                top: -20px;
                font-size: 0.8em;
                color: #D91B5B;
                transition: 0.3s;
                font-weight: bold;
                z-index: 1;
            }
            
            .effect-19:focus::placeholder {
                color: transparent;
            }
            
            .effect-19:focus::-webkit-input-placeholder {
                color: transparent;
            }
            
            .effect-19:focus:-moz-placeholder {
                color: transparent;
            }
            /* FF 4-18 */
            
            .effect-19:focus::-moz-placeholder {
                color: transparent;
            }
            /* FF 19+ */
            
            .effect-19:focus:-ms-input-placeholder {
                color: transparent;
            }
            /* IE 10+ */
            /*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
            
            .footer-logo {
                height: 80px;
            }
            
            #footer {
                /* background: #4a4a4a;*/
                background: #5f2f8e;
                box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
                padding: 30px 0;
                color: #fff;
                font-size: 1em;
            }
            
            #footer .credits {
                font-size: 13px;
                color: #888;
            }
            
            #footer .footer-links a {
                color: white;
                margin-right: 3%;
            }
            
            #footer .footer-links a:first-child {
                padding-left: 0;
            }
            
            #footer .footer-links a:hover {
                color: #fff;
                border-bottom: 1px solid #d91b5b;
                transition: all ease-out .3s;
            }
            
            #footer-top {
                box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
                padding: 0px 0;
                overflow: hidden;
                background: #f6f6f6;
            }
            
            .footer-lists {}
            
            .footer-lists span {
                font-weight: bold;
                font-size: 1.5em;
                margin-bottom: 10px;
                text-transform: uppercase;
                display: block;
            }
            
            .footer-lists ul li {
                margin-bottom: 5px;
                font-size: 1.2em;
            }
            
            .mobile-device-actions {
                display: none;
            }
            
            @media (min-width: 769px) {
                #features .features-img {
                    padding-top: 120px;
                    margin-top: -200px;
                }
                #call-to-action .cta-btn-container {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: end;
                    -webkit-justify-content: flex-end;
                    -ms-flex-pack: end;
                    justify-content: flex-end;
                }
            }
            
            @media (min-width: 1025px) {
                #intro {
                    background-attachment: fixed;
                }
            }
            
            @media (max-width: 768px) {
                #main {
                    margin-top: 120px;
                }
                .section {
                    padding: 20px 0px;
                }
                /* Banner Registration */
                .banner-class h1 {
                    color: white;
                    font-size: 2rem;
                    line-height: 1;
                    font-weight: bold;
                    text-align: center;
                    padding: 10px 0px;
                    margin-bottom: 0px;
                }
                /* Banner Registration */
                #more-features .more-features-data {
                    padding: 5px;
                }
                #intro .product-screens img {
                    height: 300px;
                    margin-bottom: 0px;
                }
                .owl-dots {
                    display: none;
                }
                #intro {
                    height: auto;
                }
                #more-features {
                    padding: 0;
                }
                .more-features-data p {
                    display: none;
                }
                .back-to-top {
                    bottom: 69px;
                }
                .nav-contacts {
                    display: none;
                }
                .mobile-device-actions {
                    display: block;
                    position: fixed;
                    bottom: 0px;
                    left: 0px;
                    width: 100%;
                    background-color: #4a4a4a;
                    z-index: 99;
                    border-top: 1px solid black;
                }
                .mobile-device-actions i {
                    color: white;
                    font-size: 1.5em;
                }
                .mobile-device-actions ul {
                    margin-bottom: 0px;
                    width: 100%;
                    display: flex;
                }
                .mobile-device-actions li {
                    padding: 5px !important;
                    flex-grow: 1;
                }
                .mobile-device-actions li p {
                    padding: 5px !important;
                    margin: 0px;
                }
                .pidu-logo {
                    height: 50px;
                }
                #header #logo {
                    width: 100% !important;
                }
                #header #logo h1 {
                    font-size: 28px;
                    margin-top: 0;
                }
                #header #logo img {
                    /*    max-height: 40px;*/
                }
                #header #logo .slogan {
                    /*    max-height: 40px;*/
                    left: 6% !important;
                    top: 52px !important;
                }
                .navbar-right .nav-item {
                    margin-bottom: 3%;
                    border-bottom: 1px solid #e2e2e2;
                    border-top: 1px solid #e2e2e2;
                    width: 100%;
                    text-align: center;
                    padding: 5px 0px;
                }
                #intro h2 {
                    font-size: 28px;
                    line-height: 36px;
                }
                #intro p {
                    font-size: 18px;
                    line-height: 24px;
                    margin-bottom: 20px;
                }
                #nav-menu-container {
                    display: none;
                }
                #mobile-nav-toggle {
                    display: inline;
                }
                #about .about-img {
                    height: auto;
                }
                #about .about-img img {
                    margin-left: 0;
                    padding-bottom: 30px;
                }
                #advanced-features .advanced-feature-img-right,
                #advanced-features .advanced-feature-img-left {
                    max-width: 50%;
                }
                #faq #faq-list a {
                    font-size: 18px;
                }
                #faq #faq-list i {
                    top: 13px;
                }
                #footer {
                    /* margin-bottom: 50px; */
                }
                .footer-lists ul li {
                    margin-bottom: 5px;
                    background-color: #fff;
                    padding: 6px 20px;
                    border-radius: 5px;
                    font-size: 1.2em;
                }
                /* OWL CAROUSEL */
                .overlay .overlay-img {
                    max-height: 200px;
                    overflow: hidden;
                }
                .overlay .overlay-img img {
                    min-height: 200px;
                }
                /* OWL CAROUSEL */
                /* Text Rules */
                .header-text {
                    color: #5f2f8e;
                    text-align: center;
                    line-height: 1.2;
                    font-size: 2rem;
                    margin-bottom: 15px;
                }
                .info-text {
                    color: #D91B5B;
                    text-align: center;
                    line-height: 1.2;
                    font-size: 1.5rem;
                    margin-bottom: 15px;
                }
                /* Text Rules */
                .fivecolumn li {
                    width: 47%;
                    display: inline-block;
                    margin-bottom: 40px;
                    padding: 10px;
                }
                .fivecolumn li p {
                    font-size: 1.2rem;
                    display: inline-flex;
                }
            }
            
            @media (max-width: 767px) {
                #intro .product-screens {
                    height: 80% !important;
                    width: 100%;
                }
                #intro .product-screens .product-screen-1 {
                    position: static;
                    padding-top: 30px;
                }
                #intro .product-screens .product-screen-2,
                #intro .product-screens .product-screen-3 {
                    display: none;
                }
                #advanced-features .advanced-feature-img-right,
                #advanced-features .advanced-feature-img-left {
                    max-width: 100%;
                    float: none;
                    padding: 0 0 30px 0;
                }
                #more-features .box {
                    margin-bottom: 20px;
                }
                #more-features .icon {
                    float: none;
                    text-align: center;
                    padding-bottom: 15px;
                }
                #more-features h4,
                #more-features p {
                    margin-left: 0;
                    text-align: center;
                }
            }