/*!
Theme Name: symphony
Theme URI: symphony
Author: symphony
Author URI: symphony
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: symphony

*/

/*.image-div .img-trans {
	opacity: 1 !important;
}*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Passion+One:wght@400;700&display=swap');

p {
    font-size: 16px !important;
}
h2 {
    font-size: 52px;
    line-height: 0.8;
}
a.button {
    font-size: 15px !important;
}
.e-con {
    --container-max-width: 1400px !important;
}
.recent-posts h2.elementor-heading-title, .contact-us-section h5, .service.garages-section h3 {
    text-transform: none !important;
}
.header-banner {
    height: 500px !important;
}

.header-banner .e-con-inner {
    z-index: 11 !important;
}
.site-breadcrumb {
	display: none !important;
}
.site-breadcrumb, .site-breadcrumb span {
    color: #fff !important;
}
.elementor-widget-text-editor {
    color: #111 !important;
}
.hero-header ul li {
    position: relative;
    padding: 8px 12px;
}
h2.mb-4.new-pen-title {
    width: 100% !important;
}
a.custom-logo-link {
    padding-left: 10px!important;
    display: block;
    position: relative;
    height:100%;
}
a.custom-logo-link img.custom-logo {
    display: block;
    height: 100%;
    width: auto;
}
.site-logo {
    display: block;
    height: 100px;
}
nav.navigation.post-navigation {
    text-align: center;
	margin-top: 40px;
}
nav.navigation.post-navigation .nav-links .nav-next a,
.comment-author.vcard b.fn a,
.comment-metadata a,
.reply a.comment-reply-link {
	color: #F2561D;
}
.comment-metadata .edit-link a.comment-edit-link {
	color: blue;
}
.o-list {
	list-style-type: decimal;
}

.o-list li {	
	padding-bottom: 10px;
}

.u-list {
	list-style-type: disc;
	padding-left: 10px;
}
/* .menu-item-has-children:after {
    content: "\f175";
    position: absolute;
    top: 9px;
    right: 10px;
    width: 5px;
    height: 20px;
    font-family: 'FontAwesome';
    color: #fff;
} */
.nav-demo nav ul {
	margin-bottom: 0 !important;
}
.footer-navigation .navigation li a {
	color: #fff !important;
}
.hero-section {
	height: calc(100vh - 100px) !important;
}
.hero-header {
	max-height: 100px !important;
	position: relative;
}
.navigation li a,
.hamburger-menu i{
    color: #111 !important;
}
.responsive-navigation {
    top: 58% !important;
}
ul.sub-menu li a, .responsive-navigation ul li a{
    color: #fff !important;
    width: 85px;
    display: block;
    margin: 0 auto;
}
.responsive-navigation ul li.menu-item-has-children:before {
    content: "\f178";
    position: absolute;
    width: 10px;
    height: 10px;
    z-index: 999;
    color: #fff;
    right: 0;
    font-family: 'FontAwesome';
    rotate: 90deg;
}
.navigation li a:hover,
ul.sub-menu li a:hover,
.footer-navigation .navigation li a:hover,
.responsive-navigation ul li a:hover{
	color: #f2561d !important;
}
.border-container,
.border-bottom-div-wrapper .left-bottom-border, 
.border-bottom-div-wrapper .right-bottom-border,
.border-bottom-div-wrapper .middle-slider-buttons {
	border: none;
}
.inner-image-slider {
	height: 400px !important;
}
.text-clr-black {
	color:#111 !important;
}
.elementor-image-box-img {
	width: 100% !important;
}
.header-banner::after {
    display: block;
    position: absolute;
    content: "";
    background: rgb(0 0 0 / 25%);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
}
.image-slider-container::before {
	display: block;
    position: absolute;
    content: "";
    background: rgb(0 0 0 / 49%);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
	z-index: 1;
}
.border-container .hero-title-text-content {
	width: 55% !important;
	top: 20% !important;
}
.footer-cert-img {
    position: absolute;
    right: 0;
    height: auto;
    display: flex;
    margin-right: 20px;
    margin-top: 40px;
    width: 110px;
 }
