/*
 Theme Name:   Dispatch Child Theme
 description: >-
   A child theme of the Twenty Fifteen default WordPress theme
 Author:       Deon Barnard
 Template:     dispatch
 Version:      1.0.0
*/
/*Theme defaults*/
body {
	color: #4b4b4b;
	line-height: 1.2em;
	overflow-x: hidden;
	background-color: #ffffff;
	font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, h6, .title p {
	color:#36373c;
	font-family: 'Roboto', sans-serif;
}
p {
	color: #4b4b4b !important;
}
.hgrid {
    max-width: 100%;
}
.hgrid-span-9 {
    width: 100%;
}
[class*="hgrid-span-"], [class*="hcolumn-"] {
	 padding: 0;
}
.entry-grid {
	border: none;
    box-shadow: none;
    margin-bottom: 0em;
    min-width: inherit;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
td {
    padding: 0 
}
.pro_over_text > .vc_column-inner{
	padding: 40px;
}
.entry-the-content {
    margin: 0px;
}
.book_btn{
	border: none;
	padding: 15px;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #eb9c27;
}
.entry-content {
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/*Top Bar CSS*/

.top-bar-main * {
    display: inline-block;
	box-sizing: border-box;
}

.top-bar-main {
    width: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2), black); 
    position: relative;
    min-height: 50px;
    text-align: center;
}

.top-bar-inner {
    padding: 5px;
    width: 24%;
    min-width: 230px;
}


.top-bar-icon-img {
    max-width: 30px;
	max-height: 30px;
    margin: 0px 10px;
}

.social-media-icon {
    float: left;
}

.top-bar-text-anchor {
    padding: 5px;
    color: whitesmoke;
}

.header-whatsapp-link {
    top: 0;
    position: absolute;
    right: 0;
    padding: 5px;
    border-radius: 50px;
    background: whitesmoke;
    margin-right: 10px;
    margin-top: 5px;
    border: 1px ridge whitesmoke;
}

.whatsapp-header-icon {
    max-width: 30px;
}

.header-whatsapp-link:hover {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2), black); 
    border: 1px ridge var(--theGreen);
}

.social-media-inner {
    position: absolute;
    left: 0;
    margin-left: 5px;
}

@media (max-width: 650px) {
    
    .email-and-contact-inner {
         width: 90%;   
    }
    
    .social-media-inner {
        max-width: 50px;
    }
    
    .social-media-icon {
        margin: 2px;
    }
    
}

/* Top Bar CSS End */

.header-info-top{
	color: #ffffff;
	padding: 15px 0;
}
.loop-meta-wrap{
	display:none;
}
.web-container{
	width: 65%;
	margin: 0 auto;
	max-width: 1200px;
}
.web-container-2{
	width: 75%;
	margin: 0 auto;
}
.web-container-3{
	width: 58%;
	margin: 0 auto;
}
.web-container-4{
	width: 65%;
	margin: 0 auto;
}
.web-container-5{
	width: 65%;
	margin: 0 auto;
	max-width: 1200px;
}
.active-menu-item a{
	color: #197a30 !important;
	background-position: bottom;
    background-repeat: no-repeat;
}
#site-title a{
	width: 450px;
    margin: auto;
    max-width: 100%;
}
#content {
    margin-top: 0px;
}
#main.main {
    padding-bottom: 0px;
}
#page-wrapper {
    border-top: none;
}
#menu-primary-items > li > a {
    color: #4b4b4b;
    padding: 12px 10px 25px 10px;
}
#menu-primary-items > li > a:hover{
	color: #197a30 !important;
	background-position: bottom ;
    background-repeat: no-repeat;
}
#post-footer {
    color: #999999;
    padding: 18px 0;
    font-style: normal;
    text-align: inherit;
    font-family: 'Roboto', sans-serif;
    border-top: solid 0px rgba(255, 255, 255, 0.25);
}
#first-footer{
	margin-top: 15px !important;
}
#nav-marg{
	padding-top: 50px !important;

}
#face-btn{
	margin-top: 30px;
}
#first-footer{
	max-width: 250px !important;
	margin-left: 110px !important;
}
#second-footer{
	margin-left: 70px !important;
}
#third-footer{
	margin-left: -120px !important;
}
#fourth-footer{
	margin-left: -25px !important;
}
/*Theme defaults end*/


/*Home Page*/
.img-marg table{
	width: auto !important;
	margin-top: -5px !important;
	margin-left: 40px !important;
}
.img-marg img{
	padding-left: 5px !important;
}
.light-txt h2{
	color: #f2f4f5;
}
.light-txt-2 h2{
	color: #f2f4f5;
	margin-top: -25px !important;
}
.img-marg-2 img{
	float: right !important;
	margin-top: -35px !important;
}
.img-marg-3 table{
	width: auto !important;
	margin: 0 140px 0 140px !important;
}
.light-txt h1{
	color: #f2f4f5;
	font-size: 35px;
	margin-top: -20px !important;
	margin-bottom: -30px !important;
}
.light-txt p{
	color: #f2f4f5 !important;
}
.green-icon-txt h4{
	font-size: 20px;
	line-height: 5px;
}
.white-icon-heading h2{
	color: #f2f4f5 !important;
	font-size: 30px !important;
	font-weight: 600 !important;
}
.white-icon-txt h4{
	color: #f2f4f5;
	font-size: 20px;
	line-height: 5px;
}
.content-change-1 h4{
	font-size: 15px;
	margin-bottom: -35px !important;
}
.large-heading-dark h2{
	color: #4b4b4b;
	font-size: 55px;
	line-height: 50px;
}
.sub-just p{
	text-align: justify;
	margin-right: 40px !important;
}
.large-heading-light h2{
	color: #f2f4f5;
	font-size: 55px;
	margin-bottom: 180px !important;
}
.medium-heading-light h1{
	color: #f2f4f5;
	font-size: 40px;
}
.large-heading-green h2{
	color: #197a30;
	font-size: 55px;
	margin-top: 50px !important;
	margin-bottom: -30px !important;
}
.view-all-products{
	width: 20% !important;
	text-align: center !important;
}
.relate-text{
	font-size: 20px !important;
	margin-top: 20px !important;
}
.sup-heading-light h2{
	color: #f2f4f5;
	font-size: 40px;
	font-weight: 200;
	margin-top: 60px !important;
	margin-bottom: -35px !important;
}

/*Our Products Page*/
.large-heading-green-2 h2{
	color: #197a30;
	font-size: 55px;
	letter-spacing: 10px;
	margin-top: 60px !important;
	margin-bottom: 40px !important;
}
.image-margin{
	margin-bottom: 0 !important;
}
.green-ribbon-light-txt h4{
	color: #f2f4f5; 
	font-size: 20px;
	padding: 10px 20px;
	text-align: -webkit-center !important;
}
.width-ribbon{
	width: 80% !important;
}
.pro-discr-marg{
	margin-top: 13px !important;
}


