

  

  

  



  



  



  



  



  



  


.section-title {
    font-family: "mulish","mulish Fallback";
    color: #387a29;
}

.content-bottom-title {
    font-family: "mulish","mulish Fallback";
    color: #fff;
}

.white-text {color: #fff;}
.qbutton.white {background-color: transparent;}
a.qbutton {
    margin-right: 15px;
}
a.qbutton:last-child {
    margin: 0;
}

.content, .content .container, .full_width {background-color: #fff;}
.q_logo a {height: 50px !important;}
.footer_bottom_holder {padding: 0px 100px;}
.img-slider-padding{padding-left: 200px; padding-right: 200px;}
.solution-shadow{box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.1)};
a.link { font-family: 'open sans',"open sans Fallback", sans-serif; padding-bottom: 5px; border-bottom: 1px solid #60a511;}
ul li a {border: none;}
.header_top { padding-top: 2px; padding-bottom: 2px;}
.header_top a span,.header_top a {color: #fff;}
header.sticky.centered_logo nav.main_menu.right {
    position: relative;
    left: auto;
    float: right;
}
nav.main_menu.right {border-top: 1px solid #9d9d9d54;}
header.sticky nav.main_menu.right {border-top: none;}

.mobile_menu_button span{
    display: none;
}

@media only screen and (max-width: 768px){
    .header_bottom{
        padding: 0 !important;
    }
}

.svg-100 img {width: 1100px;}

.svg-full img {Width: 100%;}

h1, h2, h3, h4, h5, h6, p , span, a {max-width: 100%;}


/************ Popup ******************/

@media only screen and (max-width: 480px) {

    #popmake-1553{
        max-width: 80% !important;
        left: 10% !important;
    }

    #popmake-1553 .wpcf7-text, #popmake-1553 .wpcf7-select, #popmake-1553 .wpcf7-textarea{
        font-size: 12px !important;
        line-height: 20px !important;
        padding: 10px !important;
    }
    
    #popmake-1553 .pum-theme-1509 .pum-container, .pum-theme-hello-box .pum-container{
        padding: 20px !important
    }

}

/*********  END Popup **************/


/********* WhatsApp Live Chat ***********/
.qlwapp-icon{
    margin-right: 0 !important;
}

.qlwapp-toggle{
    padding: 20px !important;
    margin-right: 25px !important;
}

#qlwapp.qlwapp-rounded.qlwapp-button .qlwapp-toggle{
    border-radius: 50% !important;
    height: auto !important;
}

.qlwapp-whatsapp-icon{
    font-size: 20px !important;
}

#back_to_top{
    bottom: 100px !important;
}

/********* END WhatsApp Live Chat ***********/


/************* home page **************/

/***** grass solution section ******/
.tabs-row {
    display: table;
    width: 50%;
}

.solutions-tab, a.tab-btn {
    display: table-cell;
    width: 100px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    padding: 20px;
    transition: .3s all ease-in-out;
    border-radius: 20px 20px 0px 0px;
}
a.tab-btn img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition: .2s ease-in-out all;
}
a.tab-btn:hover img, a.tab-btn.active img {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.solutions-tab:hover, .solutions-tab.active, a.tab-btn:hover, a.tab-btn.active {
    color: #60a511;
}
.solutions-tab.active{
    background-color: #ffffff;
    box-shadow: 0px -6px 14px -8px rgb(107 107 107 / 30%);
}
a.tab-btn.active {
    background-color: #f9f9f9;
    box-shadow: 0px -6px 14px -8px rgb(107 107 107 / 30%);
}

.solutions-tab span {
    display: block;
    padding-top: 10px;
    color: #777777;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
}
a.tab-btn span{
    display: block;
    color: #a0a0a0;
}

.solutions-tab:hover span, .solutions-tab.active span, a.tab-btn:hover span, a.tab-btn.active span {
    color: #60a511;
}

p.background-section-title {
    font-size: 120px;
    font-weight: 700;
    height: 0;
    position: absolute;
    bottom: 5px;
    right: -14%;
    color: #f9f9f9;
    z-index: -1;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}

#grass-row, #component-row, #system-row, #design-row, #installation-row, #maintenance-row {
    display: none;
}
#grass-row.active, #component-row.active, #system-row.active, #design-row.active, #installation-row.active, #maintenance-row.active {
    display: block;
}

/***** END home ******/

/***** old tab mobile view *****/

