/*-------------------------
          FONT
--------------------------*/
@font-face {
  font-family: gotham bold;
  src: url('../fonts/Gotham-Bold.otf');
}

@font-face {
  font-family: gotham;
  src: url('../fonts/Gotham-Book.otf');
}

@font-face {
  font-family: gotham medium;
  src: url('../fonts/Gotham-Medium.otf');
}

@font-face {
  font-family: industry;
  src: url('../fonts/Industry-Bold.otf');
}

/*-------------------------
      TEXT STYLES
--------------------------*/
body {font-family:'gotham';}
h1,h2,h3,h4,h5,h6 {font-family:'industry';}


/*-------------------------
      SCROLLBAR
--------------------------*/
/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #1c5562;
  border-radius:50px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/*-------------------------
      TRANSPARENT HEADER
--------------------------*/
.active, .dot:hover {
    background-color: unset;
}

.com-sppagebuilder.view-page.no-layout.no-task div#sp-component {
    margin-top: -95px!important;
}
.com-hikashop.view-product.layout-listing.task-listing div#sp-page-title {
    margin-top: 0px;
}
.com-hikashop.view-product.layout-show.task-show div#sp-page-title {
    margin-top: -95px;
}
.com-zy-portfolio.view-portfolioinfos.no-layout.no-task div#sp-page-title {margin-top:0px!important;}
.com-zy-portfolio.view-portfolioinfo.no-layout.no-task div#sp-page-title {margin-top:0px!important;}

.com-hikashop.view-product.layout-contact.task-contact div#sp-page-title {margin-top: 0px!important;}
.com-hikashop.view-category.layout-listing.task-listing div#sp-page-title {margin-top: 0px!important;}

.product-page-title{
    margin-top: -90px!important;
    padding-top: 120px!important;
    background-size: cover!important;
    background-attachment: scroll!important;
}
@media screen and (max-width:992px){
.product-page-title{
    margin-top: -65px!important;
    padding-top: 50px!important;
    background-size: cover!important;
    background-attachment: scroll!important;
}}

@media screen and (max-width:991px){
.com-sppagebuilder.view-page.no-layout.no-task div#sp-component {
    margin-top: -65px!important;
}  
div#sp-page-title .sppb-addon-content br{display:none;}
}


@media screen and (min-width:991px) and (max-width:998px){
div#sp-menu {width: 72%;}
div#sp-logo {width: 27%;}
}
/*-------------------------
    NAVBAR HOVER
--------------------------*/
#sp-header.menu-fixed .sp-megamenu-parent >li.active>a{color:white!important;position:relative;}
#sp-header.menu-fixed .sp-megamenu-parent >li.active>a:before{
    color:white!important;
    width:50px;
    height: 1px;
    background:white;
    position:absolute;
    content:'';
    top: 66px;
    left:0;
    right:0;
    margin:auto;
    }
#sp-header.menu-fixed .sp-megamenu-parent >li >a:hover{color: #ffffff6e!important;}

/*-------------------------
    DROPDOWN COLOR CODE
--------------------------*/
#sp-menu .sp-dropdown-items img {
    float: left;
    width: 5px;
    left: -4px;
    position: relative;
}
.offcanvas-inner li a img {
    width: 5px;
    float: left!important;
    display: inline-flex!important;
}

/*
.grouts-dropdown a {
    border-left: 6px solid #312783;
    margin-left: 6px;
}

.flooring-dropdown a {
    border-left: 6px solid #009FE3;
    margin-left: 6px;
}

.waterproofing-dropdown a {
    border-left: 6px solid #e84e0f;
    margin-left: 6px;
}
.concrete-repairs-dropdown a {
    border-left: 6px solid #f08100;
    margin-left: 6px;
}
.adhesives-dropdown a {
    border-left: 6px solid #e30613;
    margin-left: 6px;
}
.surface-treatments-dropdown a {
    border-left: 6px solid #008d36;
    margin-left: 6px;
}
.protective-coatings-dropdown a {
    border-left: 6px solid #6d3013;
    margin-left: 6px;
}
.skim-coat-dropdown a {
    border-left: 6px solid #a86dab;
    margin-left: 6px;
}
.plaster-floor-screed-dropdown a {
    border-left: 6px solid #b29169;
    margin-left: 6px;
}
.fire-proofing-dropdown a {
    border-left: 6px solid #82368c;
    margin-left: 6px;
}
.insulation-lightweight-concrete-dropdown a {
    border-left: 6px solid #a0c519;
    margin-left: 6px;
}
.specialized-chemical-solutions-dropdown a {
    border-left: 6px solid #8f1544;
    margin-left: 6px;
}
*/
/*-------------------------
    		 CTA
--------------------------*/
/*icons*/
.social-media ul.sppb-icons-group-list a:before{
  font-family: FontAwesome!important;
  content: ''!important;
  margin-right: 0px!important;
}

.social-media ul.sppb-icons-group-list li {
    border-bottom: 0px;
}

/*row*/
.cta-footer h4.sppb-addon-title {
    font-family: 'gotham bold'!important;
}

.cta-footer a {
    color: white!important;
    border: 0px!important;
    line-height:28px!important;
}

.cta-footer li {
    border: 0px!important;
}

.cta-footer a:before {
    display: none;
}

/*-------------------------
     OFFCANVAS
--------------------------*/ 
.offcanvas-menu {
    background: url(/images/000_baysis/offcanvas.jpg);
    background-position: left center;
    background-size:cover;
    background-repeat:no-repeat;}

.offcanvas-menu li.current.active a {
  color: #16778c!important;
  font-weight: 900!important;
}


/*-------------------------
    	FOOTER
--------------------------*/
#sp-footer {
    background-color: #000000;
    color: #ffffff;
    padding: 15px 0px;
  border-top: 1px solid white;}



/*-----------------------------------------------------------------------
                                1366 px
-------------------------------------------------------------------------*/
@media screen and (min-width:992px) and (max-width:1367px){
.quick-info-details td{
    font-size: 14px;
}}


/*--------------------------------
          SCROLL UP
--------------------------------*/

a.scrollup {
    right: 30px;
    bottom: 90px;
    border-radius: 50%;
    background: transparent!important;
    border: none!important;
}
.scrollup:before {
    color: #000;
}

.scrollup:before{
    right: 0;
    position: absolute;
    line-height: 15px;
    float:right;
    top: -0px;
    text-align:right;
    right: 0px;
}


.scrollup:before{
    content: " "!important;
    background: url(/images/000_baysis/up-arrow40.png);
    content: '';
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    -webkit-animation-name: float;
    -webkit-animation-duration: 3500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}


/*float*/
@keyframes float {
	0% {
	
		transform: translatey(0px);
	}
	50% {

		transform: translatey(-20px);
	}
	100% {

		transform: translatey(0px);
	}
}

#whatsapp button {
    left: -150px !important;
}