/*Product Pricing Page*/
#no-padding{
	padding: 0px !important;
}
.web-container-price{
	width: 65%;
	margin: 0 auto;
	max-width: 1200px;
}
.marg-left-price{
	margin-left: -15px !important;
}
.large-heading-green-3 h1{
	color: #197a30;
	font-size: 55px;
	letter-spacing: 10px;
	margin-top: 60px !important;
	margin-bottom: 30px !important;
}
.sub-heading h4{
	color: #4b4b4b; 
	font-size: 20px;
	margin-bottom: -10px !important;
}
.marg-botm{
	margin-bottom: 0 !important;
}
.image-margin-2{
	margin-left: 20px;
	width: auto !important;
	height: 300px !important;
}
.sub-heading-2 h4{
	color: #4b4b4b; 
	font-size: 20px;
	margin-left: -15px !important;
}
.prce-table table{
	width: 40% !important;
}
.prce-table td{
	background: #197a30;
	padding: 10px 10px 10px 10px;
}
.sub-heading-3 h4{
	color: #4b4b4b; 
	font-size: 20px;
	margin-top: 10px !important;
}
.sub-heading-4 h4{
	color: #4b4b4b; 
	font-size: 20px;
}
.specs-table table{
	border: 1px solid #e8e8e8;
}
.specs-table td{
	padding: 12px 0 12px 12px;
}
.inc-space{
	margin-top: 15px !important;
	margin-bottom: -10px !important;
}
.sent-space{
	margin-top: 15px !important;
}
.new-bullet ul{
	list-style: none !important;
}
.new-bullet ul li::before{
	width: 10px;
	color: #7e8388;
	content: "\2022";
	font-size: 1.0em;
	line-height: 25px;
	font-weight: bold;
	margin-left: -15px;
	display: inline-block; 
}
.specs-table-2 table{
	width: auto !important;
	border: 1px solid #7e8388;
}
.specs-table-2 td{
	padding: 5px 40px 5px 5px;	
}
.specs-table-3 table{
	color: #f2f4f5;
	background: #197a30;
	width: 100% !important;
	border: 1px solid #197a30;
	min-width: 190px !important;
	margin-top: -20px !important;
	text-align: center !important;
}
.specs-table-3 td{
	padding: 7px 10px 7px 10px !important;
}
.specs-table-4 table{
	color: #f2f4f5;
	background: #161827;
	width: 100% !important;
	border: 1px solid #161827;
	min-width: 190px !important;
	margin-top: -20px !important;
	text-align: center !important;
}
.specs-table-4 td{
	padding: 7px 10px 7px 10px !important;
}
.price-table-1 table{
	color: #f2f4f5;
	background: #197a30;
	border: 1px solid #197a30;
	min-width: 200px !important;
	margin-top: -20px !important;
	text-align: center !important;
}
.price-table-1 td{
	padding: 7px 25px 7px 25px !important;
}
.price-table-2 table{
	color: #f2f4f5;
	background: #161827;
	border: 1px solid #161827;
	min-width: 200px !important;
	margin-top: -20px !important;
	text-align: center !important;
}
.price-table-2 td{
	padding: 7px 25px 7px 25px !important;
}
.final-space{
	margin-bottom: 80px !important;
}


/*Support Page*/
.large-heading-green-4 h2{
	color: #197a30;
	font-size: 55px;
	letter-spacing: 10px;
	margin-top: 60px !important;
	margin-bottom: -30px !important;
}
.sub-heading-5 h4{
	color: #4b4b4b; 
	font-size: 20px;
	margin-bottom: 50px !important;
}
#block-1{
	height: 150px !important;
	padding: 20px !important;
    margin-bottom: 0 !important;
	background-position: center !important;
    background-repeat: no-repeat !important;
    background: url(https://kwebeams.com/wp-content/uploads/2020/04/usermanual-full-icon.jpg);
}
#block-1:hover{
	background: url("https://kwebeams.com/wp-content/uploads/2020/04/usermanual-full-icon-green.jpg");
}
#block-2{
	height: 150px !important;
	padding: 20px !important;
    margin-bottom: 0 !important;
	background-position: center !important;
    background-repeat: no-repeat !important;
    background: url(https://kwebeams.com/wp-content/uploads/2020/04/installation-guide-full-icon_.jpg);
}
#block-2:hover{
    background: url("https://kwebeams.com/wp-content/uploads/2020/04/installation-guide-full-icon-green.jpg");
}
#block-3{
	height: 150px !important;
	padding: 20px !important;
    margin-bottom: 0 !important;
	background-position: center !important;
    background-repeat: no-repeat !important;
    background: url(https://kwebeams.com/wp-content/uploads/2020/06/G14-guide-full-icon.jpg);
}
#block-3:hover{
    background: url("https://kwebeams.com/wp-content/uploads/2020/06/G14-guide-full-icon-green.jpg");
}
#block-4{
	height: 150px !important;
	padding: 20px !important;
    margin-bottom: 0 !important;
	background-position: center !important;
    background-repeat: no-repeat !important;
    background: url(https://kwebeams.com/wp-content/uploads/2020/04/repeater-module-full-icon.jpg);
}
#block-4:hover{
    background: url("https://kwebeams.com/wp-content/uploads/2020/04/repeater-module-full-icon-green.jpg");
}
.row-space{
	margin-bottom: 80px !important;
}
#block-5{
	height: 150px !important;
	padding: 20px !important;
    margin-bottom: 0 !important;
	background-position: center !important;
    background-repeat: no-repeat !important;
    background: url(https://kwebeams.com/wp-content/uploads/2020/04/interface-module-full-icon.jpg);
}
#block-5:hover{
    background: url("https://kwebeams.com/wp-content/uploads/2020/04/interface-module-full-icon-green.jpg");
}
#block-6{
	height: 150px !important;
	padding: 20px !important;
    margin-bottom: 0 !important;
	background-position: center !important;
    background-repeat: no-repeat !important;
    background: url(https://kwebeams.com/wp-content/uploads/2020/04/kwebeam-brochure-full-icon.jpg);
}
#block-6:hover{
    background: url("https://kwebeams.com/wp-content/uploads/2020/04/kwebeam-brochure-full-icon-green.jpg");
}
#block-7{
	height: 150px !important;
	padding: 20px !important;
    margin-bottom: 0 !important;
	background-position: center !important;
    background-repeat: no-repeat !important;
    background: url(https://kwebeams.com/wp-content/uploads/2020/06/user-tips-full-icon.jpg);
}
#block-7:hover{
    background: url("https://kwebeams.com/wp-content/uploads/2020/06/user-tips-full-icon-green.jpg");
}
#block-8{
	height: 150px !important;
	padding: 20px !important;
    margin-bottom: 0 !important;
	background-position: center !important;
    background-repeat: no-repeat !important;
    background: url(https://kwebeams.com/wp-content/uploads/2020/04/available-solutions-full-icon.jpg);
}
#block-8:hover{
    background: url("https://kwebeams.com/wp-content/uploads/2020/04/available-solutions-full-icon-green.jpg");
}
#block-9{
	height: 150px !important;
	padding: 20px !important;
    margin-bottom: 0 !important;
	background-position: center !important;
	background-size: contain !important;
    background-repeat: no-repeat !important;
    background: url("http://kwebeams.co.za/wp-content/uploads/2023/04/link-module-support-icon-gray.png");
}
#block-9:hover{
    background: url("http://kwebeams.co.za/wp-content/uploads/2023/04/link-module-support-icon-green.png");
}
#block-10{
	height: 150px !important;
	padding: 20px !important;
    margin-bottom: 0 !important;
	background-position: center !important;
    background-repeat: no-repeat !important;
    background: url(https://kwebeams.com/wp-content/uploads/2021/03/activate-sirens-icon.jpg);
}
#block-10:hover{
    background: url("https://kwebeams.com/wp-content/uploads/2021/03/activate-sirens-icon-green.jpg");
}

#block-11 {
	height: 150px !important;
	padding: 20px !important;
    margin-bottom: 0 !important;
	background-size: contain !important;
	background-position: center !important;
    background-repeat: no-repeat !important;
    background: url("http://kwebeams.co.za/wp-content/uploads/2023/04/gray-mobile-activate-app-icon.png");
}

#block-11:hover {
	background: url("http://kwebeams.co.za/wp-content/uploads/2023/04/green-mobile-activate-app-icon.png");
}

#block-12 {
	height: 150px !important;
	padding: 20px !important;
    margin-bottom: 0 !important;
	background-position: center !important;
	background-size: contain !important;
    background-repeat: no-repeat !important;
    background: url("http://kwebeams.co.za/wp-content/uploads/2023/04/relay-module-support-icon-gray.png");
}

