@charset "UTF-8";

body{
	margin:0;
	padding:0;
}

html{ 
    font-size: calc(0.75em + 0.2vw);
}

/* COLOURS */

.cb-primary{
	color: #FFFFFF !important;
}

.cb-secondary{
	color: #FFFFFF !important;
}

.c-secondary{
	color: #df1683 !important;
}

.c-primary{
	color: #201751 !important;
}

.c-primary:hover{
	color: #df1683 !important;
}

.c-white{
	color: #FFFFFF !important;
	text-decoration: none !important;
}

a.c-white:active,a.c-white:visited{
	color: #FFFFFF !important;
	text-decoration: none !important;
}

.bg-grey{
	background-color: #323e48 !important;
}

.bg-white{
	background-color: #FFFFFF !important;
}

.bg-lt-grey{
	background-color: #E1E1E1 !important;
}

.bg-l-grey{
	background-color: #F3F3F3 !important;
}

.bg-prime{
	background-color: #201751 !important;
}

.bg-secondary{
	background-color: #df1683 !important;
}

.bg-second{
	background-color: #df1683 !important;
}

.block-primary{
	background-color: #201751 !important; /*201751*/
}

button.bg-prime:hover,button.bg-prime:focus,button.bg-prime:visited,button.bg-prime:active{
	background-color: #df1683 !important;
	transition: 0.7s;
}

button.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:visited,button.bg-secondary:active{
	background-color: #201751  !important;
	transition: 0.7s;
}

/* LAYOUT */

.fixed-w{
	/*max-width: 1920px !important;*/
}

.fixed-inner-width{
	max-width: 80vw !important;
}

/* NAVIGATION SLIDER */

.st-navigation{
	position: absolute !important;
	max-width: 40vw !important;
	min-height: 100vh !important;
	top:0;
	right: -100vw;
	z-index: 1000;
	display: flex;
	align-items: center;
	align-content: center;
	background-color: #201751 !important;
}

.st-icon{
	max-width: 100%;
	height: auto;
}

.navigation-icon{
	position: absolute !important;
	right: 0;
}

.dd-simple-item{
	border-bottom: #FFFFFF 1px dotted;
}

/* MENU */

.fh-holder{
	position: fixed !important;
	width: 150px !important;
	height: 100vh;
	font-size: 2.5rem;
	right: -100%;
	display: flex;
	justify-content: start;
	align-items: center !important;
	align-content: center !important;
	z-index: 100001;
}

.fh-icon{
	width: 100% !important;
	max-width: 75px !important;
}

/* LINE BREAKS */

