@charset "UTF-8";

body{
	margin:0;
	padding:0;
}

html{
	font-size: calc(11px + 0.25vw);
}

/* COLOURS */

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

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

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

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

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

.c-prime{
	color: #323e48 !important;
}

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

a.c-white:active,a.c-white:visited{
	color: #FFFFFF;
}

.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: #323e48 !important;
}

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

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

.bg-prime-dark{
	background-color: #004d71 !important;
}

.bg-prime-darker{
	background-color: #003f5f !important;
}

.bg-outer{
	background-color: #e5e5e5 !important;
}

.block-primary{
	background-color: #323e48 !important; /*00567d*/
}

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

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

/* LAYOUT */

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

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

/* NAVIGATION SLIDER */

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

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

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

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

.dd-arrow{
	font-size: 1.5rem;
	color: #4078bd !important;
}

.menu-space{
	min-height: 100px !important;
}

/* MENU */

.menu-left{
	position: absolute;
	max-width: 80px !important;
	top: 0 !important;
	left: 0 !important;
	background-image: url("../images/template/m-90.png");
	background-repeat: repeat;
	border-bottom-right-radius: 20px !important;
}

.menu-right{
	position: absolute;
	max-width: 80px !important;
	max-height: 80px;
	top: 0;
	right: 0;
	background-image: url("../images/template/m-90.png");
	background-repeat: repeat;
	border-bottom-left-radius: 20px !important;
}

.menu-back{
	height: 100px;
}

.opacity-zero{
	opacity: 0;
}

.menu-nav-icon{
	max-height: 80px;
	max-width: 80px;
	font-size: 2.5em;
	text-align: center;
}

.brand-icon{
	max-width: 140px;
	text-align: center;
}

.menu-button{
    background: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer;
	padding: 1px !important;
	outline: none;
}

.dd-icon{
	max-width: 20px;
}

.menu-button:focus {
  outline: none;
  box-shadow: none;
}

/* 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;
}

.header-contain{
	background-size: contain !important;
	background-repeat: no-repeat !important;
}

/* IMAGES */

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

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

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

.hero-back-text{
	background-image: url("../images/template/t-90.png");
	background-repeat: repeat;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.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:flex;
}

.mobile-hero{
	display:none !important;
}

.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;
} 

.hero-overlay{
	background-image: url("../images/template/t-90.png");
}

.v-none{
	visibility:hidden;
}

.img-fill{
	width: 100%;
    max-height: 100%;
    display: block;
	object-fit:cover;
	background-repeat: no-repeat !important;
}

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

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

.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;
	background-repeat: no-repeat !important;
}

.img-center{
	background-position: center center;
}

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

.para-img{
	width: 100% !important;
	max-width: 860px !important;
}

.pt-img{
	border-radius: 30px;
	width: 100%;
	max-width: 550px !important;
}

.max-size-sm{
	max-width: 150px!important;
}

.fix-size{
	width: 100%;
	max-width: 550px !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: fixed !important;
	z-index: -1
}

.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: 40vh !important;
	background-color: #FFFFFF !important;
}

.image-menu-item{
	min-height: 12vh;
}

/* 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;
}

.bb-white{
	border-bottom: thin solid #FFFFFF;
}

/* ICONS */

.home-icon{
	max-width: 140px !important;
}

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

.icon-sm{
	max-width:100px !important;
}

.footer-brand-icon{
	width: 100%;
	max-width: 100px !important;
}

.footer-social-icon{
	width: 100%;
	max-width: 50px !important;
}

/* 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) {

	.fixed-inner-width{
		max-width: 90vw !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;
		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) {
	
	.fixed-inner-width{
		max-width: 85vw !important;
	}
	
	/* FONTS */
	
	h1{
		font-size: 2rem !important;
	}
	
	h2{
		font-size: 1.5rem !important;
	}
	
	h3{
		font-size: 1.25rem !important;
	}
	
	h4{
		font-size: 1rem !important;
	}
	
	.b-regular{
		font-size: 1rem;
	}
	
	.b-bold{
		font-size: 1rem;
	}
	
	.link-new{
		font-size: 1rem;
	}
	
	.dd-link{
		font-size: 1rem;
	}
	
	.b-small{
		font-size: 0.75rem;
	}
	
	.b-small-bold{
		font-size: 0.75rem;
	}
	
	/* ICONS */

	.home-icon{
		max-width: 100px !important;
	}

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

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

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

    .menu-right{
      width: 8vw !important;
      height: 10vh !important;
    }*/
	
	/*.menu-back{
		height: 10vh !important;
	}*/
	
	.footer-icon{
		min-height: 100%;
	}
	
	.footer-social{
		display: flex;
		justify-content: center;
	}
	
	.footer-social-icon{
		max-width: 25px !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 : 800px) 