@media only screen and (max-width: 480px){
    .tabs-nav{
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }
    
    /*.q_tabs.boxed .tabs-nav li.active a{
        padding: 0 50px;
        background-color: #f9f9f9;
    }*/

  .q_tabs .tabs-nav li { float:none; width:100%; }
  .q_tabs .tabs-nav li a { border:1px solid #EEE; margin-bottom:4px; padding:0 15px; border-bottom:1px solid #EEE !important; }
  .q_tabs.boxed .tabs-nav li.active a { background:#EEE; border:1px solid #EEE; padding:0 15px; }
}

/***** END old tab mobile view *****/

/***** map ***********/
.country-name {
    position: absolute;
    background-color: #60a511;
    border-radius: 7px;
    transition: all .3s ease-in-out;
    z-index: 1;
    opacity: 0;
    padding: 5px 30px;
}
.country-name p {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}
.country-name.active{
    z-index: 50;
    opacity: 1;
}

a.pinpoint {position: absolute;}

a.pinpoint.malaysia {
    left: 18.5%;
    bottom: 26.5%;
}

.country-name.malaysia {
    left: 15%;
    bottom: 32.8%;
}

a.pinpoint.australia {
    right: 17%;
    bottom: 45%;
}

.country-name.australia {
    right: 15%;
    bottom: 52.5%;
}

a.pinpoint.sg {
    left: 24%;
    bottom: 20%;
}

.country-name.sg {
    left: 29%;
    bottom: 22.7%;
}

a.pinpoint.ca {
    left: 18%;
    bottom: 44%;
}

.country-name.ca {
    left: 14.3%;
    bottom: 50.5%;
}

a.pinpoint.ind {
    left: 28%;
    bottom: 7%;
}

.country-name.ind {
    left: 24.4%;
    bottom: 14.3%;    
}
/***** our story *****/
.story-img-bottom img {
    margin-top: 24px;
}

.our-story-row .q_image_with_text_over .desc {
    opacity: 1;
    margin: 0;
}
.our-story-row .q_image_with_text_over table td {
    padding: 115px 15px 30px;
    vertical-align: bottom;
    text-align: left;
}

.our-story-row .q_image_with_text_over h5, .our-story-row .q_image_with_text_over h5 a {
    color: #fff;
    margin-bottom: 5px;
    font-weight: 600;
}

.our-story-row .q_image_with_text_over .shader {
    background: linear-gradient(360deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 60%);
    transition: .6s all ease-in-out;
}

.our-story-column-2 .q_image_with_text_over:last-child {
    margin-top: 17px;
}

.our-story-row .all-story {
    width: 100%;
    background: #60a511;
    margin-top: 16px;
    height: 129px;
}

.all-story-content {
    display: table-cell;
    width: 350px;
    height: 129px;
    vertical-align: middle;
    text-align: center;
    max-width: 100%;
    max-height: 100%;
}
.all-story-content a {color: #fff;}

/***** hover box *****/
.hover-box {
    box-shadow: 0px 7px 18px -8px rgba(0,0,0,0.35);
}
.hover-box,.hover-box-content,.hover-box-overlay {
    width: 252.5px;
    height: 320px;
    cursor: default;
}
.hover-box-content{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.hover-box-content p.hover-box-title{
    font-size: 16px;
    font-weight: 600;
    margin-top: 15px;
    color: #a0a0a0;
}

.hover-box-overlay {
    background: #60a511;
    position: absolute;
    top: 0;
    padding: 20px;
    box-sizing: border-box;
    opacity: 0;
    transition: all .4s ease-in-out;
}

.hover-box:hover .hover-box-overlay {
    opacity: 1;
}

.hover-box-overlay p {
    color: #fff;
    text-align: center;
    font-size: 14px;
}

p.hover-box-title {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 16px;
}

.hover-box-overlay .vertical-centered {
    display: table-cell;
    vertical-align: middle;
    height: 280px;
}

/***** news *****/
.latest-news .q_masonry_blog_post_text h5 {
    font-weight: 600;
}
.latest-news .grid_section .q_masonry_blog article, .q_masonry_blog article {
    background-color: transparent !important;
}

.latest-news .q_masonry_blog article .q_masonry_blog_post_text {
    padding: 20px 0px;
}

.wpcf7-response-output{
    border-color: #60a511 !important;
    color: #a0a0a0 !important;
}

/********* end home page **************/

/********* cta ***********************/
.solutions-tab-row{
    display: table; 
    width: 60%; 
    margin: 0 auto;
}

.cta-non-hover-box{
    display: flex;
    box-shadow: 0px 7px 18px -8px rgb(0 0 0 / 35%);
    height: 470px;
    background-color: white;
    flex-direction: column;
    justify-content: space-between;
}

.cta-non-hover-box-1{
    display: flex;
    box-shadow: 0px 7px 18px -8px rgb(0 0 0 / 35%);
    height: 630px;
    background-color: white;
    flex-direction: column;
    justify-content: space-between;
}

.cta-non-hover-box-content{
    display: table-cell;
    vertical-align: top;
    text-align: center;
    padding: 30px 20px 0 20px;
    height: 380px;
}

.cta-non-hover-box-title{
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0;
    color: #a0a0a0;
}

.cta-view-product-link-box{
    text-align: center;
    padding-bottom: 30px;
}

.cta-view-product-link{
    color: #60a511;
}

.latest_post_text{
    padding: 0 15px;
}

.cta-row {
    padding-top: 0px;
    padding-bottom: 50px;
    /*margin-top: 30px;*/
}
.cta-content {
    margin-top: -40px;
}

#grass-row, #component-row, #system-row, #design-row, #installation-row{
    padding: 50px 0;
    background-color: #fff;
}

.cta-everythingyouneed{
    background-color: #f9f9f9;
}

.cta-grass-technology{
    background-image: url(https://signatureturf.com/wp-content/uploads/2021/06/artificial-grass-technology-bg-2.jpg?id=34249) !important;
}

@media only screen and (max-width: 1024px) and (min-width: 769px){
    .cta-non-hover-box-1{
        height: 600px;
    }
    
    .cta-non-hover-box{
        height: 530px !important;
    }
    
    .cta-non-hover-box-content{
        height: auto;
    }
    
    p.background-section-title{
        bottom: -18%;
        right: 0%;
    }
}

@media only screen and (max-width: 768px) and (min-width: 481px){
    p.background-section-title{
        font-size: 120px;
        bottom: -6%;
        right: 10px;
    }
    
    .cta-non-hover-box-1{
        height: 650px;
    }
    
    .cta-non-hover-box{
        height: 750px !important;
    }
    
    .cta-non-hover-box-content{
        height: auto;
    }

}

@media only screen and (max-width: 480px) and (min-width: 377px){
    .cont-btm-smaller-space{
        height: 50px !important;
    }
    
    .everything-btn{
        font-size: 14px !important;
    }
    
    .solutions-tab{
        padding: 15px;
    }
    
    p.background-section-title{
        font-size: 65px;
        bottom: -8%;
        right: 10px;
    }
    
    .cta-non-hover-box-1{
        height: 520px;
        margin-top: 20px;
    }
    
    .cta-non-hover-box{
        height: 380px !important;
        margin-top: 30px;
    }
    
    .cta-non-hover-box-content{
        height: auto;
    }    
    
    /* .content_bottom .q_elements_item_content{
        padding: 40px 20px 70px 20px !important;
    } */
}

@media only screen and (max-width: 376px){
    .cont-btm-smaller-space{
        height: 30px !important;
    }
    
    .everything-btn{
        font-size: 14px !important;
    }
    
    .solutions-tab-row{
        width: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .solutions-tab{
        border-radius: 20px;
    }
    
    .cont-btm-bigger-space{
        height: 20px !important;
    }
    
    p.background-section-title{
        font-size: 55px;
        bottom: -8%;
        right: 0;
    }
    
    .cta-non-hover-box-1{
        height: 510px;
        margin-top: 20px;
    }
    
    .cta-non-hover-box{
        height: 380px !important;
        margin-top: 30px;
    }
    
    .cta-non-hover-box-content{
        height: auto;
    }    
    
    /* .content_bottom .q_elements_item_content{
        padding: 40px 20px 70px 20px !important;
    } */
    
}

/********* end cta *******************/

/********* footer ********************/
a.footer-contact {
    display: block;
}

/********* end footer ****************/

/********* subpages ******************/
.title_subtitle_holder_inner h1 span {    font-family: "mulish","mulish Fallback"; color: #fff;}

/********* system page **************/
.svg-icon img {width: 40%;}
.icon-row .section_inner .section_inner_margin .wpb_column {
    border-right: 1px solid #c6c6c685;
    padding: 20px 0px;
}
.icon-row .section_inner .section_inner_margin .wpb_column:last-child {
    border-right: none;
}
h4.green-title {
    color: #387a29;
}

p.italic-subcontent-title {
    font-style: italic;
    font-size: 15px;
}

.q_elements_holder.four_columns.three-icon-col .q_elements_item {
    width: 15%;
}
.q_elements_holder.four_columns.three-icon-col .q_elements_item:last-child {
    width: 40%;
}

.svg-icon-60 img {
    width: 50%;
    height: 50px;
}

.system-desc p {
    padding-right: 20px;
}

.qode-accordion-holder .qode-title-holder.ui-state-active, .qode-accordion-holder .qode-title-holder.ui-state-hover, .qode-accordion-holder .qode-title-holder {
    background-color: #f3f4f2;
    color: #a0a0a0;
}
.qode-accordion-holder .qode-title-holder .qode-tab-title {
    height: 40px;
}
.qode-accordion-holder .qode-title-holder .qode-tab-title span.qode-tab-title-inner {
    font-weight: 500;
}
/******** end system page **********/
/******** component page ***********/
p.product-title {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 7px;
}

/******** end component page *******/
/******** landscape page ***********/

.border-green-fade {
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, rgba(96,165,17,1) 0%, rgba(96,165,17,0) 74%);
}

.products-inner-row .clearfix {
    display: table;
}

.products-inner-row-col {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.products-inner-row-col.vc_col-sm-2\/5 {
    width: 63%;
}

.products-inner-row-col.vc_col-sm-3\/5 {
    width: 57%;
    padding-right: 3%;
}

.product-grass-image-box {
    background-color: #f3f4f2;
}

.product-grass-image-box img {
    display: block;
}

h6.product-details-name {
    font-weight: 600;
    line-height: 65px;
    font-size: 18px;
}

img.thickness-label {
    position: relative;
    margin-top: -70px;
    display: block;
    float: right;
    margin-right: 25px;
}

#grass-only-row, #base-panel-row, #safety-layer-row,  #performance-infill-row{
    display: none;
}

#grass-only-row.active, #base-panel-row.active, #safety-layer-row.active, #performance-infill-row.active {
    display: block;
}

.svg-benefit-icon img {
    width: 45%;
}

.border-right {
    border-right: 1px solid #c6c6c67d;
}

.system-spec-row .n2-ss-slider-1 {
    box-shadow: 0px 7px 15px -3px rgb(0 0 0 / 10%);
}

.system-spec-row div#n2-ss-29 .n2-ss-control-bullet {
    margin-top: 20px !important;
}

.system-spec-row div#n2-ss-29 .n2-style-f3512d3214757bcba81641f09770449b-dot {
    padding: 3px;
}

.signature-carousel .sa_owl_theme .owl-nav .owl-prev {
    left: -20px;
    transition: .4s ease-in-out all;
}

.signature-carousel .sa_owl_theme .owl-nav .owl-next {
    right: -20px;
    transition: .4s ease-in-out all;
}

.signature-carousel .white .sa_owl_theme .owl-nav .owl-prev {
    background: transparent url('https://signatureturf.com/wp-content/uploads/2021/03/left-arrow.svg') no-repeat center center !important;
    background-size: 100%;
    opacity: .6;
}

.signature-carousel .white .sa_owl_theme .owl-nav .owl-next {
    background: transparent url('https://signatureturf.com/wp-content/uploads/2021/03/right-arrow.svg') no-repeat center center !important;
    background-size: 100%;
    opacity: .6;
}

.signature-carousel .white .sa_owl_theme .owl-nav .owl-prev:hover, .signature-carousel .white .sa_owl_theme .owl-nav .owl-next:hover {
    background-color: transparent !important;
    opacity: 1;
    outline: none;
}
.signature-carousel .white .sa_owl_theme .owl-nav .owl-prev:focus, .signature-carousel .white .sa_owl_theme .owl-nav .owl-next:focus{
    outline: none;
}
.signature-carousel .white .sa_owl_theme .owl-nav .owl-prev:hover {
    left: -25px;
}
.signature-carousel .white .sa_owl_theme .owl-nav .owl-next:hover {
    right: -25px;
}

.signature-carousel .sa_owl_theme .owl-dots .owl-dot span {
    height: 7px !important;
    width: 7px !important;
    background-color : #cecece !important;
}
.signature-carousel .sa_owl_theme .owl-dots .active span{
    background-color: #60a511 !important;
}

/******** end landscape page *******/

/******* About us page ******/
.vision-hover-box {
    box-shadow: 0px 7px 18px -8px rgba(0,0,0,0.35);
}
.vision-hover-box,.vision-hover-box-content,.vision-hover-box-overlay {
    width: 320px;
    height: 300px;
    cursor: default;
}
.vision-hover-box-content{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.vision-hover-box-content p.vision-hover-box-title{
    font-size: 16px;
    font-weight: 600;
    margin-top: 15px;
    color: #a0a0a0;
}

.vision-hover-box-overlay {
    background: #60a511;
    position: absolute;
    top: 0;
    padding: 20px;
    box-sizing: border-box;
    opacity: 0;
    transition: all .4s ease-in-out;
}

.vision-hover-box:hover .vision-hover-box-overlay {
    opacity: 1;
}

.vision-hover-box-overlay p {
    color: #fff;
    text-align: center;
    font-size: 14px;
}

p.vision-hover-box-title {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 16px;
}

.vision-hover-box-overlay .vertical-centered {
    display: table-cell;
    vertical-align: middle;
    height: 280px;
}
/******* End about us page *******/

input.name-field, input.email-field, input.contact-field, select.project-field, textarea.message-field{font-style: italic; font-size: 15px !important;}
.latest_post_two_holder .latest_post_two_info{display: none;}


/**.landscaping-safety .vc_single_image-img.attachment-full{height: 561px !important;}
.playground-safety .vc_single_image-img.attachment-full{height: 517px !important;}
.sports-safety .vc_single_image-img.attachment-full{height: 501px !important;}
.golf-safety .vc_single_image-img.attachment-full{height: 417px !important;}***/

h3.q_masonry_blog_title.entry_title a{ font-weight: 500 !important; }
.footer-location li { padding:0 2px; }
.footer_bottom ul li{ margin-right:0px;}
.footer_bottom_holder, .footer_bottom, .footer_bottom p, .footer_bottom_holder p, .footer_bottom span:not(.q_social_icon_holder):not(.fa-stack):not(.qode_icon_font_elegant) { font-size:12px; }

.title.has_background, .title.has_fixed_background {
background-size: 100% !important;
background-position: center -230px;
background-blend-mode: darken;
}

/******* Solutions subpage ******/
.text-box {background-color: #f4f4f4; padding: 60px 30px; margin-top: -15%;}
.n2-ss-slider-1 {box-shadow: 0px 0px 18px 0px rgba(184,184,184,0.2);}

.solutions-icon-row .icon-column h5 {
letter-spacing: normal;
font-weight: 600;
color: #4c4c4c;
}
.solutions-icon-row {
-webkit-box-shadow: 0px 0px 15px -6px rgba(214,214,214,1);
-moz-box-shadow: 0px 0px 15px -6px rgba(214,214,214,1);
box-shadow: 0px 0px 15px -6px rgba(214,214,214,1);
}

.shadow {
-webkit-box-shadow: 0px 0px 15px -6px rgba(214,214,214,1);
-moz-box-shadow: 0px 0px 15px -6px rgba(214,214,214,1);
box-shadow: 0px 0px 15px -6px rgba(214,214,214,1);
}

.icon-column.border:after {
content: '';
  height: 40%; 
  width: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ececec;
}

/***** Contact Form *****/
input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea {background-color: transparent; border-left: 1px solid #77777760; border-bottom: 1px solid #77777760;}

/****Blog Post****/
p.q_masonry_blog_excerpt {display: none;}
h3.q_masonry_blog_title {font-weight: 600; letter-spacing: 0px; text-transform: none;}
h3.q_masonry_blog_title.entry_title a {border-bottom: none; padding: 0; font-weight: 700; letter-spacing: 0px; text-transform: none;}
.q_masonry_blog {margin-bottom: 0;}

/***Mobile Responsive View***/
@media only screen and (max-width: 600px) {
/**Home**/
h2.section-title {font-size: 70px !important; line-height: 75px !important;}
.section-title-container .vc_column-inner {margin-bottom: -30px !important;}
.quality-column .vc_column-inner {padding: 0px 30px !important;}
.home-img1{padding: 0px 10px;}
.home-img2{padding: 20px 10px 0px 10px;}
.sports-field-padding{padding: 0px 0px 150px 0px;}
.text-position{text-align: center;}
.image-position{margin-left: 34%; padding: 30px 0px 0px 0px;}
.home-contact-padding{padding: 0px 25px;}
.home-contact-padding2{display: none;}
.home-contact-padding3{padding: 40px 0px 0px 0px;}
.home-contact-padding4{padding: -100px 0px 0px 0px;}
.home-desc-padding.vc_custom_1603705225792{padding-top: 30px !important; padding-bottom: 30px !important;}
.home-request-padding.vc_custom_1603697394671{padding-top: 30px !important; padding-bottom: 40px !important;}
.header_top{display: none !important;}
.footer_bottom_holder {padding: 0px;}
.social-icon-size{padding-left: 15px !important; padding-right: 15px !important;}
div#wpcf7-f59-p7-o1 {padding: 0px 20px;}
.footer_top h5 {text-align:left;}
.footer-mobile{padding-top: 10px;}
.footer-mobile-padding{padding: 20px 30px 10px 30px; line-height: 20px;}
.home-ig-padding.vc_custom_1600757185796{padding-top: 40px !important; padding-bottom: 40px !important;}
.home-desc-padding.vc_custom_1603703344943{padding-top: 20px !important; padding-bottom: 20px !important;}
.about-space-display{display: none;}
.about-natural-padding{padding-top: 30px;}
.grass-section {padding-right: 30px !important;padding-left: 30px !important;}
.contact-form-padding{padding-bottom: 50px;}

/** Solutions **/
.solutions-icon-row { max-width:90%; margin:0 auto; }

/**Sports field**/
.sports-title-padding.vc_custom_1603766645520{padding-right: 0px !important;padding-left: 0px !important;}
.sports-img1.vc_custom_1603767210182{padding-right: 0px !important;padding-left: 0px !important;}
.sports-img2.vc_custom_1603767229693{padding-right: 0px !important;padding-left: 0px !important;}
.sports-rev-top{height: 50px !important;}
.sports-rev-img.vc_custom_1603769163778{padding-top: -50px !important; padding-right: 0px !important;margin-left: 20%; height: 60%; width: 60%;}
.sports-rev-text.vc_custom_1603769912135{padding-right: 0px !important; padding: 0px 10px 0px 10px !important;}
.sports-request-form.vc_custom_1603768037348{padding-right: 0px !important;padding-left: 0px !important;}
.sports-form-title.vc_custom_1603768218072{padding-right: 0px !important;padding-left: 0px !important;}
.sports-purpose.vc_custom_1603768724039{padding-right: 0px !important; padding-top: 20px;}
.sports-artificial{padding-bottom: 20px;}
.sports-space-artificial{max-height: 30px;}
.sports-bas-img{padding-bottom: 15px;}

/**Playground**/
.playgrounds-title-padding.vc_custom_1603778580095{padding-right: 0px !important;padding-left: 0px !important; padding: 0px 30px 0px 30px !important;}
.playgrounds-img1.vc_custom_1603778968907{padding-right: 0px !important;padding-left: 0px !important;}
.playgrounds-img2.vc_custom_1603778979320{padding-right: 0px !important;padding-left: 0px !important;}
.playgrounds-img3.vc_custom_1603778998641{padding-right: 0px !important;padding-left: 0px !important;}
.playgrounds-space-title{display: none;}
.playgrounds-rev-space{height: 50px !important;}
.playgrounds-rev-img.vc_custom_1603780121339{padding-right: 0px !important;margin-left: 20%; height: 60%; width: 60%;}
.playgrounds-rev-text.vc_custom_1603780266456{padding-right: 0px !important; padding: 0px 10px 30px 10px !important;}
.playgrounds-artificial.vc_custom_1603781643958{padding-right: 0px !important;padding-left: 0px !important;padding:0px 20px !important;}
.playgrounds-space-artificial{max-height: 30px;}
.playgrounds-space-artificial2{padding-bottom: 20px;}
.playgrounds-safety.vc_custom_1603782143963{padding-right: 0px !important; padding-top: 20px;}
.playgrounds-img4{padding-bottom: 15px;}
.playgrounds-request-padding.vc_custom_1603784000945{padding-right: 0px !important;padding-left: 0px !important;padding: 0px 10px !important;}
.playgrounds-req-txt.vc_custom_1603788748099{padding-right: 10px !important;padding-left: 10px !important;}

/**Golf**/
.golf-title-padding .vc_custom_1603789977320{padding-right: 0px !important;padding-left: 0px !important; padding: 0px 30px 0px 30px !important;}
.golf-title-space{display: none;}
.golf-img1{width: 60%; height: 60%; margin-left: 20%;}
.golf-txt .vc_custom_1603791581204{padding-right: 0px !important;padding-left: 0px !important;}
.golf-txt2 .vc_custom_1603791970601{padding-right: 0px !important;padding-left: 0px !important;}
.golf-rev-space{height: 50px !important;}
.golf-rev-img .vc_custom_1603792395744{padding-right: 0px !important;margin-left: 20%; height: 60%; width: 60%;}
.golf-rev-text .vc_custom_1603848495705{padding-right: 0px !important; padding: 0px 10px 30px 10px !important;}
.golf-create.vc_custom_1603849440483{padding-right: 0px !important;padding-left: 0px !important;padding:0px 20px !important;}
.golf-create-space{max-height: 30px;}
.golf-create-space2{padding-bottom: 20px;}
.golf-create-space3{max-height: 50px;}
.golf-create-img{padding: 0px 10px}
.golf-max .vc_custom_1603852974413{padding-right: 0px !important;}
}

@media (max-width: 768px) {
        .reverse_order .section_inner_margin, .reverse_order .full_section_inner, .reverse_order .q_elements_holder { 
        display: -webkit-flex; 
        -webkit-flex-direction: column-reverse; 
        display: -webkit-flex; 
        display: -webkit-flex;
        display: flex; 
        -ms-flex-direction: column-reverse; 
        -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
.landscaping-safety img { height: 701px; width: 851px; max-width: none;}
.landscaping-safety .wpb_single_image .vc_single_image-wrapper {max-width: none;}

.playground-safety img { height: 637px; width: 961px; max-width: none; margin-left: -60%;}
.playground-safety .wpb_single_image .vc_single_image-wrapper {max-width: none;}

.golf-safety img { height: 537px; width: 869px; max-width: none; margin-left: -30%;}
.golf-safety .wpb_single_image .vc_single_image-wrapper {max-width: none;}

.sports-safety img { height: 609px; width: 812px; max-width: none;}
.sports-safety.wpb_single_image .vc_single_image-wrapper {max-width: none;}
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
.product-1440-1 {margin-top: 15px !important; }
.product-1440-2 {margin-top: 37px !important;}
.product-1440-3 {margin-top: 50px !important;}

.landscaping-safety-text-box .q_elements_item_content {padding: 30px 28px !important;}
.landscaping-safety {max-height: 519px; overflow: hidden;}

.playground-safety img { height: 517px; width: 780px; max-width: none;}
.playground-safety .wpb_single_image .vc_single_image-wrapper {max-width: none;}

.golf-safety img { height: 417px; width: 675px; max-width: none;}
.golf-safety .wpb_single_image .vc_single_image-wrapper {max-width: none;}

.sports-safety img { height: 521px; width: 695px; max-width: none;}
.sports-safety.wpb_single_image .vc_single_image-wrapper {max-width: none;}
}

@media only screen and (min-width: 1366px) and (max-width: 1439px) {
.product-1440-1 {margin-top: 35px !important; }
.product-1440-2 {margin-top: 55px !important;}
.product-1440-3 {margin-top: 70px !important;}

.landscaping-safety {max-height: 541px; overflow: hidden;}

.playground-safety img { height: 497px; width: 750px; max-width: none;}
.playground-safety .wpb_single_image .vc_single_image-wrapper {max-width: none;}

.golf-safety img {width: 100%;}
.golf-safety.wpb_single_image .vc_single_image-wrapper{width: 100%;}
.golf-safety {height: 417px; overflow: hidden;}

.sports-safety {height: 501px; overflow: hidden;}
}

@media only screen and (min-width: 1440px) and (max-width: 1679px) {
.product-1440-1 {margin-top: 60px !important; }
.product-1440-2 {margin-top: 85px !important;}
.product-1440-3 {margin-top: 90px !important;}

.landscaping-safety {max-height: 521px; overflow: hidden;}
.playground-safety {max-height: 477px; overflow: hidden;}

.golf-safety img {width: 100%;}
.golf-safety.wpb_single_image .vc_single_image-wrapper{width: 100%;}
.golf-safety {height: 377px; overflow: hidden;}

.sports-safety {height: 457px; overflow: hidden;}
}

@media only screen and (min-width: 1680px) and (max-width: 1919px) {
.product-1440-1 {margin-top: 135px !important; }
.product-1440-2 {margin-top: 155px !important;}
.product-1440-3 {margin-top: 160px !important;}

.landscaping-safety {max-height: 501px; overflow: hidden;}
.playground-safety {max-height: 437px; overflow: hidden;}

.golf-safety img {width: 100%; margin-top: -15%;}
.golf-safety.wpb_single_image .vc_single_image-wrapper{width: 100%;}
.golf-safety {height: 357px; overflow: hidden;}

.sports-safety img {width: 100%; margin-top: -20%;}
.sports-safety.wpb_single_image .vc_single_image-wrapper{width: 100%;}
.sports-safety {height: 413px; overflow: hidden;}
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
.product-1440-1 {margin-top: 210px !important; }
.product-1440-2 {margin-top: 230px !important;}
.product-1440-3 {margin-top: 235px !important;}

.landscaping-safety img {width: 100%;}
.landscaping-safety .vc_single_image-wrapper {width: 100%;}
.landscaping-safety {max-height: 481px; overflow: hidden;}

.playground-safety {max-height: 397px; overflow: hidden;}
.playground-safety img {margin-top: -15%;}

.golf-safety img {width: 100%; margin-top: -15%;}
.golf-safety.wpb_single_image .vc_single_image-wrapper{width: 100%;}
.golf-safety {height: 337px; overflow: hidden;}

.sports-safety img {width: 100%; margin-top: -20%;}
.sports-safety.wpb_single_image .vc_single_image-wrapper{width: 100%;}
.sports-safety {height: 393px; overflow: hidden;}
}

@media only screen and (min-width: 2560px) {
.product-1440-1 {margin-top: 330px !important; }
.product-1440-2 {margin-top: 350px !important;}
.product-1440-3 {margin-top: 370px !important;}

.landscaping-safety img {width: 100%; margin-top: -15%;}
.landscaping-safety .vc_single_image-wrapper {width: 100%;}
.landscaping-safety {max-height: 441px; overflow: hidden;}

.playground-safety img {width: 100%; margin-top: -30%;}
.playground-safety .vc_single_image-wrapper {width: 100%;}
.playground-safety {max-height: 337px; overflow: hidden;}

.golf-safety img {width: 100%; margin-top: -15%;}
.golf-safety.wpb_single_image .vc_single_image-wrapper{width: 100%;}
.golf-safety {height: 317px; overflow: hidden;}

.sports-safety img {width: 100%; margin-top: -35%;}
.sports-safety.wpb_single_image .vc_single_image-wrapper{width: 100%;}
.sports-safety {height: 349px; overflow: hidden;}
}

/*********** General ***********/
.landing_subtitle { text-transform:capitalize; }
.content ul { list-style-position:outside; padding-left:20px; }

/*********** Footer ***********/
footer .latest_post a img { display:none; }
footer .latest_post_holder.image_in_box .latest_post_text { padding:0; }
footer h6 a { text-transform:capitalize; font-weight:400; font-size:16px; }

/*********** Single Post ***********/
.single-post .title_subtitle_holder_inner h1 span { display:none; }

/*********** Contact Form ***********/
.wpcf7 form.sent .wpcf7-response-output { display:none !important; }
label, input[type=checkbox] { font-weight:400; color:#818181; }

/*********** About Us ***********/
.about-row1, .about-row2 { z-index:999; }
.about-row1-text { margin-top:-340px; background:#EEE; padding:50px 20px 50px 200px; z-index:1; }
.about-row2 { z-index:999; }
.about-row2-text { margin-top:-380px; background:#EEE; padding:50px 200px 50px 20px; z-index:1; }

/*********** Parallax (Title & Section) ***********/
.title.has_background, .title.has_fixed_background { background-position:50% 80% !important; }
section.parallax_section_holder { background-position:50% !important; }

/*********** Tab ***********/
.q_tabs .tabs-nav li a { letter-spacing:0px; } 

/*********** Blog ***********/
.latest_post_holder ul { padding-left:0; }
.latest_post_two_holder .latest_post_two_text { padding:20px 0px; }
.blog_holder article .post_info, .blog_holder article .post_text h2 .date { display:none; }
.blog_holder.blog_single article h2 { margin-bottom:20px; }
.single-post .default_template_holder { margin-top:50px; }
.single-post .title.has_background, .single-post .title.has_fixed_background { display:none; }
.single-post .content { padding-bottom:50px; }
.latest_post_holder.boxes>ul>li .latest_post { padding:20px 0 10px; } 
.post-navigation { margin:0 auto; height:50px; padding:30px 0; border-top:1px solid rgba(221,221,221,0.75); border-bottom:1px solid rgba(221,221,221,0.75); }
.post-navigation h2 { display:none; }
.nav-previous { float:left; width:49.5%; border-right:1px solid rgba(221,221,221,0.75); }
.nav-next { float:right; width:49.5%; text-align:right; }
.previous-post, .next-post { font-size:120%; font-weight:700; display:block; }

/*********** Media Query ***********/
@media only screen and (max-width:480px) {
/** Blog **/
.post-navigation { width:300px; padding:20px 0 30px; height:120px; }
}

@media only screen and (min-width:481px) and (max-width: 600px) {
.post-navigation { width:420px; padding:20px 0 30px; height:120px; }
}

@media only screen and (min-width:601px) and (max-width: 767px) {
.post-navigation { width:560px; padding:20px 0 30px; height:120px; }
}

@media only screen and (max-width:767px) {
/** General **/
.reverse-order.q_elements_holder { display: -webkit-flex; -webkit-flex-direction: column-reverse; display: -webkit-flex; display: -webkit-flex; display: flex;  -ms-flex-direction: column-reverse;  -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; }

/** Home **/
.solutions-row .vc_col-sm-3 { padding-bottom:30px; }
.solutions-row .vc_col-sm-3:last-child { padding-bottom:0; }

/** About Us **/
.about-row1-text, .about-row2-text { padding:20px; margin:0; }

/** Blog **/
.nav-previous, .nav-next { float:left; width:100%; text-align:left; }
.nav-previous { border-right:unset; border-bottom:1px solid rgba(221,221,221,0.75); padding-bottom:20px; }
.nav-next { padding-top:20px; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
/** About Us **/
.about-row1-text { margin-top:-200px; padding:50px 20px 50px 100px; }
.about-row2-text { margin-top:-200px; padding:50px 100px 50px 20px; }

/** Blog **/
.post-navigation { width:600px; padding:20px 0 30px; height:50px; }
}

@media only screen and (min-width:1024px) and (max-width:1280px) {
/** Blog **/
.post-navigation { width:960px; padding:20px 0 30px; height:50px; }
}

@media only screen and (min-width:1280px) {
/** Blog **/
.post-navigation { width:1100px; }
}

@media only screen and (min-width:1280px) and (max-width:1365px) {
/** Parallax (Title & Section) **/
.title.has_background, .title.has_fixed_background { background-position:50% 100% !important; }
}
/*# sourceURL=bridge-style-dynamic-responsive-inline-css */