#block-12:hover {
	background: url("http://kwebeams.co.za/wp-content/uploads/2023/04/relay-module-support-icon-green.png");
}

#block-13 {
	height: 150px !important;
	padding: 20px !important;
    margin-bottom: 0 !important;
	background-position: center !important;
	background-size: contain !important;
    background-repeat: no-repeat !important;
    background: url("http://kwebeams.co.za/wp-content/uploads/2023/04/classic-gsm-white-sized.png"); /*Classic GSM*/
}

#block-13:hover {
	background: url("http://kwebeams.co.za/wp-content/uploads/2023/04/classic-gsm-green-sized.png");
}


.row-space-2{
	margin-bottom: 80px !important;
}
.large-heading-dark-2 h2{
	color: #4b4b4b;
	font-size: 55px;
	letter-spacing: 10px;
	margin-top: 15px !important;
}
.sub-heading-6 h4{
	color: #4b4b4b; 
	font-size: 20px;
}
.vc_btn3.vc_btn3-color-grey, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat {
    color: #ffffff;
    background-color: #197a30;
}
.vc_btn3.vc_btn3-size-md {
    font-size: 14px;
    padding: 15px 55px 15px 55px;
    margin-bottom: 40px !important;
}
.support-back{
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background: url("https://kwebeams.com/wp-content/uploads/2020/06/help-banner.jpg");
}


/*Contact Page*/
.web-container-contact{
	width: 65%;
	margin: 0 auto;
	max-width: 1200px;
}
.large-heading-green-5 h1{
	color: #197a30;
	font-size: 55px;
	letter-spacing: 10px;
	margin-top: 60px !important;
}
.sub-heading-7 h4{
	color: #4b4b4b; 
	font-size: 20px;
}
.anker-change a{
	color: #4b4b4b !important;
}
.cntct-icon{
	min-width: 45px !important;
}
.sub-heading-8 h4{
	color: #4b4b4b; 
	font-size: 20px;
	margin-top: 30px !important;
	margin-bottom: -20px !important;
}
.gform_wrapper .top_label .gfield_label {
	display: none !important;
}
.gform_wrapper input[type=text] {
    font-style: italic;
    font-weight: 600 !important;
    padding: 10px 7px 10px 7px !important;
} 
.gform_wrapper textarea{
    font-style: italic;
    font-weight: 600 !important;
    padding: 10px 10px 10px 10px !important;
}
.button{
	color: #ffffff;
	box-shadow: none !important;
    background: #197a30 !important;
    text-transform: none !important;
    padding: 10px 55px 10px 55px !important;
}


/*Our Products Extended*/
#green-table{
	margin-top:70px !important;
}
#dark-blue-table{
	margin-top: 70px !important;
}
#product-info-change-1 a{
	color: #ffffff !important;
}
#product-info-change-2 a{
	color: #ffffff !important;
}
#product-info-change-3 a{
	color: #ffffff !important;
}
#product-info-change-4 a{
	color: #ffffff !important;
}
#product-info-change-5 a{
	color: #ffffff !important;
}
#product-info-change-6 a{
	color: #ffffff !important;
}
#product-info-change-7 a{
	color: #ffffff !important;
}
#product-info-change-8 a{
	color: #ffffff !important;
}
#product-enquire a{
	color: #ffffff !important;
}
.bannerheaders{
	font-size: 40px !important;
    padding-top: 6% !important;
    padding-left: 70% !important;
    font-weight: bold !important;
    text-align: right !important;
    text-transform: uppercase !important;
}
.bannerheaders-2{
	font-size: 40px !important;
    padding-top: 4% !important;
    padding-left: 55% !important;
    font-weight: bold !important;
    text-align: right !important;
    text-transform: uppercase !important;
}
.bannerheaders-3{
	font-size: 40px !important;
    padding-top: 3.5% !important;
    padding-left: 70% !important;
    font-weight: bold !important;
    text-align: right !important;
    text-transform: uppercase !important;
}
.sub-heading-8 h4{
	color: #4b4b4b; 
	font-size: 20px;
}
.product-title{
	font-weight: bold;
	text-transform: uppercase !important;
}
.sub-heading-green h4{
	font-size: 20px !important;
}
.justify p{
	margin-right: 30px !important;
	text-align: justify !important;	
}
.specs-table-brack table{
	width: 100%;
	color: #f2f4f5;
	background: #161827;
	border: 1px solid #161827;
	margin-top: -15px !important;
}
.specs-table-brack td{
	padding: 7px 25px 7px 25px;
	text-align: center !important;
}
.specs-table-5 table{
	width: 95%;
	color: #f2f4f5;
	background: #161827;
	border: 1px solid #161827;
	margin-top: -15px !important;
}
.specs-table-5 td{
	padding: 7px 25px 7px 25px;
	text-align: center !important;
}
.specs-table-6 table{
	width: 100%;
	color: #4b4b4b;
	border: 1px solid #e8e8e8;
}
.specs-table-6 td{
	padding: 15px;
	border-right: 1px solid #e8e8e8;
}
.specs-table-7 table{
	width: 100%;
	color: #4b4b4b;
	border: 1px solid #e8e8e8;
}
.specs-table-7 td{
	padding: 15px;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8 !important;
}
.product_meta{
	display: none !important;
}
.tabs{
	display: none !important;
}
.related.products h2{
	text-transform: uppercase;
	color: #197a30 !important;
	font-size: 20px !important;
	font-weight: bold !important;;
	margin-bottom: 35px !important;
}
.related.products{
	margin-bottom: 70px !important;
}


/*Mobile*/

