﻿
.expander-popup-inner .close	{display: none !important;}

.slick-track
{
    display: flex !important;
}

.slick-slide
{
    height: inherit !important;
}

.mobile-only	{display:none !important}
	

/* MOBILE STYLES */


@media (max-width: 1261px) 
{
	
	
	.hero-container-image	{background-size: 96.5vw;}
	.hero-container .table-cell	{padding:90px 0;}

	
	.hero-container.content-page-hero-container .hero-container-image	{background-size: 282vw;}
	.hero-container.content-page-hero-container	{height:auto;}
    .hero-container.content-page-hero-container .table-cell	{padding:90px 0 110px;}


	/* NAV POPUP */
	.inner-nav-toggle	{left:auto; margin-left: 0; width:100%;}
	.nav-popup .inner	{padding-top:25px;}
}

@media (max-width: 1245px) 
{
	.hide-early .inner:after		{display: none}
	
	
	.content-page-hero-container .icon-circle		{width: 100px; height: 100px; margin-left: 12px;}
	.content-page-hero-container .icon-circle img	{max-width: 50px; max-height: 50px;}
	
}

@media (max-width: 1200px) 
{
	.carousel-nav .slick-arrow.slick-prev,
	.carousel-arrows .slick-arrow.slick-prev	{left:-60px;}
	
	.carousel-nav .slick-arrow.slick-next,
	.carousel-arrows .slick-arrow.slick-next	{right:-60px;}

}



@media (max-width: 1160px) 
{
	/* SEARCH */
	nav.icon-nav li.search-nav-item.active .search-box	{width:175px;}
	nav.icon-nav li.search-nav-item	{margin-left:10px;}
	
	/* HEADER NAV */
	nav ul li		{padding:0 10px;}
	
	/* HEADER ICON NAV */
	.icon-nav ul	{margin-left:0}
	.icon-nav ul li	{margin-right:0}
	
	.left-aligned	{text-align:center}
	
	/* MAP */
	.country-table-container	{padding-left:25px;}
	.country-container span p	{font-size:14px;}
	
	/* FOUR PILLARS */
	.four-pillars .col-4	{width:25%;}
	
	
}

@media (max-width: 1130px) 
{
	/* WELCOME */
	.welcome-text-col-left h1	{font-size: 5vw;}
	.welcome-text-col-left h2	{font-size: 4vw;}
	.welcome-text-col-left:after	{display: none}
	
	.hero-container .inner a.scroll-more span	{display: none}

	
}

@media (max-width: 1024px) 
{
	/* NAV POPUP */
	.nav-popup		{padding-left:20px; padding-right: 20px;}
	.nav-popup h3	{font-size:20px;}
	
	/* LISTING PANEL STYLES */
	.col.span-2	{width:50%;}
	
	/* MAP */
	.country-container span 	{width:33.333%;}
	
	/*.buttons-np	{bottom: 6px}*/

	/* FOUR PILLARS */
	.four-pillars-right	{width:600px;}

}

@media (max-width: 1010px) 
{
	.carousel-container	{padding-bottom: 10px;}
	.carousel-nav .slick-arrow.slick-prev,
	.carousel-arrows .slick-arrow.slick-prev	{left:-41px; width: 31px; height: 16px;}
	.carousel-nav .slick-arrow.slick-next,
	.carousel-arrows .slick-arrow.slick-next	{right:-41px; width: 31px; height: 16px;}
	.explore-carousel-section .inner			{padding-left: 0; padding-right: 0; width:calc(100% - 140px);}
}
	
