/*Floating Socials - in Footer Section*/
.floating-socials-button{
	position:fixed;
	left: -160px;
	bottom:50px;
	width: 200px;
	border: 1px solid grey;
	border-radius: 0px 20px 20px 0px;
	text-align: right;
	animation-name:whatsapp;
	animation-duration:5s;
	animation-timing-function:ease-in-out;
	animation-iteration-count:infinite;
  transition: all 0.5s ease-in-out;
	margin-left:5px;
	box-shadow: 3px 3px 4px #999;
  background:#fff;
      z-index: 9;
}

.floating-socials-button:hover{
	margin-left:120px;	
}
.floating-socials-button:hover img{
	transform:rotate(60deg)
}

.floating-socials-button:hover img{
	animation-name:whatsappimage;
	animation-duration:0.5s;
	animation-timing-function:linear;
	animation-iteration-count:1;	
	transform:rotate(0deg);
}
@keyframes whatsappimage{
  0%   {transform:rotate(0deg)}
  100% {transform:rotate(0deg)}
}
.floating-socials-button .text {
    display: inline-block;
    margin: 0px 5px 0 0;
    color: #000;
}
/*END: Floating Socials*/


.services-images img{
    display: inline-block;
    max-height: 150px;
}

#mobile-whatsapp{
    background: #ddd;
    text-align: center;
    padding: 2px 0px;
	display:none;
}

#mobile-whatsapp a {
    color: #000;
    font-size: 9pt;
}

#mobile-whatsapp img {
    width: 23px;
}


.childcontent {
	width: 320px;
}

#js-mainnav.megamenu ul.level0 li.mega .childcontent span.menu-title:hover {
    text-decoration: underline;
}


.no-right #content_main {
    width: auto;
}

.blog .catItemTitle{
font-size:12pt;
}	

.blog .catItemReadMore{
    background:#545454;
    padding:5px 10px
}

.blog .catItemTitle{font-weight: bold;background: #2a6496;padding: 6px 6px 6px 6px !important;}

.blog .catItemTitle a {
    color: #fff;
    font-size: 10pt;
}

.blog span.catItemImage img {
    border: 1px solid #ddd;
}

.blog .catItemReadMore a{
    color:#fff
}

.blog div.catItemImageBlock{
    margin:0 !important
}

.blog div.catItemIntroText{
    min-height: 200px;
}

.blog div.itemListCategory h2{
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: rgba(0,0,0,.7);
    color: #fff;
    padding: 10px 10px;
    font-size: 18pt;
}

.blog div.itemListCategory {
    position: relative;
    background:none !important;
    border:none !important;
}


#content_main {
    float: left;
    width: 60%;
}
#content_right{
    width: 33%;
    float: right;
}

/*other content pages*/
.contact-uspage #content_main,
.contact-uspage #content_main {
    width: 100% !important;
}
.contact-uspage #content_right,
.contact-uspage #content_right{
    width: 25%;
    float: none;
}

#content-section-one{
    display:none;
}

.mega:nth-child(3) .childcontent-inner{
    width:auto !important
}


.col-sm-12.discount {
  text-align: center;
  font-weight: 700;
  color: #fff;
  background: #1b4388;
  margin-bottom: 20px;
  padding: 16px;
  font-size: 24pt;
  border-radius: 5px;
}

div#g-recaptcha-48 {
    transform: scale(0.77);
    transform-origin: 0 0;
}
.col-sm-5.contactdetails.form {
    margin: 75px 0;
}
h2.ctmap-hd {
    position: relative;
    top: 25px;
    font-size: 30px;
}
iframe.jhb-map {
    margin-top: 36px;
}
iframe.kzn-map {
    margin-top: 62px;
}
iframe.garden-map {
    margin-top: 61px;
}
.gallery-page-dp .sigProCaption {
    display: none !important;
}
.gallery-page-dp .sigProClassic li.sigProThumb {
    background: transparent !important;
    min-height: 120px;
}
@font-face {
  font-family: Arial;
  src: url(/Arial.ttf);
}

.promo #content{background:none;}
#content-section-promotion{padding: 80px 0;color: #000;background:#d3d3d3;text-align: center;}
#content-section-promotion img{border:10px solid #000; padding:20px;}
section#content-section-promotion h1 {font-family: 'Quicksand', sans-serif;}
p {
    margin: 0 0 10px;
    line-height: 26px;
    letter-spacing: 0.3px;
    font-size: 11pt;
}

.solaratop {
    padding: 5px 12px 5px 12px;
    font-size: 10px;
    margin-top: -5px;
  border-radius: 5px;
}


#content-section-one {
    background: #fbfbfb;
}
.topleft {
    margin: -110px 0 0;
    background: #fff;
    z-index: 3;
    padding: 30px !important;
    border-bottom: 10px solid #ccc;
}
#content-section-one h2 {
    text-transform: capitalize;
    font-size: 18pt;
    text-align: left;
    line-height: 36px;
}