.border-container {
	z-index: 2;
}
.headq {
  color: #fff;
  font-size: 14px;
}
ul.why-choose-us-list li{
	list-style-type: disc;
	padding: 10px 0;
}
span.org-text {
    color: #F2561D;
    font-weight: bold;
    font-size: 18px;
}
.pol-img-resized {
	width: 1025px !important;
	height: 625px !important;
}
.power-of-layers-images {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: -100px;
    position: absolute;
}
.img-1.col-img-resize img {
    max-width: 1025px !important;
    width: 100% !important;
    height: auto !important;
}
.power-of-layers-text-column {
    width: 100% !important;
}
.responsive-navigation ul li {
    padding: 13px 10px !important;
}
.hero-title span, .poly-list-wrapper .list-heading, .epoxy-list-wrapper .list-heading {
    color: #0379A8 !important;
}
.hero-header ul li ul li {
    border: none !important;
}
.card-grid-div .service-card {
    border-width: 2px;
}
.card-grid-div .service-card:hover {
    border-color: #0379A8 !important;
}
#secondary {
	display: none;
}
.page-id-18 .inner-page-hero-section {
	padding-bottom: 150px;
}
.txt-primary-service-inner-pg {
    color: #F2561D !important;
    font-weight: 600 !important;
}
.inner-page-hero-section {
	height: 60vh !important;
}
.latest-projects {
	padding-top: 120px !important;
}
.latest-projects div#lp {
    top: -125px;
}
footer.entry-footer {
    display: none;
}
.power-of-layers {
	padding-bottom: 50px;
}
.contact-us-section {
	background-color: #f1edea;
	padding-top: 98px;
}
.contact-us-section .top-text {
	top: -135px;
	z-index: 9999;
	text-wrap: nowrap;
}
.contact-form input {
    width: 100%;
}
button.wpcf7-submit i {
    padding-left: 5px;
}
#abt-us {
    top: -150px;
}
#wwd {
    bottom: -104px !important;
    transform: translate(-12.688%, 2%);
	text-wrap: nowrap;
}
#pof {
    top: -130px;
    text-wrap: nowrap;
    left: -70px;
}
.bg-txt-what-we-do {
    position: absolute;
    bottom: -182px;
}
header.entry-header {
	display: none;
}
.image-div .imgover-2 {
	top: -5%;
}
.home .image-div .imgover-2 {
    top: -20%;
}
.image-div .imgover-1 {
	top: 10%;
}
.imgover-1 img {
    width: 400px;
}
.text-column .text-list, .service-card ul, .service-card a {
	color: #000;
}
.service-card {
    height: auto !important;
    background: #FFFFFF;
    border: 1px solid #ECECEC;
    /* max-width: 260px !important; */
    width: 100% !important;
    margin: 0 0 20px 0 !important;
    padding: 30px 20px !important;
}
.service-card img {
    width: 80px;
    height: 80px;
    margin-bottom: 25px;
}
.service-card ul {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 50px;
}
.service-card a, .white-btn {
    border: 2px solid #000;
    padding: 10px 20px;
    color: #000 !important;
}
.service-card a:hover, .white-btn:hover {
    color: #F2561D !important;
    border-color: #F2561D;
}
.home .counter {
    padding: 20px;
    text-align: center;
}
.home .counter img {
    margin-bottom: 20px;
}
.home .counter h2, .home .counter h4 {
    color: #fff;
}
.request-demo-inner-section h2 {
    color: #fff;
    font-size: 30px;
    letter-spacing: 3px;
}
.poly-list-wrapper .elementor-icon-list-items li {
    display: flex;
    margin-bottom: 20px;
}
.poly-list-wrapper .elementor-icon-list-items li {
    padding: 8px 20px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
    margin-bottom: 20px;
    min-height: 70px;
}
.poly-list-wrapper .elementor-icon-list-items li:nth-of-type(odd) {
    background-color: #F4F4F4;
}
.poly-list-wrapper .left-col svg, .poly-list-wrapper .right-col svg {
    fill: #008000 !important;
    width: 40px !important;
    height: 40px !important;
}
.poly-list-wrapper .right-col svg {
    fill: #ff0000 !important;
}
.poly-list-wrapper span.elementor-icon-list-text {
    order: -1;
    flex-basis: 92%;
    padding-right: 15px;
    font-size: 18px;
    color: #000;
}
.why-penntek h2 {
    margin-bottom: 35px;
}
.why-penntek h2, .why-penntek p {
    color: #fff;
}
.why-penntek a, .arr-btn {
    padding: 6px 20px;
    border: 2px solid #fff;
    display: inline-flex;
    text-transform: uppercase;
}
.why-penntek a i, .arr-btn i {
    line-height: 26px;
}
.why-penntek a:before, .arr-btn:before, .orange-btn:before {
    content: "";
    position: absolute;
    transition: 0.3s ease-out;
    width: 0;
    background: #f2561d;
    height: 100%;
    left: 0;
    top: 0;
}
.tertiary-button::before {
    z-index: -1;
}
.why-penntek a:hover:before, .arr-btn:hover:before {
    transition: 0.3s ease-out;
    width: 100%;
}
.request-demo-inner-section {
    overflow: hidden;
}
.request-demo-inner-section .arr-btn, .orange-btn, .eael-post-elements-readmore-btn {
    background-color: #f2561d;
    border-color: #f2561d;
    font-size: 15px !important;
}
.request-demo-inner-section .arr-btn:before, .orange-btn:before, .arr-btn.blue-overlay:before, .eael-post-elements-readmore-btn {
    background-color: #fff;
}
.request-demo-inner-section .arr-btn:hover, .orange-btn:hover {
    color: #f2561d;
}
.wpcf7-submit:hover::before {
    width: 0%;
}
.wpcf7-submit:hover {
    color: #fff !important;
}
.eael-post-elements-readmore-btn {
    text-align: center;
    color: #f2561d !important;
    border: 2px solid #f2561d;
    padding: 8px 15px;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 17px !important;
}
.arr-btn.blue-overlay {
    color: #000;
    border-color: #000;
	background: #fff;
}
.arr-btn.blue-overlay:hover {
    color: #0379A8;
    border-color: #0379A8;
}
.blue-text {
    color: #0379A8 !important;
}
.contact-us-section h5 {
    font-weight: normal !important;
    font-size: 20px;
    font-family: roboto, sans-serif;
    letter-spacing: 0px;
    padding-top: 10px;
    margin-bottom: 25px;
}
.contact-us-section svg {
    width: 32px !important;
    height: 32px !important;
    fill: #f2561d !important;
}
.contact-us-section li:last-child svg {
    transform: rotate(-38deg);
}
.contact-us-section li span {
    color: #000 !important;
    text-transform: uppercase;
    font-weight: bold !important;
    margin-bottom: 25px;
}
.contact-us-section .social-icons a {
    margin-right: 5px;
	width: 30px;
	display: inline-flex;
}
.footer-navigation .navigation, .custom-logo-link {
	display: flex;
}
.footer-navigation .navigation li {
    margin: 0 10px;
    text-transform: uppercase;
}
.custom-logo-link {
	justify-content: center;
}
.garages-section h2 {
    font-size: 36px;
}
.garages-section p {
    margin-bottom: 40px;
}
.we-say-no-row h2.h1.section-title.pb-2 {
    color: #0379A8;
}
.we-say-no-row .left-text-block {
    width: fit-content;
    margin: 0 auto;
}
.elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-left {
    float: right !important;
}
.elementor-toggle .elementor-tab-title {
    background-color: #0379A8 !important;
}
.elementor-toggle .elementor-tab-title a {
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
}
.elementor-toggle svg {
    fill: #fff !important;
}
.elementor-tab-content {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 10px;
    color: #000 !important;
    font-size: 14px;
}
.pent-sec-one h5, .pent-ready-sec h5 {
    color: #0379A8 !important;
    font-weight: 600 !important;
}
.pent-blue-sec h2, .pent-sec-one h5 {
    color: #fff;
}
.pent-sec-one h2, .pent-blue-sec h2, .pent-dif-sec h2, .pent-ready-sec h2 {
    font-size: 34px;
}
.pent-blue-sec h5 {
    font-weight: 500 !important;
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
}
.pent-blue-sec h3 {
    font-size: 22px;
    letter-spacing: 1px;
    font-family: 'Passion One' !important;
    font-weight: 500 !important;
    padding-top: 20px;
    margin: 0 auto 15px;
    width: 250px;
    line-height: 1.2;
}
.pent-blue-sec p {
    font-size: 13px !important;
    line-height: 1.4;
    width: 80%;
    margin: 0 auto !important;
}
.pricing.pent-sec-one .orange-btn:nth-of-type(1) {
    margin-right: 15px !important;
}
.pricing.pent-blue-sec figure.elementor-image-box-img, .pricing.pent-blue-sec figure.elementor-image-box-img img {
    width: 100% !important;
}
.pricing.pent-blue-sec h3, .pricing.pent-blue-sec p {
    text-align: left;
    width: 100%;
}
.pricing.pent-blue-sec p {
    text-align: justify;
}
.pricing.pent-blue-sec figure:after {
    content: "1";
    position: absolute;
    width: 50px;
    height: 50px;
    background: #F2561D;
    right: 0;
    bottom: 0;
    line-height: 50px;
    font-size: 28px;
    color: #fff;
}
.pricing.pent-blue-sec .elementor-widget-image-box:nth-of-type(2) figure:after {
    content: "2";
}
.pricing.pent-blue-sec .elementor-widget-image-box:nth-of-type(3) figure:after {
    content: "3";
}
.form-control, .wpcf7-form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.service.garages-section p {
    margin-bottom: 10px;
}
.service.garages-section span.elementor-icon-list-text > span {
    color: #111 !important;
}
.service.garages-section h3 {
    font-family: 'DM Sans', sans-serif;
    letter-spacing: 0;
    margin-bottom: 30px;
}
.about-sec-one h1 {
    color: #fff;
}
.about-sec-two li {
    line-height: 1.8;
}
.pent-blue-sec {
    padding-left: 10px;
    padding-right: 10px;
}
.recent-posts {
    background-color: #F1F1F1;
    padding: 70px 15px;
}
.eael-entry-thumbnail {
    height: 242px;
}
.eael-entry-thumbnail img {
    height: 100% !important;
}
.all-posts .clearfix, .recent-posts .clearfix {
    display: none;
}
h2.eael-entry-title {
    height: 64px;
    overflow: hidden;
    margin-bottom: 20px;
}
h2.eael-entry-title a {
    font-family: "Passion One", sans-serif !important;
    font-weight: 500 !important;
    line-height: 32px;
    letter-spacing: 0px;
    font-size: 22px;
}
.eael-grid-post-excerpt p {
    margin-bottom: 15px !important;
}
.eael-post-grid-container .eael-post-grid .eael-grid-post {
    padding: 20px !important;
}
.page-id-1904 .header-banner + div {
    padding-top: 80px !important;
}
.eael-author-avatar, .eael-posted-by, .eael-posted-on {
    display: none !important;
}
.eael-grid-post .eael-entry-wrapper {
    padding: 17px 17px 25px !important;
}
.eael-post-elements-readmore-btn:hover, .single-post .comments-area .submit {
    background: #f2561d;
    color: #fff !important;
}
.single-post .comments-area {
    margin: 70px 10px;
}
.single-post .comments-area .submit {
    background: #f2561d;
    color: #fff;
    border: none;
    padding: 8px 15px;
    text-transform: uppercase;
    font-weight: bold;
}
.eael-grid-post-holder {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.20) !important;
}
.single-post .post-thumbnail, .logged-in-as {
    display: none;
}
.single-post .header-banner + div {
    padding: 80px 15px;
}
.blog-date h5 {
    font-family: "Inter", sans-serif;
    color: #0379A8 !important;
    font-weight: 600 !important;
    letter-spacing: 0px;
}
.single-post .comments-area textarea {
    width: 100%;
    border: 1px solid #ced4da;
}
.footer-section-social-med img {
    width: 32px;
}

