/**
Theme Name: Green Shield
Author: Team WPGenius
Author URI: https://wpgenius.in
Description: Green Shield is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Green Shield comes with schema.org code integrated so search engines will love your site. Green Shield offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Green Shield is fast, fully customizable and beautiful theme!
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: green-shield
Template: astra
*/

/**************************************************PRIMARY MENU*****************************
*/
.hide, .wpautoterms-footer {
	display: none;
}
#primary-menu li {
   padding: 0 27px;
}
#primary-menu li:first-child {
   padding-left: 0;
}
#primary-menu li:last-child {
   padding-right: 0;
}
#primary-menu a {
   padding: 0;
}
#primary-menu a:focus {
    outline: none;
}
#primary-menu a:before {
    content: '';
    border-bottom: 1px solid #a0a0a0;
    display: block;
    position: absolute;
    bottom: 3px;
    width: 48%;
    height: 100%;
    overflow: hidden;
    left: 0;
}
#primary-menu a:after {
    content: '';
    border-bottom: 1px solid #a0a0a0;
    display: block;
    position: absolute;
    bottom: 3px;
    width: 48%;
    height: 100%;
    right: 0px;
}
#primary-menu li:first-child a:before {
   width: 25%;
}
#primary-menu li:last-child a:after {
   width: 33%;
}
#primary-menu li:first-child a:after {
   width: 66%;
}
#primary-menu li:last-child a:before {
   width: 60%;
}
#primary-menu a .sub-arrow {
   display: none;
}
#primary-menu .menu-text {
   position: relative;
}
#primary-menu a .menu-text:before {
   content: '\25C7';
   position: absolute;
   bottom: -18px;
   left: 0;
   right: 0;
   text-align: center;
   color: #717171;
   z-index: 99;
   font-size: 11px;
}
#primary-menu .current-menu-item a .menu-text:before,
#primary-menu li:hover a .menu-text:before {
   content: '\25C6';
}

#primary-menu .sub-menu {
   width: 348px;
   padding: 15px 0;
   margin-top: -3px;
}
#primary-menu .sub-menu li {
   padding: 0 0 0 30px;
}
#primary-menu .sub-menu a {
   padding: 10px 0 10px 20px;
   overflow: hidden;
   letter-spacing: 1px;
   line-height: 1.15;
   transition: all .3s;
   position: relative;
}
#primary-menu .sub-menu li a:before,
#primary-menu .sub-menu li a:after {
   content: "";
   width: 1px;
   height: 50%;
   position: absolute;
   left: 3px;
   border: none;
   background-color: #a0a0a0;
}
#primary-menu .sub-menu li a:before {
   top: -3px;
}
#primary-menu .sub-menu li a:after {
   bottom: -3px;
}
#primary-menu .sub-menu a .menu-text {
   position: unset;
}
#primary-menu .sub-menu .menu-item a .menu-text:before {
   content: '\25C7';
   position: absolute;
   left: 0px;
   top: 50%;
   right: auto;
   overflow: hidden;
   transform: translateY(-5.5px);
   font-size: 9px;
}
#primary-menu .sub-menu .current-menu-item a .menu-text:before,
#primary-menu .sub-menu li:hover a .menu-text:before {

	content: '\25C6';
}
#primary-menu .sub-menu li:first-child a:before,
#primary-menu .sub-menu li:last-child a:after {
   display: none;
}




/**************************************************SLIDER*****************************
*/

.ast-advanced-headers-layout-1 .ast-advanced-headers-wrap {
    max-width: -moz-fit-content;
    max-width: max-content;
    padding: 15px 25px 15px 0;
	background-color: #4eb848;
    position: relative;
}

.ast-advanced-headers-layout h1.ast-advanced-headers-title {
	background-color: #4eb848;
    font-size: 36px;
    line-height: 1;
	font-weight: 700;
}

.ast-advanced-headers-layout h1:before {
    background-color: #4eb848;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 750px;
    left: -750px;
    z-index: -1;
    top: 0;
}

.home-slider .maxslider {
    height: 380px;
}

.home-slider .maxslider-slide-content {
   padding-left: 20px;
   padding-top: 110px;
}

.home-slider .slick-current.slick-active .maxslider-slide-content-pad:before {
	content: '';
	background-color: #51b747;
	position: absolute;
	width: 520px;
    left: -500px;
	height: 100%;
	z-index: -1;
	top: 0;
	bottom: 0;
}