@media only screen and (max-width: 768px){
	#home-contnt-chnge-1{
		display: none !important;
	}
}
@media only screen and (min-width: 768px){
	#home-contnt-chnge-2{
		display: none !important;
	}
}
@media only screen and (max-width: 1699px){
	#nav-marg{
		padding-top: 45px !important;
	}
	#face-btn{
		margin-top: 25px;
	}
	#first-footer{
		margin-left: 90px !important;
	}
	#second-footer{
		margin-left: 50px !important;
	}
	#third-footer{
		margin-left: -120px !important;
	}
	#fourth-footer{
		margin-left: -25px !important;
	}
	.bannerheaders-3{
		font-size: 40px !important;
		padding-top: 3% !important;
    	padding-left: 65% !important;
    	font-weight: bold !important;
    	text-align: right !important;
    	text-transform: uppercase !important;
	}
	.specs-table-4 table{
		margin-left: 20px !important;
	}
}
@media only screen and (max-width: 1599px){
	#nav-marg{
		padding-top: 40px !important;
	}
	#face-btn{
		margin-top: 20px;
	}
	#first-footer{
		margin-left: 80px !important;
	}
	#second-footer{
		margin-left: 30px !important;
	}
	#third-footer{
		margin-left: -110px !important;
	}
	#fourth-footer{
		margin-left: -20px !important;
	}
	.web-container-price{
		width: 70%;
	}
	.web-container-contact{
		width: 70%;
	}
	.bannerheaders-2{
		font-size: 40px !important;
		padding-top: 3% !important;
    	padding-left: 50% !important;
    	font-weight: bold !important;
    	text-align: right !important;
    	text-transform: uppercase !important;
	}
	.specs-table-4 table{
		margin-left: 30px !important;
	}
}
@media only screen and (max-width: 1499px){
	#nav-marg{
		padding-top: 35px !important;
	}
	#face-btn{
		margin-top: 15px;
	}
	#mail-txt{
		text-align: left !important;
	}
	#phone-txt{
		text-align: center !important;
		padding: 10px 20px 0px 0px !important;
	}
	#enquire-txt{
		text-align: right !important;
	}
	#face-btn{
		margin-top: 20px;
	}
	#first-footer{
		margin-left: 70px !important;
	}
	#second-footer{
		margin-left: 25px !important;
	}
	#third-footer{
		margin-left: -100px !important;
	}
	#fourth-footer{
		margin-left: -10px !important;
	}
	.bannerheaders-3{
		font-size: 40px !important;
		padding-top: 3% !important;
    	padding-left: 60% !important;
    	font-weight: bold !important;
    	text-align: right !important;
    	text-transform: uppercase !important;
	}
	.web-container-4{
		width: 70%;
		margin: 0 auto;
	}
	.specs-table-4 table{
		margin-left: 40px !important;
	}
	.price-table-1 table{
		min-width: 190px !important;
	}
	.price-table-2 table{
		min-width: 190px !important;
	}
}
@media only screen and (max-width: 1435px){
}
@media only screen and (max-width: 1425px){
	.green-icon-txt h4{
		line-height: 20px;
	}
}
@media only screen and (max-width: 1399px){
	#nav-marg{
		padding-top: 30px !important;
	}
	#face-btn{
		margin-top: 10px;
	}
	#first-footer{
		max-width: 230px !important;
		margin-left: 40px !important;
	}
	#second-footer{
		margin-left: 15px !important;
	}
	#third-footer{
		margin-left: -90px !important;
	}
	#fourth-footer{
		margin-left: 5px !important;
	}
	.web-container-4{
		width: 75%;
		margin: 0 auto;
	}
	.web-container-5{
		width: 75%;
		margin: 0 auto;
		max-width: 1200px;
	}
	.cntct-icon{
		min-width: 40px !important;
	}
	.specs-table-4 table{
		margin-left: 60px !important;
	}
	.price-table-2 table{
		margin-left: 10px !important;
	}
}
@media only screen and (max-width: 1315px){
	.web-container{
		width: 75%;
		margin: 0 auto;
		max-width: 1200px;
	}
}
@media only screen and (max-width: 1300px){
	#support-padding{
		padding: 15px !important;
	}
	#first-footer{
		max-width: 230px !important;
		margin-left: 60px !important;
	}
	#second-footer{
		margin-left: 30px !important;
	}
	#third-footer{
		margin-left: -90px !important;
	}
	#fourth-footer{
		margin-left: 0 !important;
	}
}
@media only screen and (max-width: 1299px){
	.web-container-4{
		width: 80%;
		margin: 0 auto;
	}
	.web-container-price{
		width: 75%;
	}
	.web-container-contact{
		width: 80%;
	}
	.bannerheaders-3{
		font-size: 40px !important;
		padding-top: 3% !important;
    	padding-left: 55% !important;
    	font-weight: bold !important;
    	text-align: right !important;
    	text-transform: uppercase !important;
	}
	.price-table-2 table{
		margin-left: 20px !important;
	}
}
@media only screen and (max-width: 1225px){
	.web-container-4{
		width: 85%;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 1150px){
	.img-marg table{
		width: auto !important;
		margin-top: 10px !important;
		margin-left: 10px !important;
	}
	.img-marg-2 img{
		margin-top: -20px !important;
	}
}
@media only screen and (max-width: 1140px){
	#support-padding{
		padding: 10px !important;
	}
}
@media only screen and (max-width: 1199px){
	#first-footer{
		max-width: 230px !important;
		margin-left: 45px !important;
	}
	#second-footer{
		margin-left: 20px !important;
	}
	#third-footer{
		margin-left: -90px !important;
	}
	#fourth-footer{
		margin-left: 0 !important;
	}
	.web-container-5{
		width: 85%;
		margin: 0 auto;
		max-width: 1200px;
	}
	.bannerheaders-2{
		font-size: 40px !important;
		padding-top: 2.5% !important;
    	padding-left: 45% !important;
    	font-weight: bold !important;
    	text-align: right !important;
    	text-transform: uppercase !important;
	}
	.cntct-icon{
		min-width: 35px !important;
	}
	.price-table-2 table{
		margin-left: 30px !important;
	}
}
@media only screen and (max-width: 1149px){
	#first-footer{
		max-width: 230px !important;
		margin-left: 40px !important;
	}
	#second-footer{
		margin-left: 15px !important;
	}
	#third-footer{
		margin-left: -85px !important;
	}
	#fourth-footer{
		margin-left: 5px !important;
	}
}
@media only screen and (max-width: 1115px){
	#forth-footer{
		padding-left: 20% !important;
	}
}
@media only screen and (max-width: 1099px){
	#nav-marg{
		padding-top: 25px !important;
	}
	#face-btn{
		margin-top: 5px;
	}
	#page-main-heading h1{
		padding-left: 0 !important;
		text-align: center !important;
	}
	#support-padding{
		padding: 5px !important;
	}
	#first-footer{
		max-width: 230px !important;
		margin-left: 30px !important;
	}
	#second-footer{
		margin-left: 20px !important;
	}
	#third-footer{
		margin-left: -70px !important;
	}
	#fourth-footer{
		margin-left: 20px !important;
	}
	.img-marg h2{
		text-align: center !important;
	}
	.web-container-4{
		width: 90%;
		margin: 0 auto;
	}
	.web-container-price{
		width: 85%;
	}
	.specs-table-4 table{
		margin-left: 80px !important;
	}
}
@media only screen and (max-width: 1049px){
	#first-footer{
		max-width: 230px !important;
		margin-left: 30px !important;
	}
	#second-footer{
		margin-left: 15px !important;
	}
	#third-footer{
		margin-left: -70px !important;
	}
	#fourth-footer{
		margin-left: 20px !important;
	}
}
@media only screen and (max-width: 999px){
	#first-footer{
		max-width: 230px !important;
		margin-left: 0 !important;
	}
	#second-footer{
		margin-left: 20px !important;
	}
	#third-footer{
		margin-left: -60px !important;
	}
	#fourth-footer{
		margin-left: 30px !important;
	}
	.web-container{
		width: 80%;
		margin: 0 auto;
	}
	.web-container-contact{
		width: 85%;
	}
	.price-table-2 table{
		margin-left: 50px !important;
	}
	.large-heading-dark-2 h2{
		font-size: 40px;
	}
}
@media only screen and (max-width: 899px){
	#first-footer{
		max-width: 230px !important;
		margin-left: 0 !important;
	}
	#second-footer{
		margin-left: 10px !important;
	}
	#third-footer{
		margin-left: -50px !important;
	}
	#fourth-footer{
		margin-left: 40px !important;
	}
	.specs-table-3 table{
		width: auto !important;
		min-width: 0px !important;
	}
	.specs-table-4 table{
		width: auto !important;
		min-width: 0px !important;
		margin-left: 0px !important;
	}
	.price-table-1 table{
		width: auto !important;
		min-width: 0 !important;
	}
	.price-table-2 table{
		width: auto !important;
		min-width: 0 !important;
	}
}
@media only screen and (min-width: 799px){
	#mail-txt-2{
		display: none !important;
	}
	#phone-txt-2{
		display: none !important;
	}
	#enquire-txt-2{
		display: none !important;
	}
	#face-btn-2{
		/* display: none !important;  */
	}
}
@media only screen and (max-width: 799px){
	#box-height{
		height: 60px !important;
	}
	#product-links{
		margin-bottom: 15px !important;
	}
	#banner-table{
		display: none !important;
	}
	#banner-green{
		background: #197a30 !important;
	}
	#support-padding{
		padding: 0 !important;
		margin-bottom: 50px !important;
	}
	#face-btn{
	/*	display: none !important; */
	}
	#nav-img{
		text-align: center;
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	#menu-primary-items > li > a {
		color: #f2f4f5;
		font-size: 15px;
	}
	#first-footer{
		margin-left: 5px !important;
	}
	#second-footer{
		margin-left: 5px !important;
		margin-bottom: 15px !important;
	}
	#third-footer{
		margin-left: 5px !important;
	}
	#fourth-footer{
		margin-left: 5px !important;
	}
	.web-container{
		width: 85%;
		margin: 0 auto;
	}
	.large-heading-dark h2 {
    	font-size: 40px;
	}
	.large-heading-light h2 {
    	font-size: 40px;
	}
	.medium-heading-light h1 {
    	font-size: 40px;
	}	
	.large-heading-green h2{
    	font-size: 40px;
	}
	.large-heading-green-2 h2{
    	font-size: 40px;
	}
	.large-heading-green-3 h1 {
    	font-size: 40px;
	}
	.large-heading-green-4 h2{
    	font-size: 40px;
	}
	.large-heading-green-5 h1 {						
    	font-size: 40px;
	}
	.mobilemenu-fixed .menu-toggle {
		top: 18.3%;
    	width: 1em;
    	padding: 10px;
    	position: fixed;
    	font-size: 20px;
    	background-color: #161827;
    	border: solid 1px #197a30;
	}
	.light-txt h2{
		text-align: center !important;
	}
	.icon-warg{
		margin-bottom: 100px;
	}
	.img-marg-2 img{
		float: none !important;
		margin-top: 20px !important;
	}
}
@media only screen and (max-width: 768px){
	#page-main-heading{
		height: 370px !important;
	}
	#brand{
		margin-top: 60% !important;
	}
	#green-table{
		margin-top: 75px !important;
		padding-right: 50px !important;
	}
	#dark-blue-table{
		margin-top: 0 !important;
	}
	#block-1{
		margin-bottom: 20px !important;
	}
	#block-2{
		margin-bottom: 20px !important;
	}
	#block-3{
		margin-bottom: 20px !important;
	}
	#block-4{
		margin-bottom: 20px !important;
	}
	#block-5{
		margin-bottom: 20px !important;
	}
	#block-6{
		margin-bottom: 20px !important;
	}
	#block-7{
		margin-bottom: 20px !important;
	}
	#block-8{
		margin-bottom: 20px !important;
	}
	#block-9{
		margin-bottom: 20px !important;
	}	
	#block-10{
		margin-bottom: 20px !important;
	}
	
	.support-back{
		background: none;
	}
	.img-marg table{
		width: 100% !important;
		min-width: 200px !important;
	}
	.row-space{
		margin-bottom: 0px !important;
	}
	.img-marg-2 img{
		float: none !important;
		margin-top: 0 !important;
		text-align: center !important;
	}
	.image-margin-2{
		width: 300px !important;
		height: 300px !important;
		margin-left: 0 !important;
	}
	.relate-text{
		margin-left: 0 !important;
		text-align: center !important;
	}
	.related.products h2{
		margin-left: 0 !important;
		text-align: center !important;	
	}
	.specs-table-3 table{
		width: auto !important;
	}
	.specs-table-3 td{
		padding: 7px 25px 7px 25px !important;
	}
	.price-table-1 table{
		width: auto !important;
	}
	.price-table-1 td{
		padding: 7px 30px 7px 25px !important;
	}
	.product-title {
    	display: none !important;
	}
	.specs-table-4 table{
		width: auto !important;
	}
	.specs-table-4 td{
		padding: 7px 25px 7px 25px !important;
	}
	.price-table-2 table{
		width: auto !important;
		margin-left: 1px !important;
	}
	.price-table-2 td{
		padding: 7px 25px 7px 25px !important;
	}
	.large-heading-green-5 h1{
		text-align: center !important;
	}
	.sub-heading-7{
		text-align: center !important;
	}
	.txt-scale p{
		text-align: center !important;
	}
	.anker-change{
		text-align: center !important;
	}
	.cntct-icon{
		min-width: 45px !important;
	}
	.icon-bottom{
		margin-bottom: 20px;
	}
	.large-heading-light h2{
		margin-bottom: 80px !important;
	}
	.medium-heading-light h1{
		margin-bottom: 80px !important;
	}	
	.marg-left-price{
		margin-left: 0 !important;
	}
	.prce-table table{
		width: 55% !important;
	}
	.large-heading-green-2 h2{
		letter-spacing: 3px;
	}
	.large-heading-green-3 h1{
		letter-spacing: 3px;
	}
	.large-heading-green-4 h2{
		letter-spacing: 3px;
	}
	.large-heading-green-5 h1{
		letter-spacing: 3px;
	}
}
@media only screen and (max-width: 699px){
	.img-marg-3 table{
		width: auto !important;
		margin: 0 110px 0 110px !important;
	}
}
@media only screen and (max-width: 599px){
	.img-marg-3 table{
		width: auto !important;
		margin: 0 65px 0 65px !important;
	}
}
@media only screen and (max-width: 499px){
	.img-marg-3 table{
		width: auto !important;
		margin: 0 30px 0 30px !important;
	}
	.mobilemenu-fixed .menu-toggle {
		top: 18.3%;
    	width: 1em;
    	padding: 8px 5px 8px 5px;
    	position: fixed;
    	font-size: 17px;
    	background-color: #161827;
    	border: solid 1px #197a30;
	}
	.bannerheaders-2{
		font-size: 40px !important;
		padding-top: 1% !important;
    	padding-left: 45% !important;
    	font-weight: bold !important;
    	text-align: right !important;
    	text-transform: uppercase !important;
	}
}
@media only screen and (max-width: 399px){
	.img-marg table{
		width: auto !important;
		margin-top: 10px !important;
		margin-left: 0 !important;
	}
	.image-margin-2{
		width: auto !important;
		height: 300px !important;
		margin-left: 0 !important;
	}
	.img-marg-3 table{
		width: auto !important;
		margin: 0 !important;
	}
	.mobilemenu-fixed .menu-toggle {
		top: 18.3%;
    	width: 1em;
    	padding: 8px 3px 8px 3px;
    	position: fixed;
    	font-size: 15px;
    	background-color: #161827;
    	border: solid 1px #197a30;
	}
}
@media only screen and (min-width: 787px) AND (max-width: 1199px){
	.green-icon-txt h4{
		line-height: 20px;
	}
}
@media only screen and (min-width: 768px) AND (max-width: 1330px){
	.light-txt-2 h2{
		text-align: right;
		margin-top: 0 !important;		
	}
	.price-change h5{
		text-align: left !important;
	}
	.price-change table{
		width: auto !important;
	}
}
@media only screen and (min-width: 799px) AND (max-width: 999px){
	#border-change{
		border: 0 !important;
	}
	#support-padding{
		padding: 0px !important;
	}
	.product-title-2{
		border: 0 !important;
	}
}

