/*designed by Bennie Booysen Web Dreams all rights reserved 2022*/
body{
	font-family: 'Playfair Display', sans-serif;
	margin: 0px;
	padding: 0px;
    user-select: none;
}
img{
	max-width:100%;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Playfair Display', serif;
}

.play-font{
	font-family: 'Playfair Display', serif;
}

.poppins-font{
	font-family: 'Playfair Display', sans-serif;
}

.lato-font{
	font-family: 'Playfair Display', sans-serif;
}

.btn{
   font-family: 'Playfair Display', sans-serif;
}

.og
{
    display: none;
}

/*Header*/

.top-header {
    background: #222;
}

.top-contact ul {
    margin: 0px;
    padding: 0px;
}

.top-contact ul li {
    display: inline-block;
}

.top-contact ul li a {
    color: #fff;
    text-decoration: none;
    margin-right: 10px;
    font-family: 'Playfair Display', sans-serif;
    font-weight:400;
    font-size:18px;
}

.top-contact ul li a i {
    color: #ff0000;
    margin-right:5px;
}

ul.top-social {
    margin: 0px 30px 0px 0px;
    padding: 0;
}

ul.top-social li {
    display: inline-block;
}

ul.top-social li a {
    color: #ff0000;
    margin-right: 6px;
    font-size:25px;
}

.top-right-info {
    display: flex;
    align-items: center;
    justify-content: end;
}

.top-contact {
    margin-top: 5px;
}

.btn-primary {
    text-transform: uppercase;
    font-size: 15px;
    border-radius: 0;
    font-weight: 600;
    background:  #2c4e72!important;
    border-color: #ff0000!importanrt ;
    padding: 12px 10px;
}


header {
    position: absolute;
    width: 100%;
}

header nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    background:transparent !important;
}

.navbar-light .navbar-nav .nav-link {
    color: #FFF!important;
    text-transform: uppercase;
    font-family: 'Playfair Display', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #ccc!important;
}
.navbar-brand
{
    width:7%;
}


/*Banner*/

section.banner-section {
    background: url(images/landing-1.png) no-repeat;
    background-size:cover;
    background-position: center center;
    background-color: rgba(0,0,0,0.5);
    padding: 200px 100px;
    text-align: center;
}

section.banner-section h1 {
    color: #ccc;
    font-family: 'Playfair Display', sans-serif;
    font-size:60px !important;
    max-width: 776px;
    margin: 0px auto;
}

section.banner-section p {
    font-family: 'Playfair Display', sans-serif;
    color: #ccc;
    max-width: 400px;
    margin: 30px auto 40px;
    font-weight: 700;
    font-size: 30px
}

.btn-outline-light {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 10px;
    border-radius: 0;
}

.btn {
    min-width: 173px;
}

.banner-text .btn {
    margin: 0px 10px;
}


/*Features*/


section.features-section {
    background: #222;
    padding-bottom: 100px;
}

.features-box {
    background: #FFF;
    padding: 15px;
    text-align: center;
	margin-bottom: 30px;
}

.left-head h2 {
    color: #FFF;
    font-size:65px!important;
}

h3.box
{
    color:#ff0000;
    font-family: 'Playfair Display',sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 35px;
}
p.box
{
    color:#444;
    font-weight: 600;
    font-family: 'Playfair Display',sans-serif;
    letter-spacing: 1px;
}
.right-text {
    color: #eee;
    font-weight: 700;
}
.row.top-features {
    top: -61px;
    position: relative;
}




/*About Section*/

section.about-section {
    padding: 100px 0px 30px;
}

h2.ab
{
    padding:0 0 15px 0;
    color:#2c4e72;
    font-weight: 600;
    font-size:35px;
}

.signature img {
    max-width:350px;
    }

.signature p.sig {
    position: relative;
    padding:2px;
    top: -14px;
    font-size: 20px;
    font-weight: bold;
    color:#2c4e72;
     font-family: 'Playfair Display',sans-serif
}

