@charset "utf-8";
/* CSS Document */
html{font-family:'Open Sans', sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color: #534d51;font-size: 1em;line-height: 1; transition:linear all;scroll-behavior:smooth}

body{width:100%;margin:0;font-family:'Open Sans',sans-serif}

.container{margin-right:auto;margin-left:auto}
.container:before,.container:after{display:table;content: " "}
.container:after{clear: both}

@media(min-width:304px){
.container{width:288px}}
@media(min-width:576px){
.container{width:560px}}
@media(min-width:768px){
.container{width:752px}}
@media(min-width:992px){
.container{width:976x}}
@media(min-width:1200px){
.container{width:1184px}}

.row{margin-right:-15px;margin-left:-15px;width:100%}

.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-or-1,.col-or-10,.col-or-11,.col-or-12,.col-or-2,.col-or-3,.col-or-4,.col-or-5,.col-or-6,.col-or-7,.col-or-8,.col-or-9{position:relative;min-height:1px}

.col-or-1,.col-or-10,.col-or-11,.col-or-12,.col-or-2,.col-or-3,.col-or-4,.col-or-5,.col-or-6,.col-or-7,.col-or-8,.col-or-9{float:left}
.col-or-12{width:100%}
.col-or-11{width:91.66666667%}
.col-or-10{width:83.33333333%}
.col-or-9{width:75%}
.col-or-8{width:66.66666667%}
.col-or-7{width:58.33333333%}
.col-or-6{width:50%}
.col-or-5{width:41.66666667%}
.col-or-4{width:33.33333333%}
.col-or-3{width:25%}
.col-or-2{width:16.66666667%}
.col-or-1{width:8.33333333%}

@media (min-width:304px){
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12{width:100%}
.col-11{width:100%}
.col-10{width:100%}
.col-9{width:100%}
.col-8{width:100%}
.col-7{width:100%}
.col-6{width:100%}
.col-5{width:100%}
.col-4{width:100%}
.col-3{width:100%}
.col-2{width:100%}
.col-1{width:100%}
}

@media (min-width:576px){
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12{width:100%}
.col-11{width:100%}
.col-10{width:100%}
.col-9{width:100%}
.col-8{width:100%}
.col-7{width:100%}
.col-6{width:50%}
.col-5{width:50%}
.col-4{width:50%}
.col-3{width:50%}
.col-2{width:50%}
.col-1{width:100%}
}

@media (min-width:768px){
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12{width:100%}
.col-11{width:91.66666667%}
.col-10{width:83.33333333%}
.col-9{width:75%}
.col-8{width:66.66666667%}
.col-7{width:58.33333333%}
.col-6{width:50%}
.col-5{width:41.66666667%}
.col-4{width:33.33333333%}
.col-3{width:25%}
.col-2{width:16.66666667%}
.col-1{width:8.33333333%}
}

@media (min-width:992px){
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12{width:100%}
.col-11{width:91.66666667%}
.col-10{width:83.33333333%}
.col-9{width:75%}
.col-8{width:66.66666667%}
.col-7{width:58.33333333%}
.col-6{width:50%}
.col-5{width:41.66666667%}
.col-4{width:33.33333333%}
.col-3{width:25%}
.col-2{width:16.66666667%}
.col-1{width:8.33333333%}
}

@media (min-width:1200px){
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12{width:100%}
.col-11{width:91.66666667%}
.col-10{width:83.33333333%}
.col-9{width:75%}
.col-8{width:66.66666667%}
.col-7{width:58.33333333%}
.col-6{width:50%}
.col-5{width:41.66666667%}
.col-4{width:33.33333333%}
.col-3{width:25%}
.col-2{width:16.66666667%}
.col-1{width:8.33333333%}
}
/*******************************************************************************END OF GRID****************************************************************************/
a{color:#ebc33a;text-decoration:none}
a:hover{color:#ebc33a;text-decoration:underline}
p,h1,h2,h3,h4,h5{text-decoration:none;margin:10px;word-wrap:break-word;}
p{font-size:15px;line-height:18px}
h1{font-family: 'Roboto Slab', serif;color:#ffffff;font-size:60px;line-height:65px}
h2{font-family: 'Roboto Slab', serif;color:#534d51;font-size:35px;line-height:40px}
h3{font-family: 'Roboto Slab', serif;color:#ffffff;font-size:30px;line-height:35px;font-weight:300}
h4{font-family: 'Roboto Slab', serif;color:#ebc33a;font-size:20px;line-height:22px}
h5{font-family: 'Roboto Slab', serif;color:#534d51;font-size:60px;line-height:65px}
.img-responsive{display:block;max-width:100%;height:auto}
@media (max-width:768px){
.hidden_xs{ display:none}
}
input[type=submit]{background-color:#ebc33a;color:#534d51;font-size:20px;padding:25px;border-radius:15px;border:none;text-align:center;vertical-align:middle;max-width:200px}
input[type=submit]:hover{background-color:#534d51;color:#ebc33a;text-decoration:none;cursor:pointer}
/*******************************************************************************BEGIN MENU*****************************************************************************/
.top_menu{overflow:hidden;background-color:transparent;padding-left:35px}
.top_menu a{float:left;display:block;color:#FFF;text-align:center;font-size:16px;padding:22px 20px 22px 20px;text-decoration:none}
.top_menu a:hover{color:#ebc33a}
.top_menu .icon{display: none;}
@media screen and (max-width: 768px){
.top_menu a:not(:first-child){display:none;}
.top_menu a.icon{float:right;display:block}
}
@media screen and (max-width: 768px){
.top_menu.responsive{position:relative;}
.top_menu.responsive .icon{position:absolute;right: 0;top: 0;}
.top_menu.responsive a{float:none;display:block;text-align:left;}
}
/*************************************************************************BEGIN CUSTOMIZATION*************************************************************************/
#header-img{background-image:url(../image/main_bg.jpg);background-position:top center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;min-height:650px}
#hartebeespoort-img{background-image:url(../image/hartebeespoort_bg.jpg);background-position:top center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;min-height:200px}
#rustenburg-img{background-image:url(../image/rustenburg_bg.jpg);background-position:top center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;min-height:200px}
#financial-img{background-image:url(../image/financial_bg.jpg);background-position:top center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;min-height:200px}
#contact-img{background-image:url(../image/contact_bg.jpg);background-position:top center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;min-height:200px}
#logo{display:block;margin:0 auto}
/***************************************************************************BEGIN TOP BUTTON**************************************************************************/
#TopBtn,.category_zoom{position:fixed;z-index:99}
#TopBtn{background-color:#ebc33a}
#TopBtn{display:none;bottom:20px;right:30px;border:none;outline:0;color:#534d51;cursor:pointer;padding:15px;border-radius:10px}
@media (max-width:768px){
#TopBtn{display:none;bottom:0px;left:0px;width:100%;border:none;outline:0;color:#FFF;cursor:pointer;padding:15px;border-radius:0px;box-shadow:-1px -1px 7px grey}
}
/*******************************************************************************FOOTER*******************************************************************************/
#footer{background-color:transparent;margin-top:10px;overflow:auto}
#footer p{color:#534d51}
#footer a{color:#ebc33a}
#footer a:hover{color:#534d51}