/*TRIUM brand BLUE lt 203362  BLUE DK 192142    GOLD E9C864  red BF0011*/
 @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap") ; 
.pagetitlesWhite, .pagetitlesWhite, h1.pagetitlesWhite, h2.pagetitlesWhite, p.pagetitlesWhite, #content p.pagetitlesWhite, .pagetitlesWhite strong 	{ color: #f6f6f6}
.subtitlesWhite, .subtitlesWhite, h1.subtitlesWhite, h2.subtitlesWhite, p.subtitlesWhite, #content p.subtitlesWhite, .subtitlesWhite strong 	{ color: #f6f6f6}
.white, a.white, p.white, span.white, p span.white, *.white strong 	{ color: #f6f6f6}

#paraGrid.parallax li .textWrap{ padding: 50px 0}
#paraGrid.parallax li .textWrap h2{ color: #192142}
.about-trium-cyber #paraGrid.parallax li .textWrap{ padding: 50px 0; } 
.about-trium-cyber #paraGrid.parallax li .textWrap h2{ padding: 0px 0 0  0; border: 0px solid red} 
.about-trium-cyber  #paraGrid.parallax li#item21 .textWrap{  padding-bottom: 0px; }
.about-trium-cyber  #paraGrid.parallax li#item25 .textWrap{  padding-top: 25px; } 

.risk-mitigation-services #paraGrid.parallax li#item62 .textWrap{  padding-bottom:0px; } 
.risk-mitigation-services #paraGrid.parallax li#item63 .textWrap{  padding-top: 25px; } 
.risk-mitigation-services #paraGrid.parallax li#item64 .textWrap{  padding-bottom:  10px; }  
.risk-mitigation-services #paraGrid.parallax li#item65 .textWrap{  padding-top:  10px; } 

 
.risk-mitigation-services #paraGrid.parallax li#item63 .copyWrap{ margin: 0; padding: 0}
#riskMitigationGridTramPillars, div#riskMitigationGridTramPillars{display:flex;flex-direction:row;flex-wrap:wrap; justify-content:center; margin: 0 ;padding: 0;}
#riskMitigationGridTramPillars p ,
#paraGrid.parallax #riskMitigationGridTramPillars   p{
	margin:  0px auto 0 auto ; line-height: 22px;
	padding: 20px 25px 24px 25px;
	background-color: #e9c864;color: #192142;
	border-radius: 6px; 
}  
#riskMitigationGridTramPillars  li {   padding:  0px  5px; width: 50%;  }  

#riskMitigationGridTramPillars p strong ,   #paraGrid li .textWrap  #riskMitigationGridTramPillars p strong {
  font-size: 19.6px;  margin-bottom: 4px;
  font-weight: 600;  
}

.our-backers #paraGrid.parallax li:first-child .copyWrap{ padding:   0px 0 50px 0;border: 0px solid red}

@media only screen and (min-width: 680px), (orientation: landscape) {
#paraGrid ul li {width: 100%;}
}