/*Below hides video banner controls*/
#wp-custom-header-video-button { display: none; }
/*Above hides video banner controls*/

/*------------------CARSTEN CSS-----------------------*/
.wpforms-form input[type=submit], 
.wpforms-form button[type=submit] {
    background-color: #197a30 !important; /* Green */
	color: #ffffff !important;
	}

:root {
    --theGreen: rgb(2, 152, 52);
    --theGray: rgb(30, 30, 30);
    --theGreenOpaque: rgba(2, 152, 52, .5);
	--theBlue: #161827;
    --theGrayOpaque: rgba(30, 30, 30, 0.99);
}

.float-left {
	float: left !important;
}

.float-right {
	float: right !important;
}

.dispNone {
	display: none !important;
}

.greenH1 {
	font-size: 55px;
	font-weight: bold;
	color: var(--theGreen);
	display: inline-block !important;
	text-align: center !important;
	width: 100%;
}

.customAnchor {
	padding: 5px;
	background: var(--theBlue);
	display: inline-block !important;
	color: whitesmoke !important;
	width: 100% !important;
	max-width: 400px !important;
	box-shadow: 1px 2px 3px silver;
	transition: .5s all;
	text-align: center;
}
.customAnchor:hover {
	color: var(--theGreen) !important;
	box-shadow: -1px 2px 3px gray;
	border-radius: 5px;
}