.home-slider .maxslider-slide-content h3.maxslider-slide-title,
.home-slider .maxslider-slide-content p.maxslider-slide-subtitle {
    -webkit-animation: fadeIn 3s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadeIn 3s; /* Firefox < 16 */
	-ms-animation: fadeIn 3s; /* Internet Explorer */
	-o-animation: fadeIn 3s; /* Opera < 12.1 */
	animation: fadeIn 3s;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.home-slider .maxslider-slide-content h3.maxslider-slide-title {
   font-size: 28px;
   margin-bottom: 0;
   padding-top: 5px;
   /*color: #213f99;*/
}

.home-slider .maxslider-slide-content p.maxslider-slide-subtitle {
   font-size: 12px;
   position: relative;
   padding: 0 0 6px;
   margin-bottom: 0;
   margin-top: 0;
   top: 0;
   left: 0;
   max-width: 100%;
}

/*.home-slider .slick-current.slick-active .maxslider-slide-content p.maxslider-slide-subtitle:before {
	background-color: #51b747;
	content: '';
	display: block;
	height: 72px;
    position: absolute;
    width: 1250px;
    left: -585px;
    z-index: -1;
    top: -45px;
	border-radius: 3px;
}*/

.home-slider .maxslider-slide-content a.maxslider-btn {
   position: absolute;
   top: 50%;
   right: -170px;
   padding: 7px 32px;
   /*background-color: #51b747;*/
   color: #ffffff;
   font-weight: 400;
   font-size: 14px;
   border: 1px solid #204798 !important;
   border-radius: 25px;
   margin: -35px 0 0 35px;
   transform: translate(20%, 50%);
}

.home-slider .maxslider-slide-content a.maxslider-btn:hover{

	/*background-color: #64c15f;
	color: #ffffff;*/
}

.home-slider .maxslider-slide-content-pad {
	position: relative;
    background-color: #51b747;
    border-radius: 0 3px 3px 0;
    padding: 0 20px 0 0;
}

.home-slider .slick-current.slick-active .maxslider-slide-content a.maxslider-btn:after {
   content: '';
   height: 1px;
   background-color: #51b747;
   display: inline-block;
   position: absolute;
   left: -999px;
   width: 980px;
   top: 18px;
   display: none;
}

/*.maxslider .slick-dots button {
    position: static;
    display: inline-block;
    text-indent: -999em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #626262;
    padding: 0;
    margin: 0;
    min-width: 0;
    max-width: 100%;
    background-color: rgba(0,0,0,0);
}
.maxslider .slick-dots li{
	margin: 0px 8px;
}
.maxslider .slick-dots li.slick-active {
    opacity: 0.8; 
    background-color: #626262;
    border-radius: 50%;
    width: 6px;
    height: 6px;
} */

.maxslider .slick-dots li {
	opacity: 1;
}

.slick-dots li.slick-active button:before,
.slick-dots li button:before {
	display: none;
}

.maxslider .slick-dots li.slick-active button {
    background: #616161;
}

.maxslider .slick-dots button {
	background: rgba(255, 255, 255, 0.7);
    border: 1px solid #616161;
}

.ast-scroll-top-icon .ast-scroll-to-top-right {
    background-image: url(assets/images/Page-up-arrow.svg);
}

.ast-scroll-top-icon::before {
    content: "\e900";
    font-weight: 900;
    font-family: Astra;
    text-decoration: inherit;
    position: absolute;
    transform: rotate(133deg) translate(7px, 8px);
}

.ast-scroll-top-icon {
    transform: rotate(45deg);
    position: relative;
}
/**************************************************WELCOME SECTION****************************
*/
.welcome-section {
   padding-bottom: 60px;
   position: relative;
   
}

.welcome-section:before {
   content: '';
   background-image: url(assets/images/section-before-new.png);
   background-repeat: no-repeat;
   width: 540px;
   height: 540px;
   position: absolute;
   right: -295px;
   top: 0;
}

.welcome-section:after{
   content: '';
   background-image: url(assets/images/section-after-new.png);
   background-repeat: no-repeat;
   width: 540px;
   height: 540px;
   position: absolute;
   left: -365px;
   top: 215px;
}

.suitable-section .elementor-text-editor {

   margin-top: 0px;
   color: #51b747;
   font-weight: 700;
   font-size: 13.56px;
}

.suitable-section .elementor-text-editor h5 {
   margin-bottom: 0;
   line-height: 23px;
   color: #51b747;
}

.main-heading h2:after {
    /* position: absolute; */
    border-bottom: 3px solid;
    display: block;
    content: "";
    width: 30px;
    margin-top: 20px;
    margin-bottom: 15px;
}


/**************************************************APPLICATIONS LIST******************************
*/

.products ol,
.applications ul {
    list-style: none;
    margin-left: 0;
}

.products ol li,
.applications ul li {
    position: relative;
    padding-left: 32px;
    padding-bottom: 66px;
	-webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
}

.products ol li:before,
.applications ul li:before {
    position: absolute;
    content: '\25C6';
    left: 0;
    top: 0;
    font-size: 17px;
}

.products ol li:last-child,
.applications ol li:last-child {
    padding-bottom: 0;
}

.products ol li a:hover,
.applications ul li a:hover {
    color: #ffffff;
}

.products ol li a,
.applications ul li a {
    color: #ffffff;
    position: absolute;
}

.products ol li a:after,
.applications ul li a:after {
    content: '';
    border-bottom: 1px solid;
    display: block;
    padding-bottom: 4px;
    position: absolute;
    left: 0;
    right: 100%;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.products ol li:hover a:after,
.applications ul li:hover a:after {
    right: 0;
}

/**************************************************FOOTER******************************
*/

.home .footer-adv {
    background-color: #ffffff !important;
}


.home .ast-custom-footer .elementor-361 .elementor-element.elementor-element-6244cac:not(.elementor-motion-effects-element-type-background){



	background-color: #ffffff;
}
button.btn-default {
    border-radius: 25px;
    padding: 7px 32px;
    background-color: #213f99;
    
    
}

.ast-col-lg-2.ast-col-md-2.ast-col-sm-12.ast-col-xs-12:last-child {
    width: 30%;
    text-align: right;
    top: 100px;
}

.ast-col-lg-2.ast-col-md-2.footer-adv-widget-1 {
    width: 13%;
}

.ast-col-lg-2.ast-col-md-2.footer-adv-widget-2 {
    width: 17%;
}

.ast-col-lg-2.ast-col-md-2.footer-adv-widget-3 {
    width: 23%;
}

.ast-col-lg-2.ast-col-md-2.footer-adv-widget-4 {
    width: 17%;
}

.site-footer h5 {
    font-size: 14px;
    color: #213f99;
    text-transform: uppercase;
    font-weight: 500;
}

.site-footer a {
    font-size: 12px;
    font-weight: 500;
}

.site-footer li {
    line-height: 1.2;
}

.copyrights-menu ul {
    list-style: none;
    margin: 0;
    text-align: center;
    line-height: 20px;


}

.copyrights-menu li{
	 display: inline-block;

}

.copyrights-menu a {
    color: #ffffff;
    float: left;
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 11px;
    text-transform: capitalize;
}

.copyrights-menu a:after {
    content: "";
    border: 1px solid;
    display: inline-block;
    height: 10px;
    position: absolute;
    top: 5px;
    margin-left: 10px;
}

.copyrights-menu li:first-child a {
    padding-left: 0;
}

.copyrights-menu li:last-child a {
    padding-right: 0;
}

.copyrights-menu li:last-child a:after {
    display: none;
}

.designed-by a {
    color: #ffffff;
}

.copyrights-footer p {
    margin-bottom: 0;
}
/**************************************************BENEFITS SECTION******************************
*/

.benefits ul {
    list-style: none;
    margin-left: 0;
    margin-top: 30px;
}

.benefits ul li {
    position: relative;
    padding-left: 32px;
    padding-bottom: 33px;
    padding-top: 0px;
}

.benefits ul li:before {
    position: absolute;
    content: '\25C6';
    left: 0px;
    top: 0px;
    color: #51b747;
    font-size: 17px;
}

.benefits ul li span {
    font-size: 17px;
  
    
}


/**************************************************BUILD TOGATHER SECTION******************************
*/
.build-togather-video.elementor-widget.elementor-widget-video:before {
    content: '';
    background-color: #51b747;
    position: absolute;
    display: block;
    width: 1000px;
    height: 225px;
    right: -448px;
    top: 50%;
    transform: translate(0%, -50%);
}

.build-togather-video.elementor-widget.elementor-widget-video {
    position: relative;
    width: 432px;
    left: 0;
    z-index: 99;
}

.build-togather a.elementor-button-link.elementor-button:after {
    content: '';
    height: 1px;
    background-color: #64c15f;
    display: inline-block;
    position: absolute;
    right: 454px;
    width: 980px;
    top: 18px;

}

.build-togather a.elementor-button-link.elementor-button {
	color: #61ce70;
	border-radius: 15px 15px 15px 15px;
	top: 0;
	right: -178px;
	padding: 10px 35px 10px 35px !important;
	background-color: rgba(0,0,0,0);
	color: #64c15f;
	font-weight: 400;
	font-size: 13px;
	border: 1px solid #64c15f !important;
	border-radius: 20px;
}

.build-togather-video .eicon-play {
	background-color: #51b747;
	border-radius: 50%;
	height: 39px;
	width: 39px;
	text-align: center;
	display: block;
	line-height: 39px;
	padding: 0 14px;
	opacity: 1;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.build-togather-video .eicon-play:hover {
    -webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.build-togather-video .eicon-play:before {
   content: '\25B6';
   font-size: 18px;
} 

.build-togather:before {
    content: '';
    background-image: url(assets/images/build-together-before.png);
    background-repeat: no-repeat;
    width: 589px;
    height: 458px;
    position: absolute;
    left: -192px;
    top: 0;
    
 
 
}

.build-togather:after {
    content: '';
    background-image: url(assets/images/build-together-after.png);
    background-repeat: no-repeat;
    width: 422px;
    height: 422px;
    position: absolute;
    right: -45px;
    bottom: 0;
    line-height: 0;
    z-index: 1;
}


.build-togather .main-heading h2:after {
    margin-bottom: 28px;
}

/**************************************************CONTACT PAGE******************************
*********************************************************************************************
*/


/**************************************************ADDRESS******************************
*/

.contact-form-address a {
    color: #ffffff;
}

.contact-form-address .view-on-map a {
    position: relative;
    top: -12px;
}

.contact-form-address .view-on-map a:after {
    content: "";
    border-bottom: 1px solid;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
}

/**************************************************SEND US A MESSAGE******************************
*/
.main-heading h3:after {
    border-bottom: 3px solid;
    display: block;
    content: "";
    width: 30px;
    margin-top: 35px;
    margin-bottom: 28px;
}



/**************************************************CONTACT FORM******************************
*/

.address a {
   margin-top: 8px;
   display: inline-block;
   border-bottom: 1px solid;
}

.contact-form .ast-col-md-12 {
    padding-bottom: 12px;
}

.contact-form .ast-col-md-12:last-child {
    padding-bottom: 0;
}

.wpcf7 form > div, .wpcf7 form>p {
    margin-bottom: 0;
}

.elementor-15 .elementor-element.elementor-element-90fb740.elementor-position-top .elementor-image-box-img {
    margin-bottom: 15px;
}

.contact-form .ast-col-md-6 {
    padding-bottom: 12px;
}

.contact-form .ast-col-md-12 {
    padding-bottom: 20px;
}


.contact-form .wpcf7-form-control {
    border-radius: 8px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    border-color: #c3c3c3;
    
}

.contact-form .wpcf7-form-control {
    padding: 8px 18px 8px;
    border-radius: 0;
}

.contact-form input.wpcf7-form-control.wpcf7-submit {
   
    text-transform: capitalize;
    float: right;
}


.contact-form:before {
    content: '';
    background-image: url(assets/images/section-before-new.png);
    background-repeat: no-repeat;
    width: 551px;
    height: 540px;
    position: absolute;
    left: -182px;
    top: 164px;
}

.contact-us #primary {
    margin-bottom: 0;
}
.contact-us .site-footer.footer-adv {
   /*display: none;*/
}

.contact-form select {
    width: 100%;
}


.main-heading.send-message h3:after {
    margin-top: 18px;
    margin-bottom: 0;
}
/**************************************************PRODUCT TEMPLATE**********************************
*****************************************************************************************************
*/
.product-section p:before {
    content: "";
    height: 4px;
    background-color: #51b747;
    width: 214px;
    position: absolute;
    top: 0;
    left: 0;
}




/**************************************************PRODUCT TEMPLATE**********************************
*****************************************************************************************************
*/
.application-areas h2:after {
    border-bottom-color: #51b747;
    margin-bottom: 20px;
}


.application-areas h2:before {
    content: '';
    background-color: #51b747;
    border-right: 10px solid #213f99;
    position: absolute;
    display: block;
    width: 90px;
    height: 35px;
    top: 0;
    left: -110px;
    transform: translate(0%, 0%);
}


.resources-section h2:after {
    margin-bottom: 12px;
}

.resources-section ul {
    list-style: none;
    margin-left: 0;
    margin-top: 20px;

}

.resources-section ul li {
    position: relative;
    display: inline-block;
    padding-right: 25px;
    margin-right: 25px;
    margin-bottom: 7px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    color: rgba(98, 98, 98, 0.8588235294117647);
}

.resources-section ul li:after {
    content: "";
    border: 1px solid;
    display: block;
    height: 12px;
    position: absolute;
    top: 8px;
    right: 0px;
    color: #62626280;
}

.resources-section ul li:last-child::after {
    display: none;
}

.resources-section a {
	color: #626262db;
    float: left;
    position: relative;
    padding-right: 25px;
    margin-right: 25px;
    text-transform: capitalize;
    font-size: 14px;
}

.resources-section li:last-child a{

	margin-right: 0px;
	padding-right: 0px;
} 

.resources-section a span {
    position: relative;
}

.resources-section a span:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid;
    border-bottom-color: #51b747;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -4px;
}

.resources-section a:after {
    content: "";
    border: 1px solid;
    display: block;
    height: 12px;
    position: absolute;
    top: 8px;
    right: 0px;
    color: #62626280;
   
}

.resources-section li:first-child a {
    padding-left: 0;
}

.resources-section li:last-child a:after {
    display: none;
}

.features-section-img:before {
    content: '';
    /*background-color: #51b747;*/
	background-image: url(assets/images/features-benifits-new.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
    position: absolute;
    display: block;
    width: 400px;
    height: 410px;
    right: -38%;
    top: 0%;
    z-index: -2;
    transform: translate(0%, 0%);
}

.main-features-section {
    position: relative;
}

/*.main-features-section:before {
    content: '';
    background-image: url(assets/images/section-before-new.png);
    background-repeat: no-repeat;
    width: 540px;
    height: 490px;
    position: absolute;
    right: -128px;
    top: 194px;
    z-index: -1;
    background-size: 487px;
} */

.main-features-section:after {
    content: '';
    background-image: url(assets/images/section-after-new.png);
    background-repeat: no-repeat;
    width: 590px;
    height: 557px;
    position: absolute;
    left: -265px;
    top: auto;
    bottom: 10px;
    z-index: -999;
}

.resources-section p {
    font-size: 14px;
}

.product #primary{
	margin-bottom: 0;
}

.prodcuts-intro-boxes:before {
    content: '';
    background-image: url(assets/images/section-after-new.png);
    background-repeat: no-repeat;
    width: 590px;
    height: 557px;
    position: absolute;
    right: -259px;
    /* top: 0; */
    z-index: -9;
    bottom: 115px;
}

/******************************************************TPE ROOFING MEMBRAN********************************
**********************************************************************************************************
*/
.nomenclature p:before {
  display: none;
}

span.gray-bg {
    background-color: #f4f5f5;
    padding: 0 5px;
}

.prodcuts-intro-boxes figure.elementor-image-box-img {
    margin-top: -42px !important;
    z-index: 999;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
}

.prodcuts-intro-boxes .elementor-image-box-content p {
    text-align: left;
}

.prodcuts-intro-boxes .elementor-widget-container {
    min-height: 490px;
}

.prodcuts-intro-boxes.expansion-box .elementor-widget-container {
    min-height: 634px;
}

.prodcuts-intro-boxes.hdpe-box .elementor-widget-container {
    min-height: 545px;
}

.installation-tabs .elementor-tab-title {
    background-color: #e5e5e5;
    border-radius: 50px;
    margin-bottom: 15px;
    position: relative;
}

.installation-tabs .elementor-tab-title.elementor-active {
    background-color: #4eb848;
}

.installation-tabs .elementor-tab-title:before, .installation-tabs .elementor-tab-title.elementor-active:before {
    content: "\e900" !important;
    font-weight: 900 !important;
    font-family: Astra !important;
    width: 14px !important;
    height: 14px !important;
    right: 25px !important;
    position: absolute !important;
    transform: rotate(270deg) !important;
}

.installation-tabs .elementor-tab-title.elementor-active:before {
    top: 20px !important;
    color: #ffffff;
}

.installation-tabs p.tab-info {
    width: 58%;
    margin: 0 auto;
}

.installation-tabs img {
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
    margin-bottom: 20px;
}

.installation-tabs .elementor-tab-content {
    margin-top: -110px;
}

.installation-tabs:before {
    content: '';
    background-image: url(assets/images/section-before-new.png);
    background-repeat: no-repeat;
    width: 590px;
    height: 557px;
    position: absolute;
    right: -365px;
    top: 0;
    z-index: -1;
}
/******************************************************TPE EXPANSION JOINTS********************************
**********************************************************************************************************
*/
#page{

	overflow: hidden;
}

.features-section ul {
    margin-left: 0px;
    list-style: none;
}

.features-section ul li:before {
    position: absolute;
    content: '\25C6';
    left: 0px;
    top: 0px;
    color: #51b747;
    font-size: 17px;
  
}

.features-section ul li {
    position: relative;
    padding: 0 0 5px 30px;
}
/******************************************************TPE ROOFING MEMBRANCE********************************
**********************************************************************************************************
*/
.application-areas ul {
    margin-left: 0;
    list-style: none;
}

.application-areas li {
    position: relative;
    padding: 0 0 5px 25px;
}

.application-areas li:before {
    position: absolute;
    content: '\25C6';
    left: 0px;
    top: 0px;
    color: #fff;
    font-size: 14px;
    padding: 0 0 5px 0px;
}


.application-areas p {
    margin-bottom: 10px;
}

/**************************************************APPLICATION TEMPLATE**********************************
*****************************************************************************************************
*/

.application-section .elementor-text-editor {
    padding-top: 50px;
}

.application-section .elementor-text-editor:before {
    content: '';
    border-top: 4px solid #51b747;
    width: 214px;
    display: block;
    margin-bottom: 35px;
}

/*.application-section p:before {
    content: "";
    border: 2px solid #51b747;
    width: 214px;
    position: absolute;
    top: 0;
    left: 0;
}

.application-section p {
    position: relative;
    padding-top: 35px;
    margin-top: 50px;
}*/

.resources-section .gs-products a {
    color: #000000a3;
    padding-left: 0px;
    padding-right: 15px;
    font-weight: 500;
    font-size: 14px;
    margin-right: 15px;
    margin-bottom: 10px;
}    
.gs-application:before {
    content: '';
    background-image: url(assets/images/section-before-new.png);
    background-repeat: no-repeat;
    width: 590px;
    height: 557px;
    position: absolute;
    right: -340px;
    top: -304px;
    z-index: 1;
}

.resources-section .gs-products li:last-child a{

	margin-bottom: 0px;
	margin-right: 0px;
	padding-right: 0px;
}
.gs-application li {
    position: relative;
    padding: 0 0 5px 30px;
}

.gs-application ul {
    list-style: none;
    margin-left: 0;
}

.elementor-editor-active li:before {
	display: none;
}

.gs-application li:before {
    position: absolute;
    content: '\25C6';
    left: 0px;
    top: 0px;
    color: #64c15f;
    font-size: 17px;
}

.gs-application{
	position: relative;	
}

.application #primary{
	margin-bottom: 0;
	margin-top: 0;
}