@media screen and (min-width: 768px) {
    .pricing.pent-blue-sec .elementor-widget-image-box {
        min-width: 32% !important;
    }
    .entry-content > div > div {
        overflow: hidden;
    }
    .single-post .comments-area {
        box-shadow: 0px 2px 10px 5px rgba(0, 0, 0, 0.09);
		margin: 60px 20px;
        padding: 20px;
        display: block;
    }
}

@media screen and (min-width: 1024px) {
    .single-post .header-banner + div, .single-post .comments-area {
        width: 62%;
    }
	.single-post .comments-area {
		margin: 40px auto !important;
        display: block !important;
	}
}

@media screen and (min-width: 1200px) {
    .hero-header ul li ul {
        top: 40px;
    }
    .home .card-section {
        padding-bottom: 100px;
    }
    .home .card-section #wwd {
        bottom: -125px !important;
        left: 0;
        right: auto;
    }
    .home .dist-section {
        padding-top: 40px;
    }
    .home .dist-section .top-text {
        top: -45px;
    }
    .home .power-of-layers {
        padding-top: 75px;
    }
    
    .home .testimonial-section {
        padding-top: 40px;
    }
    .home .testimonial-section .top-text {
        top: -30px;
    }
    .contact-us-section {
        padding-top: 110px;
    }
    .page-id-856 .pent-sec-one {
        padding-bottom: 65px;
        overflow: hidden;
    }
    .page-id-856 .pent-sec-one #wwd {
        bottom: -150px !important;
    }
    .page-id-738 .pent-sec-one {
        padding-bottom: 25px;
    }
    .page-id-738 .pent-dif-sec {
        padding: 35px;
    }
    .page-id-738 .pent-dif-sec #penntek, .page-id-836 .pent-dif-sec #profession {
        top: -145px;
    }
    /* .why-penntek > div {
        float: right;
        width: 60%;
    } */
    .latest-projects p {
        width: 40%;
        margin: 0 auto;
    }
    .get-a-free:before, .get-a-free:after, .get-a-free > div:after {
        content: "";
        width: 130px;
        height: 130px;
        position: absolute;
        background: url(images/telephone-2.png) no-repeat;
        background-size: 100%;
        left: 0%;
    }
    .get-a-free:after {
        background-image: url(images/house.png);
        left: 94%;
        bottom: -50%;
    }
    .get-a-free > div:after {
        left: 80%;
        top: -54%;
        background: url(images/rect-bg.png) no-repeat;
    }
    .testimonial-section h2 {
        padding-top: 110px;
    }
    .accordion-block {
        width: 82% !important;
        margin: 0 auto;
    }
    .need-financing-section .elementor-background-slideshow__slide__image {
        background-position: 263px top !important;
    }
    .need-financing-section .e-con-inner {
        z-index: 10;
    }
    .need-financing-section > div:first-child:before {
        content: "";
        position: absolute;
        width: 80%;
        left: 0;
        top: 0;
        height: 100%;
    background: linear-gradient(to right,  rgba(244,244,244,1) 0%,rgba(244,244,244,1) 50%,rgba(244,244,244,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        z-index: 9;
    }
    .need-financing-section p {
        font-size: 20px !important;
        width: 70%;
        letter-spacing: 1px;
        margin: 30px 0;
    }
    .need-finance {
        padding-left: 60px;
    }
    .pent-blue-sec h2 {
        width: 32%;
        margin: 0 auto 20px;
    }
    .pent-dif-sec .right-col {
        padding-left: 60px;
    }
    #penntek, #profession {
        top: -125px;
    }
    .page-id-955 #profession {
        top: -50px;
    }
    .page-id-738 .pent-ready-sec .elementor-background-slideshow__slide__image {
        background-size: 65% !important;
        background-position: 560px !important;
        background-repeat: no-repeat;
    }
    .pricing.pent-sec-one .left-col {
        padding-right: 50px;
    }
    .service-claim.pent-dif-sec .left-col {
        padding-right: 180px;
    }
}