and (max-device-width : 1080px) 
and (orientation : portrait) {

	/* FONTS */
	
	h1{
		font-size: 2.5rem !important;
	}
	
	h2{
		font-size: 2rem !important;
	}
	
	h3{
		font-size: 1.75rem !important;
	}
	
	h4{
		font-size: 1.5rem !important;
	}
	
	.b-regular{
		font-size: 1.5rem;
	}
	
	.b-bold{
		font-size: 1.5rem;
	}
	
	.link-new{
		font-size: 1.5rem;
	}
	
	.dd-link{
		font-size: 1.5rem;
	}
	
	.c-link{
		font-size: 1.5rem !important;
	}
	
	.b-small{
		font-size: 1rem;
	}
	
	.b-small-bold{
		font-size: 1rem;
	}
	
	/* IMAGES */
	
	.hero-large{
		min-height: 100vh !important;
	}

	.hero-small{
		max-height: 100vh !important;
	}

	.desktop-hero{
		display:none !important;
	}

	.mobile-hero{
		display:flex !important;
	}
	
	video.fullscreen {
	  object-fit: contain !important;
	}
	
	.st-navigation{
		min-width: 100vw !important;
	}
	
	.st-icon{
		min-height: 100px !important;
	}
	
	.footer-social-icon{
		width: 25%;
		max-width: 100px !important;
	}
	
	.footer-brand-icon{
		width: 100%;
		max-width:80px !important;
	}
	
	.st-banner{
		min-width: 800px !important;
	}

	/* MENU */

	#menu-left{
		display: none !important;
	}
	
	.menu-right{
		max-width: 60px !important;
		max-height: 60px;
	}
	
	.image-menu{
		min-height: 80vh !important;
	}
	
	.brand-icon{
		width: 100%;
		max-width: 70px !important;
		text-align: center;
	}

}

/* MOBILE PORTRAIT */

@media only screen 
and (min-device-width : 300px) 
and (max-device-width : 800px)
and (orientation : portrait) {
	
	/* FONTS */
	
	h1{
		font-size: 2.5rem !important;
	}
	
	h2{
		font-size: 2rem !important;
	}
	
	h3{
		font-size: 1.75rem !important;
	}
	
	h4{
		font-size: 1.5rem !important;
	}
	
	.b-regular{
		font-size: 1.5rem;
	}
	
	.b-bold{
		font-size: 1.5rem;
	}
	
	.link-new{
		font-size: 1.5rem;
	}
	
	.dd-link{
		font-size: 1.5rem;
	}
	
	.c-link{
		font-size: 1.5rem !important;
	}
	
	.b-small{
		font-size: 1rem;
	}
	
	.b-small-bold{
		font-size: 1rem;
	}

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

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

	.desktop-hero{
		display:none !important;
	}

	.mobile-hero{
		display:flex !important;
	}
	
	.hero-video{
		width: 100vw;
		height: 100vh;
	}
	
	video.fullscreen {
	  object-fit: contain !important;
	  top: 0 !important;
  	  left: 0 !important;
  	  transform: translate(0, 0) !important;
	}
	
	.st-navigation{
		min-width: 100vw !important;
	}
	
	.st-icon{
		min-height: 100px !important;
	}
	
	.footer-social-icon{
		width: 25%;
		max-width: 40px !important;
	}
	
	.footer-brand-icon{
		width: 100%;
		max-width: 80px !important;
	}
	
	.st-banner{
		min-width: 800px !important;
	}
	
	/* MENU */

	#menu-left{
		display:none !important;
	}
	
	.menu-right{
		max-width: 60px !important;
		max-height: 60px;
	}
	
	.image-menu{
		min-height: 80vh !important;
	}
	
	.brand-icon{
		width: 100%;
		max-width: 70px !important;
		text-align: center;
	}
}