.expansion-joints #primary {
    margin-top: 0;
}

.application-methodology .main-heading h2:after {
    border-bottom: 3px solid;
    display: block;
    content: "";
    width: 30px;
    margin-top: 20px;
    margin-bottom: 11px;
}

.resources-section .gs-products a:after {
    color: #00000087;
}

.application-methodology p {
    margin-bottom: 0;
}


/*********************************************NEWS AND EVENTS***************************
****************************************************************************************/

.blog .ast-title-bar-wrap {
    background-image: url(assets/images/news-event-banner.jpg) !important;
}

.single-post .ast-title-bar-wrap {
    background-image: url(assets/images/single-news-event-banner.jpg) !important;
}

.blog .ast-advanced-headers-layout,
.single-post .ast-advanced-headers-layout {
	text-align: left !important;
}

#comments {
	display: none;
}

.news-event-wrap.post-content .entry-title h2 {
    margin-bottom: 25px;
}

.news-event-wrap .entry-title + p {
    line-height: 21px;
}

ul.news-event-wrap {
    list-style: none;
    margin-left: 0;
}

ul.news-event-wrap a:after {
    content: "";
    border: 1px solid #62626230;
    position: absolute;
    height: 18px;
    display: block;
    right: 12px;
    top: 5px;
}
ul.news-event-wrap a {
    float: left;
    padding-right: 30px;
    margin-right: 6px;
    position: relative;
    font-size: 15px;
    font-weight: 500;
}

