@charset "UTF-8";
/* CSS Document */

/*===========================GLOBAL=============================*/
/*==============================================================*/

*{
	margin:0;
	padding:0;
	outline: 0;
}

body #homePageBody{
	height:100%;
	width:100%;
	min-width:944px;
}

body{
	height:100%;
	width:100%;
	min-width:944px;
	background-color:#000000;
}

.generalPageHeader{
	position: fixed;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 110px;
	min-width: 944px;
	z-index: 4000;
	background-color:#000000;
	border-bottom: 1px solid #1A658E;
}

.homePageHeader{
	position: fixed;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 110px;
	min-width: 944px;
	z-index: 4000;
	background-color:rgba(0,0,0,0.75);
	border-bottom: 1px solid #1A658E;
}

#globalLogo{
	position:relative;
	display: inline-block;
	top:20px;
	float:left;
	width:370px;
	height:65px;
	margin:5px 0px 0px 35px;
	z-index: 500;
}

#menuWrapper{
	position: relative;
	display: inline-block;
	float:left;
	margin:43px 0px 0px 40px;
	width:1000px;
	text-align: left;
}

#menu{
	position:relative;
	display: inline-block;
	width:1000px;
	float:left;
	z-index: 4000;
}

#hamMenuInnerWrapper{
	display:none;
}

.pageTopRowWrapper{
	position: relative;
	display: inline-block;
	clear:both;
	margin:100px auto 0;
	width:100%;
	height:400px;
	background-color: #000;
}

.homeContainer{
	position: relative;
	display: inline-block;
	width:100%;
	margin-top:-5px;
	z-index: 15000;
	overflow-y: hidden;
}

.container{
	position: relative;
	display: inline-block;
	width:100%;
	margin-top:-5px;
	background-color:#111111;
	min-height:760px;
}

.contentOuterWrapper{
	position: relative;
	display: inline-block;
	margin:0px auto;
	width:100%;
	padding:0px;
	min-height:800px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0a2838+0,000000+100 */
background: radial-gradient(ellipse at center,  #0a2838 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
}


.contentInnerWrapper{
	position: relative;
	display: block;
	margin:150px auto 0;
	max-width:1600px;
	min-width: 720px;
	align:center;
	padding:70px 60px 100px;
}

.contentInnerWrapperProduct{
	position: relative;
	display: block;
	margin:150px auto 0;
	max-width:1600px;
	min-width: 720px;
	min-height:700px;
	align:center;
	padding:70px 60px 150px;
}

.contentInnerWrapperContact{
	position: relative;
	display: block;
	margin:50px auto 0;
	max-width:1600px;
	min-width: 720px;
	min-height:800px;
	align:center;
	padding:30px 60px 100px;
}



/*===========================================================*/
/*=======================FOOTER==============================*/

#footer{
	position: relative;
	display: inline-block;
	float: left;
	clear: both;
	margin:0 auto;
	align:center;
	padding:0px 0px 40px 0px;
	width: 100%;
	min-width:944px;
	min-height:300px;
	z-index: 10000;
	background-color:#000000;
	border-top: 2px solid #1A658E;
}

#footer:after {
  content: "";
  display: table;
  clear: both;
}

#footerCol1{
	width:350px;
	float:left;
	text-align: left;
}

.footerLogo{
	display: inline-block;
	align: left;
	width:52px;
	height:60px;
	padding-bottom:20px;
}

.footerMenuWrapper{
	position: relative;
	display: inline-block;
	float: left;
	margin-right: 15px;
	/*border:1px solid #fff;*/
}

#footerCol2{
	width:44%;
	float:left;
}

#footerCol3{
	width:20%;
	float:right;
}

#footerCol1Inner{
	margin:30px 0px 0px 50px;
	width:100%;
	float:left;
	line-height: 20px;
}

#footerCol2Inner{
	/*border:1px solid #ccc;*/
	margin:65px 0px 0px 35px;
	width:70%;
	float:left;
	line-height: 30px;
}

#footerCol3Inner{
	margin:30px 50px 0px 0px;
	width:90%;
	float:right;
}

.footerMenu{
	margin-top:10px;
}

.socMedWrapper{
	position: relative;
	display: inline-block;
	float:right;
	clear:both;
	height:auto;
	width: 200px;
	margin:25px auto 15px;
}

