/*
Theme Name:   	PM-Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */


html {
    scroll-behavior: smooth;
}

*[id] {
    scroll-margin-top: 80px;
}

.entry-title {
    font: 700 33px/48px Poppins;
    letter-spacing: 0px;
    color: #000000;
}
a:active, a:hover {
    color: initial;
    text-decoration: none;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
p {
    font: 400 16px/24px 'Open Sans';
    letter-spacing: 0px;
    color: #000000;
}

/*PM_irsh*/
/* header */
.page-template-template-homepage-v1 header#masthead.pm-fixed-nav,
.page-template-template-homepage-v2 header#masthead.pm-fixed-nav {
    background: transparent;
}

header#masthead.pm-fixed-nav {
    margin: 0;
    padding: 0;
    border: 0;
    background: #303649;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    transition: all .4s ease;
}

header#masthead.pm-fixed-nav.scrolled {
    background: #303649;
    transition: all .4s ease;
}

body.admin-bar header#masthead.pm-fixed-nav {
    top: 32px;
}

.site-main {
    margin: 0;
}

.navbar,
nav.navbar.navbar-expand-md.navbar-light {
    padding: 0;
}

.navbar-light a.navbar-brand {

    font: 300 28px/20px Poppins;
    letter-spacing: 8.4px;
    color: #14D2E7;
    text-transform: capitalize;
}

.navbar-light a.navbar-brand:hover {
    color: #14D2E7;
}

a.custom-logo-link {
    outline: none;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5);
    text-align: left;
    font: 300 18px/20px 'Open Sans';
    letter-spacing: 2.16px;
    color: #B2B2B2;
    text-transform: capitalize;
    position: relative;
    margin: 0 15px;
    padding: 30px 0;
}

.navbar-light .navbar-nav .nav-link:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0px;
    background: #0FBF61;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .4s ease;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: #B2B2B2;
}

.navbar-light .navbar-nav .active>.nav-link:after,
.navbar-light .navbar-nav .nav-link:hover:after {
    height: 10px;
}

.navbar-light .navbar-toggler {
    background: transparent;
    border: 0;
}

.navbar-light .navbar-toggler:focus {
    outline-color: transparent;
}

button.navbar-toggler.collapsed span.irsh_toggle span {
    background: #D9D9D9 0% 0% no-repeat padding-box;
    height: 5px;
    display: block;
    margin: 4px 0;
    transition: all .4s ease;
    transform: unset;
}

button.navbar-toggler.collapsed span.irsh_toggle span.top {
    width: 25px;
    transform: unset;
}

button.navbar-toggler.collapsed span.irsh_toggle span.middle {
    margin-left: 6px;
    width: 19px;
    transform: unset;
    display: block;
}

button.navbar-toggler.collapsed span.irsh_toggle span.bottom {
    margin-left: 13px;
    width: 12px;
    transform: unset;
}

button.navbar-toggler span.irsh_toggle span {
    background: #14D2E7 0% 0% no-repeat padding-box;
    height: 3px;
    width: 25px;
    display: block;
    margin: 4px 0;
    transition: all .4s ease;
}

button.navbar-toggler span.irsh_toggle span.top {
    transform: rotate(45deg);
}

button.navbar-toggler span.irsh_toggle span.middle {
    display: none;
}

button.navbar-toggler span.irsh_toggle span.bottom {
    transform: rotate(-45deg) translate(5px, -5px);
}


div,
.navbar-light .navbar-nav .nav-link:focus {
    outline: 0;
}

div#packages {
    margin: 50px 0;
    padding: 50px 0;

}

.page-template-template-homepage-v2  #packages {
    background-color: #EAEAEA;
    margin: 0;
    padding-top: 160px;
    padding-bottom: 50px;
    scroll-margin-top: -20px;
}

.pm-banner-v1 {
    background-image: url('./assets/images/SPACERS-banner.png');
    background-color: #303649dc;
    background-blend-mode: darken;
    padding-top: 100px;
    height: 100vh;
    max-height: 600px;
}

.pm-banner-v1 h1 {
    font: 700 40px/54px Poppins;
    letter-spacing: 0px;
    color: #ECECEC;
    margin: 45px 0 25px 0;
}

.pm-banner-v1 .cta-sub {
    text-align: center;
    font: 300 32px/45px 'Open Sans';
    letter-spacing: 0px;
    color: #14D2E7;
}