.news-event-wrap li:last-child a:after {
    display: none;
}

.news-event-wrap li:last-child a {
    padding-right: 0;
    margin-right: 0;
}

.news-event-wrap a.ast-button {
    padding: 7px 32px;
    border-radius: 25px;
    background-color: #51b747;
}

.news-event-wrap li.active a {
    color: #204798;
}

.news-event-wrap li a{
  color: #787979;
}

.news-event-wrap .entry-title a {
    color: #204798;
    font-weight: 500;
}

.news-event-wrap span.published {
    font-size: 12px;
    color: #626262;
    font-weight: 500;
}

.single-post span.published {
    font-size: 12px;
    color: #626262;
    font-weight: 500;
}

.single-post ul.news-event-wrap{
   margin-left: 0;
}

.single-post h2.entry-title {
    color: #204798;
    font-size: 28px;
    font-weight: 700;
    margin-top: 23px;
}
.single-post .entry-content h3 {
    color: #204798;
}

.single-post .ast-article-single {
    margin-top: 60px;
}

.single-post .entry-content p {
    line-height: 23px;
    margin-bottom: 15px;
}

.news-event-wrap h2.entry-title {
    margin-bottom: 25px;
    font-size: 23px;
    margin-top: 22px;
}

.ast-article-post{
    margin-top: 54px;
    margin-bottom: 0;
}

