@font-face {
font-family: 'ccw';
src: url(//www.topcctv.co.za/wp-content/plugins/click-to-chat-for-whatsapp/prev/assets/fonts/ccw.eot);
src:
url(//www.topcctv.co.za/wp-content/plugins/click-to-chat-for-whatsapp/prev/assets/fonts/ccw.eot#iefix) format('embedded-opentype'),
url(//www.topcctv.co.za/wp-content/plugins/click-to-chat-for-whatsapp/prev/assets/fonts/ccw.ttf) format('truetype'),
url(//www.topcctv.co.za/wp-content/plugins/click-to-chat-for-whatsapp/prev/assets/fonts/ccw.woff) format('woff'),
url(//www.topcctv.co.za/wp-content/plugins/click-to-chat-for-whatsapp/prev/assets/fonts/ccw.svg#ccw) format('svg');
font-weight: normal;
font-style: normal;
}
.ccw_plugin .icon {
font-family: 'ccw' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-whatsapp2:before {
content: '\E902';
}
.icon-brand:before {
content: '\E901';
color: #25d366;
}
.icon-send:before {
content: '\E900';
}
.icon-whatsapp:before {
content: '\EA93';
}
div.ccw_plugin,
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.chatbot {
position: fixed;
z-index: 99999999;
}
.img-icon {
height: 48px;
}
.nofocus:focus {
outline: none;
}
.pointer {
cursor: pointer;
}
.sc_item {
z-index: 99;
}
.style-3-sc {
height: 20px;
}
.style-9-sc {
height: 20px;
}
.img-icon-5 {
height: 80%;
vertical-align: middle;
}
.img-icon-6 {
height: 63%;
vertical-align: middle;
margin-left: 7px;
}
.style-6-img {
max-height: 40px;
text-decoration: overline;
}
.icon-2 {
font-size: 2rem;
}
.btn_only_style_div_circle {
border-radius: 50%;
text-align: center;
}
.btn_only_style_div_circle_sc {
background-color: orange;
border-radius: 50%;
height: 48px;
width: 48px;
line-height: 48px;
text-align: center;
}
.btn_only_style_div {
background-color: orange;
height: 48px;
width: 48px;
line-height: 48px;
text-align: center;
}
.style8 span {
text-transform: none;
}
.ccw_plugin .animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.ccw_plugin .animated.infinite {
animation-iteration-count: infinite;
}
.ccw_plugin .animated.hinge {
animation-duration: 2s;
}
.ccw_plugin .animated.flipOutX,
.ccw_plugin .animated.flipOutY,
.ccw_plugin .animated.bounceIn,
.ccw_plugin .animated.bounceOut {
animation-duration: 0.75s;
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0);
}
40%,
43% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0, -4px, 0);
}
}
.ccw_plugin .bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.ccw_plugin .flash {
animation-name: flash;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%,
20% {
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.ccw_plugin .tada {
animation-name: tada;
}
.ccw_plugin .style-4.chip {
display: inline-block;
padding-left: 12px;
padding-right: 12px;
padding-top: 0px;
padding-bottom: 0px;
border-radius: 25px;
font-size: 13px;
line-height: 32px;
}
.ccw_plugin .style-4.chip img {
float: left;
margin: 0 8px 0 -12px;
height: 32px;
width: 32px;
border-radius: 50%;
}.hbupro-column,.hbupro-columns{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.hbupro-hero-banner-wrp *{outline:0!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.hbupro-hero-banner-wrp img{border-radius:0!important;box-shadow:none!important}.hbupro-clearfix:after,.hbupro-clearfix:before{content:"";display:table}.hbupro-clearfix::after{clear:both}.hbupro-clearfix{clear:both}.hbupro-hero-banner{position:relative;overflow:hidden}.hbupro-hero-banner{background-repeat:no-repeat!important}.hbupro-hero-banner-inner{background-repeat:no-repeat!important}.hbupro-hero-banner-inner{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;position:relative;z-index:2}.hbupro-hero-banner-inner-wrap{margin:0 auto}.hbupro-hero-banner-title{line-height:normal;color:#fff;word-wrap:normal!important}.hbupro-hero-banner-sub-title p{margin:0!important;font-size:16px;color:#fff}.hbupro-hero-banner-links{clear:both;margin-top:15px}.hbupro-hero-banner-links a.hbupro-button{padding:8px 20px;margin-right:10px;margin-bottom:3px;display:inline-block;color:#fff;text-decoration:none;-moz-transition:all .5s ease-out 0s;-ms-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}.hbupro-hero-banner-sub-title,.hbupro-hero-banner-title{margin-bottom:15px!important}.hbupro-layout-2 h2.hbupro-hero-banner-title{border-bottom:1px solid #fff;margin-bottom:15px!important;padding-bottom:15px!important}.hbupro-black{background-color:#252525}.hbupro-black:focus,.hbupro-black:hover{background-color:#000}a.hbupro-black{color:#fff!important}.hbupro-white{background-color:#fff}.hbupro-white:focus,.hbupro-white:hover{background-color:#f1f1f1}a.hbupro-white{color:#8799a3!important}.hbupro-grey{background-color:#8799a3}.hbupro-gray:focus,.hbupro-grey:hover{background-color:#73848d}a.hbupro-grey{color:#fff!important}.hbupro-azure{background-color:#0081ff}.hbupro-azure:focus,.hbupro-azure:hover{background-color:#0374e3}a.hbupro-azure{color:#fff!important}.hbupro-moderate-green{background-color:#8dc63f}.hbupro-moderate-green:focus,.hbupro-moderate-green:hover{background-color:#78b623}a.hbupro-moderate-green{color:#fff!important}.hbupro-soft-red{background-color:#f04e4e}.hbupro-soft-red:focus,.hbupro-soft-red:hover{background-color:#dd3131}a.hbupro-soft-red{color:#fff!important}.hbupro-red{background-color:#fe0000}.hbupro-red:focus,.hbupro-red:hover{background-color:#df0303}a.hbupro-red{color:#fff!important}.hbupro-green{background-color:#39b54a}.hbupro-green:focus,.hbupro-green:hover{background-color:#23a535}a.hbupro-green{color:#fff!important}.hbupro-bright-yellow{background-color:#fefb30}.hbupro-bright-yellow:focus,.hbupro-bright-yellow:hover{background-color:#e2df22}a.hbupro-bright-yellow{color:#000!important}.hbupro-cyan{background-color:#1cbbb4}.hbupro-cyan:focus,.hbupro-cyan:hover{background-color:#10a19b}a.hbupro-cyan{color:#fff!important}.hbupro-orange{background-color:#ff9700}.hbupro-orange:focus,.hbupro-orange:hover{background-color:#e68903}a.hbupro-orange{color:#fff!important}.hbupro-moderate-violet{background-color:#6739b6}.hbupro-moderate-violet:focus,.hbupro-moderate-violet:hover{background-color:#5e2eb0}a.hbupro-moderate-violet{color:#fff!important}.hbupro-dark-magenta{background-color:#9c26b0}.hbupro-dark-magenta:focus,.hbupro-dark-magenta:hover{background-color:#911ea5}a.hbupro-dark-magenta{color:#fff!important}.hbupro-moderate-blue{background-color:#5674b9}.hbupro-moderate-blue:focus,.hbupro-moderate-blue:hover{background-color:#435f9f}a.hbupro-moderate-blue{color:#fff!important}.hbupro-blue{background-color:#00f}.hbupro-blue:focus,.hbupro-blue:hover{background-color:#0101e1}a.hbupro-blue{color:#fff!important}.hbupro-magenta{background-color:#f0f}.hbupro-magenta:focus,.hbupro-magenta:hover{background-color:#e201e2}a.hbupro-magenta{color:#fff!important}.hbupro-lime{background-color:#bfff00}.hbupro-lime:focus,.hbupro-lime:hover{background-color:#a8e003}a.hbupro-lime{color:#000!important}.hbupro-pink{background-color:#ff0056}.hbupro-pink:focus,.hbupro-pink:hover{background-color:#dd044d}a.hbupro-pink{color:#fff!important}.hbupro-vivid-yellow{background-color:#fecb16}.hbupro-vivid-yellow:focus,.hbupro-vivid-yellow:hover{background-color:#dfb10e}a.hbupro-vivid-yellow{color:#000!important}.hbupro-lime-green{background-color:#7bcba7}.hbupro-lime-green:focus,.hbupro-lime-green:hover{background-color:#67ac8d}a.hbupro-lime-green{color:#000!important}.hbupro-yellow{background-color:#e8ff00}.hbupro-yellow:focus,.hbupro-yellow:hover{background-color:#c7da05}a.hbupro-yellow{color:#000!important}.container-player{overflow:none;width:100%;height:100%;background-color:#eee;overflow:hidden;position:absolute}.container-player.fullscreen-background{position:fixed;z-index:-1;top:0;left:0}.container-player .container-player-outer{position:relative;width:100%;height:100%}.container-player .container-player-inner,.container-player .container-player-poster{position:absolute;z-index:0}.container-player .container-player-poster{background-size:cover;z-index:0}.container-player.vimeo iframe,.container-player.youtube iframe{opacity:0;left:0!important}.container-player.vimeo.transition-in.paused iframe,.container-player.vimeo.transition-in.playing iframe,.container-player.youtube.transition-in.paused iframe,.container-player.youtube.transition-in.playing iframe{-webkit-animation:revealVideo 1s;animation:revealVideo 1s}.container-player.vimeo.paused iframe,.container-player.vimeo.playing iframe,.container-player.youtube.paused iframe,.container-player.youtube.playing iframe{opacity:1}.container-player .container-player-overlay{position:absolute;top:0;left:0;bottom:0;right:0;z-index:0}@-webkit-keyframes revealVideo{0%,50%{opacity:0}100%{opacity:1}}@keyframes revealVideo{0%,50%{opacity:0}100%{opacity:1}}.container-player iframe,.container-player video{width:100%;height:100%;border:none}.hbupro-column,.hbupro-columns{padding-left:.9375em;padding-right:.9375em;width:100%;float:left;position:relative}.hbupro-text-center{text-align:center}.hbupro-text-left{text-align:left}.hbupro-text-right{text-align:right}@media only screen and (max-width:480px){.hbupro-column,.hbupro-columns{padding-left:.9375em;padding-right:.9375em;width:100%;float:left;position:relative}}@media only screen and (min-width:40.0625em){.hbupro-column,.hbupro-columns{position:relative;padding-left:.9375em;padding-right:.9375em;float:left}.hbupro-medium-1{width:8.33333%}.hbupro-medium-2{width:16.66667%}.hbupro-medium-3{width:25%}.hbupro-medium-4{width:33.33333%}.hbupro-medium-5{width:41.66667%}.hbupro-medium-6{width:50%}.hbupro-medium-7{width:58.33333%}.hbupro-medium-8{width:66.66667%}.hbupro-medium-9{width:75%}.hbupro-medium-10{width:83.33333%}.hbupro-medium-11{width:91.66667%}.hbupro-medium-12{width:100%}.hbupro-offest-medium-6{margin-left:50%}}@media only screen and (max-width:480px){.hbupro-hero-banner-inner{padding:70px 0}}