.pm-banner-v2 {
    background-image: url('./assets/images/SPACERS-banner.png');
    background-color: rgba(48, 54, 73, 0.8627450980392157);
    background-blend-mode: darken;
    padding-top: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.pm-banner-v2 h1 {
    font: 700 40px/54px Poppins;
    letter-spacing: 0px;
    color: #14D2E7;
}

.cta-2 {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 40px 10px;
}

.cta-2 span {
    border-right: solid 2px #fff;
    border-bottom: solid 2px #fff;
    width: 20px;
    height: 20px;
    transform: rotate(320deg);
    margin-bottom: 1.5rem;
}

.pm-banner-v2 .cta-2 p {
    text-align: center;
    font: 300 26px/39px 'Open Sans';
    letter-spacing: 0px;
    color: #FFFFFF;
}

.package-box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 31px #00000029;
    margin-top: -5px;
    padding: 30px;
}

.package-name {
    font: 700 25px/45px Poppins;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 10px;
}

.package-info {
    padding: 1rem 0;
    border-bottom: 2px dashed #D5D5D5;
    border-top: 2px dashed #D5D5D5;
    min-height: 300px;
}

.package-info ul {
    list-style: none;
    margin: 0;
}

.package-info ul li {
    font: 300 18px/36px 'Open Sans';
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.8;
}

.package-info ul li.spl {
    background: #E9E9E9;
}

.package-price {
    font: 700 22px/45px Poppins;
    letter-spacing: 0px;
    color: #000000;
    padding: 25px 0;
    text-align: center;
}

.btn-green {
    font: 700 21px/31px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    background: #0FBF61 0% 0% no-repeat padding-box;
    border-radius: 8px;
    padding: .375rem 2rem;
}

.btn-green:hover {
    background: #0FBF61 0% 0% no-repeat padding-box;
    color: #FFFFFF;
}

.package-btn {

    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);

}

.patch-discount{
    position: relative;
}
.patch-discount svg{
    position: absolute;
    z-index: 99;
    right: 190px;
    bottom: -90px;
}
@media screen and (max-width: 767px){
    .patch-discount{
        padding-top: 90px;
    }
    .patch-discount button{
        position: relative;
        z-index: 99;
    }
    .patch-discount svg{
        right: -20px;
        bottom: 32px;
        z-index: 0;
        height: 180px;
    }
}
.page-template-template-homepage-v2 div#numbers {
    position: relative;
    top: 90px;
    margin-top: -70px;
}

div#numbers {
    background-color: #E9E9E9;

}

p.package-note {
    font: 300 16px/27px 'Open Sans';
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.8;
    text-align: center;
    padding: 30px 0;
}

.number-holder {
    display: flex;
    justify-content: space-evenly;
    background: #1A2136;
    padding: 40px;
    position: relative;
    z-index: 2;
}

.number-box {
    text-align: center;
    border-right: 3px solid #707070;
    padding: 0 50px;
}

.number-box:last-of-type,
.page-template-template-homepage-v2 .number-box {
    border: 0;
}

span.num {
    font: 700 40px/62px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
}

span.num-text {
    font: 300 30px/42px 'Open Sans';
    letter-spacing: 0px;
    color: #14D2E7;
    display: block;
}

#why-us {
    background-color: #D8D8D8;
    margin-top: -90px;
    padding-top: 150px;
    padding-bottom: 90px;

}

.page-template-template-homepage-v2  #why-us {
    margin: 0;
    padding-top: 90px;
}

.irsh-h3 {
    font: 700 30px/48px Poppins;
    letter-spacing: 0px;
    color: #000000;
}

#why-us .quote {
    font: 300 24px/36px 'Open Sans';
    letter-spacing: 0px;
    color: #151D41;
}

.why-us-box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 10px 10px 10px #7682B72E;
    padding: 30px;
    margin: 30px 15px;
}

.why-us-box.inverse {
    background: #1A2136;
}

.why-us-title {
    font: 700 24px/32px Poppins;
    letter-spacing: 0px;
    color: #000000;
    border-bottom: 2px solid #14D2E7;
    padding-bottom: 1.5rem;
}

.why-us-info {
    font: 300 16px/27px 'Open Sans';
    letter-spacing: 0px;
    color: #000000;
}

.why-us-box.inverse .why-us-title {
    font: 700 24px/32px Poppins;
    letter-spacing: 0px;
    color: #ffffff;
    border-bottom: 2px solid #14D2E7;
    padding-bottom: 1.5rem;
}

.why-us-box.inverse .why-us-info {
    font: 300 16px/27px 'Open Sans';
    letter-spacing: 0px;
    color: #9E9E9E;
}

#about-us {
    padding: 90px 0;
}

.page-template-template-homepage-v2 #about-us {
    background: #EAEAEA;
}

.about-text {
    background-color: #1A2136;
    padding: 60px;
    position: absolute;
    left: -60px;
    top: 50%;
    transform: translateY(-50%);
    font: 300 16px/30px 'Open Sans';
    letter-spacing: 0px;
    color: #14D2E7;
}

.page-template-template-homepage-v2 .about-text {
    background: #FFFFFF;
    color: #000000;
}

#testimonials {
    padding: 90px 0;
    background: #E9E9E9;
    position: relative;
}