.vc_inner {
	text-align: center;
	
}

.text-align-left {
	text-align: left !important;
}

.text-align-center {
	text-align: center !important;
}

.line-breaker {
	width: 100% !important;
	height: 10px !important;
	
}

.margin-0-px {
	margin: 0px !important;
}

.padding-0-px {
	padding: 0px !important;
}

.carousel_column {
	display: inline-block;
	min-height: 400px;
}

@media only screen and(max-width: 767px) {
	.carousel_column {
		
	}
}

.carousel_row {
	text-align: center;
}

.bannerH2 {
	text-shadow: 0.5px 2px 3px black;
	font-weight: bold;
	color: white;
	font-size: 30px;
}

.bannerP {
	
	padding: 10px;
	color: white !important; 
	font-size: 20px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
}

.ultimate-slide-img {
	max-height: 400px !important;
}

@media only screen and (max-width: 420px) {
	.ultimate-slide-img {
		max-height: 300px !important;
	}
}

.staticH2 {
	width: 100%;
	color: white;
	font-weight: 500;
	text-align: center;
	font-size: 3em;
	top: 0;
	text-shadow: 1px 2px 3px black;
}

.titleH1 {
	text-align: center !important;
	
}
.contact_form_main_div_custom_css {
	text-align: center;

}

.wpforms-ajax-form {
	max-width: 500px !important;
	
}

.contact_form_row {
	text-align: center !important;
	display: inline-block;
	width: 100%;
}

.wpforms-container {

	text-align: left !important;
	width: 70% !important;
	max-width: 500px;
	min-width: 250px !important;
}

.wpforms-field-container {
	max-width: 600px;
}
.wpforms-field-medium {
	max-width: 700px !important;
	border: 1px solid silver !important;
	box-shadow: -1px 2px 3px whitesmoke!important;

}

.wpforms-field-medium:hover {
	background: whitesmoke !important;
	box-shadow: 1px 2px 5px silver !important;
	border-bottom: 1px ridge var(--theGreen) !important;
}

.wpforms-field {
	max-width: 600px !important;
}

.wpforms-submit-container {
	text-align: center;
	max-width: 600px;
}

.wpforms-submit {
	padding: 15px !important;
	width: 120px !important; 
	transition: .5s all;
	border: 1px ridge transparent !important;
}

.wpforms-submit:hover {
	box-shadow: 1px 2px 3px silver !important;
	border-radius: 5px !important;
	border: 1px ridge var(--theGray) !important;
}

.wpforms-recaptcha-container {
	text-align: center;
	height: 98px !important;
	height: auto-flow !important;
}

.g-recaptcha {
	display: inline-block;
	
}

.contactH4 {
	text-align: center !important;
	
}

@media only screen and (max-width: 680px) {
	.contactH4 {
		font-size: 30px !important;
		background: orange !important;
	}
}

/*Custom Video Support CSS Start Here*/

.video_row {
	
}

.video_column_custom_css {
	text-align: center !important;
	padding: 5px !important;
	text-align: center !important;
	
}



.raw_html_custom_css {
	margin: 2% !important; 
	box-sizing: border-box !important;
	text-align: center !important;
	max-width: 400px;
	display: inline-block;
	border-bottom: 2px ridge silver;
}


.video_custom_css {
	border-radius: 5px !important;
	width: 100% !important;
	max-width: 500px;
	height: 230px !important;
	box-shadow: 1px 2px 3px silver;
	position: relative !important;
	top: 0 !important;
}

.video_header {
	width: 100%;
	background: var(--theGreen);
	color: whitesmoke;
}

.fluid-width-video-wrapper {
	padding: 0px !important;
}

.video_description {
	font-size: 1.2em;
	line-height: 20px;
}

.assistance_motivation {
	font-size: 1.5em;
	padding: 50px;
	background: silver;
	text-align: center;
	line-height: 30px;
}

.support_number_span {	
	font-weight: bolder !important;
}

.float-left {
	float: left !important; 
}

.float-right {
	float: right !important; 
}
/*Custom Video Support CSS End Here*/

/*PAGE HEADER CODE*/

.custom_h4_header {
	color: var(--theGreen) !important;
}

.vc_general {
	box-shadow: 1px 2px 3px black !important;
	background: linear-gradient(to bottom, var(--theGreen), darkgreen) !important;
	color: whitesmoke !important;
	text-shadow: 1px 1px 2px black;
	border: 1px ridge transparent !important;
}

.vc_general:hover {
	background: linear-gradient(to top, var(--theGreen), darkgreen) !important;
	border: 1px ridge var(--theGreen) !important;
}

/*PAGE HEADER CODE END*/

/*slider revolution banner classes*/
.white_beam {
	filter: drop-shadow(2px 7px 5px black);
}

.black_beam {
	filter: drop-shadow(2px 7px 5px black);
}

.keypad {
	filter: drop-shadow(2px 7px 5px black);
}

.app_in_hand {
	filter: drop-shadow(2px 7px 5px black);
}

.banner_link_button {
	box-shadow: 1px 3px 5px black !important;
	background: var(--theGray) !important;
	font-weight: bold !important;
	color: whitesmoke !important;
}

.banner_link_button:hover {
	background: linear-gradient(to right, var(--theGreen), darkgreen) !important;
	text-shadow: 1px 2px 4px black;
	color: whitesmoke !important;
}

.test_shadow {
	text-shadow: 1px 2px 3px black;
	
	
}

/*slider revolution banner classes end*/


/*Front Page Make Your Home Smarter Section Starts*/
.custom_img_gallery {
	
}
/*Front Page Make Your Home Smarter Section Starts*/


.wid-100-web-container {
	
	width: 100%;
}

.smarter_home_icon:hover {
	filter: drop-shadow(1px 2px 2px silver);
cursor: pointer;
}


.smarter_home_img {
	filter: drop-shadow(1px 2px 3px black) !important;
}	

.sub-menu-icon-main-div {
	display: flex;
	justify-content: center;
}

.green-icon-row {
	/*background: silver;*/
	margin-bottom: 2px;
	display: inline-block !important;
	width: 100%;
}

.sub-menu-image-main-div {
}

.sub-menu-image-and-text-div {
}


.sub-menu-icons {
	border-bottom: 1px solid var(--theGreen) !important;
	background: linear-gradient(to right, whitesmoke, white, whitesmoke);
	max-width: 240px !important;
	margin: 2.5px;
	border-radius: 5px;
}

.green-icon {
	height: 135px;
	width: 135px;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	border: 2px solid silver;
	background: linear-gradient(to right, white, whitesmoke, silver);
	transition: .2s all;
}

.green-icon:hover {
	box-shadow: 0px 0px 10px black;
	border: 2px solid var(--theGreen);
}

.green-icon-txt {
	color: white !important; 
}

.sub-menu-image-and-text-div {
	max-width: 500px !important;
}

.sub-menu-inner-row {
	display: flex;
	justify-content: center;

}

.nav-menu a {
	padding: 10px !important;
}

/*Privacy Policy Custom CSS*/
.privacyPolicyMainDiv {
	padding: 10px;
}

/*
.privacyPolicyMainDiv h1,h2 {
	max-width: 900px;
	display: inline-block !important;
	border-bottom: 2px ridge var(--theGreen);
}

.privacyPolicyMainDiv p {
	max-width: 900px;
}

.privacyPolicyMainDiv li {
	max-width: 900px;
	margin-bottom: 5px;
}
*/