.line-break-orange{
	background-image: url("../images/template/lb-orange.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-color: #FFFFFF !important;
	min-height: 180px !important;
}

.line-break-white{
	background-image: url("../images/template/lb-white.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-color: #df1683 !important;
	min-height: 180px !important;
}

/* HEADERS */

.header-100{
	min-height: 100vh !important;
}

.header-90{
	min-height: 90vh !important;
}

.header-80{
	min-height: 80vh !important;
}

.header-70{
	min-height: 70vh !important;
}

.header-50{
	min-height: 50vh !important;
}

.header-60{
	min-height: 60vh !important;
}

.header-40{
	min-height: 40vh !important;
}

.header-30{
	min-height: 30vh !important;
}

.header-20{
	min-height: 20vh !important;
}

.header-10{
	min-height: 10vh !important;
}

.hero-video{
    width: 100vw;
    height: 100vh;
} 

.news-header{
	min-height: 70vh;
}

/* IMAGES */

.hero-large{
	min-height: 100vh !important;
}

.hero-large-back{
	min-height: 100vh !important;
}

.hero-text{
	align-self: center;
	text-align: center;
}

.hero-img-right{
	background-position: right top;
	background-repeat: no-repeat !important;
	background-size: contain;
}

.hero-small{
	min-height: 45vh !important;
}

.hero-small-text{
	min-height: 30vh !important;
}

.hero-small-img-right{
  background-position: right top;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

.desktop-hero{
	display:block;
}

.mobile-hero{
	display:none;
}

.hero-image{
    background-size: contain !important;
    background-position: center top;
	background-repeat: no-repeat;
} 

.hero-image-cover{
    background-size: cover !important;
    background-position: center center;
	background-repeat: no-repeat;
} 

.img-fill{
	width: 100%;
    max-height: 100%;
    display: block;
	object-fit:cover;
}

.img-scale{
	max-width: 30%;
}

.img-medium{
	max-width: 50%;
}

.team-photo{
	width: 100%;
	min-height: 27vh !important;
	background-repeat:no-repeat !important;
	background-position: center center;
	background-size: cover;
}

.team-right{
	background-position: right bottom;
	background-size: cover;
}

.quote-top-orange{
	background-image: url("../images/template/paper-top-orange.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain;
}

.quote-base-orange{
	background-image: url("../images/template/paper-base-orange.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}

.news-shader{
	background-image: url("../images/template/news-shade.png");
	background-repeat: repeat-y !important;
	background-position: left;
	background-size: contain !important;
}

.img-contain{
	background-size: contain !important;
}

.img-cover{
	background-size: cover !important;
}

/* TABS */

.t-active{
	background-color: #FFFFFF !important;
	color: #3cb4e5 !important;
}

.t-dormant{
	background-color: #3cb4e5 !important;
	color: #FFFFFF !important;
}

.b-dormant{
	background-color: #3cb4e5 !important;
	color: #FFFFFF !important;
}

/* LAYERS */

.p-fixed{
	position: absolute !important;
}

.p-fixed-b{
	position: fixed !important;
	object-position: bottom !important;
}

.p-relative{
	position: relative !important;
}

.p-absolute{
	position: absolute !important;
}

.z-0{
  z-index: 0 !important;
}

.z-1{
  z-index: 1 !important;
}

.z-2{
  z-index: 2 !important;
}

.z-3{
  z-index: 3 !important;
}

.z-4{
  z-index: 4 !important;
}

.z-5{
  z-index: 5 !important;
}

.z-6{
  z-index: 6 !important;
}

.z-7{
  z-index: 7 !important;
}

.z-8{
  z-index: 8 !important;
}

.z-9{
  z-index: 9 !important;
}

.z-10{
  z-index: 10 !important;
}

/* OVERLAYS */

.o-background{
	background-image: url("../images/template/slider-90.png");
	background-repeat: repeat;
}

.o-fill{
	width: 100vw !important;
	height: 100vh;
}

.o-corners{
	border-radius: 10px;
}

.in-front{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000000 !important;
	overflow: scroll;
}

.header-front{
	position: absolute;
	z-index: 3;
	
}

.o-hidden{
	overflow: hidden !important;
}

/* SHADOW */

.drop-shadow{
	filter: drop-shadow(2px 2px 4px #333333);
}

/* IMAGE MENUS */

.image-menu{
	min-height: 50vh !important;
	background-position: right bottom;
	background-size: contain;
	background-repeat: no-repeat;
	align-items: start !important;
}

/* BORDERS */

.tb{
	border: thin dotted #CC0000;
}

.eb{
	border: thin dotted #00FF2E;
}

.rc-bottom{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top: none !important;
}

.rc-top{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: none !important;
}

.r-white{
	border: thick solid #FFFFFF !important;
}

.rc-10{
	border-radius: 10px;
}

.rc-5{
	min-width: 40px !important;
	border-radius: 5px;
}

.rc-20{
	border-radius: 20px;
}

/* ICONS */

.icon-lg{
	font-size: 2.2rem !important;
	margin: 10px;
}

.footer-icon{
	height: 100%;
}

.footer-social-icon{
	max-width: 250px !important;
	font-size: 2rem;
}

/* CURSORS */

.c-pointer{
	cursor: pointer;
}

.logo{
	max-width: 40% !important;
	height: auto;
}

.icon{
	max-width: 60% !important;
	height: auto;
}

.icon-holder{
	display: flex;
	justify-content: space-around;
}

.tb{
	border: thin solid #CC0000;
}

/* MOBILE/DEVICES */

/* SMALL LAPTOP LANDSCAPE */

@media only screen 
and (min-device-width : 600px) 
and (max-device-width : 1400px) 
and (orientation : landscape) {
	
	html{
        font-size: 1rem;
    }
	
	.fixed-inner-width{
		max-width: 85vw !important;
	}

	.b-regular{
		font-size:1.4rem !important;
		line-height: 120% !important;
	}
	
	
	.b-medium{
		font-size:1rem;
	}

	.b-bold{
		font-size:1rem;
	}
	
	h1{
		font-size: 4rem !important;
		line-height: 120% !important;
		letter-spacing:0px !important;
	}
	
	h2{
		font-size: 2rem !important;
	}
	
	.menu-left{
      width: 8vw !important;
      height: 4vh !important;
    }

    .menu-right{
      width: 8vw !important;
      height: 4vh !important;
    }
	
	.menu-back{
		height: 4vh !important;
	}
	
	.menu-icon{
		height: 7vh !important;
		width: 7vw !important;
		font-size: 3rem;
		text-align: center;
	}
	
	.hero-small{
		min-height: 70vh !important;
	}
	
	.news-header{
		min-height: 80vh;
	}
	
}

/* DEVICE LANDSCAPE */

@media only screen 
and (min-device-width : 750px) 
and (max-device-width : 1080px) 
and (orientation : landscape) {
	
	html{
        font-size: 1rem;
    }
	
	.fixed-inner-width{
		max-width: 85vw !important;
	}
	
	h1{
		font-size: 4rem !important;
		line-height: 120% !important;
		letter-spacing:0px !important;
	}
	
	h2{
		font-size: 2rem !important;
	}
	
	.b-regular{
		font-size:1rem !important;
		line-height: 140% !important;
	}
	
	.dd-link{
		font-size:1.75rem !important;
	}
	
	.link-new{
		font-size:1.75rem !important;
	}

	.c-bold{
		font-family: M-Bold, Arial, Helvetica, sans-serif;
		font-size:3rem;
		font-weight:normal;
		line-height:100% !important;
		text-decoration:none;
		text-align: center;
	}

	.c-regular{
		font-family: M-Light, Arial, Helvetica, sans-serif;
		font-size:1rem;
		font-weight:normal;
		line-height:100% !important;
		text-decoration:none;
		text-align: center;
	}
	
	.hero-large{
		min-height: 100vh !important;
	}

	.hero-text{
		min-height: 60vh !important;
	}
	
	.hero-small{
		min-height: 50vh !important;
	}

	.st-icon{
		min-height: 200px !important;
	}
	
	.menu-left{
      width: 8vw !important;
      height: 10vh !important;
    }

    .menu-right{
      width: 8vw !important;
      height: 10vh !important;
    }
	
	.menu-back{
		height: 10vh !important;
	}
	.menu-icon{
		max-width: 90% !important;
		font-size: 2.5rem;
	}
	
	.footer-icon{
		min-height: 100%;
	}
	
	.footer-social{
		display: flex;
		justify-content: center;
	}
	
	.footer-social-icon{
		max-width: 250px !important;
	}
	
	.team-photo{
		width: 100%;
		min-height: 30vh !important;
	}
	
	.image-menu{
		min-height: 300px !important;
		background-position: right bottom;
		background-size: contain;
		background-repeat: no-repeat;
		align-items: start !important;
	}

}

/* DEVICE PORTRAIT */

@media only screen 
and (min-device-width : 750px) 
and (max-device-width : 1080px) 
and (orientation : portrait) {
	
	html{
        font-size: 1rem;
    }
	
	h1{
		font-size: 5rem !important;
		line-height: 90% !important;
	}
	
	h2{
		font-size: 3rem !important;
	}
	
	.fixed-inner-width{
		/*max-width: 95vw !important;*/
	}
	
	.news-listing{
		font-size: 3rem !important;
		line-height: 100% !important;
	}
	
	.link-new{
		font-size:3rem !important;
	}
	
	.footer-counter{
		min-height: 120px !important;
	}

	.c-bold{
		font-family: M-Bold, Arial, Helvetica, sans-serif;
		font-size:2rem;
		font-weight:normal;
		line-height:100% !important;
		text-decoration:none;
		text-align: center;
	}

	.c-regular{
		font-family: M-Light, Arial, Helvetica, sans-serif;
		font-size:1rem;
		font-weight:normal;
		line-height:100% !important;
		text-decoration:none;
		text-align: center;
	}
	
	.hero-image{
		background-size: contain !important;
		background-position: center center !important;
	} 
	
	.hero-small{
		max-height: 100vh !important;
	}

	.contact-image{
		background-image: none !important;
	}

	.desktop-hero{
		display:none;
	}

	.mobile-hero{
		display:block;
	}
	
	video.fullscreen {
	  object-fit: contain !important;
	}
	
    .b-regular{
        font-size: 1.3rem;
	}
	
	.st-navigation{
		min-width: 85vw !important;
	}
	
	.st-icon{
		min-width: 200px;
		max-width: 350px !important;
	}
	
	.st-banner{
		min-width: 800px !important;
	}
	
	.navigation-header{
		min-height:200px !important;
	}
	
	.b-small{
		font-size:1rem;
	}
	
	.menu-left{
      max-width: 100px !important;
      max-height: 100px !important;
    }

    .menu-right{
      max-width: 100px !important;
      max-height: 100px !important;
    }
	
	.menu-icon{
		width: 100%;
		font-size:3rem;
		text-align:center;
	}
	
	.footer-icon{
		min-height: 100px;
	}
	
	.footer-social{
		display: flex;
		justify-content: center;
	}
	
	.footer-social-icon{
		max-width: 200px !important;
	}
	
	.st-banner{
		min-width: 780px !important;
	}
	
	.news-header{
		min-height: 90vh !important;
	}
	
	.team-photo{
		width: 100%;
		min-height: 500px !important;
	}
	
	/* MENU */

	.fh-holder{
		position: fixed !important;
		width: 100vw !important;
		height: 150px !important;
		font-size: 2.5rem;
		bottom: -100%;
		display: flex;
		justify-content: center;
		align-items: center !important;
		align-content: center !important;
		z-index: 100001;
	}
	
}

/* MOBILE PORTRAIT */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 800px)
and (orientation : portrait) {
	
	html{
        font-size: 1.7rem;
    }
	
	.fixed-inner-width{
		/*max-width: 95vw !important;*/
	}
	
	h1{
		font-size: 4rem !important;
		line-height: 90% !important;
	}
	
	h2{
		font-size: 3rem !important;
		line-height: 90% !important;
	}
	
	.b-regular{
		font-size:1.5rem !important;
		line-height: 130% !important;
	}
	
	.b-bold{
		font-size:1.5rem !important;
	}
	
	.news-listing{
		font-size: 3rem !important;
		line-height: 100% !important;
	}
	
	.dd-link{
		font-size:1.75rem !important;
	}
	
	.h-heading{
		font-size:2.3rem !important;
	}
	
	.link-new{
		font-size:3rem !important;
	}

	.c-bold{
		font-family: M-Bold, Arial, Helvetica, sans-serif;
		font-size:3rem;
		font-weight:normal;
		line-height:100% !important;
		text-decoration:none;
		text-align: center;
	}

	.c-regular{
		font-family: M-Light, Arial, Helvetica, sans-serif;
		font-size:1rem;
		font-weight:normal;
		line-height:100% !important;
		text-decoration:none;
		text-align: center;
	}
	
	.hero-image{
		background-size: contain !important;
		background-position: center center !important;
	} 

	.hero-small{
		min-height: 100vh !important;
	}
	
	.contact-image{
		background-image: none !important;
	}

	.desktop-hero{
		display:none;
	}

	.mobile-hero{
		display:block;
	}
	
	.hero-video{
		width: 100vw;
		height: 100vh;
	}
	
	video.fullscreen {
	  object-fit: contain !important;
	  top: 0 !important;
  	  left: 0 !important;
  	  transform: translate(0, 0) !important;
	}
	
    .b-regular{
        font-size: 1.3rem;
	}
	
	.st-navigation{
		min-width: 85vw !important;
	}
	
	.st-icon{
		max-width: 250px !important;
	}
	
	.footer-social-icon{
		max-width: 250px !important;
	}
	
	.brand-icon{
		max-height: 150px !important;
	}
	
	.menu-back{
		min-height: 200px !important;
	}
	
	.st-banner{
		min-width: 800px !important;
	}
	
	.navigation-header{
		min-height:300px !important;
	}
	
	.b-small{
		font-size:1rem;
	}
	
	.menu-left{
      max-width: 1080px !important;
      max-height: 200px !important;
	  display:flex !important;
	  justify-content: flex-start !important;
    }

    .menu-right{
      max-width: 140px !important;
      max-height: 150px !important;
    }
	
	.menu-icon{
		min-height: 150px !important;
		min-width: 150px !important;
		font-size: 2em;
		text-align: center;
	}
	
	.footer-icon{
		min-height: 100px !important;
	}
	
	.footer-social{
		display: flex;
		justify-content: start;
	}
	
	.image-menu{
		min-height: 1080px !important;
		background-position: right bottom;
		background-size: contain;
		background-repeat: no-repeat;
		align-items: start !important;
	}
	
	.news-header{
		min-height: 90vh !important;
	}
	
	.team-photo{
		min-height: 500px !important;
	}
	
	.news-photo{
		width: 100%;
		min-height: 500px !important;
		background-repeat:no-repeat !important;
		background-position: center center;
	}
	
	/* MENU */

	.fh-holder{
		position: fixed !important;
		width: 100vw !important;
		height: 150px !important;
		font-size: 2.5rem;
		bottom: -100%;
		display: flex;
		justify-content: center;
		align-items: center !important;
		align-content: center !important;
		z-index: 100001;
	}
}

/* MOBILE LANDSCAPE */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 800px)
and (orientation : landscape) {
	
	html{
        font-size: 1rem;
    }
	
    .b-regular{
        font-size: 1rem;
	}
	
	.hero-text{
		align-items: center;
		text-align: center;
	}
	
	.st-navigation{
		min-width: 90vw !important;
	}
	
}