#fbFoot,#instaFoot,#youTubeFoot,#linkedFoot{
	position: relative;
	display: inline-block;
	height:30px;
	width:30px; 
	border-radius: 8px;
	overflow:hidden;
	color:#fff;
}

#fbFoot{
	float:right;
	margin:0px 10px 0px 0px;
}
#instaFoot{
	float:right;
	margin:0px 10px 0px 0px;
}

#youTubeFoot{
	float:right;
	margin:0px auto;
	margin:0px 10px 0px 0px;
}

#linkedFoot{
	float:right;
	margin:0px auto;
}

.gtcLogo{
	display: inline-block;
	float: right;
	width:90px;
	height:27px;
	margin-top:180px;

}


/*========================FOOTERBASE=============================*/
/*===============================================================*/


#footerbase1{
	position: absolute;
	clear:both;
	bottom:0;
	left:0px;
	display: inline-block;
	margin:0 auto;
	padding:10px 0px;
	width: 100%;
	min-height: 40px;
	min-width:944px;
	background-color:#000000;
	border-top:1px solid #1A658E;
	z-index: 20000;
}

#footerbase{
	position: relative;
	bottom:0;
	left:0px;
	display: inline-block;
	float:left;
	margin:0 auto;
	padding:10px 0px;
	width: 100%;
	min-height: 40px;
	min-width:944px;
	background-color:#000000;
	border-top:1px solid #1A658E;
}

#footerbaseInner{
	position: relative;
	display: block;
	margin:0 auto;
	align:center;
	width: 98%;
	height: 40px;
}

#footerbaseColLeft{
	position: relative;
	display: inline-block;
	float:left;
	width: 40%;
	margin:10px auto;
	align:center;
	min-height: 20px;
	text-align: left;
	color:#fff;
}

#footerbaseColMid{
	position: relative;
	display: inline-block;
	float:left;
	width: 15%;
	margin:10px auto;
	align:center;
	min-height: 20px;
	text-align: center;
	color:#fff;
}

#footerbaseColRight{
	position: relative;
	display: inline-block;
	float:right;
	width: 40%;
	padding-top:7px;
	margin:0px auto;
	align:center;
	min-height: 20px;
	text-align: right;
	color:#fff;
}


/*=================HOME=======================*/
/*============================================*/

#enterWrapper{
	position:relative;
	top:300px;
	display: block;
	width:400px;
	align:center;
	margin:0px auto;
	z-index: 11000;
}




/*===========RANGE OVERVIEW TEMPLATE=================*/
/*===================================================*/

.itemListOuterWrapper{
	display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
	overflow: hidden;
	padding-top:40px;
	/*border:1px solid red;*/
}

.itemOuterWrapper{
	display:inline-block;
	position: relative;
	margin: 20px auto;
	align:center;
	text-align:center;
	width:350px;
	height:350px;
	border:1px solid #555;
	background: #111111;
}


.itemInnerWrapper{
	display: block;
	position: relative;
	margin: 0 auto;
	align:center;
	width:350px;
	height:350px;
}

.rangeLink{
	text-decoration: none;
}

.itemLabelOuterWrapper{
	position: relative;
	display: block;
	top:270px;
	left:-5px;
	width: 360px;
	align:left;
	min-height: 60px;
	text-align: left;
	background-color: #2184BA;

}

.itemLabelInnerWrapper{
	position: relative;
	display: block;
	top:10px;
	left:25px;
	width: 330px;
	align:left;
	min-height: 50%;
	text-align: left;
	background-color: #2184BA;
}

.footImageOuterWrapper{
	position: relative;
	display: inline-block;
	float: left;
	clear: both;
	height:400px;
	width:100%;
	margin: 0 auto;
}

.scroll {
  width: 100%;
  overflow: hidden;
}

.scroll-container {
  height: auto;
}

.scroll-list {
  width: 100%;
  display: flex;
  position: relative;
}

.scroll-item {
  list-style: none;
  margin: 0;
}

.scroll-image {
  display: flex;
	
}

.scroll-image-container{
  overflow: hidden;
}

.scroll-image-main {
  width: 2600px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: calc((400 / 2600) * 100%);
}


/*=============RANGE TITLE PICTURES===========*/
/*============================================*/

/*=======REMOTEHEAD======*/
#hotshot{background-image: url("../images/remoteheads/hotshot.webp");background-size: cover;}