@media (max-width: 960px) 
{
	.col-4			{width:50%}
	
	/* NAV POPUP */
	.nav-popup .col-container	{flex-direction: column;}
	.nav-popup ul	{font-size:14px;}
	
	.col.nav-1,
	.col.nav-2,
	.col.nav-3		{border-right:none; border-bottom: 1px solid #4D5357;}
	
	.nav-popup .col		{width:100%; height: auto !important; padding-left: 0; padding-right: 0;}
	.nav-popup h3		{padding-bottom: 0; padding-top: 10px;}
	.nav-popup ul li	{margin-bottom: 8px;}
	.nav-popup ul li a	{margin-bottom: 0}
	
	/* HEADER */
	nav				{display:none}
	nav.icon-nav	{display:block}

	/* FOOTER */
	footer	{text-align:center;}
	footer ul.social-list	{float:none; margin: auto; margin-bottom: 15px;}
	ul.footer-list			{float:none; width: 100%;}
	p.sign-off				{margin-top:30px; text-align: center;}
	
	/* OUR PUBLICATIONS */
	.tile-section-publications .col-container a 	{flex:50%;}
	
	.expander-panels .col-4				{width:50%; max-width: 100%;}
	
	/* QUOTE STATS */
	.quote-stats .col-container		{display: block;}
	.quote-stats .col-2				{width:auto;}
	.quote-stats .col-4				{width:50%;}
	.two-stats						{width:100%;}
	.quote-stats .testimonial p 	{width: 100%}
	.quote-stats .testimonial		{margin-bottom: 20px;}

	.four-pillars-alt.four-pillars .col-4	{width:50%;}
	
	/* FOUR PANELS HOME */
	.four-pillars-2022 .icon-circle							{margin-right: 0}
	.four-pillars-2022 .cols,
	#page1 .four-pillars-2022 .cols							{flex-wrap: wrap; padding-bottom: 80px}
	
	.four-pillars-2022 .four-pillar-cell,
	#page1 .four-pillars-2022 .four-pillar-cell				{width: 25%; padding: 15px; flex-direction: column; justify-content: center; align-items: center; text-align: center}
	
	.four-pillars-2022 .inner:before,
	#page1 .four-pillars-2022 .inner:before					{display: none}
	
	.four-pillar-cell:first-child .icon-circle:after,
	#page1 .four-pillar-cell:first-child .icon-circle:after	{display: none}
	
	.two-stats {align-items: flex-start;}	
	
	.expander-panels .col-4:nth-child(1),
	.expander-panels .col-4:nth-child(2)	{padding-bottom: 15px;}
	
}

@media (max-width: 900px) 
{
	
	/* LOGO AND TEST */
	.logo-text-container p	{font-size: 16px;}

	/* TAB BUTTONS */
	.tab-buttons .inner a 	{font-size: 18px;}

	
	
}

@media (max-width: 800px) 
{
	.header-right	{flex-shrink: 0}

	/* WELCOME LETTER */
	.hero-container				{height: auto;}
	.home-hero-container .inner	{flex-direction: column-reverse; align-items: flex-start}
	.home-hero-right			{width: auto; margin:20px 0}
	.welcome-letter				{padding: 30px 30px 20px;}
	.home-hero-left				{margin-top: 0}
	
	.home-hero-container		{position: relative}
	.home-hero-container:after	{position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; content: ''; display: block; z-index: 1; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);}
	
	/* LISTING PANELS */
	.listing-panel .hover-text,
	.listing-panel:after	{opacity: 1; visibility: visible;}
	
	/* FOUR PILLARS */
	.four-pillars-2022 .four-pillar-cell,
	#page1 .four-pillars-2022 .four-pillar-cell		{width:50%;}
	
	/* THREE COL */
	.col-3	{width:50%;}
	
	
	

}

@media (max-width: 768px)
	