/* all */
/*.videoOpacityMask{ display: none; opacity: 0;  } coded out */
#bannerWrap li h5 , #bannerWrap li a {display: block;  border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 16px   10px ;z-index: 1111111;position: relative;color: #fff}
#bannerWrap li h5 span, #bannerWrap li a span { margin: 0 auto;text-align: center; }
.bannerTextWrap{ }
.bannerTextWrap, #bannerWrap li div.bannerTextWrap{opacity: 1}
#bannerWrap li .readMore{text-align: center; margin:16px auto 0 auto}
#bannerWrap li .readMore strong {  padding: 8px  30px;   border: 1px solid #fff; border-radius: 99px;; font-size: 0.76em;font-weight: 500; line-height: 1em; transition:all 0.4s; font-family:  var(--bannerFont);}
#bannerWrap li .readMore strong:hover{ background: #fff;color:#192142 }
#bannerWrap li .readMore strong::before {  content: '';display: none;}
#newsIncludeWrap{ padding: 0px 0  5px 0 ; background: #2F5495; margin: 0 auto; clear: both}
#newsIncludeWrap  #newsAndViews{   background: #E9C864; width: 100%; }
#newsIncludeWrap #newsAndViews h5  {   margin: 0 auto; display: block;font-size: 22px; font-weight: 500; color: #002030; line-height: 44px}
.news  p.contentDate  , .news  p.subheading , .news    .readMoreWrap{ display: none}
#newsIncludeWrap .imgWrap{border-radius: 6px;}  
#newsIncludeWrap li{  position: relative; padding: 0 ; border: 1px solid #eee; border-radius:6px;}
#newsIncludeWrap li .textWrap {  display: block;  position: absolute; width: 100%;  left: 0; bottom:  0px;padding: 0; } 
#newsIncludeWrap li .textWrap::before{content:' ';    border-radius:0 0 6px 6px ; position: absolute; width: 100%; height: 50px; left: 0; bottom:  0px;background: #111; z-index: -1;opacity: 0.5;}
#newsIncludeWrap .textWrapInner {margin: 0; padding: 4px; height:50px; line-height: 0.8em; display: flex;flex-direction:column;justify-content:center;align-items:center;}  
#newsIncludeWrap .headline{ color: #fff;  font-size: 12px; line-height: 14px; display: block;z-index: 111; padding: 5px 10px;  }
.news #contentWrapper li { position: relative; padding: 0 ; border-right:15px solid #E1E9ED;   margin-bottom: 16px;  }
.news .grid li .imgWrap {border-radius: 6px 6px;border: 2px solid #fff  }
.news .grid li .textWrap{}
.news #contentWrapper li .textWrap {  display: block;  position: absolute; width: 100%;  left: 0; bottom:  0px;padding: 0; } 
.news #contentWrapper  li .textWrap::before{
	content: ' ';
	position: absolute;
	width: calc(100% - 4px);
	height: 50px;
	left: 2px;
	bottom: 2px;
	z-index: -1;
	opacity: 0.8;
	background-color: #1C243F;border-radius: 0 0  6px 6px ;
}
.news #contentWrapper  .textWrapInner {margin: 0; padding: 4px; height:50px; line-height: 0.8em; display: flex;flex-direction:column;justify-content:center;align-items:center;}  
.news #contentWrapper  .headline{ color: #fff;  font-size: 12px; line-height: 14px; display: block;z-index: 111; padding: 5px 10px;  }
.grid li .imgWrap{ border-radius: 6px;border: 1px solid #fff;}
.contact-us #wrapper { background: url("../siteImages/teamsBg.jpg?v=3"); background-size: cover;background-attachment: fixed}
.content_6 #wrapper, .content_7 #wrapper { background: url("../siteImages/teamsBg.jpg?v=3"); background-size: cover;background-attachment: fixed} 
.content_6 .contentOutput, .content_7 .contentOutput{ margin-bottom: 0px ; padding-top:  0px}
.content_6 .contentOutput li, .content_7 .contentOutput li{ border-top: 5px solid #E9C864;padding:  20px;position: relative;margin: 0 auto 20px auto}
.content_6 .contentOutput li::after, .content_7 .contentOutput li::after {content: ' '; width: 100%; height: 100%; background: #192142; opacity: 0.7;position: absolute; left: 0; top: 0;transition: opacity 0.3s;z-index: -1}
.content_6 .contentOutput li:hover::after, .content_7 .contentOutput li:hover::after {opacity:0.9}
.content_6 .contentOutput * , .content_7 .contentOutput *  { color: #fff}
.content_6 .contentOutput .readMoreLink a , .content_7 .contentOutput  .readMoreLink a   { color: #E9C864;font-weight: 500}
#paraGrid.parallax .moreLink, #paraGrid.parallax a.moreLink{}
#paraGrid.parallax .textWrap a.moreLink, #paraGrid.parallax .textWrap a.moreLink:hover{color: #fff; border:0px solid #222;border-radius: 99px;background: #192142;}
#paraGrid.parallax .textWrap a.moreLink:hover, #paraGrid.parallax .textWrap a.paraGridLink:hover{background-color: #BF0011; text-decoration: none;color: #fff;}
#paraGrid.parallax .copyWrap p a {  color: #BF0011;font-weight: 600;}
#paraGrid.parallax li#item53 .moreLink{ display: none} /*international hide link */
#imageSliders li {   background-color: transparent; 		}
#imageSliders li a, #imageSliders li a{ border-radius: 6px; border: 2px solid #fff}
#call2ActionWrap{background: #E9C864;  width: 100%;border-top: 20px solid #1C243F; }
#call2ActionWrap p {margin: 0 auto; display: block;font-size: 17px; font-weight:700; color: #002030; text-transform: uppercase}  
#call2ActionWrap p  a{ text-decoration: underline; font-weight: 700  ;padding: 0  5px}
 
	/* @ index*/
#paraGrid.parallax .textWrap p#pelicanBackersGrid{  text-indent: -20000px; margin:   20px auto 0 auto;  padding: 20px 0 0 0 ; width: 100%;   height: 65px; background: url("../siteImages/Pelican.png?pelican"); background-position:  left bottom; background-size: auto 60px; background-repeat: no-repeat;  }

#paraGrid.parallax .textWrap p#lloydsBackersGrid{  text-indent: -20000px; margin:   20px auto 0 auto;  padding: 10px 0 0 0 ; width: 100%;   height: 95px; background: url("../siteImages/lloyds_underwriters.jpg"); background-position:  left bottom; background-size: auto 90px; background-repeat: no-repeat;  }

#paraGrid.parallax .textWrap p#consortiaLloydsGrid{  text-indent: -20000px; margin:   20px auto 0 auto;  padding: 10px 0 0 0 ; width: 100%;   height: 85px; background: url("../siteImages/lloyds_underwriters.jpg"); background-position:  left bottom; background-size: auto 85px; background-repeat: no-repeat;  }


#paraGrid.parallax .textWrap p#consortiaHitrustGrid{  text-indent: -20000px; margin:   20px auto 0 auto;  padding: 20px 0 0 0 ; width: 100%;   height: 55px; background: url("../siteImages/HITRUST_logo.png?1"); background-position:  left bottom; background-size: auto 55px; background-repeat: no-repeat;  }
 
/*.our-products h1{ margin-top: 20px;}	
.our-products h2{ margin-top: 40px;}	
#productsPullOut1{ margin: 20px auto 20px auto;   border: 2px solid #E9C864; padding: 16px 30px; background: #fff; border-radius: 6px;}	*/
	 
/*TRIUM brand BLUE lt 203362  BLUE DK 192142    GOLD E9C864  red BF0011*/ 
#claimsGrid, div#claimsGrid{display:flex;flex-direction:row;flex-wrap:wrap; justify-content:center;}
#claimsGrid div {
	margin: 10px auto 0 auto ; 
	padding: 20px 25px;
	background-color: #A0000E;
	border-radius: 6px;
}
@media only screen and (min-width: 1120px)   {  #claimsGrid div  { margin-right: 1.2%; width: 32%;}}
@media only screen and (max-width: 1120px)   {  #claimsGrid div  { margin: 6px auto; width: 100%; }}
#claimsGrid div p{margin: 0; padding: 2px 0; }
#claimsGrid div p, #claimsGrid div p a, #claimsGrid div p a:hover{color: #fff ; font-size: 16.4px;font-weight: 400; text-decoration: none}
#claimsGrid div p a, #claimsGrid div p a:hover{ border-bottom: 1px dotted #f9f9f9}
#claimsGrid div p a:hover{ border-bottom: 1px solid #fff}
 #claimsGrid div p strong{
	font-size: 19.6px;
	display: block;
	margin-bottom: 4px;
	border-bottom: 0px solid #fff;
	font-weight: 600;
	color: #fff; opacity: 0.65
}
 
.claims-support   #paraGrid  li .textWrap h2 { color: #BF0011; margin: 16px auto 0 auto; padding: 0; 	font-weight: 700; font-size: 21.6px; } 
.claims-support   #paraGrid  li .textWrap h3 {
	color: #203362;
	margin: 4px auto 10px auto;
	padding: 0;
	font-weight: 700; font-size: 15.6px;
} 
#contactFormWrapper{padding-bottom: 30px}
#contactForm { border: 2px solid #E9C864; padding:30px 25px 15px 25px;border-radius: 7px; position: relative; }
#contactForm::after{content: ' ' ; width: 100%; height: 100%;border-radius:5px; position: absolute; z-index: -1; background: #e1e1e1; left: 0; top: 0;opacity: 0.2; transition: all 0.8s}
#contactForm:hover::after{opacity: 0.35;background: #e1e1e1; transition: all 0.5s}
.contact-us #content p {   font-weight:400; text-shadow: 1px 1px 1px #222}
#contactForm #sendContactForm, #contactForm input#sendContactForm{ background: #192142; height: 50px;}
#contactForm input[type=text],input[type=email],input[type=tel],input[type=password],input[type=submit],input[type=submit],textarea,select{ border-radius: 4px; border: none}


#footerSocial li a span{ border: 1px solid #E9C864; padding:16px; border-radius:  5px;transition:  all 0.3s}
#footerSocial li a span:hover{background-color:#E9C864 ;border-color: #E9C864 }


#footerSocial.whiteFooterSocial .linkedInIcon span { background-image:url(../images/social/linkedin.png) } 
/*#footerSocial.whiteFooterSocial .linkedIn2Icon span { background-image:url(../images/social/linkedin.png) } */

#footerSocial li {  width: 75px;}
#footerSocial li a span{  margin: 0 auto  }
#footerSocial li a em { display: none}
.site-content #breadcrumb li *{ color: #f9f9f9}
/*eo all */


@media only screen and (min-width: 1120px)   {
.headerFixed #logo {   height: 32px;  top: 6px; }
#header  {border-top: 12px solid #E9C864; }

.noBanners #contentWrapper {  padding-top: 100px;}
.hasBanners.bannersBelowHeader #contentWrapper {  margin-top: 100px;}
/*#headerFillColour , .headerFixed #navMain { background: url(../siteImages/header_fill_screen.png?22); background-repeat: no-repeat; background-position: 0 0; background-size: cover}*/
.hasBanners.bannersBelowHeader #bannerWrap {  top: 100px;  opacity: 1;}
#bannerWrap li h5  ,   #bannerWrap li a {  line-height: 36px; margin: 0; display: block; width: fit-content; max-width:max-content}
#navMain { top: 25px; transition: all 0.3s}
#navMain li a{position: relative}
#navMain li a::after{ content:'|';  font-weight: 200;  position: absolute; right: 0px; top:15px;opacity: 0.6; border-left: 1px solid #fff; width: 1px ; text-indent: -1000000px; height: 15px; font-size: 1px}
#navMain ul li.mainCategoryOpen a , #navMain ul li.mainCategoryOpen:hover a , #navMain ul li ul.subNav{background: #E9C864;}
#navMain ul li.mainCategoryOpen:hover a{ color: #333}
#naMain ul li.mainCategoryOpen ul li a, #navMain ul li.mainCategoryOpen:hover ul li a { color: #333}
#navMain ul li#nav_claims-support {margin-left: 35px;}
#navMain ul li#nav_claims-support a { border: 0px; border-radius: 100px; background:#E9C864; color: #333;height: 38px;line-height :38px;margin-top: 2px;font-weight: 600; letter-spacing: 0.6px}
#navMain ul li#nav_contact  a::after, 	 #navMain ul li#nav_claims-support  a::after{content: ''; display: none; border: 0px; }
#navMain ul li ul li  a::after{content: ''; display: none}

.headerFixed #navMain ul li#nav_claims-support a { height: 30px; line-height: 30px;margin-top: 7px;transition: all 0.2s}


.imagesWrap_M1 , .content-details #imagesWrap.imagesWrap_M1 {   margin: 6px 30px 5px 0;}

#paraGrid.parallax li .imgWrap{ border-top: 15px solid #1C243F;border-bottom: 15px solid #1C243F} 
#paraGrid.parallax li#item42 .textWrap  {  padding-bottom: 0px;} /* manual padding on cyber US   */ 
#paraGrid.parallax li#item52 .textWrap   {  padding-bottom: 0px;} /* manual padding on cyber INTL */ 
#paraGrid.parallax li#item62 .textWrap   {  } /* manual padding on  risk mit  */ 
#paraGrid.parallax li#item13 .textWrap   {  padding-bottom: 0px;} /* manual padding on   backers  */ 

#paraGrid .textWrap ul{ margin: 0 auto 10px auto}
#paraGrid .textWrap ul li { display: list-item; width: 100%;list-style: disc; list-style-position: inside; margin-left: 0px; padding-left: 0 }

.claims-support    #paraGrid  { padding:40px 0px  40px 0px;-webkit-box-shadow: 0px 0px 0px;  box-shadow: 0px 0px 0px ;	}
.claims-support   #paraGrid ul{  width: 1150px}
.claims-support   #paraGrid  li {   padding:  0px  5px; width: 50%;  } 
.claims-support #paraGrid li:last-child { width: 100%; }
.claims-support #paraGrid li:last-child .copyWrap {border: 1px solid  #ccc; padding: 12px 20px; border-radius: 6px; margin: 30px auto 0 auto}  
.claims-support #paraGrid .textWrap *{ text-align: left;  }
.claims-support #paraGrid .textWrap p{padding: 0 0 4px 0}
.claims-support #paraGrid   p{ padding:   15px 0  }
.claims-support #paraGrid li:last-child *{font-style: italic}
.claims-support #paraGrid.threeIconRounded ul.cover .imgWrap span.bgImg {  background-position:  0% 50%;margin: 0}

#paraGrid.parallax li .textWrap li{  display: list-item; list-style-position: outside; margin-left: 15px;  }

#paraGrid.parallax #riskMitigationGridTramPillars   p{width: 32.33%; margin: 0 0.5%}

#newsIncludeWrap #newsAndViews h5  { width: 1120px; margin: 0 auto}
#newsIncludeWrap ul{ margin: 12px auto  5px auto;width: 1122px;max-width: 1122px; }
#newsIncludeWrap li{  margin: 0 1% 0 0; width: 24%;}
#call2ActionWrap p{width: 1120px; margin: 0 auto; padding: 25px 0}

.contact-us #contactFormWrapper{  min-height: calc(100vh - 420px)}

#footer {    min-height: 100px;  }
#footer hr {   height: 2px;}
#navSub{ float: none}
#navSub li{width: 200px;  }
#navSub li a{text-align: left; padding: 2px 0}
#subFooter p *{font-size: 11.4px;  }
#subFooter p strong{ opacity: 0.6}
#subFooter p a{margin: 0 15px 0 0;opacity: 0.4;}
#footerCopyRight{ position: absolute; right:  0px; line-height:  normal; bottom: 10px;}
} /*eo  scr */


 /*mb */
@media only screen and (max-width: 1120px) {
#logo{ left: 0px; margin-right: 0 ; margin-left:   15px;}
#logo span{ margin-right: 0 ; margin-left:   0px; transition:  all 0.4s;  }
 #bannerWrap li h5  ,   #bannerWrap li a { line-height: 30px; margin: 0; display: block; width: fit-content; max-width:95vw}
	#bannerWrap li  br ,   #bannerWrap li  br{ display: none}
#paraGrid ul{position:relative;display:flex;flex-basis:row;flex-wrap: wrap;margin:0 auto 0px auto;padding:0 1px;} 

.claims-support #paraGrid    { margin:  0px auto 0 auto; padding-top: 50px;}
.claims-support #paraGrid .textWrap *{ text-align: left; }
.claims-support #paraGrid ul .imgWrap{ height:  80px ;width:  80px; }
.claims-support #paraGrid ul .imgWrap span.bgImg { margin : 0 0 0 35px;  height:  100% ;width:  100%; background-position: 0 50%}
.claims-support #paraGrid li:last-child { width: 100%; }
.claims-support #paraGrid li:last-child .copyWrap {border: 1px solid  #ccc; padding: 12px 20px; border-radius: 6px;}   

#paraGrid.mobTextBelow li #riskMitigationGridTramPillars,  .textWrap div{ margin: 0; padding: 0}
#riskMitigationGridTramPillars, div#riskMitigationGridTramPillars{display:block;margin: 0 auto;padding: 2px 30px; width: 100%;  }
#paraGrid li#item63 .textWrap div{ opacity:1}
#riskMitigationGridTramPillars p, #paraGrid.parallax #riskMitigationGridTramPillars p{  margin: 6px auto; padding:  20px  35px; width: 100%;  height: auto}  


#newsIncludeWrap #newsAndViews h5  { padding-left: 14px;}
#call2ActionWrap p {padding: 24px 15px }
#call2ActionWrap p a{display: block; padding: 0}
#footerCopyRight{ text-align: center; margin: 10px  auto;}
#subFooter p *{font-size: 12px;  }
#subFooter p strong{ opacity: 0.8}
#subFooter p a{margin: 0 15px 0 0;opacity: 0.6;}
} /* eo mb */


.contact-us #content p{ color: #fff}