.news-event-wrap .post-thumb-img-content.post-thumb {
    z-index: 1;
    margin-top: 32px;
    margin-left: 15px;
}

.ast-article-post .blog-layout-1  {
    border-bottom: none;
}

.news-event-wrap.post-content img.attachment-large.size-large.wp-post-image {
    height: 258px;
    width: 268px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
}

.news-event-wrap .news-event-desc.entry-header.ast-col-md-9 {
    background-color: #e5e5e5;
    padding-left: 236px;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-left: -195px;
    width: 1042px;
}

.post-navigation a {
    padding: 0;
}

.news-event-wrap span.ast-left-arrow {
    font-size: 23px;
}

.single .post-navigation a {
    font-size: 14px;
    font-weight: 500;
}


/*----------------------------------------
* Icon's animation
-----------------------------------------*/
/* Effect 8
.suitable-section .elementor-image img {
	background: rgba(255,255,255,0.1);
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
	position: relative;
}

.suitable-section .elementor-image:hover img {
	background: rgba(255,255,255,0.05);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #fff;
}

.suitable-section .elementor-image:after {
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    pointer-events: none;
    position: absolute;
    width: 100px;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

}

.suitable-section .elementor-image:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(32, 71, 152, 0.1), 0 0 7px 5px rgba(32, 71, 152, 0.8), 0 0 0 7px rgba(0, 0, 0, 0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(32, 71, 152, 0.1), 0 0 7px 5px rgba(32, 71, 152, 0.8), 0 0 0 7px rgba(0, 0, 0, 0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(32, 71, 152, 0.1), 0 0 7px 5px rgba(32, 71, 152, 0.8), 0 0 0 7px rgba(0, 0, 0, 0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(32, 71, 152, 0.1), 0 0 7px 5px rgba(32, 71, 152, 0.8), 0 0 0 7px rgba(0, 0, 0, 0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(32, 71, 152, 0.1), 0 0 7px 5px rgba(32, 71, 152, 0.8), 0 0 0 7px rgba(0, 0, 0, 0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(32, 71, 152, 0.1), 0 0 7px 5px rgba(32, 71, 152, 0.8), 0 0 0 7px rgba(0, 0, 0, 0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}*/