{	
	.regions-accordion	{display:block}
	.country-container	{display:none;}
	
	.accordion-text h3	{font-size:22px; border-bottom:1px solid #4D5357; margin-bottom: 15px; padding-bottom: 5px;}
	.accordion-text		{text-align:left}
	.accordion-text	 p	{font-size:18px;}
	.accordion-text	 p strong	{display:block}
	
	.map	{padding-bottom:60px;}
	
	.welcome-cols	{flex-direction: column; padding: 40px 0px;}
	.welcome-text-col-left	{width:100%; padding: 30px;}
	.welcome-text-col-right	{width:100%; padding: 30px;}
	.welcome-text-col-left h1	{font-size: 35px;}
	.welcome-text-col-left h2	{font-size: 35px;}
	
	.close-btn-new	{background-image: url("/_assets/icon-close-grey.png"); background-size: cover; width:38px; height: 38px;}
	.close-btn-new img	{display: none}
	
	/* TWO COL INTRO */
	.two-col-intro .inner .col-container	{flex-direction: column}
	.two-col-intro .inner .col-3.span-2,
	.two-col-intro .inner .col-3			{width:100%}
	
	.map							{background-color:#F0F0F0; padding: 0}
	.accordion-button a				{position: relative;}
	.accordion-item.active a span	{color:#2E3938;}

	
	
}

@media (max-width: 700px)
	
{
	section	{padding:30px 0}
	
	ul.footer-list li		{margin-bottom:10px;}
	
	/* SECTION TWO COL */
	.two-col	{padding-bottom:0;}
	
	/* TEXT STAT INTRO */
	.two-col .col-left		{width:100%; padding-right: 10px;}
	.two-col .col-right		{width:100%; border: none; padding: 0 10px;}
	.image-section .col-right a.icon-text-btn	{font-size:18px;}
	.image-section .col-right a.icon-text-btn img	{width:30px; height: auto; margin-right: 10px;}
	
	.two-col .col-right .stat:first-child	{border-top: 1px solid #4D5357; padding-top: 20px;}
	
	/* IMAGE PULLOUT SECTION */
	.image-section .col-left		{width:100%;}
	.image-section .col-left img	{width:300px;}
	.image-section .col-right		{width:100%; padding-left: 10px; text-align: center}
	.image-section .col-right p		{font-size:18px;}
	
	/* LOGO AND TEST */
	.logo-text-container p			{font-size: 14px;}
	.logo-text-container .logo		{width:30%;}
	.logo-text-container .logo-text	{width:70%;}
	
	.content-container-right		{width:100%; height: 100%;}
	.content-container-left			{position: relative; z-index: 5; width:100%; background-color:#F0F0F0; height: 100%; box-shadow: 0 0 6px rgb(0 0 0 / 40%);}
	.expander-popup-inner .close	{top:30px;}
	.expander-popup-inner			{padding: 0}
	
	/*.buttons-np	{bottom: 6px}*/

	/* FOUR PILLARS */
	.four-pillars-2022 {padding-top: 60px;}

	/* CONTENT HERO CONTAINER */
	.hero-container.content-page-hero-container .header-text	{margin: auto;}
	.hero-container.content-page-hero-container:before			{height: 100%;}


	
}

@media (max-width: 680px)
	
{	.content-page-hero-container .icon-circle	{width: 80px; height: 80px; margin: 0 15px 0 22px}
	.buttons-np span.icon 						{display: none}
	.buttons-np .next-btn						{margin-left: 15px}
	a.icon-text-btn img							{margin-right: 6px; width: 17px;}
	.buttons-np .next-btn img					{margin-left: 6px !important;}
	.buttons-np									{margin: 0; width: 100%; padding: 0 10px 0 85px; justify-content: flex-end}
	.icon-text-btn.previous-btn,
	.icon-text-btn.next-btn						{width: 50%}
	.icon-text-btn.previous-btn					{margin-right: 0}	
	.icon-text-btn.next-btn span,
	.icon-text-btn.previous-btn span			{width:calc(100% - 29px); font-size: 13px;}
	
	.hero-container.content-page-hero-container .header-text h1	{padding-right: 20px; font-size: 30px;}
	
	/*
	.icon-text-btn.next-btn		{background-color: red}
	.icon-text-btn.previous-btn	{background-color: blue}
	*/
	
	.tab-buttons			{padding-top: 30px;}
	.tab-buttons .inner a	{padding: 15px; font-size: 16px;}
	.di-pb-top-line			{display: none}
}

@media (max-width: 600px),(max-width:500px) 
{
	.desktop-only	{display:none !important}
	.mobile-only	{display:block !important}
	
	.logo-container		{margin-right: 20px}
	.logo				{flex-shrink: 0}
	
 	/* NAV */
	.nav-popup .close	{right:20px;}
	.download-btn-2		{right:80px;}
	
	.col.nav-1,
	.col.nav-2,
	.col.nav-3			{width:100%;}
	
	/* HERO CONTAINER */
	.shape							{width:100%;}
	.hero-container					{height:auto;}
	.hero-container h1				{}
	.hero-container h1 span			{font-size:56px; margin-bottom: 0;}
	.hero-container h2				{/*font-size:38px;*/ line-height: 1.1em;}
	/*.hero-container .header-text	{width: 100%; margin-top: 0; padding-left: 0;}*/
	.hero-container:after			{display: none}
	.hero-container-image			{background-position: top right; background-size: 100vw;}	
	/*.hero-container .table-cell						{vertical-align: top; padding-top:45px;}*/
	.listing-panel-2020 .listing-panel-text	{padding-bottom: 15px;}
	.hero-container .inner a.scroll-more	{/*display: none !important*/}
	
	
    .page-four .hero-container.content-page-hero-container,
    .page-five .hero-container.content-page-hero-container,
    .page-six .hero-container.content-page-hero-container,
    .hero-container.content-page-hero-container {height:auto; min-height: unset;}
    
	.hero-container.content-page-hero-container .hero-container-image	{background-size: contain; background-position: top right;}

    /*.hero-container .table {margin-top: 100%; padding-bottom: 30px; border-bottom: 1px solid #31072B;}*/

    /*.hero-container.content-page-hero-container .header-text {margin-left: 5px;}*/
    
    .content-page-hero-container .header-text img {width: 45px; margin-bottom: 5px;}
    .content-page-hero-container .header-text h1 br {display: none;}
    
    .hero-container.content-page-hero-container .header-text h1 {font-size: 35px;}
    .hero-container.content-page-hero-container .header-text p 	{line-height: 1.3em; width: 100%;}
    
    
    
	/* LISTING PANEL STYLES */
	.col.span-2	{max-width:330px; width: 100%}
	
	/*.tile-section .col.span-1	{width:100%; max-width: 375px;}*/

	/* TWO COL TEXT */
	.two-col-text-section .cols.span-2			{flex-direction: column;}
	.two-col-text-section .cols.span-2 .col 	{width: 100%;}
	.two-col-text-section .cols.span-2 .col:first-child	{margin-bottom:30px;}

	/* FOUR PILLARS */
	.four-pillars .col-4	{width:100%; margin: 0px;}
	.four-pillars h3		{margin-bottom:0.5em;}
	
	.four-pillars-alt.four-pillars .col-4		{padding-left: 20px; padding-right: 20px;}
	.four-pillars-alt.four-pillars .col-4 h3	{margin-bottom: 0.1em;}


	.expander-popup-inner			{position: relative;}
	.expander-popup-inner:after		{background-color:rgba(0,0,0,0.5); content: ''; position:absolute; left: 0; top:0; width:100%; height: 100%; z-index: 0}
	.expander-popup-inner .close	{z-index: 9}
	.expander-popup-inner .content	{position:relative; z-index: 8}
	
	/* ICON COLS */
	.icon-cols		{display: flex; flex-direction: column; justify-content: center; align-items: center}
	.icon-cols .col	{margin: 0; width:100%; margin-bottom: 15px;}
	.icon-cols .col:last-child	{margin-bottom: 0}
	
	/* OTHER ARTICLES */
	.carousel-container	{padding-bottom: 10px;}
	.line-heading		{margin-bottom: 20px;}
	.listing-panel-2020 .listing-panel-text p	{padding-bottom: 0}
	
	
	/* LOGO TEXT CONTAINER */
	.logo-row				{flex-direction: column; padding: 0; border:none !important;}
	.logo-text-container	{width:100%; border-top: 1px solid #31072B; padding: 20px 0}
	.logo-row:last-child .logo-text-container	{border-bottom: 1px solid #31072B;}
	.logo-text				{padding-right: 0}
	
	/* THREE COL */
	.col-3	{width:100%;}
	
	/* TAB BUTTONS */
	.tab-buttons .inner a 	{font-size: 16px; padding-left: 15px; padding-right: 15px}

	.tile-section-publications .col-container a {flex: none; width: 100%}

	.home-hero-container:after	{position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; content: ''; display: block; z-index: 1; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);}

		
}

@media (max-width: 530px) 
{
	.tab-outer				{flex-direction: column; justify-content: center; align-items: center; width: calc(50% - 5px);}
	.tab-buttons .inner a	{width: 100%;}
	.tab-outer img			{width: 80px; margin-bottom: 15px; margin-right: 0}
	
	.intro-text-section p	{font-size: 16px;}
	.intro-text-section.with-line .inner	{padding-left: 90px;}
	.stat-icons.with-line .panel			{padding-left: 70px;}
	
	#page10 .with-line .col-container	{width: 100%; margin: 0}
	#page10 .with-line .inner			{padding-left: 90px;}
	#page10 .col-3.span-2				{margin-bottom: 50px;}
}


@media (max-width: 500px) 
{
	.stat-icons	 .col-2	{width: 100%;}
	.buttons-np span.icon 	{display: none}
	
	.logo-container h1			{font-size: 22px}
	.icon-nav li.nav-download	{margin-right: 10px; padding-left: 0}
	
	
	
}

@media (max-width: 460px) 
{
	
	.hero-container.content-page-hero-container	{height:auto; margin-top: 100px;}

	/* FOUR PILLARS */
	.four-pillar-cell	{width:100%;}

	/* TWO STATS */
	.two-stats .bracket-lockup-middle	{flex-direction: column;}
	
	.tab-buttons .inner a	{font-size: 14px;}
	

}

@media (max-width: 470px) 
{
	.logo	{width:50px; margin-right: 10px;}
	.logo-container h1	{font-size:20px}
	.hammo span,
	.header-right nav ul li a	{font-size:14px;}
	.icon-nav li.nav-download img	{height:22px;}

	.hero-container	{margin-top: 100px}
	
}

@media (max-width: 450px) 
{
	.col-4			{width:100%}
	
	
	/* HEADER */
	
	/* OUR PUBLICATIONS */
	.tile-section-publications .col-container a {flex: 100%;}
	
	/* HERO CONTAINER */
	.hero-container h1				{font-size:10vw}
	.hero-container h2				{font-size:8vw; line-height: 1.1em;}
	
	.expander-panels .col-container .col-4	{width:100%; padding-bottom: 15px;}
	.expander-panels .col-container .col-4:nth-child(4)	{padding-bottom: 0 !important}
	
	.quote-stats .col-4	{width:100%;}
	
	.stat h3	{font-size: 40px;}
	.stat		{padding-left: 8px; padding-right: 8px;}
	.stat p		{font-size: 18px;}
	
	/* LOGO AND TEST */
	.logo-text-container .logo		{width:20%;}
	.logo-text-container .logo-text	{width:80%; padding-left: 20px;}
	.pullout-stat h2				{font-size: 60px;}
	
}

@media (max-width: 414px) 
{
	
	.header-right nav.icon-nav li	{padding: 0; margin-left: 10px;}
	.logo-container					{width:200px;}
	.logo-container h1				{font-size: 16px;}
	.icon-nav li.hammo a img		{transform: translateY(0) !important}
	.icon-nav li.nav-download		{margin-right: 10px}
	
	/* SEARCH */
	nav.icon-nav li.search-nav-item.active .search-box	{width:135px;}
	
	/* FOUR PILLARS ALT */
	.four-pillars-alt.four-pillars .col-4 h3	{font-size:60px;}
	.four-pillars-alt.four-pillars .col-4 h4	{font-size: 16px;}

	/* TAB BUTTONS */
	.tab-buttons .inner a 	{font-size: 14px;}
	
}

@media (max-width: 413px) 
{
	.four-pillars-2022 .four-pillar-cell,
	#page1 .four-pillars-2022 .four-pillar-cell		{width: 100%}
}

@media (max-width: 375px) 
{
	/* HERO CONTAINER */
	.hero-container h1 span			{font-size:12vw}
	.hero-container h1				{font-size:10vw}
	.hero-container h2				{font-size:8vw; line-height: 1.1em;}
	.hero-container .header-text	{width:100%;}
	.icon-nav li.nav-download		{margin-right: 0}
}

@media (max-width: 374px) 
{
	.icon-nav li.nav-download a	{font-size: 0}
	.icon-nav li.hammo span		{display: none}
	.icon-nav li.nav-download img	{margin-right: 0}
}

@media (max-width: 320px) 
{
    /* IPHONE 5 */
}