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


.contactBox { 
	padding: 5%; 
	border: 10px solid #005899; 
	border-radius: 30px; 
	background-color: rgba(255, 255, 255, 0.95); 
	box-shadow: 15px 20px rgba(171, 171, 171, 0.70);
	max-width: 1000px !important;
}

.contactBox h2 {
	padding-bottom: 30px !important;
	color: #005899 !important;
}

/* --- global --- */
body {min-width: 360px !important;}

/* --- End global --- */

/* --- Media Queries --- */

/* --- More than 800px --- */
@media only screen
and (min-width : 800px) {
	.btnMobMenu {display: none !important;}
	.tgMenuMobMain {display: none !important;}	
}

/* --- Less than 800px --- */
@media only screen
and (max-width : 800px) {
	.tgTopNavFull {display: none !important;}
	.tgSubNav {display: none !important; }
	.tgCTAHolderBlue a {display: block !important;}
	
	.tgLogoCol { 
		width: 50% !important; 
		flex-basis:100% !important;
	}
	.tgLinksCol { 
		width: 50% !important; 
		flex-basis:100% !important;
		
	}
}


/* --- Less than 1200px --- */
@media only screen
and (max-width : 1200px) {
	.wp-block-group {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

/* --- Less than 870px --- */
@media only screen
and (max-width : 870px) {
	.listingPageSquare { flex-direction: column;}
	.tgItem {width: 100% !important;}
}

/* --- Less than 780px --- */
@media only screen
and (max-width : 780px) {
	.tgMobTextCentre { text-align: center;}
	.tgHomeUSP {display: none;}
}

/* --- Less than 550px --- */
@media only screen
and (max-width : 550px) {
	.tgCerts {display: none;}
}

/* --- Less than 400px --- */
@media only screen
and (max-width : 400px) {
	.listingPageSquareV3 .wp-block-button { width: 100% !important;}
	.listingPageSquareV3 .wp-block-button a { width: 100% !important;}
}

/* --- Mobile Nav --- */
.btnMobMenu {
	margin: 0;
	padding: 0;
}

.tgMenuMobMain { display: none;}
.tgMenuMobItem {display: none;}

/* --- Nav --- */
.mainNav {
	padding: 25px 0px 25px 0px;
	min-width: 360px;
	height: 95px;
}
.tgNavHold1 { height: 80px;}
.tgLogoCol {
	float: left;
	width: 188px;
}
.tgLinksCol { 
	float: right;
}

.tgLinksCol p {
	padding: 10px 0px 10px 0px;
}


.XXXX1 {
	border-bottom: 3px solid #005899 !important;
	margin-bottom: 8px !important;

}

.mainNav.menuActive {
	transition: all 0.2s ease-out;
	background: #dfdfdf !important;
}

.navKey {display: none;}
.navSub {display: none;}
.navSubFDS, .navSubAC, .navSubArch, .navSubSG {display: none;}


.tgSubNavList {}
.tgSubNavList .wp-block-button {
	width: 100%;
}
.tgSubNavList a {
	padding: 10px 0px 10px 0px !important;
	margin: 0;
	background: #fff !important;
	color: #005899;
	width: 100%;
	border-radius: 0;
	text-align: left;
	
	transition: all 0.2s ease-out;
}
.tgSubNavList a:hover{
	background: #dfdfdf !important;
	padding: 18px !important;
	color: #005899;
}
.tgSubNavList .active a{
	background: #dfdfdf !important;
	padding: 18px !important;
	color: #005899;
}

.tgBtnNav { cursor: pointer;}
.tgBtnNav p {
	color: #005899;
	text-transform: uppercase !important;
	background-color: #fff !important; 
	background-image: url("https://poyntell.com/wp-content/uploads/2024/01/Access-Control-1.jpg"); 
	background-position: center right 10px;
	background-repeat: no-repeat;
	border: 3px solid #005899;
	border-radius: 5px;
	font-weight: bold; 
	padding: 6px 52px 6px 15px !important;
	box-shadow: 4px 5px #c7c7c7;
	
	transition: all 0.5s ease-out;
}

.tgBtnNav p:hover { 
	background-image: url("https://poyntell.com/wp-content/uploads/2024/01/Access-Control-1.jpg") ; 
	background-color: #005899 !important;
	color: #fff !important; 
	text-decoration: none;
	box-shadow: none;
}

.tgBtnNav.back p {
	background-image: url("https://poyntell.com/wp-content/uploads/2024/01/Access-Control-1.jpg"); 
	background-position: center left 10px;
	background-repeat: no-repeat;
	padding: 6px 15px 6px 52px !important;
}

.tgBtnNav.back p:hover {
	background-image: url("https://poyntell.com/wp-content/uploads/2024/01/sub-nav-back-button-white.png");
	box-shadow: none;
}


.navSub ul li { margin-bottom: 6px;}
.navSub ul li a { text-decoration: none;}
.navSub ul li a:hover {text-decoration: underline;}



.tgTopNavFull {}
.tgTopNavFull a {	
	color: #005899;
	background: none !important;
	font-weight: bold;
	padding: 15px 7px 7px 7px;
	border-radius: 0px;
	
	transition: all 0.2s ease;
}

.tgTopNavFull a:hover{
	padding: 14px 22px 14px 22px;
	background:#005899 !important; 
	color: #fff; 
	box-shadow: 5px 5px rgb(171 171 171 / 70%);
}

.tgTopNavFull .active a{
	padding: 14px 22px 14px 22px;
	background:#005899 !important; 
	color: #fff; 
	box-shadow: 5px 5px rgb(171 171 171 / 70%);
}

.tgSubNav { display: none;}
.deskMenuCDS { display: none;}
.deskMenuAbout { display: none;}
.tgSubNav.tgSubNavBGFireDoors {
	 background-image: url("https://poyntell.com/wp-content/uploads/2024/02/fd-bg5.jpg") !important;
	background-position: bottom right !important;
	background-repeat: no-repeat !important;
}
/* xxx */
.tgSubNav.tgSubNavBGAC {
	 background-image: url("https://poyntell.com/wp-content/uploads/2024/02/ac-bg1.jpg") !important;
	background-position: bottom right !important;
	background-repeat: no-repeat !important;
}
.tgSubNav.tgSubNavBGArch {
	 background-image: url("https://poyntell.com/wp-content/uploads/2024/02/arch-iron-bg1.jpg") !important;
	background-position: bottom right !important;
	background-repeat: no-repeat !important;
}



.tgSubNav ul {
	list-style: none;
	padding-left: 15px;
	text-transform: uppercase;
	list-style-image:url('https://poyntell.com/wp-content/uploads/2024/01/arrow-chunky-blue-10px.png')
}


.tgSubNav ul li {
	color: #005899 !important;
	
}
.tgSubNav ul li a {
	color: #005899 !important;
	
}

.tgSubNav .wp-block-navigation__submenu-container {padding-top: 10px;}

.tgSubNav .tgSubNavSectionLinks ul li a:hover {text-decoration: underline !important;}


/* --- !!! End - Nav !!! --- */


/* --- General Styling --- */
.tgHeroBtn a {
	color: #fff;
	padding: 12px 10px 12px 29px !important;
	margin:4px;
	border: 2px solid #fff;
	transition: all 0.2s ease;
	/* note the url structure!!! */
	background: url("https://poyntell.com/wp-content/uploads/2023/11/hero-button-arrow-white.png") no-repeat -1px center; 
	border-radius: 0;
	text-transform: uppercase;	
	font-size: 0.9rem;
	background-color: rgb(255 255 255 / 10%) !important; 
}

.tgHeroBtn a:hover { 
	color: #fff; 
	text-decoration: none; 
	background-color: rgb(0 88 153 / 90%) !important; 
	box-shadow: 5px 5px rgb(171 171 171 / 80%); 
}

.tgListOfTickedBoxes p { 
	text-transform: uppercase; 
	padding: 10px 10px 10px 43px; 
	margin: 4px; 
	border: 1px solid #000;
	background: url("https://poyntell.com/wp-content/uploads/2023/11/tick-black.png") no-repeat 12px center;
	font-size: 0.8rem;
}

.tgListOfTickedBoxesWhite p { 
	text-transform: uppercase; 
	padding: 10px 10px 10px 43px; 
	margin: 4px; 
	border: 1px solid #FFF;
	color: #fff !important;
	background: url("https://poyntell.com/wp-content/uploads/2023/12/tick-white.png") no-repeat 12px center;
	font-size: 0.8rem;
}
/* --- !!! End - General Styling !!! --- */


/* --- Blue CTA Button --- */
.tgCTAHolderBlue a {	
	text-transform: uppercase !important;
	background-color: #005899 !important; 
	color: #fff;
	background-image: url("https://poyntell.com/wp-content/uploads/2023/11/cta-arrow-white2.png"); 
	background-position: center right 10px;
	background-repeat: no-repeat;  
	border-radius: 5px;
	font-weight: bold; 
	padding: 15px 52px 15px 15px !important;
	text-decoration: none;
	
	-webkit-animation: cta2animation 4s infinite; /* Chrome, Safari, Opera */
  	animation: cta2animation 4s infinite;
	
	transition: all 2s ease-out;
}

.tgCTAHolderBlue a:hover { 
	background-image: url("https://poyntell.com/wp-content/uploads/2023/11/cta-arrow-blue.png") ; 
	background-color: #ffffff !important;
	color: #005899 !important; 
	text-decoration: none; 		
	
	-webkit-animation: cta2animationactive 4s infinite; /* Chrome, Safari, Opera */
  	animation: cta2animationactive 4s infinite;
}

.tgCTAHolderBlue.blackVersion a {
	background-color: #fff !important;
	color: #000 !important;
	background-image: url("https://poyntell.com/wp-content/uploads/2024/02/cta-arrow-black.png") !important;
}
.tgCTAHolderBlue.blackVersion a:hover {
	background-color: #000 !important;
	color: #fff !important;	
	background-image: url("https://poyntell.com/wp-content/uploads/2023/11/cta-arrow-white2.png") !important;
}


.tgMenuBack {
	text-transform: uppercase !important;
	background-color: #919191 !important; 
	color: #fff;
	background-image: url("https://poyntell.com/wp-content/uploads/2024/01/cta-arrow-white2-left.png"); 
	background-position: center left 10px;
	background-repeat: no-repeat;  
	border-radius: 5px;
	font-weight: bold; 
	padding: 15px 15px 15px 52px !important;
	text-decoration: none;
	width: 45px;
	float: left;
}

/* CTA2 background annimation - Chrome, Safari, Opera */
@-webkit-keyframes cta2animation {
  0%   { background-position: center right 10px; background-repeat: no-repeat; }
  50%  { background-position: center right 10px; background-repeat: no-repeat; box-shadow: 4px 5px #ababab;}
  100%  { background-position: center right 10px; background-repeat: no-repeat;}
}

/* CTA2 background annimation - Standard syntax */
@keyframes cta2animation {
  0%   {background: #005899; background-image: url("https://poyntell.com/wp-content/uploads/2023/11/cta-arrow-white2.png"); background-position: center right 10px; background-repeat: no-repeat;}
  50%  {background: #005899; background-image: url("https://poyntell.com/wp-content/uploads/2023/11/cta-arrow-white2.png"); background-position: center right 10px; background-repeat: no-repeat; box-shadow: 4px 5px #ababab;}
  100%  {background: #005899; background-image: url("https://poyntell.com/wp-content/uploads/2023/11/cta-arrow-white2.png"); background-position: center right 10px; background-repeat: no-repeat;}
}
/* CTA2 Active background annimation - Chrome, Safari, Opera */
@-webkit-keyframes cta2animationactive {
  0%   {background: #d8d8d8; background-image: url("https://poyntell.com/wp-content/uploads/2023/11/cta-arrow-blue.png"); background-position: center right 10px; background-repeat: no-repeat; }
  50%  {background: #fff; background-image: url("https://poyntell.com/wp-content/uploads/2023/11/cta-arrow-blue.png"); background-position: center right 10px; background-repeat: no-repeat; box-shadow: 4px 5px #ababab;}
  100%  {background: #d8d8d8; background-image: url("https://poyntell.com/wp-content/uploads/2023/11/cta-arrow-blue.png"); background-position: center right 10px; background-repeat: no-repeat;}
}

/* CTA2 Active background annimation - Standard syntax */
@keyframes cta2animationactive {
  0%   {background: #d8d8d8; background-image: url("https://poyntell.com/wp-content/uploads/2023/11/cta-arrow-blue.png"); background-position: center right 10px; background-repeat: no-repeat;}
  50%  {background: #fff; background-image: url("https://poyntell.com/wp-content/uploads/2023/11/cta-arrow-blue.png"); background-position: center right 10px; background-repeat: no-repeat; box-shadow: 4px 5px #ababab;}
  100%  {background: #d8d8d8; background-image: url("https://poyntell.com/wp-content/uploads/2023/11/cta-arrow-blue.png"); background-position: center right 10px; background-repeat: no-repeat;}
}
/* --- END Blue CTA Button --- */


/* --- Blog  --- */


/* --- END Blog --- */



/* --- Top Nav  --- */
.tgTopNav a { 
	text-transform: uppercase !important;
	font-weight: bold !important;
	color: #005899 !important;
	padding-top: 10px;
	font-size: 0.9rem;
}
/* --- END Top Nav --- */

/* --- List Styling  --- */
.tgListArrowChunky {list-style: none; padding: 0;}
.tgListArrowChunky li {
	background: url("https://poyntell.com/wp-content/uploads/2023/12/arrow-chunky-black-26px.png") no-repeat left; 
	padding: 9px 0px 9px 60px;
	margin: 20px 0px 20px 10px;
}
.tgListArrowChunky.tick li  {
	background: url("https://poyntell.com/wp-content/uploads/2023/12/feature-tick.png") no-repeat left; 
}
.tgListArrowChunky.tickLarge li  {
	background: url("https://poyntell.com/wp-content/uploads/2023/12/feature-tick-40px.png") no-repeat left; 
}
.tgListArrowChunky.listBordered li { 
	border: 1px solid #efefef; 
	border-radius: 10px;
	padding: 20px 20px 20px 50px;
	background-position: 15px center;
	
}
/* --- END List Styling --- */

/* ___ Hero BG ___ */ 
.bgGrey { background: #a4b0c3;}
.bgGrey.home {background: url("https://poyntell.com/wp-content/uploads/2024/01/poyntell-home-bg2.jpg") no-repeat center; }

/* ___ XXX End Hero BG XXX ___ */ 


/* ___ Listing Page Square V3 ___ */
.listingPageSquareV3 {
}

.listingPageSquareV3 .wp-block-button {
	background-color: #a3a3a3;	
}

.listingPageSquareV3 .wp-block-button a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 400px;
	height: 400px;
	border-radius: 0;
	background: rgb(0 0 0 / 40%);
	text-transform: uppercase;
	border: 5px solid #fff;
	font-weight: bold;
	
	transition: all 0.2s ease-out;	
}

.listingPageSquareV3 .wp-block-button a:hover {
	border: 10px solid #fff;	
	background: rgb(0 0 0 / 60%);	
}

.listingPageSquareV3 .LPSFD { background-image: url("https://poyntell.com/wp-content/uploads/2024/01/Fire-Door-Services.jpg") !important;}
.listingPageSquareV3 .LPSAc { background-image: url("https://poyntell.com/wp-content/uploads/2024/01/Access-Control-1.jpg") !important;}
.listingPageSquareV3 .LPSAuto { background-image: url("https://poyntell.com/wp-content/uploads/2024/01/Automatic-Doors.jpg") !important;}
.listingPageSquareV3 .LPSSecurity { background-image: url("https://poyntell.com/wp-content/uploads/2024/01/Security-Doors.jpg") !important;}
.listingPageSquareV3 .LPSInterlock { background-image: url("https://poyntell.com/wp-content/uploads/2024/01/Interlocks.jpg") !important;}
.listingPageSquareV3 .LPSSpeedGate { background-image: url("https://poyntell.com/wp-content/uploads/2024/01/Speed-Gates.jpg") !important;}
.listingPageSquareV3 .LPSTurnstile { background-image: url("https://poyntell.com/wp-content/uploads/2024/01/Turnstiles.jpg") !important;}
.listingPageSquareV3 .LPSFireStopping { background-image: url("https://poyntell.com/wp-content/uploads/2024/01/Fire-Stopping.jpg") !important;}
.listingPageSquareV3 .LPSArchIron { background-image: url("https://poyntell.com/wp-content/uploads/2024/01/Architectural-Ironmongery.jpg") !important;}
.listingPageSquareV3 .LPSLocksmith { background-image: url("https://poyntell.com/wp-content/uploads/2024/01/Locksmiths.jpg") !important;}

.listingPageSquareV3 .LPSInspection { background-image: url("https://poyntell.com/wp-content/uploads/2024/02/Fire-Door-Inspection.jpg") !important;}
.listingPageSquareV3 .LPSInstall { background-image: url("https://poyntell.com/wp-content/uploads/2024/02/fire-door-installation.jpg") !important;}
.listingPageSquareV3 .LPSMaint { background-image: url("https://poyntell.com/wp-content/uploads/2024/01/Automatic-Doors.jpg") !important;}
.listingPageSquareV3 .LPSReplace { background-image: url("https://poyntell.com/wp-content/uploads/2024/02/fire-door-replacement.jpg") !important;}
.listingPageSquareV3 .LPSEmergency { background-image: url("https://poyntell.com/wp-content/uploads/2024/02/emergency-exits.jpg") !important;}
.listingPageSquareV3 .LPSQmark { background-image: url("https://poyntell.com/wp-content/uploads/2024/02/bm-trada-q-mark-fire-door-certification.jpg") !important;}

.listingPageSquareV3 .LPSMaster { background-image: url("https://poyntell.com/wp-content/uploads/2024/02/POYNTELL-Master-Key-System-2.jpg") !important;}
.listingPageSquareV3 .LPSSmartChip { background-image: url("https://poyntell.com/wp-content/uploads/2024/02/SMART-CHIP-SOLUTIONS.jpg") !important;}
.listingPageSquareV3 .LPSHandsFree { background-image: url("https://poyntell.com/wp-content/uploads/2024/02/HANDS-FREE-ACCESS-CONTROL-1.jpg") !important;}
.listingPageSquareV3 .LPSIntelli { background-image: url("https://poyntell.com/wp-content/uploads/2024/02/INTELLIKEY.jpg") !important;}
.listingPageSquareV3 .LPSSmartCards { background-image: url("https://poyntell.com/wp-content/uploads/2024/02/CONTACTLESS-SMART-CARDS.jpg") !important;}
.listingPageSquareV3 .LPSPushButton { background-image: url("https://poyntell.com/wp-content/uploads/2024/02/PUSH-BUTTON-LOCKS.jpg") !important;}
.listingPageSquareV3 .LPSIntercom { background-image: url("https://poyntell.com/wp-content/uploads/2024/02/audio-and-video-intercom-systems.jpg") !important;}
.listingPageSquareV3 .LPSCallRouting { background-image: url("https://poyntell.com/wp-content/uploads/2024/02/intercom-call-routing.jpg") !important;}

.listingPageSquareV3 .LPSSpeedGTail { background-image: url("https://poyntell.com/wp-content/uploads/2024/04/TAILGATING-SPEED-GATE-SOLUTIONS.jpg") !important;}
.listingPageSquareV3 .LPSSpeedGInterlock { background-image: url("https://poyntell.com/wp-content/uploads/2024/04/INTERLOCKING-SPEED-GATES.jpg") !important;}
.listingPageSquareV3 .LPSSpeedGTurn { background-image: url("https://poyntell.com/wp-content/uploads/2024/04/TURNSTILES-SPEED-GATES.jpg") !important;}
.listingPageSquareV3 .LPSFinishes { background-image: url("https://poyntell.com/wp-content/uploads/2024/05/speed-gate-finishes.jpg") !important;}
.listingPageSquareV3 .LPSHalfVsFull { background-image: url("https://poyntell.com/wp-content/uploads/2024/05/speed-gates-half-vs-full-height.jpg") !important;}


/* ___ Listing Page Square ___ */
.listingPageSquare p { 
	border: 3px solid #fff;
	padding: 15px;
	
	transition: all 0.2s ease-out;
}

.listingPageSquare a {
	text-decoration: none;
	font-weight: normal;
}

.listingPageSquare .tgItem {
	transition: all 0.2s ease-out;
}

.listingPageSquare .tgItem img {
	transition: all 0.2s ease-out;
}

.listingPageSquare .imgIncrease img {
	width: 110% !important;
}

.listingPageSquare .tgBorderRadius {
	transition: all 0.2s ease-out;	
}

.listingPageSquare .tgBorderRadius p {
	border-left: 12px solid #fff;
	border-right: 12px solid #fff;
}


/* ___ XXX END Listing Page Square XXX ___ */


/* ___ General Styling ___ */ 
.tgDisplayNone {display: none;}
.tgLinkNoUnderline a { text-decoration: none !important;}
.tgLinkNoUnderline a:hover { text-decoration: underline !important;}
.textBlack {color: #000 !important;}
.tgJustify { text-align: justify}
.tgTextBlueCaps { text-transform: uppercase; color: #005899;}
.tgNoTextTransform {text-transform: none;}
.tgTextBlue {color: #005899 !important;}
.tgTextBlue a {color: #005899 !important;}
h1 {text-transform: uppercase;}
h2 {text-transform: uppercase;}
h3 {text-transform: uppercase;}
h4 {text-transform: uppercase;}
h5 {text-transform: uppercase;}
.tgNoUppercase {text-transform: none !important;}


/* ________ Footer ________ */

.tgFooterQuickLinks a {text-decoration: none;}
.tgFooterQuickLinks a:hover {text-decoration: underline;}

/* ________ End Footer ________ */

/* ________ Media queries other ________ */



/* ________ DUMP DUMP DUMP ________ */