#content-section-two {
    padding: 50px 0 80px;
    background: #fbfbfb;
}
.welcome-image {
    padding: 0;
}
.welcome-image img {
    /* border: 10px solid #fff; */
}



#content-section-three {
    padding: 80px 0;
    background: #fff;
}
.prod-image {
    padding: 0;
    background: url(/images/screen-home.jpg) no-repeat 0% 0% / cover;
    min-height: 470px;
}



#content-section-two .module h3.modtitle,
#content-section-four .module h3.modtitle {
    border-bottom: none;
    padding: 0;
    text-transform: uppercase;
    font-size: 16pt;
    text-align: center;
    margin: 0 0 40px;
	font-family: Arial;
}



#content-section-four {
    padding: 80px 0;
    background: #fbfbfb;
}



#bottom-section {
    background: #231f20;
    padding: 80px 0 30px;
}

#bottom-section #js-mainnav a {
    color: #fff;
    padding: 0;
}

#bottom-section #js-mainnav a span {
    font-weight: 100;
    text-transform: capitalize;
    font-size: 12px;
    line-height: 20px;
}
#bottom-section h3 {
    text-transform: uppercase;
    color: #fff;
    font-family: Arial;
    letter-spacing: 1px;
}
#bottom-section p {
	color: #fff;
	font-size: 10pt;
	line-height: 21px;
}
#bottom-section a {
	color: #fff;
	font-weight: 100 !important;
	font-size: 10pt;
}
#bottom-section .fa {
     border-radius: 10px;
     border: none;
     color: #fff;
     font-size: 22pt;
     height: 50px;
     line-height: 50px;
     margin: 10px 0 0px 0;
     padding: 0px;
     text-align: center;
     vertical-align: middle;
     width: 50px;
}



ul.sigProClassic {
    clear: both;
    list-style: outside none none;
    margin: 30px auto ! important;
    overflow: hidden;
    padding: 0px 0px ! important;
    text-align: left;
}
ul.sigProClassic li.sigProThumb span.sigProLinkWrapper {
    border: none;
    display: block;
    float: left;
    margin: -5px 0px 0px -5px;
    padding: 0;
}
ul.sigProClassic span.sigProPseudoCaption, ul.sigProClassic span.sigProCaption {
    bottom: 0px;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9pt;
    min-height: auto;
    line-height: 16px;
    font-weight: normal;
    left: 0px;
    padding: 4px;
    position: relative;
    right: 0px;
    text-align: center;
    text-transform: capitalize;
}
ul.sigProClassic li.sigProThumb a.sigProLink span.sigProPseudoCaption {
    background: #000000 none repeat scroll 0% 0%;
    display: none;
}
ul.sigProClassic li.sigProThumb a.sigProLink {
    color: #333 !important;
}
ul.sigProClassic li.sigProThumb {
    background: transparent !important;
    min-height: 170px;
}



.contactdetails .fa {
     border-radius: 10px;
     border: none;
     color: #888;
     font-size: 14pt;
     height: 30px;
     line-height: 30px;
     margin-right: 0px;
     text-align: center;
     vertical-align: middle;
     width: 30px;
}
.line-one,
.line-two  {
    padding: 0;
}





#yt_menuwrap {
     background: #fff none repeat scroll 0px 0px;
     position: sticky;
     top: 0;
     padding: 15px 0 15px;
     z-index: 9;
     box-shadow: 0px 10px 10px rgba(204, 204, 204, 0.15);
}

#mainmenu {
     padding: 0px;
     margin: 15px 0 0;
}

.ls-inner {
   z-index: 1 !important;
}


#content {
     padding: 70px 0;
     background: url(/images/section-images/site-section-bg.jpg) fixed 17% 0% / cover;
}
.homepage #content {
    display: none;
}


.page-header {
    display: none;
}

#yt_slideshow {
	
}

#yt_wrapper {
    overflow: hidden !important;
}

#bd {
	
}

#yt_footer {
     background: #231f20 none repeat scroll 0px 0px;
     padding: inherit;
     text-align: center;
}

#yt_footer #yt_copyright {
     color: #e4e4e4;
     font-size: 10pt;
}

.copyright a {
    color: #fff;
}

#map-section .container {
     padding: 0px;
     width: 100% ! important;
}

.mapprint {
     display: none;
}

.message-sent {
     color: #333333;
     font-size: 170%;
     letter-spacing: 10px;
     margin: 40px 0px 0px;
     text-align: center;
}

.asap {
     color: #777777;
     letter-spacing: 5px;
     margin-top: 40px;
     text-align: center;
}

#contact-top p {
     display: inline-block;
     margin: 0;
     font-size: 15px;
	 color: #000;
	 line-height:0px;
	 padding-top:25px;
}

#contact-top a {
    color: #333333;
}