/*Discount Text*/
.discount-text {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 15px;
	font-size: 25px;
	font-weight: bold;
	background: silver;
	line-height: 35px;
}

@media only screen and (max-width: 700px) {
	.discount-text {
		padding: 0px !important;
		margin: 0px 0px 50px 0px !important;
	}
}
/*Discount Text End*/

/*myTestDiv start*/
.myTestDiv {
	width: 100%;
	height: 50px;
	background:var(--theGreen);
}
/*myTestDiv end*/

/*Distributors and Installers Code*/

.distroLocation {
	padding-left: 20px;
	background: linear-gradient(to left, white, white, whitesmoke);
	max-width: 700px !important;
	text-align: left;
	border-bottom: 1px ridge var(--theGreen);
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: -1px 2px 5px silver;
	color: var(--theGreen);
}

.distroHTML {
	display: inline-block;
	width: 100%;

}
@media only screen and (max-width: 700px) {
	.distroHTML {
		text-align: center !important;
	}
}

.distroBox {
	vertical-align: top !important;
	box-shadow: inset -1px -2px 15px silver;
	box-shadow: 1px 2px 5px gray;
	font-family: arial;
	padding: 0px 0px 0px 0px;
	margin: 10px !important;
	width: 280px !important;
	min-height: 342px !important;
	display: inline-block !important;
	border-radius: 5px;
	text-align: center;
}

.distroHeading {
	display: inline-block !important;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 1px 2px 5px black;
	font-family: arial !important;
	text-align: center !important;
	background: var(--theGreen);
	width: 90%;
	color: white;
	height: 40px;
	font-size: 20px;
}

.distroImage {
	max-height: 100px !important;
	max-width: 90%;
}

.distroUl {
	list-style-type: none !important;
	padding: 5px;
	width: 93%;
	margin: 5px !important;
	padding: 5px !important;
	border-radius: 5px;
	text-align: left !important
}

.distroAddressUl {
	list-style-type: none !important;
	display: inlin-block !important;
	margin: 0px !important;
}

.distroSpan {
	font-weight: bold;
	width: 100% !important;
	display: inline-block;
}

.distroLi {
	text-align: left !important;
	margin-bottom: 5px !important;
}
/*Distributors and Installers Code END*/



/*Agent Information*/
.agentInfoHTML {
	margin-top: 50px;
	/*
	background: url("http://www.kwebeams.co.za/wp-content/uploads/2022/06/closed-beam.png");
	*/
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain !important;
	border-bottom: 2px ridge var(--theGreen);
	text-align: center;
}

.agentH2 {
	font-weight: bold;
	padding: 10px;
	border-bottom: 2px ridge green;
	max-width: 500px;
	display: inline-block !important;
	margin-bottom: 20px;
}

.agentInfoHeader {
	color: var(--theGreen) !important;
}

.agentClickInfoMain {
	background-repeat: no-repeat;
	background-position: center;
}

.agentUl {
	
	list-style-type: none !important;
	background: rgba(255, 255, 255, 0.8);
	border: 2px ridge whitesmoke;
	border-radius: 5px;
	max-width: 450px;
	display: inline-block !important;
	display: none !important;
}
.agentLi {
	margin: 10px !important;
	padding: 10px;
	max-width: 400px;
	font-weight: bold;
	text-shadow: 1px 1px 5px black;
	background: var(--theGreen);
	color: white;
	border-radius: 5px;
	cursor: pointer;
	transition: .5s all;
	border-bottom: 1px ridge var(--theGreen);
}

.agentLi:hover {
	box-shadow: inset 2px 2px 5px darkgreen !important;
	border-bottom: 1px ridge darkgreen;
}

.agentClickInfo {
	line-height: 20px;
	max-width: 700px;
	padding: 10px !important;
	margin: auto;
	margin-bottom: 10px;
	vertical-align: top !important;
	background: rgb(192,192,192, 0.1);
 !important;
	text-align: center;
	border-radius: 5px;
	
}
.agentLi:nth-child(odd) {
	
}
.customHider {
	/* display: none; */
}

.selectedAgentLiBtn {
	background: var(--theGray);
	color: var(--theGreen);
}

.agentInfoDiv {
	background: var(--theGreen);
	border-radius: 5px;
	color: white !important;
	padding: 10px;
	box-shadow: 1px 2px 5px silver;
	border: 2px ridge green;
}
/*Agent Information END*/

/*Cellphone App Page*/
.app_intro_raw_html {
		background-image: radial-gradient(var(--theGreen), darkgreen, black, black);
	background: whitesmoke;
	display: inline-block;
	width: 100% !important;
	margin-top: -35px;
}

.mainHeader {
    width: 100%;
    height: 140px;
    display: block;
	background: var(--theBlue) !important;
}

@media (max-width: 500px) {
	.mainHeader {
		height: 160px !important;
	}
}

.navLogo {
    max-height: 100px;
    position: absolute;
    z-index: 1;
}

.green-next-to-nav {
    width: 100%;
    height: 13px;
    background: rgb(0, 89, 0);
    display: block;
    position: absolute;
}

.icons-grouped {
    max-height: 60px;
    display: block;
    position: absolute;
    margin-top: 15px;
		margin-right: 15px;
    right: 0;
    border-bottom-left-radius: 5px;
}

@media (max-width: 1050px) {
	.icons-grouped {
		display: none;
	}
	.icon {
		margin-top: 30px !important;
	}
	.mainHeader {
		height: 120px; 
	}
}

.icon {
    width: 235px;
    height: 45px;
    display: block;
    position: absolute;
    margin-top: 75px;
		margin-right: 20px;
    right: 0;
    cursor: pointer;
}
@media (max-width: 1050px) {
	.icon {
		display: none !important;
	}
}
.appH1 {
	padding: 2px;
	text-align: center;
	color: white;
	display: inline-block !important;
	float: right !important;
	border-radius: 5px;
	width: 100%;
    border-top: 2px ridge var(--theGreen);  
    border-bottom: 2px ridge var(--theGreen);
	font-size: 2em;
	background: linear-gradient(to right, var(--theGreen), var(--theGreenOpaque), black,  black);
	background: var(--theGreen);
	box-shadow: 1px 2px 3px silver;
}

@media only screen and (max-width: 1180px) {
	.appH1 {
		font-size: 1.5em;
	}
}

.blueBG {
	width: 99%;
	background: white !important;
	box-shadow: 1px 2px 5px gray;
	border-bottom: 2px ridge var(--theGreen);
}

@media (max-width: 900px) {
	.appH1 {
		font-size: 1.3em;	
	}
}

.beneath-header-div {
    width: 100%;
    padding; 10px;
    text-align: center;
}

.holdsAppPicsAndText {
	margin-bottom: 10px;
	display: inline-block;
	padding: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: -15px;
	color: gray;
}

.appPreview {
    max-height: 400px;
    display: inline-block;
    cursor: pointer;
    transition: .3s all ease;
}

.appDescriptionDiv {
	padding: 10px;
	max-width: 600px;
	font-size: 20px;
	display: inline-block;
	/*background: whitesmoke;*/
	border-radius: 5px;
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: left;
	line-height: 25px;
	/*border: 2px ridge var(--theGreen);*/
	/*box-shadow: 1px 2px 3px darkslategray;*/
}

.appH2 {
	color: var(--theGreen);
	border-bottom: 2px ridge var(--theGreen);
}

.holdsAppImages {
	margin-left: 10px;
	display: inline-block;
	vertical-align: top;
}

.gsmPreview {
	height: 300px;
	filter: drop-shadow(5px -5px 5px darkgray);
	margin-left: 10%;
}

@media (max-width: 975px) {
	.gsmPreview {
		margin: 0px !important;
	}
}