.about-text p.ab{
    margin-bottom: 35px;
    text-align: left;
    font-weight: 600;
    color:#444;
    font-family: 'Playfair Display',sans-serif;
}

.about-img {
    margin-bottom:5px;
}



/*Services Section*/

section.services-section {
    background:url(images/serv-bg.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: rgba(0,0,0,0.25);
    text-align: center;
    padding: 100px 0px 80px;
}

h2.serv
{
    font-family: 'Playfair Display',sans-serif;
    font-size: 38px;
    color:#2c4e72;
    font-weight: 700;
    letter-spacing: 1px;
}

h3.serv
{
    color:#fff;
    font-family: 'Playfair Display',sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    padding:0 0 10px 0;
    font-size: 35px;
}

p.serv
{
    text-align: left;
    margin-left:10px;
    color:#fff;
    font-weight: 500;
    letter-spacing: .5px;
}
.section-title-main {
    margin-bottom: 47px;
}

.services-box {
    margin-bottom: 20px;
}

.services-media img {
    width: 100%;
}

.services-info {
    padding: 30px;
    background:rgba(0,0,0,0.5);
    box-shadow: 2px 5px 10px rgba(0,0,0,.45);
}





/*Team Section*/

section.team-section {
    background: #222;
    text-align: center;
    padding: 100px 0px 70px;
}

.team-box {
    margin-top:15px;
    margin-bottom: 15px;
}

.team-media img {
    width: 100%;
}

.team-info {
    background: #3a3a3a;
    padding: 30px;
    border-bottom: 4px solid #2c4e72;
}

.team-info h3 {
    font-size:30px;
    color: #FFF;
    font-family: 'Playfair Display',sans-serif;
    letter-spacing: 1px;
    font-weight: 300;
}

.team-info p {
    color: #fff;
    font-family: 'Playfair Display',sans-serif;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 15px;
}
.team-info p span {
    color: #ff0000;
    font-family: 'Playfair Display',sans-serif;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 18px;
}

.team-box ul.top-social li a {
    color: #ddd;
    font-size: 30px;
    margin:10px;
}

.team-box ul.top-social {
    margin: 0;
}

.btn-team {
    margin: 30px 0px 0px;
}

section.team-section .section-title {
    color: #FFF;
}




/*Testimonial*/

section.test-section {
    padding: 100px 0px;
    text-align: center;
    background:#fff;
}

.test-info img {
    width: 75px !important;
    height: 75px !important;
    display: inline-block !important;
}

.test-box {
    text-align: center;
}

.test-info {
    display: flex;
    justify-content: center;
    align-items: center;
}

.test-authot h4 {
    font-size: 20px;
    font-family: 'Playfair Display', sans-serif;
    text-align: left;
    margin: 0;
    color:#222;
    font-weight: 700;
}

.test-authot h5 {
    font-family: 'Playfair Display', sans-serif;
    font-weight: 700;
    line-height: 20px;
    font-size: 17px;
    color:#ff0000;
}

.test-authot {
    margin-left: 20px;
}

.test-box {
    max-width: 700px;
    margin: 0px auto;
}

.test-box p {
    font-size: 18px;
    font-style: italic;
}

.owl-theme .owl-nav {
    position: absolute;
    top: 27%;
    max-width: 900px;
    margin: 0px auto;
    left: 0;
    right: 0;
    color:#ff0000;
}

.owl-theme .owl-nav [class*=owl-] {
    font-size: 68px !important;
}

.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: 0;
}

.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: 0;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent !important;
    color: #ff0000 !important;
}

.logo-box {
    margin: 30px 0px;
}
section.cta-section {
    background: #ff0000;
    padding: 49px 0px 20px;
    color: #FFF;
}

section.cta-section .btn-primary {
    background: #22282d !important;
    border-color: #22282d  !important;
}


/*footer*/