#contact-top {
     margin: 0;
     color: #fff;
     padding: 0;
	 text-transform:uppercase;
}

#contact-top .fa {
     border-radius: 10px;
     border: none;
     color: #888;
     font-size: 14pt;
     height: 30px;
     line-height: 30px;
     margin-right: 0px;
     text-align: center;
     vertical-align: middle;
     width: 30px;
}

.goleft {
    text-align: left;
    padding: 0;
    margin: 5px 0 0;
}

.goright {
    text-align: right;
    margin: 5px 0 0;
}

#yt_header {
    padding: 0px 0 0;
    text-align: right;
    background: #fff;
}

a {
     color: #1b4388;
}

a:hover {
     color: #aaaaaa;
     text-decoration: none;
}

#content_main h2.itemTitle, 
#content-section-two h1,
#content-section-three h2,
#section-six h2,
#section-seven h2,
#content-section-four h2 {
    font-size: 30pt;
    margin: 0px 0px 30px;
    text-transform: uppercase;
    font-family: Arial;
    letter-spacing: 1px;
    border-left: 4px solid #1b4388;
    padding: 0 0px 0 10px;
}

#section-seven h2 {
    font-size: 24pt;
}

.top-section img {
    padding: 0;
    border: 1px solid #fff;
    height: 260px;
}

#section-six .text {
}

#section-six h4 {
    font-size: 16pt;
}

#section-six {
    padding: 80px 0px 40px;
}

#section-seven .text {
}

#section-seven h4 {
    font-size: 16pt;
}

#section-seven {
    padding: 80px 0px 40px;
}

#content-section-seven {
    background: #fff;
}
#content-section-four h2 {
    border-left: none;
    padding: 0;
}

h2 {
    font-size: 14pt;
    text-transform: capitalize;
    font-family: Arial;
    letter-spacing: 1px;
}

h3 {
}

.noleft{padding-left:0;}
.noright{padding-right:0;}
.nopad{padding: 0px;}
.upper{margin-top:30px;}
.uppermore{margin-top:60px;}
.lefty{text-align:left;}
.righty{text-align:right;}
.centy{text-align:center;}


.backtotop {
     background-color: #231f20;
     border-radius: 100px;
     bottom: 23px;
     display: block;
     min-height: 45px;
     opacity: 1;
     overflow: hidden;
     position: fixed;
     right: 90px;
     text-align: center;
     transform: scale(1);
     transition: all 0.5s ease-in-out 0s;
     width: 45px;
     z-index: 40;
}

.backtotop.hidden-top {
     bottom: -100px;
     opacity: 0;
     transform: scale(0);
}

.backtotop:hover {
     background-color: #23262d;
}

.backtotop i {
     color: #ffffff;
     display: inline-block;
     font-size: 36px;
     margin: 1px 0px 0px ! important;
}



.button, button {
     background: #1b4388 none repeat scroll 0% 0%;
     border-radius: 0px;
     border: medium none;
     color: #ffffff;
     display: inline-block;
     font-size: 14px;
     text-transform: uppercase;
     padding: 15px 20px;
     transition: ease all 0.5s;
     margin: 20px 0 0;
     vertical-align: top;
}

.button:hover, button:hover {
     background: #231f20 none repeat scroll 0% 0%;
     color: #ffffff;
}


.mfp-iframe-scaler iframe {
    padding: 3px;
}

.home-video-modal span.sppb-modal-icon-wrap {
    border: solid 2px #fff;
    width: 65px;
    height: 65px;
}

.home-video-modal span.sppb-modal-icon-wrap:hover {
    border: solid 2px #f00;
    background: #f00;
}

.home-video-modal .fa {
    font-size: 35px;
    color: #1b4388;
    height: 55px;
    width: 55px;
    line-height: 55px;
    text-align: center;
    background: rgb(255 255 255 / 0.5);
}


.mfp-close-btn-in .mfp-content .mfp-close {
    color: #fff;
    top: 1%;
    right: 1%;
    width: 40px;
    height: 40px;
    font-size: 40px;
}



div#roller-videos {
    padding-top: 30px;
}



.home-video-modal {
    line-height: 110px;
}

.new-products-1 h3 {
    font-size: 10pt;
    text-transform: uppercase;
    font-weight: 700;
    color: #5c5e61;
    line-height: 1;
    margin-bottom: 0px;
    background: #fff;
    padding: 10px 20px !important;
    font-family: Roboto, sans-serif;
    position: absolute;
    bottom: 5px;
    border: #666666 solid;
    border-width: 2px 2px 2px 0px;
}

.home-products-01 {
    padding: 15px 0;
}

#section-three .prod-text {
    padding-left: 0;
}


.motion-images {
    padding: 0;
}

/*Start PAGE: FABRICS*/
.fabrics-colours img{
    max-width: 300px;
    display: inline-block;
    margin: 5px 4px;
}
/*End PAGE: FABRICS*/