﻿*		{margin:0; padding:0; outline:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body	{background-color: #FFF; font-family:'berlingske_sans_roundregular', sans-serif;}
p		{line-height:1.4em; margin-bottom:15px; font-size:16px; color:#2c5e4f}
ul		{font-size:16px;}
h1,
h2,
h3,
h4,
h5				{font-family:'berlingske_sans_roundlight', sans-serif; font-weight:normal;}

ul	{margin-left:0}

/* GLOBAL */

html { }
body {line-height:1;}

::-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;}

/* GENERAL */
.wrapper		{width:1224px; position:relative; margin:0 auto; padding:0px 12px 0 12px; background-color:#ffffff; max-width: 100%;}
.logo			{height:auto}
.inner 			{text-align: left; padding: 75px 60px 40px 60px; position: relative;}

/* HEADER */
.header-container			{width:100%; position:relative; padding:32px 60px 70px; background-repeat:no-repeat; background-size: 100% auto; background-position:top right; background-color:#ffffff; z-index:4;}
.header-container h1		{color:#2c5e4f; font-size:51px; margin-top:40px; margin-bottom:40px;}
.header-container h1 span   {color:#2c5e4f;}
.header-container h2 		{color: #ffffff; font-size: 19px; margin-top: 10px; font-family:'berlingske_sans_roundregular'; line-height:1.3em;}
.header-container h1 strong	{font-family:'berlingske_sans_roundregular', sans-serif; font-weight:normal;}
.header-container-text		{width:510px; max-width: 100%;}
.header-container-text p	{font-size:14px;}

/* HEADER NAV */
ul.header-nav			{list-style:none; margin-top: 50px;}
ul.header-nav li		{display:inline-block; text-decoration:none; margin:0; font-size:14px; position:relative;}
ul.header-nav li a      {display:inline-block; color:#4d5357; text-decoration:none; font-size:14px; }
ul.header-nav li a span {display:inline-block; vertical-align:middle; margin-right:20px;}
ul.header-nav li a span.menu-icon {margin-right:10px;}
ul.header-nav li a span.menu-icon img	{height:25px; width: auto}
ul.header-nav li a:hover	{color:#58a618}

ul.header-nav li.toggle-app {z-index:101;}
ul.header-nav li .app-download {position:absolute; display:none; font-size:0; z-index:101; top:40px; width:340px; padding:13px 10px; background-color:#FFF; box-shadow:1px 1px 4px 1px rgba(0, 0, 0, 0.419); left:-50%;}
ul.header-nav li .app-download-inner {position:relative; text-align:center;}

ul.header-nav li .app-download a {display:inline-block; padding:0px 5px;}
ul.header-nav li .app-download a img {height:40px;}

ul.header-nav li .app-download:before {content:''; position:absolute; width:0; height:0; border-left:13px solid transparent; border-right:13px solid transparent; border-bottom:10px solid #2c5e4f; top:-10px; left:50%; margin-left:-13px; }

/* SIDE NAV */
#sidenav { position:fixed; right:0px; top:85px; width:1200px; left:0px; margin:0px auto; z-index:3; }
#sidenav ul {list-style:none; float:right; margin-right:31px;}
#sidenav ul li {margin-bottom:14px;}
#sidenav ul li a {text-decoration:none;}
#sidenav ul li span {color:#FFF; /*color:#2c5e4f;*/}
#sidenav ul li span.menu-name { visibility: hidden; display: inline-block; font-size: 14px; margin-right: 20px; vertical-align: top; padding-top: 5px; width: 150px; text-align: right; line-height: 1.2em; color: #000000; }
#sidenav ul li span.menu-icon { width: 32px; height: 28px; display: inline-block; background-repeat: no-repeat; background-position: 0px 0px; }

#sidenav ul li span.menu-icon.lgreen { background-position: -32px; 0; }
#sidenav ul li span.menu-icon.white{ background-position: -64px 0; }
#sidenav ul li span.menu-icon.dgreen { background-position: -0px 0; }

#sidenav ul li span.menu-icon.lgreen.active { background-position: -64px 0; }
#sidenav ul li span.menu-icon.white.active { background-position: 0 0; }
#sidenav ul li span.menu-icon.dgreen.active { background-position: -32px 0; }

#sidenav ul li a:hover span.menu-name {visibility:visible;}

#sidenav ul li a.white:hover span.menu-name {color:#4d4d4f;}

#sidenav ul li a:hover span.menu-icon,
#sidenav ul li a.active span.menu-icon {background-position:-32px 0px;}

#sidenav ul li a:hover span.menu-icon.white,
#sidenav ul li a.active span.menu-icon.white { background-position: 0 0; }

#sidenav ul li a:hover span.menu-icon.lgrey,
#sidenav ul li a.active span.menu-icon.lgrey { background-position: -64px 0; }

#sidenav ul li a.white:hover span.menu-icon, #sidenav ul li a.white.active span.menu-icon {background-position:-64px 0px;}
#sidenav ul li a.blue span.menu-icon {background-position:-64px 0px;}
#sidenav ul li a.blue.active span.menu-icon {background-position:-32px 0px;}

/* TEAM CAROUSEL */
.team-carousel-container		{width:851px; max-width: 100%; margin:50px 0 30px 0; z-index:5; position:relative;}
.team .slide					{padding-bottom:20px; padding-right:45px;}
.team .slide img				{ margin-bottom:22px;}
.team .slide .border-btn		{display:block; margin:0}
.team .slide .border-btn:hover { background-color: #bed600; border-color: #bed600; }
.team .slide h3 { font-size: 18px; color: #58a618; font-family: 'berlingske_sans_roundmedium', sans-serif; margin: 15px 0 15px 0; }
.team .slide p a				{color:#fff; font-size: 14px; }
.team h3 a     					{color:#58a618; text-decoration:none;}

.intro.with-options		{width:808px; max-width: 100%; position: relative; z-index: 20}
.intro.with-options	p	{width:435px; max-width: 100%;}

.team .profile-image { width: 100%; height: 0; padding-bottom: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; }

/* SLICK NAV */
ul.slick-dots {display:none !important;}

.team-carousel ul.slick-dots {list-style:none; margin:0; display:block!important;}
.team-carousel ul.slick-dots li {display:inline;}
.team-carousel ul.slick-dots li button { width: 13px; height: 13px; border: 2px solid #ffffff; background: none; font-size: 0; margin: 0 3px; outline: none; cursor: pointer; position:relative;}
.team-carousel ul.slick-dots li.slick-active button { background: #ffffff; }


.case-study-carousel button,
.team-carousel button,
.news-carousel button { width: 27px; height: 48px; background: none; border: none; font-size: 0px; position: absolute; cursor: pointer; }

.case-study-carousel .slick-prev,
.team-carousel .slick-prev,
.news-carousel .slick-prev { background-image: url(/crisis-management-portal/_assets/btn-left.png); right: -50px; top: 50%; margin-top: -100px; z-index: 50; background-size: 27px 48px; }

.case-study-carousel .slick-next,
.team-carousel .slick-next,
.news-carousel .slick-next { background-image: url(/crisis-management-portal/_assets/btn-right.png); right: -100px; top: 50%; margin-top: -100px; z-index: 50; background-size: 27px 48px; }

.case-study-carousel .slick-prev,
.news-carousel .slick-prev { background-image: url(/crisis-management-portal/_assets/btn-left-grey.png); }

.case-study-carousel .slick-next,
.news-carousel .slick-next { background-image: url(/crisis-management-portal/_assets/btn-right-grey.png); }

.team-carousel .slick-prev	{right:-26px;}
.team-carousel .slick-next	{right:-76px;}

.case-study-carousel		{width:826px; max-width: 100%}
.case-study-carousel .slide	{padding-right:20px; margin-bottom: 25px;}

.case-study-carousel ul.slick-dots {list-style:none; margin:0; display:block!important;}
.case-study-carousel ul.slick-dots li {display:inline;}
.case-study-carousel ul.slick-dots li button { width: 13px; height: 13px; border: 2px solid #2c5e4f; background: none; font-size: 0; margin: 0 3px; outline: none; cursor: pointer; position:relative;}
.case-study-carousel ul.slick-dots li.slick-active button { background: #2c5e4f; }


.news-carousel { width: 826px; max-width: 100%; }
.news-carousel .slide { padding-right: 20px; margin-bottom: 25px; }

.news-carousel ul.slick-dots { list-style: none; margin: 0; display: block !important; }
.news-carousel ul.slick-dots li { display: inline; }
.news-carousel ul.slick-dots li button { width: 13px; height: 13px; border: 2px solid #2c5e4f; background: none; font-size: 0; margin: 0 3px; outline: none; cursor: pointer; position: relative; }
.news-carousel ul.slick-dots li.slick-active button { background: #2c5e4f; }


/* DROPKICK */
.intro-options { display: inline-block; position: absolute; right: 0; top: 10px; }
.intro-options label { color: #ffffff; display: inline-block; }
.intro-options .dk-select { display: inline-block; }
.select-cell .dk-selected { background-color: transparent; color: #ffffff; }
.dropkick-container { display: inline-block; vertical-align: middle; width: 145px; margin-left: 15px; }
.dropkick-container .dk-selected:before { background-image: url(/crisis-management-portal/_assets/arrow-down.png); width: 20px; height: 11px; background-size: cover; }

.dropkick-container.wide { width: 245px; }

/* CASE STUDIES */
.intro.with-options.case-studies .intro-options										{top:auto; bottom: 0; font-size: 0;}
.intro.with-options.case-studies .intro-options .select-cell						{display:inline-block; margin-left: 15px;}
.intro.with-options.case-studies .intro-options .select-cell label					{color:#333333; font-size: 13px; display: block; margin: 0; margin-bottom: 10px;}
.intro.with-options.case-studies .intro-options .select-cell .dk-selected			{color:#333333; margin: 0; display: block; border-color:#58a618}
.intro.with-options.case-studies .intro-options .select-cell .dropkick-container	{margin-left: 0}
.intro.with-options.case-studies .intro-options .select-cell .dropkick-container .dk-selected:before	{background-image:url(/crisis-management-portal/_assets/arrow-down-grey.png)}

/** PANEL STYLES **/
.listing-panel				{background-color:#f2f3f3; position: relative;}
.listing-panel-image 		{padding-top: 50%; background-size: cover; background-position: center; position: relative; overflow: hidden; background-repeat: no-repeat;}
.listing-panel-text			{padding:20px 40px 40px;}
.listing-panel-text h3		{font-size:21px; margin-bottom: 10px; font-family:'berlingske_sans_roundlight', sans-serif; line-height: 1.3em;}
.listing-panel-text p		{font-size:14px; margin-bottom: 10px; color:#58a618; font-family:'berlingske_sans_roundmedium', sans-serif;}
.listing-panel:hover h3		{color:#58a618;}

/* PANELS */
a.down-arrow {display: block; position: absolute; top: -40px; z-index: 100;}

.home-panel		{margin-bottom:20px;}

.home-panel.green-dark .block-btn.border-btn.green	{color:#ffffff}

.intro			{margin-bottom:40px}
.intro p		{width:780px; max-width:100%;}
.inner			{text-align:left; padding:75px 60px 40px 60px; position:relative;}
.inner h2		{color:#ffffff; font-size:52px; margin-bottom:24px; display: inline-block}

.green-dark			{background-color:#2c5e4f}
.green-dark p		{color:#ffffff;}
.green-dark h2 span	{color:#58a618;}

.white h2		{color:#2c5e4f}
.white h2 span	{color:#58a618;}

.light-grey { background-color: #e0e0e0; }
.light-grey h2 { color: #2c5e4f; }
.light-grey h2 span { color: #000000; }

/* GREEN */
.green				{background-color:#58a618}
.green h2			{color:#ffffff;}
.green p			{color:#ffffff;}
.green h2 span		{color:#2c5e4f;}

.text-page.green-page p.intro,
.text-page.green-page div.intro p,
.text-page.green-page h1,
.text-page.green-page h3,
.text-page.green-page h4,
.text-page.green-page h5,
.text-page.green-page h6 { color: #58a618; }

.key-contacts		{border-color:#58a618}

.text-page-person .text-left-col .border-btn.green	{color:#2d4345;}
.text-page-person .text-left-col .border-btn.green:hover	{color:#ffffff}

/******/

.text-page h1 { font-size: 33px; margin-bottom: 0.3em; }
.text-page h1:first-child { margin-bottom: 0em; }
.text-page h2 { font-size: 45px; margin-bottom: 0.5em; margin-top: 0.2em; color: #2c5e4f; }
.text-page h3 { font-size: 24px; margin-bottom: 1em; }
.text-page h4 { font-size: 22px; margin-bottom: 1em; }
.text-page h5 { font-size: 20px; margin-bottom: 1em; }
.text-page h6 { font-size: 18px; margin-bottom: 1em; }

.text-page p.intro,
.text-page div.intro p { font-size: 18px; margin-bottom: 1em; }

.text-page ul,
.text-page ol,
.text-page p,
.results-text ul,
.results-text ol,
.results-text p { font-size: 16px; margin-bottom: 1em; color: #2d4345; }

.text-page ul,
.text-page ol,
.results-text ul,
.results-text ol { margin: 1.5em 0 1.5em 1em; }

.text-page ul li,
.text-page ol li,
.results-text ul li,
.results-text ol li { margin-bottom: 1em; line-height: 1.4em;}

/* TEXT PAGE */
.text-page		{width:910px; max-width: 100%; position: relative; margin: auto; min-height: 500px;}
.col-row		{font-size:0;}
.text-left-col	{width:630px; display: inline-block; vertical-align: top; padding:70px 0}
.text-right-col	{width:256px; display: inline-block; vertical-align: top; padding:70px 0; float: right;}
a.close			{position:absolute; right:20px; top: 60px; width:30px; height: 30px;}

/* KEY CONTACTS */
.key-contacts					{border-top:1px solid #58a618; padding-top: 20px; margin-top: 70px;}
.key-contacts-listing .slide	{display:inline-block;}
.key-contacts .team-carousel-container	{width:100%; margin-top: 30px;}
.text-left-col .key-contacts h6	{margin-bottom:0; color:#2c5e4f}

.key-contacts .slide	{width:33.333%; vertical-align: top; padding-right: 0}

.key-contacts .not-slick .slide { padding-right: 45px; }

.key-contacts .not-slick .slide p { font-size: 14px; }

.key-contacts .slide p.team { font-weight: bold; margin-bottom: 0.25em; }

.right-buttons						{width:150px; padding-top: 50%; float: right}
.right-buttons .block-btn			{display:block; text-align: center; padding: 15px; margin: 0; margin-bottom: 15px;}
.right-buttons .block-btn.next		{background-color:#58a618; border-color:#58a618}
.right-buttons .block-btn.previous	{background-color:transparent; border-color:#2c5e4f; color:#2c5e4f;}

.right-buttons .block-btn.next:hover		{background-color:#ffffff; color:#58a618;}
.right-buttons .block-btn.previous:hover	{background-color:#2c5e4f; color:#ffffff;}

/* PERSON PAGE */
.text-page-person .text-left-col					{width:550px;}
.text-page-person .text-right-col .right-buttons	{width:220px;}

.person-image-text									{margin-bottom:30px;}
.person-image-text img								{width:200px; height: auto; display: inline-block; vertical-align: top}
.person-text										{width:350px; display: inline-block; vertical-align: bottom; padding-left: 30px;}
.person-text h1										{font-size:45px;}
.text-page-person .text-left-col .person-text h2	{font-size:22px; margin-bottom: 0.5em;}
.text-page-person .text-left-col .person-text p		{margin-bottom:0.5em; font-family: 'berlingske_sans_roundmedium', sans-serif;}
.text-page-person .text-left-col .person-text h3	{font-size: 17px; color:#2c5e4f; margin-bottom: 0; margin-top: 5px;}
.person-text h3 a									{color:#2c5e4f; text-decoration: none}
.text-page-person .text-left-col .border-btn		{margin-top:20px;}


/* FOOTER */
footer { background-color: #f2f2f2; }
ul.social-list { display: inline-block; list-style: none; }
ul.social-list li { display: inline-block; vertical-align: top; margin-right: 18px; }
ul.social-list li a img { width: 42px; }
ul.footer-nav { display: inline-block; list-style: none; font-family: 'berlingske_sans_roundmedium', sans-serif; font-size: 17px; margin-right: 40px; vertical-align: top; margin-top: 10px; }
ul.footer-nav li { display: inline; margin: 0 10px 0px 0px; font-size: 14px; }
ul.footer-nav li a { color: #2c5e4f; text-decoration: none; padding-bottom: 2px; }
ul.footer-nav li a:hover { border-bottom: 1px solid #bed600; }
p.copyright-text { font-size: 10px; color: #95989a; font-family: Georgia, Times New Roman, serif; display: inline-block; width: 100%; margin-top: 20px; }

/* BUTTONS */
.block-btn { border: 2px solid #08574d; padding: 10px 20px; background-color: #08574d; display: inline-block; color: #fff; position: relative; z-index: 4; text-decoration: none; margin: 0 10px 0 0; font-size: 16px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; cursor: pointer; }
.border-btn { border: 2px solid #5482ab; color: #ffffff; background-color: transparent; }
.border-btn.green { border-color: #58a618; }
.block-btn.green { background-color: #58a618; border-color: #58a618; }

.block-btn.border-btn.green { border: 2px solid #58a618; color: #404040; background-color: transparent; }

.block-btn.border-btn.green.profile:hover { color: #ffffff; background-color: #58a618; }
.border-btn.green-dark { border-color: #2c5e4f; }

.border-btn.green-dark:hover { background-color: #2c5e4f; }
.border-btn.green:hover { background-color: #58a618; }

.block-btn.green:hover { color: #58a618; background-color: transparent; }


/********************************************/
/*******************************************/
/************** TOOL SECTION **************/

.header-container-tool	{background-position:right -120px;}

/* LOGO */
.logo-container			{font-size:0}
.logo-container .logo	{display:inline-block; vertical-align: middle;}
.logo-text				{display:inline-block; vertical-align: bottom; padding-left: 45px;}
.logo-text h1			{margin:0; font-size:30px; margin-bottom: 18px;}
.logo-text .header-nav	{margin:0}

/* TOOl INTRO */
.tool-header-container-text			{width:620px; max-width: 100%;}
.tool-header-container-text p		{font-size:15px;}
.tool-header-container-text div.intro p { font-size: 19px; color: #58a618; margin-bottom: 1em; }
.instruction-text					{background-color:#ebefed; margin-top: 0; margin-bottom: 40px; padding: 25px 25px 10px 25px;}
.instruction-text p					{font-size: 13px;}
.inner-instruction					{padding-top:0}

/* QUESTION PAGE */
.tool-header-container-text		{padding-top:40px;}
.tool-header-container-text	 hr	{border-top:1px solid #58a618; margin-bottom: 25px}

.numbers		{list-style:none; font-size: 0; padding:0 0 25px 0}
.numbers li		{font-size:13px; display: inline-block; margin-right: 7px;}
.numbers li button { display: block; width: 30px; height: 30px; border-radius: 50%; background-color: #ffffff; color: #404040; border: 1px solid #58a618; text-align: center; line-height: 30px; }
.numbers li button:hover,
.numbers li button.active	{background-color:#58a618; color:#ffffff}

div.question { background-color: #ffffff; margin-top: 15px; padding-top: 15px; min-height: 400px; }
p.question { font-size: 21px; color: #58a618; }

/* ANSWERS */
.answers { }
.answers ul { margin: 0; list-style: none; }
.answers ul li { margin-bottom: 7px; }
.answers ul li button { display: block; padding: 15px 80px 15px 20px; font-size: 16px; border: 0; background-color: #ebefed; color: #404040; width: 100%; text-align: left; }
.answers ul li button p { margin: 5px 0; color: inherit; font-size: inherit; font-family: inherit; }

.answers ul li button.selected,
.answers ul li button:hover { background-color: #2c5e4f; color: #ffffff; }

.answers ul li button.selected { background-image: url(/crisis-management-portal/_assets/icon-tick.png); background-size: 30px; background-repeat: no-repeat; background-position: 98%; }

/* QUESTION BUTTON */
.question-actions	{margin:40px 0;}
.arrow-btn { font-size: 15px; text-decoration: none; display: inline-block; border: 0; background-color: transparent; cursor: pointer; }
.arrow-btn:before { content: ''; width: 50px; height: 50px; border-radius: 50%; display: inline-block; background-color: #2c5e4f; vertical-align: middle; margin-right: 8px; background-image: url(/crisis-management-portal/_assets/arrow-white.png); background-size: 11px 20px; background-position: center; background-repeat: no-repeat; }
.arrow-btn:hover { color: #58a618; }
.arrow-btn:hover:after,
.arrow-btn:hover:before { background-color: #58a618 !important; }

.arrow-btn.next,
.arrow-btn.finish { float: right; margin-left: 30px; }

.arrow-btn.next:after,
.arrow-btn.finish:after { content: ''; transform: rotate(180deg); width: 50px; height: 50px; border-radius: 50%; display: inline-block; background-color: #2c5e4f; vertical-align: middle; margin-left: 8px; background-image: url(/crisis-management-portal/_assets/arrow-white.png); background-size: 11px 20px; background-position: center; background-repeat: no-repeat; }

.arrow-btn.next:before,
.arrow-btn.finish:before { display: none; }

/* RESULTS */
p.results						{font-size:34px;}
.results-text					{background-color:#ebefed; padding:40px 30px; margin-bottom: 40px;}
.inner.inner-results			{padding-top:0; padding-bottom: 0}
.inner.inner-results .block-btn	{margin-top:15px;}

/*******************************************/
/*******************************************/
/*******************************************/

/***** HOGAN LOVELS POPUP FORM *****/
.popup-background { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.60); z-index: 99; display: none; }
.contact-popup { width: 480px; max-width: 100%; background-color: #ffffff; padding: 30px 24px; position: fixed; left: 50%; margin-left: -240px; top: 400px; margin-top: -210px; font-size: 0; z-index: 100; max-height: 75%; overflow-y: auto; box-shadow: 0 0 20px rgba(0,0,0,0.5); }
.contact-popup h3 { font-size: 22px; color: #58a618; margin-bottom: 10px; }
.form-cell { padding: 8px; display: inline-block; vertical-align: top; width: 50%; }
.form-cell.block { display: block; width: 100%; }
.form-cell label { color: #2d4345; font-size: 15px; display: block; margin-bottom: 7px; }


.form-cell input[type="text"],
.form-cell input[type="password"] { color: #2d4345; border: 1px solid #58a618; font-size: 15px; display: block; padding: 10px; width: 100%; font-family: 'berlingske_sans_roundregular', sans-serif; }

.form-cell input[type="submit"] { background-color: #58a618; border: none; padding: 15px; font-size: 15px; color: #ffffff; font-family: 'berlingske_sans_roundregular', sans-serif; }
.form-cell input[type="submit"]:hover { background-color: #2d4345; }

.form-cell input[type="text"].error { border-color: #cc0000; }

.errors { margin: 0 0 15px 0; padding: 0 10px; }
.errors ul { list-style: none; }
.errors ul li { font-size: 14px; color: #cc0000; margin: 0 0 4px 0; }
.errors ul li p { font-family: inherit; font-size: inherit; color: inherit; margin-bottom: 4px; }

.contact-popup .closebtn {cursor: pointer; display: block; width: 20px; height: 20px; position: absolute; top: 20px; right: 20px; background-image: url('/crisis-management-portal/_assets/icon-close.png'); background-size: contain; }






/* 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) 
{
    
	.wrapper	{padding-left:0; padding-right: 0}
	
}

@media (max-width: 1000px) 
{
	.team-carousel .slick-next,
	.team-carousel .slick-prev,
	.case-study-carousel .slick-next,
	.case-study-carousel .slick-prev	{display:none !important;}
	
	/*************/
	/*** TOOL ***/
	.logo-text	{padding-left:25px;}
	.header-container-tool	{background-size:80% auto;}
}


@media (max-width: 960px) 
{
	/* TEXT PAGE */
	.text-page				{padding-left:30px; padding-right: 30px;}
	.text-left-col			{width:70%;}
	.text-right-col			{width:30%; padding-top: 20px; padding-left: 40px;}
	.right-buttons			{width:100%; padding-top: 90px;}
	.key-contacts .slide	{padding:8px;}
	.key-contacts-listing 	{margin-left:-8px;}
	
	/* PERSON PAGE */
	.text-page-person .text-left-col	{width:65%;}
	.text-page-person .text-right-col	{width:35%;}
	.text-page-person .text-right-col .right-buttons	{width:100%}
	
	.person-image-text img	{width:30%}
	.person-text			{width:70%;}

}

@media (max-width: 900px) 
{
	.intro-options	{position:relative; display: block; margin-top: 0px;}
	.intro.with-options.case-studies .intro-options .select-cell	{margin-left:0; margin-right: 15px; margin-top: 20px;}
}


@media (max-width: 768px) 
{
	.header-container	{padding:30px 30px 60px 30px;}
	.inner				{padding:50px 30px;}
	
}

@media (max-width: 740px) 
{
    ul.header-nav li .app-download {top:auto; bottom:calc(100% + 10px); left:0px; width:295px;}
    ul.header-nav li .app-download:before {top:auto; bottom:-10px; left:40px; border-bottom:none; border-top:10px solid #2c5e4f;}
}


@media (max-width: 660px) 
{
	/* TEXT PAGE */
	.text-left-col			{width:100%; padding-bottom: 0px;}
	.text-right-col			{width:100%; padding-left: 0px; border-top:1px solid #2c5e4f; padding-top: 30px; margin-top: 20px;}
	.right-buttons			{padding-top:0}
	
	/* PERSON PAGE */
	.text-page-person .text-left-col	{width:100%;}
	.text-page-person .text-right-col	{width:100%;}
	.text-page-person .text-right-col .right-buttons	{width:100%}
	
	.person-image-text img	{width:auto}
	.person-text			{width:100%; padding-left: 0; margin-top: 20px;}

	/*************/
	/*** TOOL ***/
	.header-container-tool	{background-image:none !important;}
	.logo-text				{width:calc(100% - 117px);}

	
	
}

@media (max-width: 500px) 
{
	.h1 	{display:none !important;}
	
	/* CASE STUDY CAROUSEL */
	.listing-panel-text	{padding:20px;}
	
	/* KEY CONTACTS */
	.key-contacts .slide	{width:50%;}

	/* LOGO CONTAINER */
	.logo-container				{position:relative; padding-bottom: 50px;}
	.logo-container .header-nav	{display:block; position: absolute; left: 0; bottom: 0}

	.header-container h1		{font-size:40px;}
	.inner.inner-instruction	{padding-top:0}
	
	/** CONTACT FORM **/
	.contact-popup				{width:90%; margin-left: -45%; margin-top: 0; top:25px; height: auto; max-height: inherit}
	.contact-popup .form-cell	{width:100%;}
	
	/* TOOL QUESTION **/
   .numbers li { font-size: 10px; margin-right: 5px; }
   .numbers li button { width: 20px; height: 20px; line-height: 20px; }

   .answers ul li { line-height: 1.3em; }
	
}

@media (max-width: 375px) 
{
	.logo-container .logo	{width:90px;}
	.logo-text 		{width: calc(100% - 90px); padding-left: 15px;}
	.logo-text h1	{font-size:25px;}
	
	.inner h2	{font-size:42px;}
	.intro.with-options.case-studies .intro-options .select-cell	{margin-right:0; display: block;}
	.dropkick-container	{width:100%; margin-left: 0; margin-top: 0px;}
	.intro-options label	{margin-bottom:10px;}
	
	.text-page				{padding-left:20px; padding-right: 20px;}
	
	.arrow-btn				{font-size:12px;}
	.arrow-btn:before		{width:30px; height: 30px; background-size: 7px 13px;}
	.arrow-btn.next:after	{width:30px; height: 30px; background-size: 7px 13px;}
	
}

@media (max-width: 360px) 
{
	.logo-text h1	{font-size:20px;}

	

}

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