@media only screen and (min-width: 1367px) and (max-width: 1600px){

	.application-areas h2:before{
		width: 190px;
		left: -254px;
	}

	.features-section-img:before{
		/*width: 590px;
		right: -264px;*/
	}
}

@media only screen and (min-width: 1301px) and (max-width: 1366px) {
	.features-section-img:before {
		right: -19%;
	}
}

@media only screen and (min-width: 1367px) and (max-width: 1440px) {
	.features-section-img:before {
		right: -25%;
	}
}

@media only screen and (min-width: 1201px) and (max-width: 1300px) {
	.features-section-img:before {
		right: -13%;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	.features-section-img:before {
		right: -5%;
	}
}

@media only screen and (min-width: 991px) and (max-width: 1020px) {
	.features-section-img:before {
		right: -2%;
	}
}

@media(max-width: 1366px){

	
	#primary-menu .sub-menu .menu-item a .menu-text:before{
		left: -0.6px;
	}

	.application-areas h2:before{
		width: 141px;
		left: -190px;
	}
}
@media only screen and (min-width: 993px) and (max-width: 1169px){

  .news-event-wrap .news-event-desc.entry-header.ast-col-md-9 {
    width: 892px;
  }  

  .build-togather a.elementor-button-link.elementor-button:after {
  	    right: 990px;
  }
}

@media (max-width: 1083px){
	.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation #site-navigation {
	    background: rgba(32, 71, 152, 0.87);
	}

	#primary-menu li:first-child,
	#primary-menu li {
	    padding: 0
	}

	#primary-menu li a {
	    padding: 0 0 0 15px;
	    color: #fff !important;
	}

	#primary-menu li:first-child a:before,
	#primary-menu a .menu-text:before,
	#primary-menu a:after,
	#primary-menu li:first-child a:after,
	#primary-menu a:before,
	#primary-menu .current-menu-item a .menu-text:before, #primary-menu li:hover a .menu-text:before {

	    display: none;
	}

	#primary-menu .sub-menu {
	  width: auto;
	  padding: 0;
	  background-color: #2a477d;
	}
	.ast-header-break-point .main-navigation ul li a, .ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu {
		border-color: #385ca9;
	}
	#primary-menu .sub-menu a {
		padding: 10px 0 10px 35px
	}
	button.ast-menu-toggle {
	   color: #fff !important;
	   border-style: none;
	}

	#primary-menu .sub-menu li {
   		padding: 0;
	}

	.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .close {
	   color: #fff;
	   opacity: 1;
	}
}
@media only screen and (min-width: 991px) and (max-width: 1024px){

	.build-togather-video.elementor-widget.elementor-widget-video:before{
		right: -510px;
	}
}

@media (max-width: 992px){

	.maxslider-slide-content.maxslider-align-left.maxslider-align-middle.ast-container {
    	padding-right: 20px;
	}

	.home-slider .maxslider-slide-content {
		text-align: center;
	}
	.home-slider .maxslider-slide-content-pad {
	    position: relative;
		padding: 0 20px;
	}	
	.home-slider .slick-current.slick-active .maxslider-slide-content-pad:before {
		content: '';
		background-color: #51b747;
		position: absolute;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		top: 0;
		bottom: 0;
	}
	.home-slider .maxslider-slide-content p.maxslider-slide-subtitle {
	    position: relative;
	    right: 0;
	    width: 100%;
	    margin: 0 auto;
	    padding: 7px 10px 10px;
	    text-align: center;
		float: none;
	}
	/*.home-slider .slick-current.slick-active .maxslider-slide-content p.maxslider-slide-subtitle:before {
	    background-color: #51b747;
	    content: '';
	    display: block;
	    height: 80px;
	    position: absolute;
	    width: 100%;
	    right: 0;
		left: 0;
	    z-index: -1;
	    border-radius: 3px;
	}	*/
	.home-slider .maxslider-slide-content a.maxslider-btn {
		margin: 20px auto 0;
		position: absolute;
		top: 90px;
		left: 0;
		right: 0;
		width: 145px;
		transform: translate(0px, 0px);
	}
	.news-event-wrap .news-event-desc.entry-header.ast-col-md-9 {
	    width: 895px;
	}
}