.page-template-template-homepage-v2 #testimonials{
  background: #D8D8D8;   
}

#testimonials .btn-holder {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
}

.testimonial-box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 10px 10px 10px #44444433;
    padding: 40px;
    margin: 40px 0;
}

.testimonial-box-title {
    font: 700 18px/27px Poppins;
    letter-spacing: 0px;
    color: #1A2136;
    border-bottom: 2px solid #14D2E7;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
}

.testimonial-box-title p {
    margin-bottom: 0;
    margin-left: 1rem;
}

.testimonial-city {
    font: 300 16px/24px Poppins;
    letter-spacing: 0px;
    color: #000000;
}

.testimonial-box-info {
    font: 300 16px/24px 'Open Sans';
    letter-spacing: 0px;
    color: #000000;
}

#companies {
    padding: 90px 0;
    background: #fff;
}

#companiesSlider .col-md-3 {
    background-color: #E5E5E5;
    padding: 40px;
    margin: 20px;
}

#faqs {
    padding: 90px 0;
    background-color: #D8D8D8;

}

.faq-box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 15px #00000029;
    padding: 30px;
    margin: 15px 0;
}

.faq-head {
    font: 700 18px/20px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.8;
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
}

.faq-head::after {
    content: ">";
    position: absolute;
    top: 15%;
    right: 0;
    color: #14D2E7;
    transform: rotate(270deg);
}

.faq-head.collapsed::after {
    content: ">";
    position: absolute;
    right: 0;
    color: #14D2E7;
    transform: rotate(90deg);
}


.faq-text {
    font: 300 16px/27px 'Open Sans';
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.8;
    border-top: 2px solid #1A2136;
    padding-top: 1rem;
    margin-top: 1rem;
}

.go-top {
    background: #0FBF61 0% 0% no-repeat padding-box;
    border-radius: 8px;
    padding: 15px;
    display: inline-block;
    position: absolute;
    right: 20px;
    font: Bold 21px/31px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    cursor: pointer;
    padding-top: 30px;
}

.go-top span {
    transform: rotate(270deg) translateX(-50%);
    display: block;
    position: absolute;
    top: 0;
    left: 45%;
}

footer.site-footer {
    background-color: #1A2136;
    padding: 40px;
}

footer.site-footer a.link {
    font: 300 18px/30px 'Open Sans';
    letter-spacing: 0px;
    color: #0FBF61 !important;
}

footer.site-footer .copyRights {
    font: 300 18px/30px 'Open Sans';
    letter-spacing: 0px;
    color: #FFFFFF;
}

#termsModal ul {
    list-style: none;
    margin-left: 1rem;

}

#termsModal ul li,
#termsModal p {
    font: 300 16px/25px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.8;
}

#termsModal strong {
    font: Bold 16px/45px Poppins;
    letter-spacing: 0px;
    color: #000000;
}




ul#gform_fields_1 {
    display: flex;
    flex-wrap: wrap;
}

ul#gform_fields_1 li {
    flex: 1 1 40%;
    max-width: 50%;
}

ul#gform_fields_1 li#field_1_5,
ul#gform_fields_1 li#field_1_4 {
    flex: 1 1 100%;
    max-width: 100%;
}

input[type='text'],
input[type='number'],
input[type='email'],
input[type='tel'],
input[type='url'],
input[type='password'],
input[type='search'],
textarea,
.input-text {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #B2B2B2;
    box-shadow: none;
}

label.gfield_label {
    font: 300 15px/42px 'Open Sans';
    letter-spacing: 0px;
    color: #000000;
}

ul#gform_fields_1 li#field_1_5 .gfield_label {
    position: absolute;
    margin-top: 12px;
    left: 0;
    margin-left: 1rem;
}

ul#gform_fields_1 li#field_1_5 .ginput_container.ginput_container_consent {
    margin-left: 1.5rem;
}

ul#gform_fields_1 li#field_1_5 label.gfield_consent_label {
    font-size: 90%;
}

a:focus {
    outline: 0;
}

button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus {
    outline-color: #0FBF61;
}

#gform_1 select {
    padding: 7px 4px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #B2B2B2;
    box-shadow: none;
}

div#gfield_consent_description_1_5 {
    border: 0;
}

#gfield_consent_description_1_5 div#collapseExample {
    max-height: 70px;
    overflow-y: scroll;
    background: #E9E9E9;
    padding: 0.3rem 1rem;
}

input#input_1_5_1[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: 1em;
    height: 1em;
    border: 1px solid gray;
    outline: none;
    vertical-align: middle;
  }
  
  input#input_1_5_1[type=checkbox]:checked {
    border: 2px solid #0fbf61;
     background:url('./assets/images/gTick.svg');
     background-size:80%;
     background-repeat: no-repeat;
    background-position: center;
  }

a.link {
    color: #0FBF61;
}