#peepodSlider{background-image: url("../images/remoteheads/ppSlider.webp");background-size: cover;}

#peepodSmallMode{background-image: url("../images/remoteheads/ppSmall.webp");background-size: cover;}

#shotoverStabilisedHead{background-image: url("../images/remoteheads/g1.webp");background-size: cover;}

#newtonStabilisedHead{background-image:url("../images/remoteheads/newton.webp");background-size: cover;}

#mosysB20{background-image:url("../images/remoteheads/mosysB20.webp");background-size: cover;}

/*=======TRACKING SYSTEMS======*/
#furio{background-image: url("../images/trackingSystems/furio.webp");background-size: cover;}

#agito{background-image: url("../images/trackingSystems/agito.webp");background-size: cover;}

#aerodolly{background-image: url("../images/trackingSystems/aerodolly.webp");background-size: cover;}

#xTrak{background-image: url("../images/trackingSystems/xTrak.webp");background-size: cover;}

#lizardDolly{background-image:url("../images/trackingSystems/lizard.webp");background-size: cover;}

#blackcamB40{background-image:url("../images/trackingSystems/blackcam.webp");background-size: cover;} 

/*=======TOWERCAM======*/
#xsPlus{background-image: url("../images/towercams/tcxs.webp");background-size: cover;}

#standard{background-image: url("../images/towercams/tcStandard.webp");background-size: cover;}

#xm{background-image: url("../images/towercams/tcxm.webp");background-size: cover;}

#xl{background-image: url("../images/towercams/tcxl.webp");background-size: cover;}

#fx{background-image:url("../images/towercams/tcfx.webp");background-size: cover;}

#fxl{background-image:url("../images/towercams/tcfxl.webp");background-size: cover;}

#mkCompact{background-image:url("../images/towercams/mkCompact.webp");background-size: cover;}

#mkStandard{background-image:url("../images/towercams/mkStandard.webp");background-size: cover;}

/*=======SPIDERCAM======*/
#spidercam2d{background-image: url("../images/spidercams/scLight2D.webp");background-size: cover;}

#spidercamField3D{background-image: url("../images/spidercams/scField.webp");background-size: cover;}

#spidercamLight{background-image: url("../images/spidercams/scLight.webp");background-size: cover;}


/*===========PRODUCT TEMPLATE=================*/
/*============================================*/

.productTemplateWrapper{
	position: relative;
	margin-left:480px;
}

.productTitleWrapper{
	position: relative;
	display: inline-block;
	float:left;
	width:100%;
	margin:25px 0px 15px 0px;
}

.productDescriptionWrapper{}

.productSpecificationWrapper{}

.productVideoOuterWrapper{
	position: relative;
	display: inline-block;
	float:left;
	width:400px;
	height:520px;
	border:1px solid #1A658E;
	margin-right: -400px;
}

.productVideoInnerWrapper{
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,1);
	overflow: hidden;
}

video{
	position: relative;
	width:700px;
	left:-150px;
	display: block;
	top: 0;
	object-fit: cover;
}

.productButton{
	position: relative;
	display: inline-block;
	width:100%;
	height:45px;
	margin-top:30px;
	border-radius: 3px;
	border:1px solid #1A658E;
	text-align:center;
	line-height:45px;
	font-size: 18px;
	color:#2184BA;
}

/*=========INDIVIDUAL VIDEO SETTINGS==========*/
/*============================================*/


/*======remoteheads=======*/

#hotshotVid{
	width:540px;
	left:-75px;
	top: 65px;
}

#G1{
	width:500px;
	left:-60px;
	top: 80px;
}

#newtonVid{
	width:520px;
	left:-60px;
	top: 50px;
}

#peepodSliderVid{
	width:530px;
	left:-70px;
	top: 60px;
}

#peepodSliderVid{
	width:530px;
	left:-70px;
	top: 60px;
}

#moSysB20Vid{
	width:530px;
	left:-65px;
	top: 60px;
}

/*======trackingSystems=======*/

#furioVid{
	width:620px;
	left:-115px;
	top: 50px;
}

#agitoVid{
	width:580px;
	left:-90px;
	top: 50px;
}

#aeroDollVid{
	width:530px;
	left:-65px;
	top: 60px;
}