@media only screen and (max-width: 990px) {
	
	.features-section-img {
		margin-top: 45px;
	}
	.features-section-img:before {
		left: 0;
		margin: 0 auto;
		top: -10%;
		right: -20%;
	}
}


@media only screen and (min-width: 921px) and (max-width: 991px){
  .news-event-wrap .news-event-desc.entry-header.ast-col-md-9 {
    width: 855px;
  }
}
@media (max-width: 920px) {

	.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation #site-navigation {
	    background: rgba(32, 71, 152, 0.87);
	}

	#primary-menu li:first-child,
	#primary-menu li {
	    padding: 0
	}

	#primary-menu li a {
	    padding: 0 0 0 15px;
	    color: #fff !important;
	}

	#primary-menu li:first-child a:before,
	#primary-menu a .menu-text:before,
	#primary-menu a:after,
	#primary-menu li:first-child a:after,
	#primary-menu a:before,
	#primary-menu .current-menu-item a .menu-text:before, #primary-menu li:hover a .menu-text:before {

	    display: none;
	}

	#primary-menu .sub-menu {
	  width: auto;
	  padding: 0;
	  background-color: #2a477d;
	}
	.ast-header-break-point .main-navigation ul li a, .ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu {
		border-color: #385ca9;
	}
	#primary-menu .sub-menu a {
		padding: 10px 0 10px 35px
	}
	button.ast-menu-toggle {
	   color: #fff !important;
	   border-style: none;
	}

	#primary-menu .sub-menu li {
   		padding: 0;
	}

	.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .close {
	   color: #fff;
	   opacity: 1;
	}

  .news-event-wrap .news-event-desc.entry-header.ast-col-md-9 {
    width: 840px;
  }

}
@media only screen and (min-width: 769px) and (max-width: 990px){
	 .build-togather-video.elementor-widget.elementor-widget-video {
	    margin: 0 auto;
	  } 

	  .build-togather-video.elementor-widget.elementor-widget-video:before{
	  	width: 1200px;
	  }

	  .build-togather a.elementor-button-link.elementor-button:after{
	  	right: auto;
	  	left: -955px;
    	width: 100%;
	  }
	  
}
@media only screen and (min-width: 769px) and (max-width: 899px){

  .news-event-wrap.post-content img.attachment-large.size-large.wp-post-image {
    height: auto;
    width: auto;
  }  

  .blog-layout-1  .news-event-wrap .ast-blog-featured-section, .blog-layout-1 .post-content {
    text-align: -webkit-center;
  }

  .news-event-wrap .ast-col-md-3 {
    width: 100%;
  }

  .news-event-wrap .news-event-desc.entry-header.ast-col-md-9 {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-left: 0;
    width: 100%;
    text-align: left;
    padding-left: 20px;
  }

  .blog .ast-advanced-headers-layout h1, .single-post .ast-advanced-headers-layout h1 {
    padding: 0px;
    bottom: 0px;
    text-align: center;
  }

  .blog .ast-advanced-headers-layout, .single-post .ast-advanced-headers-layout {
    padding-bottom: 7% !important;
  }

  .blog .ast-advanced-headers-layout h1:before, .single-post .ast-advanced-headers-layout h1:before{
	left: -360px;
  }

}

@media (min-width: 768px) {
	.about-us .ast-advanced-headers-layout-1 .ast-advanced-headers-wrap {
		top: -80px;
	}
}

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

	.home-slider .maxslider-slide-content {
    	/*padding-left: 95px;*/
	}

	.home-slider .maxslider-slide-content p.maxslider-slide-subtitle{

		position: relative;
		right: 0;
	}

	.build-togather-video.elementor-widget.elementor-widget-video:before {
	    width: 1220px;
	}

	.build-togather-video.elementor-widget.elementor-widget-video{

		margin: 0 auto;
	}

	.build-togather a.elementor-button-link.elementor-button:after{
		right: auto;
	   left: -736px;
	   width: 100%;
	}
	.copyrights-menu ul{
		padding-top: 7px;
	    padding-bottom: 7px;
	    max-width: 1024px;

	}

	.copyrights-menu a:after{

		top: 3px;

	}

	.contact-form input.wpcf7-form-control.wpcf7-submit {
	    margin-left: 0;
	}

	.main-features-section:after{

		background-size: 350px;
	    width: 551px;
	    height: 370px;
	    position: absolute;
	    left: -165px;
	    bottom: 0px;
    	top: auto;
	}

	.main-features-section:before{

		display: none;
	}
	
	/*.features-section .features-img:after{
		content: '';
	    background-image: url(assets/images/build-together-after.png);
	    background-repeat: no-repeat;
		background-size: 380px;
	    width: 551px;
	    height: 384px;
	    position: absolute;
	    right: -215px;
	    bottom: -156px;
	    top: auto;
	    z-index: -999;
	} */

	.features-section-img:before{
		/*width: 1220px; */
	}

	.news-event-wrap .news-event-desc.entry-header.ast-col-md-9 {
	    padding-top: 40px;
	    padding-bottom: 40px;
	    margin-left: 0;
	    width: 100%;
	    text-align: left;
	    padding-left: 20px;
	}

  .blog-layout-1  .news-event-wrap .ast-blog-featured-section, .blog-layout-1 .post-content {
    text-align: -webkit-center;
  }

  .news-event-wrap .ast-col-md-3 {
    width: 50%;
  }

  .ast-article-post {
    margin-top: 0px;
  }

  .news-event-wrap.post-content img.attachment-large.size-large.wp-post-image {
    height: auto;
    width: auto;
  }  
	
	.blog .ast-advanced-headers-layout h1, .single-post .ast-advanced-headers-layout h1 {
    padding: 0px;
    bottom: 0px;
    text-align: center;
  }

  .ast-advanced-headers-layout {
    padding-bottom: 5% !important;
  }

}