.slick-dots li button:before {
    font-size: 12px;
}

.slick-dots li.slick-active button:before {
    color: #0B0F65;
    opacity: 1;
}

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

    .page-template-template-homepage-v1 header#masthead.pm-fixed-nav,
    .page-template-template-homepage-v2 header#masthead.pm-fixed-nav {
        padding: 5px 0;
        background: #303649;
    }

    .navbar-light .navbar-nav {
        text-align: center;
    }

    .navbar-light .navbar-nav .nav-link {
        padding: 10px 0;

        margin: 10px;
        display: inline-block;
    }

    .navbar-light .navbar-nav .active>.nav-link:after,
    .navbar-light .navbar-nav .nav-link:hover:after {
        height: 5px;
        top: 100%;
    }

    .pm-banner-v1 h1,
    .pm-banner-v2 h1 {
        font: 700 28px/35px Poppins;
    }

    .pm-banner-v1 .cta-sub {
        font: 300 22px/33px Poppins;
        margin-bottom: 0;
    }

    .pm-banner-v1 h1 br,
    .cta-sub br {
        display: none;
    }

    .package-name {
        font: 700 22px/45px Poppins;
    }

    div#packages {
        margin: 25px 0;
        padding: 25px 0;
    }

    .package-name.withToggle::after {
        content: "-";
        position: absolute;
        right: 2rem;
        color: #14D2E7;
    }

    .package-name.withToggle.collapsed::after {
        content: "+";
        position: absolute;
        right: 2rem;
        color: #14D2E7;
    }

    .irsh-h3 {
        font: 700 22px/48px Poppins;
    }

    .package-box {
        margin-bottom: 40px;
    }

    .package-btn {
        position: static;
        transform: unset;
        font: 700 18px/25px Poppins;
        padding: 10px 15px;
    }

    .package-price {
        padding: 5px 0 15px 0;
        text-align: left;
    }

    .package-info {
        min-height: auto;
    }

    .number-holder {
        display: block;
    }

    .number-box {
        border: 0;
        padding: 10px 0;
    }

    span.num-text {
        display: inline;
    }

    .page-template-template-homepage-v2 p.package-note {
        padding: 0;
        margin: 0 !important;
    }

    #why-us .quote {
        font: 300 20px/30px 'Open Sans';
    }

    .why-us-title {
        font: 700 20px/32px Poppins;
    }

    .about-text {
        position: unset;
        transform: unset;
    }

    .about-img img {
        height: 100%;
        object-fit: cover;
    }

    .testimonial-box {
        margin: 40px 20px;
    }

    .faq-head {
        margin-right: 0;
        padding-right: 2rem;
    }

    .go-top {
        display: none;
    }

    footer.site-footer .copyRights {
        font: 300 15px/30px 'Open Sans';
    }

    ul#gform_fields_1 li {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

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

    .navbar {
        padding: .5rem 0;
    }

    .navbar-light a.navbar-brand {
        font: 300 20px/4px Poppins;
        letter-spacing: 6px;
    }

    .number-holder {
        margin: -15px;
    }

    .pm-banner-v2 {
        padding-top: 120px;
    }

    .cta-2 {
        flex-direction: column;
    }

    .pm-banner-v2 .cta-2 p {
        font: 300 22px/33px 'Open Sans';
        margin-bottom: 11px;
    }
    
    .cta-2 span {
        transform: rotate(45deg);
        margin-bottom: 11px;
    }

    /*     #testimonials .btn-holder {
        bottom: -50px;
    } */

    #why-us {
        padding-top: 120px;
        padding-bottom: 50px;
    }

    .page-template-template-homepage-v2 #why-us {
        padding-top: 40px;
    }

    #why-us .quote {
        margin-bottom: 5px;
    }

    .why-us-box {
        padding: 20px 20px 1px 20px;
    }

    .why-us-title {
        padding-bottom: 5px;
        margin-bottom: 10px;
    }

    #about-us {
        padding: 40px 0;
    }



    .about-text {
        padding: 25px;
    }

    #testimonials {
        padding-top: 30px;
        padding-bottom: 60px;
    }

    .page-template-template-homepage-v2  #testimonials .btn-holder {
        width: 100%;
        text-align: center;
    }

    .testimonial-box {
        margin: 20px;
        padding: 40px 20px;
    }

    #companies {
        padding-bottom: 30px;
    }

    #faqs {
        padding: 40px 0;
    }

    .btn-green {
        padding: .375rem 1.7rem;
        font: 700 18px/27px Poppins;
    }

    .about-img img {
        height: auto;
        object-fit: cover;
    }

    footer.site-footer {
        padding: 40px 20px;
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px)
    and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) {
        .package-name {
            font: 700 22px/45px Poppins;
        }

        .btn-green {
            padding: .375rem 1rem;
        }
}