#xTrakVid{
	width:530px;
	left:-65px;
	top: 60px;
}

#lizardVid{
	width:500px;
	left:-65px;
	top: 73px;
}

#blkCamVid{
	width:610px;
	left:-105px;
	top: 60px;
}

/*======towercams=======*/

#tcfxVid{
	width:610px;
	left:-105px;
	top: 30px;
}

#tcfxlVid{
	width:610px;
	left:-105px;
	top: 5px;
}

#tcstVid{
	width:610px;
	left:-105px;
	top: 30px;
}

#tcxlVid{
	width:610px;
	left:-105px;
	top: 30px;
}

#tcxmVid{
	width:610px;
	left:-105px;
	top: 30px;
}

#tcxsPlusVid{
	width:610px;
	left:-105px;
	top: 20px;
}

#meerkatVid{
	width:610px;
	left:-105px;
	top: 10px;
}

#meerkatCompVid{
	width:690px;
	left:-155px;
	top: -40px;
}

/*======spidercams=======*/

#spid2DVid{
	width:610px;
	left:-105px;
	top: 60px;
}

#spidFieldVid{
	width:610px;
	left:-105px;
	top: 0px;
}

#spidLightVid{
	width:610px;
	left:-105px;
	top: 0px;
}


/*====================CREDITS=================*/
/*============================================*/

.creditListOuterWrapper{
	display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
	overflow: hidden;
}

.creditOuterWrapper{
	display:inline-block;
	position: relative;
	margin: 20px auto 100px;
	align:center;
	text-align:center;
	width:350px;
	height:350px;
	/*border-top:1px solid #1A658E;*/
	/*border:1px solid red;*/
}

.creditInnerWrapper{
	display: block;
	position: relative;
	margin: 20px auto 0;
	align:center;
	width:350px;
	height:240px;
	/*border:1px solid blue;*/
}

.creditLabelOuterWrapper{
	position: relative;
	display: block;
	top:260px;
	width: 100%;
	/*border-top:1px solid #1A658E;*/
	/*border-bottom:1px solid #1A658E;*/
	align:left;
	min-height: 90px;
	/*border:1px solid red;*/
}

.creditLabelInnerWrapper{
	position: relative;
	display: block;
	top:20px;
	margin:0 auto;
	width: 330px;
	align:left;
	min-height: 50%;
	text-align: center;
}

#bgtalent{
	background-image: url("../images/credits/bgt.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#voice{
	background-image: url("../images/credits/voice.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#premLeague{
	background-image: url("../images/credits/premLeague.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#faCup{
	background-image: url("../images/credits/faCup.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#carabao{
	background-image: url("../images/credits/carabao.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#champLeague{
	background-image: url("../images/credits/champs.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#satTakeaway{
	background-image: url("../images/credits/satTakeaway.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#limitlessWin{
	background-image: url("../images/credits/limitless.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#oliAwards{
	background-image: url("../images/credits/oliviers.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#gladiators{
	background-image: url("../images/credits/gladiators.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#sixNations{
	background-image: url("../images/credits/sixNations.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#spoty{
	background-image: url("../images/credits/spoty.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#brits{
	background-image: url("../images/credits/brits.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#baftas{
	background-image: url("../images/credits/baftas.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#traitors{
	background-image: url("../images/credits/traitors.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#squid{
	background-image: url("../images/credits/squid.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#proms{
	background-image: url("../images/credits/proms.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#remember{
	background-image: url("../images/credits/remember.png");
	background-size: cover;
	background-repeat: no-repeat;
}

#coronation{
	background-image: url("../images/credits/coronation.png");
	background-size: cover;
	background-repeat: no-repeat;
}


/*=================CONTACT US=================*/
/*============================================*/

.contactFormOuterWrapper{
	position:relative;
	display: inline-block;
	float:left;
	align:center;
	margin:0 auto;
	padding: 0px;
	height:700px;
	width:60%;
}

.contactFormInnerWrapper{ 
	position:relative;
	display: block;
	align:center;
	margin:0 auto;
	height:700px;
}

#locationMap{
	position:relative;
	display:block;
	margin:110px auto 0;
	align:center;
	width:100%;
	height:400px;
}

.mapOuterWrapper{
	position: relative;
	display:block;
	margin:0px auto;
	align:center;
	width:100%;
	padding:0px;
	min-height:200px;
}