footer {
    padding: 100px 0px 70px;
      background:url(images/foot-bg.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
/*    background-color:rgba(0,0,0,0.2);*/
}

.footer-col {
    margin-bottom:30px;
}

.footer-menu ul {
    margin: 0px;
    padding: 0px;
}

.footer-menu ul li {
    display: block;
}

.footer-menu ul li a {
    color: #222;
    text-decoration: none;
    font-family: 'Playfair Display',sans-serif;
    margin-left:10px;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 25px
}

.footer-col h3 {
    position: relative;
    margin-bottom: 31px;
    color:#ff0000;
    margin-left:20px;
    font-family: 'Playfair Display';
    font-weight:700;
    font-size: 35px
}

.footer-col {}

.footer-col h3:before {
    content: "";
    position: absolute;
    width: 70px;
    height: 5px;
    background: #2c4e72;
    bottom: -11px;
}

.copy-text {
    margin-top:15px;
    color:#222;
    font-family: 'Playfair Display',sans-serif;
    font-weight: 700;
    
}


.conform
{    
    background:transparent;
    width:95%;
    margin:0px auto;   
    border-radius:5px;
/*    box-shadow: 2px 2px 10px #000;*/
    display:flex;
    flex-wrap: nowrap;
    flex-direction:column;
    justify-content: space-around;
    align-items: center;
}
@media only screen and (min-width:768px)
{
    .conform
{    
    
    width:80%;
  
}
}
#form-box
{
    padding:5px;
    padding-bottom:0px;
    
}

.inp,#msg-box
{
    
    width:100%;
    padding:20px;
    border:2px solid #2c4e72;
    font-size:13px;
    color:#222!important;
    margin-bottom:5px;
    border-radius:10px;
    height:30px;
     font-family: 'Playfair Display',sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}
.inp:focus,#msg-box:focus
{
    outline:none;
    box-shadow: 0 0 3px 1px #2c4e72 !important;
}
::-webkit-input-placeholder
{
    color:#222 !important;
}

#msg-box
{
    resize: none;
    height:75px;
}

.sub-btn
{
    width:50%;
    padding:5px 15px;
    cursor:pointer;      
    border:none;
    border-radius: 10px;
    background:#2c4e72;
    color:#fff;
    font-size:20px;
    margin-bottom:3px;
    font-family: 'Playfair Display',sans-serif; 
    font-weight: 500;
    letter-spacing: 1px
    
}

p.phone-text
{
    margin-left:10px;
    color:#ff0000;
    font-family: 'Playfair Display',sans-serif;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 1px;
}

p.foot
{
    margin-left:10px;
    color:#222;
    font-family: 'Playfair Display',sans-serif;
    font-size: 25px;
    font-weight: 700;
}









@media (max-width:991px){
section.banner-section h1 {
    font-size: 30px;
    max-width: 100%;
}

.left-head h2 {
    font-size: 30px;
}

section.features-section {
    text-align: center;
}

.row.top-features {
    top: 0;
}

section.features-section {
    padding: 50px 0px 20px;
}

section.about-section {
    padding: 50px 0px 20px;
}

section.services-section {
    padding: 30px 0px 40px;
}

h2.section-title {
    font-size: 30px;
}

.section-title-main {
    margin-bottom: 27px;
}
 

section.team-section {
    padding: 50px 0px 20px;
}

section.test-section {
    padding: 50px 0px 30px;
}

.logo-box {
    margin: 6px 0px;
}

section.cta-section {
    text-align: center;
}

footer {
    padding: 50px 0px 20px;
}

section.logo-section.text-center {
    padding-bottom: 30px;
}
.top-contact {
    text-align: center;
}
section.banner-section {
    padding: 100px 0px;
}
.banner-text .btn {
    margin: 10px 10px;
}
.top-right-info .btn {
    font-size: 11px;
}	
.top-right-info {
    justify-content: center;
    margin-top: 12px;
    margin-bottom: 10px;
}	
	
.navbar-collapse {
    background: #000;
    padding: 30px;
}

.navbar-light .navbar-toggler {
    background: #FFF;
}	
	
	
}