body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, a, p li{font-family: 'Archivo', sans-serif!important;}
h1,h2,h3 {
    font-family: termina;  
    font-weight: 600;  
}

h1 {
    font-size:58px;
}

h1 span {
    color:#DD4217;
}

h2 {
    font-size:34px;
}

h3 {
    font-size:24px;
}

.section-top-banner {
    background-image:url("../imgs/mask-group.png");
    background-size: cover;
    min-height:641px;background-color: #000;z-index: 9;
    position: relative;
	background-position: center center;
	height:100vh;
}

.main-colour-font {
    color: #42324D;
}

body, h1, h2, h3 {
    color: #42324D;
}

body, p {
    font-size: 20px;
}
.site-footer table{float: right;}
.site-footer{position: relative;padding-top: 3rem!important;padding-bottom:1rem!important;}
.beehive-bottom{position: absolute;bottom: 0;left: 0;max-width: 202px;}
nav {position: absolute!important;width: 100%;z-index: 99;}
.image-1{display: inline-block;}
.image-2{display: inline-block;margin-top: -47px;margin-left: 123px;}
.image-3{display: inline-block;margin-top: -47px;}
.section-about-pounce h2, .section-about-pounce p{color:#fff}
.section-about h2, .section-about-pounce h2{font-size: 37px;line-height: 48px;font-weight: 400;margin-bottom: 20px;}
.section-about p, .section-about li{font-size: 18px;line-height: 27px;}
.section-about-pounce p{font-size: 18px;line-height: 30px;}

.section-social{position: relative;}

.section-tnc{position: relative; background-image: url(../imgs/tnc_bg.png); background-size: cover; color: #fff;}
.section-tnc p{font-size: 9px;line-height: 12px;text-align: left; line-height: 1.5;}
.section-tnc h2{font-size: 37px;line-height: 58px;font-weight: 400;}
.section-tnc ol{padding-left:1.5rem;font-size: 9px;line-height: 12px;}



.btn-play{background: #BA181B;padding: 15px 20px;height: auto;border-radius: 4px;color: #fff;margin-top: 10px;font-size: 16px;line-height: 24px;}
.btn-play:hover{color:#fff}
.section-about-pounce{background-image:url("../imgs/image-4.png");background-size: cover;}
.section-about h2 span{font-weight: 400;font-size: 37px;line-height: 48px;color: #DD4217;}
.navbar>.container{display: block;}
.navbar-nav{width: auto;display: inline-block;float: right;}
.navbar-nav li a{color:#fff!important;font-size: 20px;}
.section-top-banner h1{font-size: 40px;line-height: 45px;color: #fff;font-weight: 400;margin-top: 70px;}
.image-on-form img{width: 100%;max-width: 200px;}
.section-about{position: relative; }
.header-subline {
    font-size: 18px;
    line-height: 25.2px;
}

.bg-grey {
    background-color: #f8f8f8;         
}

.bg-white {
    background-color: #fff;         
}

.font-large {
    font-size: 36px;
}

.bg-main-colour  {
    background-color:#101010;
}
a.social-icon, a.social-icon:hover{ text-decoration:none; padding-left:5px; padding-right:5px;}
a.cta-icons{ padding-left:8px; padding-right:8px; }
.form-btn {
    border: 0;
    color: #fff;
    position: relative;
    right: 3px;
    top: -4px;
    background-color: #000;
    border-radius: 0;
    width: 154px;
    text-align: center;
    height: 35px;
    font-size: 15px !important;
    font-family: Arial,sans-serif;
    text-transform: uppercase;
    z-index: 1;
}
#_form_17_submit{background: #BA181B;padding:15px 20px;height: auto;top: unset;right: unset;border-radius: 4px;font-size: 16px!important;line-height: 24px;}
.btn-contact-form-wrapper {
    /*border: 10px solid #fff!important;
    border-image: url(../imgs/border-black.png) 30 round!important;
    -webkit-border-image: url(../imgs/border-black.png) 30 round!important;
    -o-border-image: url(../imgs/border-black.png) 30 round!important;
    -moz-border-image: url(../imgs/border-black.png) 30 round!important;
    border-style: dotted;
    background: #fff;
    width: 166px;
    height: 47px;
    margin: auto;*/
}

.form_11_submit{
    background: #BA181B;
    padding:10px 40px;
    height: auto;
    top: unset;
    right: unset;
    border-radius: 4px;
    font-size: 16px!important;
    line-height: 24px;
}

input[type=text], input[type=email] {
    border: 10px solid #fff!important;
    /*border-image: url(../imgs/border-black.png) 30 round!important;
    -webkit-border-image: url(../imgs/border-black.png) 30 round!important;
    -o-border-image: url(../imgs/border-black.png) 30 round!important;
    -moz-border-image: url(../imgs/border-black.png) 30 round!important;
    border-style: dotted;*/
    background: #fff;
    padding: 0;
}

.beehive-top {
    z-index: 0;
    position: absolute;
    top:-2px;
    right:45%;
    max-width:343px;
}

.row-index-1 {
    z-index: 1;
}
@media screen and (max-width:1024px) {
    .image-2 {
        margin-left: 10px;
    }
	.section-top-banner{
		height: auto;
		min-height:400px
	}
	.section-top-banner h1{
		font-size:35px;
		line-height:40px;
		margin-top:120px;
	}
	.py-5{
		padding-top:1.5rem !important;
		padding-bottom:1.5rem !important;
	}
}
@media screen and (max-width:768px) {
    .section-top-banner h1 {font-size: 34px;line-height: 39.4px;}
    #_form_11_ input[type="text"], #_form_11_ input[type="date"], #_form_11_ textarea{padding: 0px!important;}
    .text-center.mb-5.image-on-form{margin-bottom: 1rem!important;}
    .image-on-form img{max-width: 160px;}
    #_form_17_submit, .btn-play{padding: 10px 20px;width: auto;}
}
@media screen and (max-width:767px) {
    #webform_wrapper{background: rgb(0,0,0,.6);padding: 20px;border-radius: 4px;}
    .section-top-banner h1 {font-size: 27px;line-height:35px;margin-bottom: 37px;}
    #_form_17_submit, .btn-play {padding: 10px 15px;}
    ul.navbar-nav .nav-item a{padding-top: 0;}
    .image-1, .image-2, .image-3, .image-1 img, .image-2 img, .image-3 img{width:100%}
    .btn-play{margin-bottom: 50px;}
    .about-logo-image, .footer-logo{text-align:center;}
    .about-logo-image img{margin-bottom: 50px;}
    .section-about-pounce h2{text-align:center;}
    .site-footer table {float: unset;margin: auto;margin-top:20px}
    .navbar-light .mt-5{margin-top: 2rem!important;}
    .site-footer table td:first-child a img{margin-left:0 !important;}
}

.beehive-left {
    position: absolute;
    left: 1%;
    z-index: 1;
    top: 88px;
	overflow:hidden;
}

.beehive-right {
    position: absolute;
    bottom: -50%;
    right: 0;
	overflow:hidden;
}


.beehive-t-left {
    position: absolute;
    top:20%;
    left:-160px;
	z-index: -1;
	overflow:hidden;
} 

.beehive-t-right {
    position: absolute;
    bottom: 20px;
    right: 0;
	overflow:hidden;
}

.beehive-l-left {
    position: absolute;
    bottom:20px;
    left:0;
	z-index: -1;
	overflow:hidden;
}


.beehive-wrapper {
    position: absolute;
    width: 100%;
    height: 700px;
    z-index: 0;
}

.section-top-banner .container {
    position: relative;
    z-index: 1;
}

/* .tnc-wrapper {
    margin-top: 30px;
	margin-left: 120px;
	margin-right: 120px;
	margin-bottom: 120px;
} */


.social-icons{ margin:100px auto; }

.social-icon img{ width: 30px; height: 30px;}

@media screen and (max-width:769px) {
    .beehive-wrapper { 
        height: 730px;
    }
}

.copyright p{ 
	font-family: 'Archivo';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 34px;
	text-align:center;  
	color: #FFFFFF;
	margin-top:50px;
}


/* Custom Modal */

#modal_cookie .modal-dialog {
    width: 100% !important;
    max-width: 100%;
}

.modal-header, .modal-footer {
    border:0px solid;
}

#modal_cookie .modal-content {
    background-color: #BA181B;
    box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    border:0;
    color: white;
    font-size: 16px;
}

#modal_cookie p {
    font-size: 16px;
}

#modal_cookie p a, #modal_cookie p a:hover{
    color:#fff;
    text-decoration: none;
}

.modal_cookie_heading {
    font-size: 30px;
    font-weight: bold;
}

.btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
    border-radius: 0;
    font-family: Arial,sans-serif;  
    font-weight:bold;
}

.btn-primary:hover {
    color: #fff;
    background-color: #1c1c1c;
    border-color: #1c1c1c;
}

.btn-secondary {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    border-radius: 0;
    font-family: Arial,sans-serif;
    font-weight:bold;
}

.btn-secondary:hover {
    color: #000;
    background-color: #ddd;
    border-color: #ddd;
    
}

footer a, footer a:hover {
    color:white;
    text-decoration: none;
}

@media screen and (max-width:600px) {
    .modal-dialog {
        margin:0;
    }
 }