* {margin:0; padding:0; outline:none; border:none; box-sizing:border-box; -moz-box-sizing:border-box; background-repeat: no-repeat; text-rendering: optimizeLegibility;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}

/* GLOBAL */

html { }
body {line-height:1; font-family: 'Cabin', sans-serif; color:#424242}

h1	{font-family: 'Julius Sans One', sans-serif; font-weight: normal;}

h2 { font-family: 'Julius Sans One', sans-serif; color: #424242; font-size: 24px; line-height: 1.4em; margin-bottom: 1em; }

h3 { font-family: 'Julius Sans One', sans-serif; color: #424242; font-size: 22px; line-height: 1.4em; margin-bottom: 1em; }


.no-click {cursor: default;}


.basic-text-section ul,
.basic-text-section ol,
.text-right ul,
.text-right ol,
p { color: #424242; font-size: 18px; line-height: 1.4em; margin-bottom: 1em; }


.basic-text-section ul li,
.basic-text-section ol li,
.text-right ul li,
.text-right ol li { margin-left:15px; margin-bottom: 1em; }



::-webkit-input-placeholder { color: #bdbdbd; }
::-moz-placeholder              {color:#bdbdbd; opacity:1;}
:-ms-input-placeholder          {color:#bdbdbd;}
:-moz-placeholder               {color:#bdbdbd; opacity:1;}


img     {max-width:100%; height:auto;}
a       {color:inherit;}
a.cover {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0); display:block; z-index: 5}

.inner { width:1311px; padding: 0 27px; max-width:100%; margin:0 auto; }

.logo .fow			{width:293px; display: block; transition: 0.2s ease-out;}
.logo .strapline	{width:193px; margin-top: 10px; transition: 0.2s ease-out;}

/* HEADER */
header					{position: fixed; top:0; left: 0; width:100%; z-index: 20; background-color:#ffffff}
header .inner			{display: flex; justify-content: space-between; align-items: center;}
header ul				{display: flex; justify-content: flex-end; text-transform: uppercase; font-size: 13px; margin: 0; font-weight: 700}
header ul li			{height: 82px; display: inline-flex; align-items: center; margin-left: 30px; letter-spacing: 0.75px; transition: 0.2s ease-out;}
header ul li a			{display: flex; height: auto; align-items: center; text-decoration: none; border:none}
header ul li.active > a	{color:#E62612}

/* HEADER */
header.header-22.fixed .logo .strapline,
header.fixed .logo .strapline	{position: absolute; opacity: 0; visibility: hidden;}

header.header-22.fixed li,
header.fixed li					{height: 55px}		

/* HEADER DROPDOWN */	
.dropdown-container							{width:100%; position: absolute; left: -999999px; z-index: 20; background-color: #000000; padding: 67px 0}
.dropdown-container .inner					{align-items: stretch; justify-content: flex-start;}
.dropdown-container .col					{width: 30%;}
.dropdown-container .col ul					{display: block; align-items: flex-start; font-size: 16px; border-right: 1px solid #ff0000; height: 100%;}
.dropdown-container .col ul li				{display: flex; height: auto; margin-left: 0; font-weight: normal; margin-bottom: 20px; justify-content: space-between}
.dropdown-container .col ul li a			{color:#ffffff; display: flex; justify-content: space-between; width: 100%; padding: 0 30px 0 50px; position: relative;}
.dropdown-container .col ul li:last-child	{margin-bottom: 0}

.dropdown-container .col-first ul li a.no-click,
.dropdown-container .no-click {cursor: auto;}

.dropdown-container .col-first ul li a.heading,
.dropdown-container .heading {color: #E62612 !important; font-weight: 700 !important;}

.dropdown-container .col ul li a:after	{width:9px; height: 18px; background-image: url(/_assets/icon-chev.svg); background-size: 9px 18px; background-repeat: no-repeat; content: ''; margin-left: 60px; margin-right: 10px; opacity: 0; transition: 0.3s ease-out; transform: translateX(-3px); flex-shrink: 0;}

.dropdown-container .col ul li a:after	{transform: rotate(0deg);}
.dropdown-container .col ul li:hover:not(.no-click) a:after	{opacity: 1; transform: translateX(0)}

.dropdown-container .col:last-child	ul	{border:none}

.dropdown-container .col-first ul		{opacity: 1; visibility: visible}
.dropdown-container .col-first ul li a	{font-size: 18px; font-weight: 700; padding-left: 0}

.big-number,
.content-hero-container,
.home-hero-container			{padding-top: 82px;}

/* .close	{filter: brightness(0)} */

.close,
.dropdown-container .close		{width:25px; height: 25px; position: absolute; right:30px; top:27px; background-image: url(/_assets/icon-close.svg); display: block; cursor: pointer}

/* HEADER 2022 */
.header-22					{position: fixed;}
.header-22 li a				{height: 100%; position: relative;}
.header-22 li a:after		{position: absolute; left: 50%; bottom: 0; margin-left: -10px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #F2F2F2 transparent; display: none; content: '';}

.header-22 li:hover a:after	{display: block;}


.dropdown-outer				{position: absolute; left: -999999px; width: 100%; background: #F2F2F2; top:100%;}
.dropdown-outer ul			{width:1311px; padding: 0 27px; max-width:100%; display: flex; justify-content: flex-end; margin: auto; font-weight: normal}
.dropdown-outer ul li		{position: relative; height: 50px; width: auto;}
.dropdown-outer ul ul		{width:210px; max-width: unset; position: absolute; left: -999999px; display: flex; flex-direction: column; align-items: center; padding: 5px; font-size: 12px}
.dropdown-outer ul ul li	{margin: 0; text-align: center; width: 100%; display: block; height: auto !important}
.dropdown-outer ul ul li a	{text-align: center; display: block; padding: 10px}

.dropdown-outer ul li:hover ul	{left: 50%; transform: translateX(-50%); top:100%; background: #F2F2F2;}

.dropdown-outer ul li a:after	{display: none !important}

.dropdown-outer.active      {left: 0;}


.header-22 li:hover > .dropdown-outer	{left: 0; z-index: 2;}
nav ul li.active .dropdown-outer {left: 0; z-index: 1;}



/* FOOTER MENU */

footer ul				{display: flex; justify-content: flex-end; font-size: 14px; margin: 0; font-weight: 700}
footer ul li			{height: 82px; display: inline-flex; align-items: center; margin-left: 30px; letter-spacing: 0.25px; transition: 0.2s ease-out; border-right: 2px solid #424242; padding-right: 40px; height: 20px; }
footer ul li a			{display: flex; height: auto; align-items: center; text-decoration: none; border:none}

footer ul li:last-child	{border-right: 0; padding-right: 00px;}



/* HOME HERO CONTAINER */
.home-hero-container 				{height: 610px; display: flex; background-size: cover; background-position: center; background-repeat: no-repeat; color:#ffffff; position: relative;}
.home-hero-container .inner			{display: flex; flex-direction: column; height: 100%; justify-content: center; align-items: center; text-align: center; position: relative; z-index: 5}
.home-hero-container h1				{font-size: 54px; margin-bottom: 0.3em}
.home-hero-container p				{font-size: 21px; font-weight: 700; color:#ffffff}
.content-hero-container .arrow-down,
.home-hero-container .arrow-down	{width:26px; height: 13px; padding: 30px; background-repeat: no-repeat; background-image: url(/_assets/icon-arrow-down.svg); background-position: center; position: absolute; left: 50%; margin-left: -30px; bottom: 15px; z-index: 10; animation: bounce 2.5s; animation-iteration-count: 1}
.big-number							{position: absolute; left: 0; top:0; width:100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 1; font-size: 418px; font-family: 'Julius Sans One', sans-serif; opacity: 0.16}

@keyframes bounce {
	0%		{transform: translateY(0)}
	25%		{transform: translateY(10px)}
	50%		{transform: translateY(0)}
	75%		{transform: translateY(15px)}
	100%	{transform: translateY(0px)}
}

/* HERO VIDEO */
.hero-video			{position: absolute; left: 0; top:0; overflow: hidden; width: 100%; height: 100%;}
.hero-video	video	{position: absolute; left: 0; top:0; width: 100%; height: 100%; object-fit: cover; object-position: center;}

/* COLS */
.cols	{display: flex; width:calc(100% + 27px); margin-left: -13.5px;}
.col-1	{width:100%; padding: 13.5px;}
.col-2	{width:50%; padding: 13.5px;}
.col-3	{width:33.333%; padding: 13.5px;}
.col-4	{width:25%; padding: 13.5px;}

/* LISTING STYLES */
.listing-panels					{padding: 33px 0}
.listing-panel					{position: relative;}
.listing-panel-image-container	{width:100%; height: 215px; overflow: hidden; position: relative; margin-bottom: 28px;}
.listing-panel-image			{position: absolute; left: 0; top:0; width:100%; height: 100%; background-size: cover; background-position: center; transition: 0.3s ease-out}
.listing-panel-text h3			{font-size: 18px; margin-bottom: 0.5em; display: none;}
.listing-panel-text h4			{font-size: 24px; margin-bottom: 1em;}
.listing-panel:hover .listing-panel-image	{transform: scale(1.1)}
.hidden									{display: none}

.listing-panels.grey	{background-color:#F4F4F4}

/* TWO COL TEXT */
.text-two-col				{background-color: #F4F4F4; padding-top: 65px; padding-bottom: 65px;}
.text-two-col h2			{font-size: 24px; margin-bottom: 1em; display: flex; align-items: center;}
.text-two-col h2 img		{height: 65px; width: auto; margin-right: 15px;}
.text-two-col p.intro		{font-weight: 700}
.text-two-col .cols			{justify-content: space-between;}
.text-two-col .inner		{width:1190px;position:relative;}
.text-two-col .text-right	{width:641px;}
.text-two-col .text-left	{width:calc(100% - 710px);}
.text-two-col .text-left p	{color:#E62612; font-size: 26px;}

.text-two-col-white			{background-color: #ffffff}

.home-text-two-col			{margin-bottom: 60px;}

/* CONTENT PAGE */
.content-hero-container				{height:440px; background-size: cover; background-position: center; position: relative;}
.content-hero-container .inner		{display: flex; flex-direction: column; height: 100%; justify-content: center; align-items: center; text-align: center; position: relative; z-index: 5}
.content-hero-container h1			{font-size: 54px; margin-bottom: 0.3em; color:#ffffff}
.content-hero-container p			{font-size: 21px; font-weight: 400; color:#ffffff; text-transform: uppercase;}
.content-hero-container p strong	{font-weight: 700}
.content-hero-container a.arrow-down	{bottom: 10px}

.content-hero-container:after			{background: rgb(95,1,1); background: linear-gradient(0deg, rgba(95,1,1,1) 0%, rgba(95,1,1,0) 100%); position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 114px; opacity: 0.5}

.content-hero-options						{width:100%; position: absolute; bottom: 30px; display: flex; justify-content: space-between; padding-left: 27px; padding-right: 27px;}
.content-hero-options a						{font-size: 14px; color:#ffffff;}
.content-hero-options .btn-chevron			{display: inline-flex; align-items: center; transition: 0.3s ease-out; text-decoration: none}
.content-hero-options .btn-chevron p		{font-size: 14px; margin-bottom: 0}
.content-hero-options .btn-chevron span		{width:7px; height: 14px; background-image: url(/_assets/icon-chev.svg);; background-size: 7px 14px; background-repeat: no-repeat; content: ''; margin-left: 10px;}
.content-hero-options .btn-chevron p.mb		{display: none}

.content-hero-options .btn-chevron.previous			{}
.content-hero-options .btn-chevron.previous span	{margin-left: 0; margin-right: 10px; transform: rotate(180deg);}

.content-hero-options .btn-chevron:hover 			{transform: translateX(5px);}
.content-hero-options .btn-chevron.previous:hover 	{transform: translateX(-5px);}

.content-hero-options-22                    {width:calc(100% - 55px);padding:unset;top:0;}
.content-hero-options-22-container .inner   {width: 1311px;position: relative;height: 80px;margin:auto;}

/* ACCORDION */
.accordion-section										{padding-bottom: 10px;}
.accordion .accordion-item								{margin-bottom:6px;}
.accordion .accordion-item h3							{font-size:22px; font-weight: 700; text-transform: uppercase; color: #000000; background-color: #F4F4F4; position: relative; cursor: pointer; line-height: 1.4em; padding: 15px 65px 15px 30px;}
.accordion .accordion-item h3 span.plus 				{width:25px; height: 25px; position:absolute; right:25px; display: block; top:50%; margin-top: -12.5px;}
.accordion .accordion-item h3 span.plus:before			{width:2px; height: 100%; background-color: #E62612; position: absolute; left: 10px; top: 0; content: '';}
.accordion .accordion-item h3 span.plus:after			{width:2px; height: 100%; background-color: #E62612; position: absolute; left: 10px; top: 0; content: ''; transform: rotate(90deg);}
.accordion .accordion-item.active h3					{}
.accordion .accordion-item.active h3 span.plus:after	{}
.accordion .accordion-item.active h3 span.plus:before	{display:none;}
.accordion .accordion-expanded							{display:none; padding:0px 30px 20px 30px; background-color: #F4F4F4; margin-bottom: 50px;}
.accordion .accordion-expanded p:last-child				{margin-bottom:0;}

ol li a,
ul li a,
p a,
.accordion .accordion-item p a					{border-bottom: 1px solid #E62612; text-decoration: none}

ol li a.external:after,
ul li a.external:after,
p a.external:after,
.accordion .accordion-item p a.external:after	{width:16px; height: 16px; background-size: 16px 16px; background-image: url(/_assets/icon-external-2.svg); transform: translateY(1px); margin-left: 2px; content:''; display: inline-block}

ul li a:hover,
ol li a:hover,
p a:hover,
.accordion .accordion-item p a:hover			{color:#E62612}

/* LISTING VERSION 2 */
.listing-panel-2-top		{margin-bottom: 25px; min-height: 336px; background-color: #ffffff; display: flex; justify-content: center; align-items: center; position: relative;}
.listing-panel-2-top img	{position: absolute; left: 0; top:0; object-fit: cover; object-position: center; width: 100%; height: 100%;}
.listing-panel-2 h4			{font-size: 18px; text-transform: uppercase; color:#E62612; margin-bottom: 0.65em;}

.listing-panel-2-top iframe	{width:100% !important;}

.listing-panel-2-top-image:before	{background-color:rgba(0,0,0,0.5); position: absolute; left: 0; top:0; width: 100%; height: 100%; content: ''; z-index: 5}

/* POPUP PAGE */
.popup-page	{}

/* INFOGRAPHIC */
.infographic-section		{text-align: center; padding-bottom: 60px;}
.infographic-outer h2		{font-size: 24px; line-height: 1.3em}
.infographic-outer			{padding-top: 60px; border-top:1px solid #707070}
.infographic				{width:1089px; max-width: 100%; height: 608px; margin: auto; background-image: url(/_assets/infographic-centre.jpg); background-position: center; background-size: contain; margin-top: 70px; position: relative;}

.marker							{width:334px; height: 144px; position: absolute; left: 0; top:0; display: flex; align-items: center; text-align: left; justify-content: space-between; padding-left: 50px;}
.marker svg.outline				{position: absolute; left: 0; top:0; width:100%; height: 100%; z-index: 0}
.marker svg.outline .cls-1 		{fill: transparent; stroke: #e1cd2c; stroke-width: 2px; transition: 0.2s ease-out}
.marker img						{width:156px; position: relative; z-index: 5}
.marker .text					{position: relative; z-index: 5}
.marker p						{color:#000000; margin-bottom: 0.6em}
.marker .btn-arrow				{font-size: 11px; text-transform: uppercase; color:#000000; display: flex; letter-spacing: 0.5px}
.marker .btn-arrow svg			{position: relative; left: auto; top:auto; width:22px; height: 8px; display: block; margin-left: 10px; transition: 0.2s ease-out}
.marker .btn-arrow svg .cls-1	{fill:#000000;}
.marker:hover .btn-arrow svg	{transform: translateX(3px);}
.marker a.cover					{z-index: 10}

.marker.active svg.outline .cls-1		{fill:red}
.marker.active p						{color:#ffffff;}
.marker.active .btn-arrow				{color:#ffffff;}
.marker.active .btn-arrow svg .cls-1	{fill:#ffffff;}

/* MARKER TECHNOLOGY */
.marker.technology-marker							{top:5px; left: 93px;}
.marker.technology-marker:hover svg.outline .cls-1	{fill:#fcfaea}
.marker.technology-marker.active svg.outline .cls-1	{fill:#E1CD2C}

/* MARKER TECHNOLOGY */
.marker.demographics-marker								{padding-right: 20px; padding-left: 35px; width:352px; height: 137px; top:156px; left: 0;}
.marker.demographics-marker svg.outline .cls-1			{stroke:#EE701F}
.marker.demographics-marker:hover svg.outline .cls-1	{fill:#fdf1e9}
.marker.demographics-marker.active svg.outline .cls-1	{fill:#EE701F}

/* MARKER COVID */
.marker.covid-marker							{padding-right: 20px; padding-left: 35px; width:352px; height: 137px; top:308px; left: 0;}
.marker.covid-marker svg.outline .cls-1			{stroke:#D82630}
.marker.covid-marker:hover svg.outline .cls-1	{fill:#fbeaeb}
.marker.covid-marker.active svg.outline .cls-1	{fill:#D82630}

/* MARKER GLOBALISATION */
.marker.globalisation-marker							{padding-right: 0; padding-left: 35px; width:332px; height: 143px; top:455px; left: 95px;}
.marker.globalisation-marker svg.outline .cls-1			{stroke:#DE1683}
.marker.globalisation-marker:hover svg.outline .cls-1	{fill:#fce8f3}
.marker.globalisation-marker.active svg.outline .cls-1	{fill:#DE1683}

/* MARKER SOCIAL */
.marker.social-marker							{padding-right: 45px; padding-left: 0; width:332px; height: 143px; top:5px; right: 97px; left: auto; flex-direction: row-reverse;}
.marker.social-marker svg.outline .cls-1		{stroke:#96C225}
.marker.social-marker:hover svg.outline .cls-1	{fill:#f5f9ea}
.marker.social-marker.active svg.outline .cls-1	{fill:#96C225}

/* MARKER ROLE */
.marker.role-marker								{padding-right: 45px; padding-left: 15px; width:354px; height: 139px; top:155px; right: 0; left: auto; flex-direction: row-reverse;}
.marker.role-marker svg.outline .cls-1			{stroke:#1AAB9E}
.marker.role-marker:hover svg.outline .cls-1	{fill:#e9f7f5}
.marker.role-marker.active svg.outline .cls-1	{fill:#1AAB9E}

/* MARKER SUSTAINABILITY */
.marker.sustainability-marker								{padding-right: 45px; padding-left: 15px; width:354px; height: 139px; top:306px; right: 0; left: auto; flex-direction: row-reverse;}
.marker.sustainability-marker svg.outline .cls-1			{stroke:#1BA7E2}
.marker.sustainability-marker:hover svg.outline .cls-1		{fill:#e9f6fc}
.marker.sustainability-marker.active svg.outline .cls-1		{fill:#1BA7E2}

/* MARKER MIGRATION */
.marker.migration-marker							{padding-right: 45px; justify-content: flex-end; padding-left: 0; width:333px; height: 144px; top:453px; right: 94px; left: auto; flex-direction: row-reverse;}
.marker.migration-marker svg.outline .cls-1			{stroke:#8A74B3}
.marker.migration-marker:hover svg.outline .cls-1	{fill:#f4f1f8}
.marker.migration-marker.active svg.outline .cls-1	{fill:#8A74B3}

/* FOOTER */
footer						{padding: 50px 0}
footer .inner				{display: flex; justify-content: space-between; align-items: center;}
footer .footer-logo-left	{width:153px; max-width: 100%; margin-right: 10px; flex-shrink: 1;}
footer .footer-logo-right	{width:165px; max-width: 100%; margin-left: 10px; flex-shrink: 1;}

/* BUTTONS */
.arrow-btn				{text-decoration: none; font-weight: 700; letter-spacing: 0.5px; display: flex; align-items: center;}
.arrow-btn svg			{width:21px; height: auto; margin-left: 7px;}
.arrow-btn svg .cls-1	{fill:#FF6900}

.btn-chev-down					{font-size: 16px; text-transform: uppercase; color:#E62612; font-weight: 700; background-color: transparent; letter-spacing: 0.5px; display: flex; align-items: center;}
.btn-chev-down:after			{width: 18px; height: 9px; background-image: url(/_assets/icon-arrow-down.svg); background-size: 18px 9px; background-repeat: no-repeat; margin-left: 5px; transform: translateY(-1px); content: '';}
.btn-chev-down.readLess:after	{transform: rotate(180deg);}

.btn				{padding: 10px; background-color: #ffffff; font-size: 16px; color:#E62612; display: flex; justify-content: space-between; text-decoration: none; line-height: 1.2em; align-items: center; margin: 4px 0; transition: 0.3s ease-out}
.btn:after			{content:''; display: block; flex-shrink: 0; margin-left: 10px;}
.btn.external:after	{width:19px; height: 19px; background-size: 19px 19px; background-image: url(/_assets/icon-external.svg);}
.btn.arrow:after	{width:22px; height: 8px; background-size: 22px 8px; background-image: url(/_assets/icon-arrow.svg);}
.btn:hover			{background-color: #e7e7e7}


/* SUMMARY */
.overview-text p						{ color: #E62612; font-size: 31px; }

.overview-text.summary p				{ font-size: 25px; }

.summary-panel							{ height: fit-content;width: 100%;padding: 30px;background-color: #F4F4F4;display: flex;flex-direction: column; }
.summary-panel hr						{ border-top: 1px solid #E62612;width: 25%; }
.summary-panel h2						{ margin: 0; }
.summary-panel .summary-copy p			{ color: #424242 !important;font-size: 16px !important;line-height: 1.4em !important;margin-bottom: 1em !important; }
.summary-panel .btn						{ margin-top: 15px; text-transform: uppercase;}

.page-panel                             { height: fit-content;width: 100%;padding: 30px;background-color: #F4F4F4;display: flex;flex-direction: column; margin: 30px 0; }
.page-panel:before                      { content: ""; width:100%; height:1px; background: #E62612; margin-top: 10px; margin-bottom: 25px; }
.page-panel:after                       { content: ""; width:100%; height:1px; background: #E62612; margin-top: 25px; margin-bottom: 10px; }
.page-panel h2                          { color: #E62612; font-size: 16px; }
.page-panel p, .page-panel ul           { font-size: 16px; }
.page-panel ul                          { margin-bottom: 0; }
.page-panel ul li                       { margin-bottom: 5px !important; }

.btn.page-link							{ width: fit-content;position: relative;padding-right: 50px; }
.btn.page-link:after					{ position: absolute;width: 25px;height: 25px;right: 10px;background-image: url(/_assets/icon-chev.svg);background-repeat: no-repeat, repeat;background-position: right 1em top 52%, 0 0;background-size: 9px auto; }


/* CALENDAR PAGE */
.calendar-container                                                             { width: 100%;display: flex;justify-content: flex-start;flex-direction: row;flex-wrap: wrap;row-gap: 20px;column-gap: 20px;margin-top: 50px; }
.calendar-container .calendar-item                                              { width: 23%; margin-bottom: 20px; }
.calendar-container .calendar-item .calendar-content                            { height: 100%;padding: 30px;background-color: #F4F4F4;display: flex;flex-direction: column; }
.calendar-container .calendar-item .date                                        { width: fit-content;padding: 0 10px; height: 30px; line-height: 30px; background: #E62612; color: #fff; font-weight: bold; }

.calendar-container .calendar-item .calendar-subitem p                          { font-size: 14px; margin: 10px 0; }
.calendar-container .calendar-item .calendar-subitem:not(:last-child):after     { width: 100%;margin:auto;content:"";height:1px;background: #E62612;display:block; }

/***********/
/* COLOURS */
/***********/

/* ORANGE */
.listing-panel.orange svg .cls-1	{fill:#FF6900}
.listing-panel.orange h3,
.listing-panel.orange .arrow-btn	{color:#FF6900}

/* BLUE */
.listing-panel.blue	svg .cls-1	{fill:#00A9ED}
.listing-panel.blue h3,
.listing-panel.blue .arrow-btn	{color:#00A9ED}

/* PURPLE */
.listing-panel.purple	svg .cls-1	{fill:#9678D3}
.listing-panel.purple h3,
.listing-panel.purple .arrow-btn	{color:#9678D3}





/* COOKIE BAR */
.cookieBar              { width: 100%; background: url('/_assets/bg_cookiebar.png'); position: fixed; bottom: 0px; left: 0px; text-align: center; padding: 10px 10px; z-index: 99999999; box-sizing:border-box; -moz-box-sizing:border-box; }
.cookieBar p			{color:#ffffff; font-size:14px; font-family:inherit; line-height:1.5em; text-align:center; display:inline-block;}
.cookieBar .acceptBtn   {border:0px; background:#000; border:1px solid #DEDEDE; font-weight:bold; display:inline-block; margin-top:6px; margin-left:5px; font-family:inherit; font-size:12px; padding:5px 10px; text-decoration:none; color:#FFF; text-transform:uppercase; }


/* IE10+ SPECIFIC STYLES GO HERE. IE10+ NO LONGER SUPPORT CONDITIONAL STATEMENTS IN THE HEAD OF A FILE */ 
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  

}


/* MOBILE STYLES */
@media (max-width: 1200px) 
{
    
}

@media (max-width: 1024px) 
{
    /* IPAD (LANDSCAPE) */
}

@media (max-width: 960px) 
{
    
}

@media (max-width: 768px) 
{
    /* IPAD (PORTRAIT) */
}

@media (max-width: 640px) 
{
  
}

@media (max-width: 414px) 
{
    /* IPHONE 6+, GOOGLE NEXUS 5X & GOOGLE NEXUS 6P */
}

@media (max-width: 375px) 
{
    /* IPHONE 6 */
}

@media (max-width: 360px) 
{
    /* SAMSUNG GALAXY S5 */
}

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