@media screen and (max-width: 1400px) {
    .e-con {
        --container-max-width: 1140px !important;
    }
	.power-of-layers-text-column {
        width: 100% !important;
    }
	.border-container .hero-title-text-content {
		width: 70% !important;
	}
}

@media screen and (max-width: 992px) {
    .top-text, .bottom-text {
        display: none;
    }
    .latest-projects {
        padding-top: 40px !important;
    }
    .contact-us-section {
        background-color: #f1edea;
        padding-top: 40px;
    }
    .page-id-18 .inner-page-hero-section {
        padding-bottom: 70px;
    }
    .page-id-836 .pent-dif-sec .e-con-inner {
        padding-top: 30px;
    }
	.border-container .hero-title-text-content {
		width: 80% !important;
		top: 20% !important;
	}
}

@media screen and (max-width: 768px) {
    p {
    line-height: 1.4 !important;
}
    .about-us-section {
        overflow: hidden !important;
    }
    .request-demo-inner-section h2 {
        font-size: 28px;
        padding: 0 15px;
    }
    .poly-list-wrapper span.elementor-icon-list-text {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .about-us-section .e-con-inner {
        padding-top: 0px !important;
    }
    .about-us-section .e-con-inner > div:first-child {
        padding-bottom: 80px !important;
    }
    .dist-section .text-column.col-12.py-5 {
        padding-top: 0 !important;
    }
    .need-financing-section .e-con-inner > div:first-child {
        display: none;
    }
    .need-financing-section.pent-ready-sec .e-con-inner > div:first-child {
        display: flex;
    }
    .need-financing-section:before {
        content: "" !important;
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.3);
        z-index: 99;
    }
    .need-financing-section h2, .need-financing-section p {
        color: #fff !important;
    }
    .need-financing-section .elementor-widget-container {
        z-index: 100;
    }
	.elementor-widget-image-box .elementor-image-box-wrapper {
		width: 50%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 767px) {
    .service-card {
        max-width: 260px !important;
    }
	.footer-cert-img {
        position: relative;
        margin: auto;
    }
}

@media screen and (min-width: 767px) and (max-width: 992px) {
    .card-grid-div .service-card {
        padding: 30px 12px !important;
    }
    .service-card ul {
        font-size: 12px;
    }
    .card-grid-div .service-card a {
        font-size: 12px;
        padding: 10px;
    }
    .pricing.pent-sec-one .orange-btn:nth-of-type(1) {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .power-of-layers-images {
        margin-top: -142px;
    }
}

@media screen and (min-width: 489px) and (max-width: 768px) {

    .card-section > div > div {
        width: 50% !important;
    }
}

@media screen and (max-width: 474px) {
	.footer-navigation .navigation {
		display: block;
		text-align: center;
	}
}

@media screen and (min-width: 1400px) {
    .page-id-738 .pent-ready-sec .elementor-background-slideshow__slide__image, .page-id-856 .pent-ready-sec .elementor-background-slideshow__slide__image {
        background-position: 680px !important;
        background-size: 65% !important;
    }
	.comments-area {
		display: block;
		width: 1400px;
		margin: 0 auto;
	}
}