@media (max-width: 767px) {
  .installation-tabs .elementor-tab-content {
      margin-top: 0;
  }

  .installation-tabs .elementor-tab-title {
      padding: 10px 25px;
  }

  .installation-tabs .elementor-tab-title.elementor-active {
      color: #ffffff !important;
  }

  .installation-tabs .elementor-tab-title:before, .installation-tabs .elementor-tab-title.elementor-active:before {
      top: 15px  !important;
  }

  .installation-tabs p.tab-info {
      width: 100%;
  }
}

@media (max-width: 640px) {
	.home-slider .maxslider-slide-content a.maxslider-btn {
		top: 110px;
		transform: translate(0, 0);		
	}
}

@media(max-width: 480px){
	
	.ast-advanced-headers-layout-1 .ast-advanced-headers-wrap {
		padding: 20px 15px 20px 15px;
		max-width: 100% !important;
	}
	.ast-advanced-headers-layout h1:before {
		display: none;
	}
	.ast-advanced-headers-layout h1.ast-advanced-headers-title {
		font-size: 30px;
		line-height: 38px;
	}
	.resources-section li:not(:last-child) {
		   margin-bottom: 10px;
	}

	.resources-section li {
		   list-style: disc;
	}

	.resources-section a:after {
		   display: none;
	}

	.resources-section .gs-products a, .resources-section a {
		   margin-right: 0;
		   padding-right: 0;
	}

	.resources-section ul {
		margin-left: 20px;
	}
	.main-features-section:before{
		display: none;
	}

	/*.features-section .features-img:after{
		content: '';
	    background-image: url(assets/images/build-together-after.png);
	    background-repeat: no-repeat;
		background-size: 252px;
	    width: 551px;
	    height: 252px;
	    position: absolute;
	    right: -352px;
	    bottom: -98px;
	    top: auto;
	    z-index: -1;
	}*/

	.build-togather a.elementor-button-link.elementor-button:after{
		left: -444px;
	}

  .blog .ast-advanced-headers-layout h1, .single-post .ast-advanced-headers-layout h1 {
    bottom: 0px;
    text-align: center;
  }

  .blog .ast-advanced-headers-layout h1:before, .single-post .ast-advanced-headers-layout h1:before{

    left: -780px;
  }

  .news-event-wrap.post-content img.attachment-large.size-large.wp-post-image {
    height: auto;
    width: auto;
  } 

  .ast-advanced-headers-layout {
    padding-bottom: 7% !important;
  } 
  
	.home-slider .maxslider-slide-content h3.maxslider-slide-title {
		font-size: 23px;
		padding: 7px 10px 0;
	}
}

@media(max-width: 425px){

	.contact-form input.wpcf7-form-control.wpcf7-submit {
		margin-left: 0;
	}
	.features-section ul {
		margin-left: 0px;
	}
	.main-features-section:after{
		background-size: 252px;
		width: 551px;
		height: 252px;
		position: absolute;
		left: -122px;
		bottom: 10px;
		top: auto;
	}
	.main-features-section:before{
		display: none;
	}

	/*.features-section .features-img:after{
	content: '';
	background-image: url(assets/images/build-together-after.png);
	background-repeat: no-repeat;
	background-size: 252px;
	width: 551px;
	height: 252px;
	position: absolute;
	right: -352px;
	bottom: -98px;
	top: auto;
	z-index: -1;
	}*/

	img.attachment-large.size-large.wp-post-image {
		width: 351px;
	}
	.build-togather a.elementor-button-link.elementor-button:after{
		right: 389px;
	}
	.blog .ast-advanced-headers-layout h1, .single-post .ast-advanced-headers-layout h1 {
		bottom: 0px;
		text-align: center;
	}
	.news-event-wrap .news-event-desc.entry-header.ast-col-md-9 {
		padding-left: 20px;
		padding-top: 40px;
		padding-bottom: 40px;
		margin-left: 0;
		width: 100%;
	}
	.features-section-img {
		margin-top: 30px;
	}
	.features-section-img:before {
		width: 370px;
	}
}


@media (max-width: 375px) {
	.features-section-img:before {
		width: 310px;
		height: 330px;
	}
}

@media(max-width: 320px){

	.home-slider .maxslider-slide-content h3.maxslider-slide-title{
		/*font-size: 43.82px;
		line-height: 46px;*/
		font-size: 20px;
		padding: 7px 10px 0;
	}

	.main-features-section:before {
	    top: auto;
    	bottom: 238px;
    	right: -100px;
	}

	.blog .ast-advanced-headers-layout h1, .single-post .ast-advanced-headers-layout h1 {
		padding: 0px;
		bottom: 0px;
		text-align: center;
	}

	.news-event-wrap .news-event-desc.entry-header.ast-col-md-9 {
		margin-left: 0;
		width: 100%;
	}
	.build-togather a.elementor-button-link.elementor-button:after {
		right: 285px;
	}
	.features-section-img:before {
		width: 270px;
		top: -12%;
	}
}