.appAestheticMainDiv {
	background-image: url("http://www.kwebeams.co.za/wp-content/uploads/2022/06/garden_bg.png") !important;
	background-size: cover;
	width: 100%;
	background-position: center !important;
	background-origin: center;
	min-height: 800px;
	bottom: 0 !important;
	margin-bottom: -35px;
}

.appInHand {
	max-height: 600px !important;
	bottom: 0 !important;
	position: absolute;
	filter: drop-shadow(1px 2px 5px black);
}

.appToExpect {
	max-height: 500px;
	position: absolute;
	margin: 10%;
	right: 0;
	filter: drop-shadow(2px 4px 15px black);
}

@media (max-width: 700px) {
	.appToExpect {
		left: 15%;
		display: inline-block;
		max-height: 300px !important;
	}
}
/*Cellphone App End*/

/*Front-page Cellphone App Start*/
.home-page-beneath-header-div {
	
	 
}

.front-page-appDescriptionDiv {
	background: linear-gradient(to right, whitesmoke, white, white) !important;
	max-width: 90% !important;
	border-bottom: 1px ridge whitesmoke;
}

.home-page-app-preview {
	max-height: 380px;
	margin-top: 10px;
	transition: .5s all;
}

.home-page-app-preview:hover {
	filter: drop-shadow(1px 2px 5px black) !important;
}

.holdsDownloadIcons {
	right: 0;
	margin-right: 450px;
	position: absolute;
	margin-top: 15px;
	display: inline-block !important;
	width: 120px;
}

@media (max-width: 1050px) {
	.holdsDownloadIcons {
		margin-right: 30px;
	}
}

@media (max-width: 500px) {
	.holdsDownloadIcons {
		left: 0;
		width: 250px !important;
		margin-right: 0px;
		margin-left: 25px;
		margin-top: 102px;
	}
}

.link-to-app-download {
	
}

.download-app-icon {
	max-height: 35px;
	cursor: pointer;
	display: inline-block !important;
	margin-top: 10px;
	transition: .2s all;
}

.download-app-icon:hover {
	filter: drop-shadow(1px 2px 5px black);
}

.home-page-app-images {
	min-height: 500px !important;
	padding-bottom: 50px;
	display: inline-block !important;
	width: 100% !important;
		background: linear-gradient(to right, white, white, whitesmoke, silver) !important;
}


.home-page-app-images-sub {
	display: inline-block !important;
	position: relative !important;
	width: 100%;
}

.front-page-app-intro-div {
	padding-top: 30px;
	width: 50%;
	max-width: 600px !important;
	display: inline-block !important;
}

@media (max-width: 1000px) {
	.front-page-app-intro-div {
		width: 100% !important;
	}
}

.front-page-app-intro-h1 {
	font-family: Arial;
	font-weight: bold;
	font-size: 3.2em;
	color: var(--theBlue);
}

.front-page-app-intro-h3 {
	color: var(--theBlue);
	font-size: 1.8em;
	margin: 10px;
	margin-top: -10px;
}

.front-page-app-p {
	color: var(--theGreen) !important;
	font-size: 1.2em;
	max-width: 800px;
	line-height: 1.3;
	margin: 10px;
}

.front-page-app-screen {
	display: none !important;
	max-height: 500px;
	margin: 50px;
	filter: drop-shadow(1px 2px 10px var(--theGreen));
}

.slider-2868 {
	max-height: 400px !important;
	width: 200px !important;
	margin: auto !important;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	filter: drop-shadow(1px 2px 10px var(--theGreen));
}

.to-app-page-btn {
	display: block;
	margin: auto;
	padding: 10px;
	width: 150px;
	height: 20px;
	background: linear-gradient(to bottom, var(--theGreen), var(--theGreen), darkgreen) !important;
	border-radius: 5px;
	color: whitesmoke;
	border: 1px ridge black;
	transition: .2s all;
	z-index: 10 !important;
	position: relative;
	text-decoration: none !important;
}

.to-app-page-btn:hover {
	box-shadow: 0px 0px 10px var(--theGreen);
}

.accent-img {
	max-height: 500px;
	position: absolute;
	filter: drop-shadow(0px 0px 10px black) !important;
	transition: 3s all;
	opacity: 0.2 !important;
	z-index: -5;
}

.accent-img:hover {
	transform: scale(1.1);

}

.accent-img1 {
	left: 0;
}

@media (max-width: 1330px) {
	.accent-img1 {
		display: none !important;
	}
}

.accent-img2 {
	right: 0;
	margin-right: 100px;
}

.fp-buttons-main {
	width: 50%;
	display: inline-block !important;
	vertical-align: top;
	padding-top: 5%;
}

@media (max-width: 1120px) {
	.fp-buttons-main{
		width: 100% !important;	
	}
}

.fp-buttons-div {
	display: inline-block !important;
	width: 250px;
		background: linear-gradient(to right, whitesmoke, white);
	border-bottom: 1px ridge var(--theGreen) !important;
	vertical-align: top;
	padding: 5px;
	padding-top: 25px;
	min-height: 290px;
	border-radius: 5px;
	margin: 5px;
	box-shadow: 1px 2px 10px silver;
}

.fp-buttons-anchor {
	background: linear-gradient(to right, white, whitesmoke, silver) !important;
	border-radius: 50%;
	border: 2px ridge var(--theGreen);
	display: inline-block;
	cursor: pointer;
	transition: .3s all;
}

.fp-buttons-anchor:hover {
	filter: drop-shadow(0px 0px 5px black);
}

.fp-buttons-img {
}

.fp-buttons-text {
	font-size: 1.5em !important;
	line-height: 35px;
	max-width: 250px;
	padding: 5px;
}




/*Front-page Cellphone App End*/

/*Footer Start*/
.lcc_footer {
	box-sizing: border-box;
	text-align: center;
    min-height: 300px;
    width: 100%;
    padding: 5px;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.9), var(--theGray));
}

.lcc_footer * {
	display: inline-block;
	vertical-align: top;
	color: whitesmoke !important;
	box-sizing: border-box;
}

.footer-content-holder {
    width: 23%;
    min-width: 300px;
    padding: 4px;
    margin-top: 10px;
}

@media (max-width: 1000px) {
    .footer-content-holder {
      width: 90%;      
    }
}

.footer-content-title {
    color: whitesmoke;
    font-weight: 400;
    width: 90%;
    border-bottom: 1px ridge var(--theGreen);
    margin-bottom: 10px;
}

.footer-logo-anchor {
	max-width: 100px;
	transition: .25s all;
}

.footer-logo-anchor:hover {
    transform: rotate(-10deg);
}

.footerP {
    color: whitesmoke;
    text-align: left;
    padding: 5px;
    margin: 5px;
    line-height: 1.4
}

.footer-site-map-anchor {
    color: whitesmoke;
    padding: 5px;
    width: 90%;
    text-align: left;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.9), var(--theGray));
    margin: 2.5px;
    border-radius: 10px;
    border: 1px ridge black;
}

.footer-site-map-anchor:hover {
    border: 1px ridge var(--theGreen);
    color: var(--theGreen);
    box-shadow: 1px 2px 5px black;
}

.footer-sales-details {
    width: 90%;
    padding: 5px;
    text-align: left;
    color: whitesmoke;
    margin: 5px;
}

.footer-whatsapp-link {
    width: 80%;
    padding: 10px;
    border-radius: 25px;
    color: whitesmoke;
    background: var(--theGreen);
    margin: 10px;
    border: 1px ridge var(--theGray);
}

.footer-whatsapp-link:hover {
    border: 1px ridge var(--theGreen);
    background: background: linear-gradient(45deg, rgba(0, 0, 0, 0.9), var(--theGray));;
}

.footer-footer {
    width: 99.5%;
    padding: 5px;
    font-weight: 600;
    color: whitesmoke;
    border-top: 1px ridge var(--theGreen)
}