/**
* CSS
* @version 1.0
* @author Ozhan Binici
*/

/*
* {
	transition: all .75s ease-out;
}
*/
html, body {
	width: 100%;
	background-color: #FFFFFF; 
	font-family:"ff-scala-sans-pro"; 
	font-weight:400;
	font-size:18px;
	line-height:30px;
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	font-variant-numeric:lining-nums;
}

body {
	position:relative;
	overflow-x:hidden;
}

/* HEADER */
header {
	position:relative;
	display:block;
	margin:0px;
	height:auto;
	/*
	position: -webkit-sticky;
	position: sticky;
	top:0px;
	z-index:10000;
	*/
	background-color:#FFFFFF;
	margin-bottom:0px;
}

header .container {
	display:flex;
	max-width:1160px;
	margin:0 auto;
	padding:20px;
	align-items:flex-start;
}


#logo {
	position:relative;
	display:block;
	width:300px;
	height:auto;
	margin-right:30px;
}

#logo img {
	width:100%;
	height:auto;
	display:block;
}

a.highlight {
	color: #FFFFFF;
	position: absolute;
	right: 12px;
	top: 28px;
	width: 80px;
	height: 80px;
	padding-top: 11px;
	text-align: center;
	border-radius: 45px;
	background-color: #85936d;
	line-height: 19px;
}

a.highlight:hover {
	background-color: #477336;
	text-decoration:none;
}


header li a.inactive {
	color:#b5b2c8;
	pointer-events:none;
}
header li a:hover {
	text-decoration:none;
	color:#6a4c9e;
}

header #menu {
	position:relative;
	display:flex;
	margin:20px auto 30.5px auto;
	padding:15px;
	background-color:rgba(106,76,158,0.2);
	width:calc(100% - 330px);
}

header #menu li {
	position:relative;
	display:block;
	list-style-type:none;
}

header #menu li.button {
	margin-left:auto;
}

header #menu li a {
	color:#9681bb;
	display:block;
	padding:0 10px;
}

header #menu li.button a {
	background-color:#6a4c9e;
	color:#FFFFFF;
}

header #menu li.button.inactive a {
	opacity:0.5;
	pointer-events:none;
}

header #menu li.button.inactive {
	pointer-events:none;
}

header #menu li.button a:hover {
	text-decoration:underline;
	color:#FFFFFF;
	text-underline-offset:2px;
	text-decoration-thickness:1.5px;
}

header #menu li a:hover,
header #menu li a.selected {
	color:#6a4c9e;
	text-decoration:none;
}

header #menu li ul {
	display:none;
	position:absolute;
	top:30px;
	left:4px;
	background-color:#FFFFFF;
	text-align:left;
	z-index:10;
	padding-bottom:3px;
	padding-top:2px;
	min-width:calc(100% + 10px);
}

header #menu li ul li {
	display:block;
	white-space:nowrap;
	font-size:16px;
}

header #menu li ul li a {
	display:block;
	white-space:nowrap;
	font-size:16px;
	padding-left:6px;
	padding-right:6px;
}

header #menu li:hover ul {
	display:block;
}

header #menu li:hover > a {
	color:#6a4c9e;
}



.menu-toggle, .menu-toggle:hover, .menu-toggle:focus {
	background-color:transparent;
	outline: none;
}

.menu-toggle-container {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	pointer-events:auto;
	background-color:rgba(106,76,158,0.2);
	padding:0px;
	display:none;
}
.menu-toggle {
	display:none;
	position:absolute;
	top:53px;
	right:20px;
	border:0px;
	pointer-events:auto;
	background-color:transparent;
	width: 50px;
	height: 35px;
	padding:0 6px;
	
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: top .3s ease-out;
	-moz-transition: top .3s ease-out;
	-o-transition: top .3s ease-out;
	transition: top .3s ease-out;
	cursor: pointer;
	color:#9681bb;
	font-size:20px;
	line-height:35px;
}

.menu-toggle:hover {
	text-decoration:none;
	color:#6a4c9e;
}
/*
.menu-toggle:hover {
	background-color:#477336;
	text-decoration:none;
}
*/

.menu-toggle span {
	display: block;
	position: absolute;
	height: 3px;
	width: 24px;
	background: #9681bb;
	border-radius: 0px;
	opacity: 1;
	left: 20px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.menu-toggle:hover span {
	background:#6a4c9e;
}

.menu-toggle span:nth-child(1) {
	top: 10px;
}

.menu-toggle span:nth-child(2), .menu-toggle span:nth-child(3) {
	top: 16px;
}

.menu-toggle span:nth-child(4) {
	top: 22px;
}

.expanded .menu-toggle span:nth-child(1) {
	top: 19px;
	width: 0%;
	left: 40px;
}

.expanded .menu-toggle span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.expanded .menu-toggle span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.expanded .menu-toggle span:nth-child(4) {
	top: 19px;
	width: 0%;
	left: 40px;
}





/* CONTENT */

#content {
	width:100%;
	position:relative;
	display:block;
	padding:0 20px;
}

#content.home {
	padding:0px;
}

#content .inner {
	max-width:1120px;
	margin:0 auto;
}

/* GENERAL RULES */
p {
	margin-top:20px;
}

strong {
	font-weight:700;
}

a {
	color:#501f7e;
	font-weight:700;
}

a:hover {
	text-decoration:underline;
}

/* FOOTER */

#footer {
	max-width:1160px;
	position:relative;
	display:block;
	margin:0px auto;
	text-align:center;
	padding:10px 20px 20px 20px;
	font-size:16px;
	line-height:24px;
}

#footer .inner {
	position:relative;
	width:100%;
	border-top:2px solid #6a4c9e;
	padding-top:20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#footer .column {
	position:relative;
	display:block;
	text-align:center;
}

#footer .column img {
	width:auto;
	height:100%;
	display:block;
}

#footer .column:nth-child(1) {
	width:auto;
	height:127px;
}

#footer .column:nth-child(2) {
	width:100%;
	max-width:520px;
}

#footer .column:nth-child(3) {
	width:auto;
	height:127px;
}


#footer .line {
	position:relative;
	display:block;
	margin-bottom:5px;
}

#footer .line:last-child {
	margin-bottom:0px;
}

#footer a {
	color:#9681bb;
}

#footer a:hover {
	color:#6a4c9e;
	text-decoration:underline;
}



/* BOOKS */

.books {
	position:relative;
	display:block;
	margin-bottom:20px;
}

.books:after,
.book:after {
	content:" ";
	display:block;
	clear:both;
}

.book {
	position:relative;
	display:block;
	width:100%;
	color:#000;
	font-weight:400;
}

.book:hover {
	text-decoration:none;
	color:#a06551;
}


.book img {
	height:auto;
	position:relative;
	float:left;
	width:302px;
	margin-right:40px;
	margin-bottom:30px;
}

.book .right {
	position:relative;
	float:left;
	width:calc(100% - 368px);
	display:block;
}

.book ul {
	position:relative;
	display:block;
	margin-top:20px;
}

.book ul li {
	margin-bottom:10px;
	list-style-type:disc;
	padding-left:0em;
	margin-left:1em;
}

/* VIDEOS */

.videos {
	position:relative;
	display:block;
}

.video {
	position:relative;
	display:block;
	width:50%;
	float:left;
	margin-bottom:30px;
}

.video:nth-child(2n+1){
	padding-right:20px;
	clear:both;
}

.video:nth-child(2n){
	padding-left:20px;
}

.video h2 {
	font-size:18px;
	line-height:24px;
	font-weight:400;
	margin-top:5px;
	margin-bottom:5px;
}

.video p {
	margin-top:0px;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	background-color:#000;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* TEXT */

.text strong {
	color:#6a4c9e;
}

.text h1 {
	font-size: 36px;
	line-height: 50px;
	font-weight: bold;
	color: #6a4c9e;
	position: relative;
	margin: 0px 0 18px 0;
	text-align:center;
}

.text h1.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 60px;
	z-index: 5;
	background-color: #FFFFFF;
	padding-top:10px;
}

.text h1 + h2 {
	margin-top:0px;
}

.text h2 {
	font-size: 22px;
	line-height: 36px;
	font-weight: bold;
	color: #6a4c9e;
	position: relative;
	margin: 24px 0;
	text-align:center;
	max-width:720px;
	margin:20px auto;
	font-style:italic;
}
.text h2.list {
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	max-width: none;
	margin-bottom: 10px;
}
.text h3 {
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	font-style: normal;
	color: #6a4c9e;
	position: relative;
	margin: 24px 0;
	text-align:left;
}

.text h3 span {
	font-size: 16px;
	line-height: 20px;
	color: #6a4c9e;
	display:block;
}

.text h4 {
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	font-style: normal;
	color: #6a4c9e;
	position: relative;
	margin: 0 0 18px 0;
	text-align:left;
	margin-left:-10px;
	padding-left:10px;
}

.gostergeler .text h4 {
	margin-bottom:10px;
}

.text .key-findings h4 {
	margin-bottom:6px;
}

.text p {
	margin-bottom:18px;
	margin-top:0px;
}

.text p:last-child {
	margin-bottom:20px;
}

.text .text-block {
	text-align:left;
	width:100%;
	max-width:900px;
	margin:0 auto;
}

.text p.highlight {
	font-size:22px;
	line-height:36px;
	color:#6a4c9e;
}

.text h1 + .text-block p.highlight {
	text-align:center;
}

.text p.subtitle {
	font-size:20px;
	line-height:26px;
	font-weight:bold;
	color:#6a4c9e;
	margin-bottom:5px;
}

/*.text p:last-child {
	margin-bottom:0px;
}
*/
.text p.push {
	margin-bottom:36px;
}

.text sup {
	line-height:0.5em;
	font-size:0.75em;
}

.text .section {
	margin-bottom:30px;
	text-align:center;
}

#content.criteria .text .section {
	text-align:left;
}

.text .text-segment {
	margin-top:20px;
}

.text .text-segment.margin-top-for-box {
	margin-top:46px;
}

.text .text-segment h3 {
	position:relative;
	float:left;
	width:200px;
	padding-right:30px;
	margin:0px;
	text-align:right;
}

.text .text-segment h3.sticky {
	position: -webkit-sticky;
	position: sticky;
	top:20px;
	z-index:4;
}

.text.sticky-h1 .text-segment h3.sticky {
	top:129px;
}

.text .text-segment h4.sticky {
	position: -webkit-sticky;
	position: sticky;
	top:119px;
	padding-top:10px;
	padding-bottom:10px;
	z-index:4;
	background-color:#FFFFFF;
}


.text .text-segment .text-segment-text {
	position:relative;
	float:left;
	width:calc(100% - 200px);
	padding-top:1px;
	text-align:left;
	padding-right:0px;
}

.text .text-segment .text-segment-text.with-highlight {
	padding-top:0px;
	margin-top:-3px;
}




.criteria .text .text-segment h3 {
	position:-webkit-sticky;
	position:sticky;
	top:66px;
	z-index:1;
}

.criteria .text .text-segment .text-segment-text {
	padding-top:0px;
	margin-top:-6px;
	margin-bottom:0px;
	padding-right:0px;
}
.text .text-segment:after {
	content:" ";
	display:block;
	clear:both;
}

.text .recommendations {
	background-color:rgba(106,76,158,0.25);
}

.text .recommendations ol {
	margin-top:-4px;
	padding-right:2em;
	padding-bottom:1.25em;
	margin-bottom:30px;
}

.text .recommendations .inline-title {
	font-weight:bold;
	color:#6a4c9e;
	text-decoration:underline;
}
.text a {
	color:#6a4c9e;
	text-decoration:underline;
}

.text a:hover {
	color:#6a4c9e;
	text-decoration:underline;
}



.text .line {
	position:relative;
	display:block;
	width:100%;
	border-bottom:2px solid #FFFFFF;
}

.text .line.header.guidance {
	border-bottom-color:#733734;
}
.text .line.header.implementation {
	border-bottom-color:#345075;
}
.text .line.header.oversight {
	border-bottom-color:#477436;
}
.text .line.header.learning {
	border-bottom-color:#553473;
}

.text .line.guidance {
	border-bottom-color:#b99b99;
}
.text .line.implementation {
	border-bottom-color:#99a7ba;
}
.text .line.oversight {
	border-bottom-color:#a3b99a;
}
.text .line.learning {
	border-bottom-color:#aa99b9;
}

.text .line:after {
	content:" ";
	display:block;
	clear:both;
}
.text .line .num {
	font-family: "Arial";
	position:absolute;
	display:block;
	float:left;
	width:40px;
	border-right:2px solid #FFFFFF;
	padding:4px 8px;
	font-size:0.75em;
	height:calc(100% + 2px);
	text-align:right;
}

.text .line.guidance .num {
	border-right-color:#733734;
}
.text .line.implementation .num {
	border-right-color:#345075;
}
.text .line.oversight .num {
	border-right-color:#477436;
}
.text .line.learning .num {
	border-right-color:#553473;
}

.text .line.last {
	margin-bottom:40px;
}

.text .line .question {
	position:relative;
	display:block;
	float:right;
	width:calc(100% - 42px);
	padding:4px 8px;
}

.text .line.header .question {
	font-size:1.2em;
	font-weight:bold;
}

.text .line.header.guidance .question {
	color:#733734;
}
.text .line.header.implementation .question {
	color:#345075;
}
.text .line.header.oversight .question {
	color:#477436;
}
.text .line.header.learning .question {
	color:#553473;
}

.text a.preview {
	color:#000;
	font-weight:400;
}

.text a.preview:hover {
	text-decoration:none;
}

.text a.preview:hover h1 {
	color:#a06551;
}

.text a.preview:hover p:last-child {
	text-decoration:underline;
}

.text .table-holder {
	margin:40px auto;
	max-width:660px;
	width:100%;
	border:2px solid #FFFFFF;
	padding:0px;
}

.text .table-holder.with-border {
	border:2px solid #85936d;
	margin:20px auto;
	max-width:700px;
	padding:20px;
}

.text .table-holder.with-border.push {
	margin-bottom:36px;
}

.text .table-holder img {
	width:100%;
	height:auto;
}

.text .video {
	position:relative;
	display:block;
	width:75%;
	float:none;
	margin:0 auto;
	margin-bottom:0px;
	margin-top:20px;
}

.text .image {
	position:relative;
	display:block;
	margin:20px auto;
}
.text .image.medium {
	width:75%;
}

.text .image.small {
	width:50%;
}


.text .image img {
	width:100%;
	display:block;
}

.text .image h2 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	margin-top: 5px;
	margin-bottom: 5px;
}

.text .image h2.centered {
	text-align:center;
}

.text ul, 
.text ol {
	margin-top:-9px;
	position:relative;
	display:block;
	margin-bottom:18px;
	text-align:left;
}

.text ul:first-child, 
.text ol:first-child {
	margin-top:0px;
}

.text ul li ul {
	margin-top:5px;
	margin-bottom:0px;
}

.text ul.push, 
.text ol.push {
	margin-bottom:24px;
}

.text ol ul {
	margin-top:9px;
	margin-bottom:9px;
}
.text ol ul li {
	list-style-type:disc;
}

.text ul li {
	margin-left:2em;
	padding-left:0em;
	list-style-type:disc;
	position:relative;
	margin-bottom:5px;
}

.text ul li:last-child {
	margin-bottom:0px;
}

.text ol {
	position:relative;
	display:block;
	margin-bottom:9px;
}

.text ol li {
	margin-left:2em;
	padding-left:0em;
	list-style-type:none;
	margin-bottom:10px;
	position:relative;
}

.text ol li:last-child {
	margin-bottom:0px;
}

.text ol li span.num {
	position:absolute;
	text-align: right;
	left: -2.5em;
	width:2em;
	font-size: 20px;
	font-weight: 700;
	top: -1px;
}

.text .key-findings .graph-holder + p {
	margin-top:-9px;
}

.text .best-practice-examples h4 {
	margin-bottom:15px;
}
.text .best-practice-examples .graph-separator {
	margin-bottom:30px;
}
.text .best-practice-examples .graph-holder {
	margin-top:-30px;
}
.text .best-practice-examples .graph-holder img {
	margin-bottom:-5%;
	margin-top:calc(-5% + 25px);
}

.text p.subtitle + ul {
	margin-top:0px;
}



.text-segment.executive-summary .text-segment-text {
	padding-top:0px;
	margin-top:-6px;
}
.text-segment.executive-summary .text-segment-text h4 {
	margin-bottom:-2px;
}



.text .best-practice-examples .graph-holder .source {
	background-color:#FFFFFF;
	padding:6px 6.89%;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:2;
	font-size:16px;
	line-height:24px;
	width:100%;
}

.text .best-practice-examples .graph-holder .source a {
	color:#000000;
	font-weight:normal;
	overflow-wrap: break-word;
}

.text .best-practice-examples .graph-holder .source a:hover {
	color:#6a4c9e;
}




.checklist {
	position:relative;
	display:block;
	margin-bottom:30px;
	text-align:left;
	line-height:24px;
}

.checklist .cell {
	position:relative;
	float:left;
	display:block;
	padding:10px;
}

.criteria .text .text-segment {
	margin-top:30px;
}

.criteria .text h1 + .text-segment {
	margin-top:20px;
}

.checklist .linec,
.checklist .linec2 {
	position:relative;
	display:block;
	width:100%;
}


.checklist .linec2 {
	float:left;
}

.checklist .linec:after,
.checklist .linec2:after {
	content:" ";
	display:block;
	clear:both;
}


.checklist .header {
	font-weight:bold;
	background-color:#6a4c9e;
	color:#FFF;
	
}

.checklist.tabular .header.last.linec {
	background-color:rgba(106,76,158,0.5);
	border-bottom:0px;
	border-left:0px;
}

.checklist.tabular .header.last.linec > .cell:nth-child(1) {
	border-bottom:0px;
	border-right:0px;
}
.checklist .linec > .cell:nth-child(1) {
	width:25%;
	font-weight:bold;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
}


.checklist .linec > .cell:nth-child(2) {
	width:25%;
}

.checklist .linec > .cell:nth-child(3) {
	width:50%;
}


.checklist.tabular .linec {
	border-bottom:0px solid rgba(106,76,158,0.5);
	border-left:1px solid rgba(106,76,158,0.5);
	display:flex;
}


.checklist.tabular .linec.hide-before-600 {
	display:none;
}

.checklist.tabular .linec > .cell {
	width:25%;
	position:relative;
	top:auto;
	left:auto;
	font-weight:normal;
	border-right:1px solid rgba(106,76,158,0.5);
	line-height:20px;
}

.checklist.tabular .linec > .cell.double {
	border-right:0px;
}

.checklist.tabular .linec > .cell.double .cell {
	border-right:1px solid rgba(106,76,158,0.5);
	border-bottom:1px solid rgba(106,76,158,0.5);
}

.checklist.tabular .linec > .cell.full {
	width:100%;
}

.checklist.tabular .linec:nth-child(2) > .cell:nth-child(1),
.checklist.tabular .linec:nth-child(3) > .cell:nth-child(1),
.checklist.tabular .linec:nth-child(4) > .cell:nth-child(1),
.checklist.tabular .linec:nth-child(5) > .cell:nth-child(1) ,
.checklist.tabular .linec:nth-child(6) > .cell:nth-child(1) ,
.checklist.tabular .linec:nth-child(7) > .cell:nth-child(1) ,
.checklist.tabular .linec:nth-child(8) > .cell:nth-child(1)  {
	background:transparent;
	height:auto;
}

.checklist.tabular .header.linec > .cell {
	font-weight:bold;
}

.checklist.tabular.three-columns .linec > .cell:nth-child(1) {
	width:25%;
	border-bottom:1px solid rgba(106,76,158,0.5);
	font-weight:bold;
}

.checklist.tabular.three-columns .linec > .cell:nth-child(1).full {
	width:100%;
}
.checklist.tabular.three-columns .linec > .cell.double {
	width:75%;
	padding:0px;
	display:flex;
	flex-wrap:wrap;
}
.checklist.tabular.three-columns .linec > .cell.double > .cell:nth-child(2n+1) {
	width:33.3%;
}
.checklist.tabular.three-columns .linec > .cell.double > .cell:nth-child(2n) {
	width:66.7%;
}

.checklist.tabular.two-columns .linec > .cell:nth-child(1) {
	width:50%;
}
.checklist.tabular.two-columns .linec > .cell:nth-child(2) {
	width:50%;
}

.text .checklist.tabular.two-columns .linec .cell ul,
.text .checklist.tabular.three-columns .linec .cell ul {
	margin-bottom:0px;
}

.text .checklist.tabular.two-columns .linec .cell ul li,
.text .checklist.tabular.two-columns .linec .cell ol li,
.text .checklist.tabular.three-columns .linec .cell ol > li {
	border-bottom:1px solid rgba(106,76,158,0.5);
	list-style-type:none;
	margin-left:-10px;
	width:calc(100% + 20px);
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	line-height:22px;
}

.text .checklist.tabular.three-columns .linec .cell ul li {
	list-style-type:none;
	padding-left:0px;
	margin-left:0px;
	font-size:16px;
	line-height:22px;
	margin-bottom:5px;
}

.text .checklist.tabular.three-columns .linec .cell ul:after {
	content:"…";
	display:block;
}

.text .checklist.tabular.two-columns .linec .cell ul li:last-child,
.text .checklist.tabular.two-columns .linec .cell ol li:last-child,
.text .checklist.tabular.three-columns .linec .cell ol > li:last-child {
	border-bottom:0px;
	padding-bottom:0px;
	margin-bottom:-5px;
}

.checklist.tabular .linec > .cell span {
	font-size:14px;
	line-height:18px;
	display:inline-block;
}

.checklist .linec > .cell.rest {
	width:100%;
	padding:0px;
	padding-left:25%;
}

.checklist .linec2 > .cell:nth-child(1){
	width:33.33%;
	font-weight:bold;
}

.checklist .linec2 > .cell:nth-child(2){
	width:66.67%;
}

/*
.checklist .linec:nth-child(2) > .cell > .linec2 {
	border-bottom:2px solid rgba(129,190,55,0.7);
	border-right:2px solid rgba(129,190,55,0.7);
}

.checklist .linec:nth-child(3) > .cell > .linec2 {
	border-bottom:2px solid rgba(129,190,55,0.5);
	border-right:2px solid rgba(129,190,55,0.5);
}

.checklist .linec:nth-child(4) > .cell > .linec2 {
	border-bottom:2px solid rgba(129,190,55,0.3);
	border-right:2px solid rgba(129,190,55,0.3);
}
*/

.checklist .linec2 {
	border-bottom:2px solid rgba(129,190,55,0.3);
	border-right:2px solid rgba(129,190,55,0.3);
}
.checklist .header .linec2 {
	border-bottom:0px;
}

.checklist .linec:nth-child(2) > .cell:nth-child(1) {
	background-color:rgba(129,190,55,0.7);
}

.checklist .linec:nth-child(3) > .cell:nth-child(1) {
	background-color:rgba(129,190,55,0.5);
}

.checklist .linec:nth-child(4) > .cell:nth-child(1) {
	background-color:rgba(129,190,55,0.3);
}

.criteria .checklist .linec.header > .cell:nth-child(1) {
	background-color:transparent !important;
}

.criteria .checklist .linec:nth-child(2n) > .cell:nth-child(1) {
	/*background-color:rgba(129,190,55,0.7);*/
	background-color:#9fcb6e;
}

.criteria .checklist .linec:nth-child(2n) .lineci:nth-child(2n) > .cell:nth-child(1) {
	/*background-color:rgba(129,190,55,0.3);*/
	background-color:#d6e9c1;
}

.criteria .checklist .linec:nth-child(2n) .lineci:nth-child(2n+1) > .cell:nth-child(1) {
	/*background-color:rgba(129,190,55,0.5);*/
	background-color:#bada97;
}

.criteria .checklist .linec:nth-child(2n) .lineci .cell.highlight {
	/*background-color:rgba(129,190,55,0.15);*/
	background-color:#ebf4e0;
}


.criteria .checklist .linec .lineci .cell.highlight {
	font-weight:bold;
}

.criteria .checklist .linec:nth-child(2n) .lineci .cell.rest .cell {
	border-bottom:1px solid rgba(129,190,55,0.25);
}

.criteria .checklist .linec:nth-child(2n+1) > .cell:nth-child(1) {
	/*background-color:rgba(106,76,158,0.7);*/
	background-color:#aed2b3;
}

.criteria .checklist .linec:nth-child(2n+1) .lineci:nth-child(2n) > .cell:nth-child(1) {
	/*background-color:rgba(106,76,158,0.3);*/
	background-color:#dcecde;
}

.criteria .checklist .linec:nth-child(2n+1) .lineci:nth-child(2n+1) > .cell:nth-child(1) {
	/*background-color:rgba(106,76,158,0.5);*/
	background-color:#c5dfc9;
}

.criteria .checklist .linec:nth-child(2n+1) .lineci .cell.highlight {
	/*background-color:rgba(106,76,158,0.15);*/
	background-color:#eef6ef;
}

.criteria .checklist .linec:nth-child(2n+1) .lineci .cell.rest .cell {
	border-bottom:1px solid rgba(106,76,158,0.25);
}


.checklist2 {
	position:relative;
	display:block;
	text-align:left;
}
.checklist2 .header2 {
	position:relative;
	text-align:center;
	padding:10px;
	font-weight:bold;
	background-color:#6a4c9e;
	color:#FFF;
	margin-left:30px;
	width:calc(100% - 60px);
	margin-bottom:0px;
	
	
	position: -webkit-sticky;
	position: sticky;
	top:120px;
	z-index:1;
}

.checklist2 .header2:before {
	content:" ";
	display:block;
	position:absolute;
	left:-30px;
	top:0px;
	width:30px;
	height:100%;
	background-color:#FFFFFF;
}
.checklist2 .header2:after {
	content:" ";
	display:block;
	position:absolute;
	right:-30px;
	top:0px;
	width:30px;
	height:100%;
	background-color:#FFFFFF;
}

.checklist2 .question {
	position:relative;
	text-align:center;
	padding:10px;
	font-weight:bold;
	background-color:rgba(0,136,59, 0.1);
	color:#000;
}

.checklist2 ol {
	margin-bottom:30px;
}

.checklist2 li strong {
	color:#000;
}

.criteria .checklist .linec.header {
	position: -webkit-sticky;
	position: sticky;
	top:60px;
	z-index:4;
}


.criteria .checklist .linec.header > .cell {
	width:20%;
	position:relative;
	top:auto;
	left:auto;
	height:auto;
}

.criteria .checklist .linec.header > .cell:nth-child(3){
	width:70px;
}
.criteria .checklist .linec.header > .cell:nth-child(4){
	width:calc(60% - 70px);
}

.criteria .checklist .linec > .cell {
	width:20%;
}

.criteria .checklist .linec .stick {
	position: -webkit-sticky;
	position: sticky;
	top:114px;
	z-index:3;
}

.criteria .checklist .linec > .cell.rest {
	padding-left:20%;
	width:100%;
}

.criteria .checklist .linec > .cell.rest > .lineci {
	position:relative;
	width:100%;
}

.criteria .checklist .linec > .cell.rest > .lineci:after {
	content:" ";
	display:block;
	clear:both;
}
.criteria .checklist .linec > .cell.rest > .lineci > .cell:nth-child(1) {
	position:absolute;
	left:0px;
	top:0px;
	width:25%;
	height:100%;
	font-weight:bold;
}

.criteria .checklist .linec > .cell.rest > .lineci > .cell.rest {
	padding-left:25%;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	width:100%;
}

.criteria .checklist .linec > .cell.rest > .lineci > .cell.rest > .cell {
	float:none;
	display:block;
}

.criteria .checklist .linec > .cell.rest > .lineci > .cell.rest > .cell:after {
	content:" ";
	display:block;
	clear:both;
}

.criteria .checklist .linec > .cell.rest > .lineci > .cell.rest > .cell .bd {
	position:relative;
	float:left;
	width:70px;
}

.criteria .checklist .linec > .cell.rest > .lineci > .cell.rest > .cell .criteria-line {
	position:relative;
	float:left;
	width:calc(100% - 70px);
}




.text .image-holder {
	position:relative;
	display:block;
	margin-bottom:18px;
}

.text .image-holder img {
	width:100%;
	height:auto;
}

.text .graph-holder {
	position:relative;
	display:block;
	margin-bottom:20px;
	margin-bottom:30px;
	overflow-y:hidden;
	width:100%;
}

.text p.subtitle + .graph-holder {
	margin-top:20px;
}

.text h4 + .graph-holder {
	margin-top:20px;
}

.text .graph-separator + .graph-holder {
	margin-top:30px;
}

.text .graph-holder.gap-20 {
	width:127.58%;
	margin-left:-13.79%;
}

.text .graph-holder.smaller {
	padding-left:11.3%;
	padding-right:11.3%;
}

/*.text .graph-holder:last-child {
	margin-bottom:0px;
}

.text .key-findings .graph-holder:last-child {
	margin-bottom:20px;
}
*/

.text .graph-separator {
	width:100%;
	height:2px;
	display:block;
	background-color:rgba(106,76,158,0.2);
	margin-bottom:20px;
}

.text .graph-holder img {
	display:block;
	height:auto;
	width:100%;
}

.text .graph-holder.fit-top-bottom img {
	margin-top:0;
	margin-bottom:0;
}


.text .highlighted {
	background-color:#e2e4d3;
	padding:10px;
	max-width:500px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	font-weight:normal;
	font-style:italic;
	text-align:center;
}


.full .inner {
	max-width:920px;
	margin:0 auto;
}



.score {
	position:relative;
	display:block;
	width:100%;
	padding:0px;
	border-bottom:1px solid #6a4c9e;
	color:#6a4c9e;
	line-height:24px;
	font-variant-numeric: lining-nums;
}

.text .score .company-name {
	font-weight:bold;
}

.score:after {
	content:" ";
	display:block;
	clear:both;
}

.score > div {
	position:relative;
	float:left;
	padding: 7px 0px;
	text-align:left;
}

.score > div.highlight .company-name {
	color:#3B8F42;
	text-decoration:underline;
}

.score > div:nth-child(1) {
	width:calc(100% - 860px);
	font-weight:normal;
}
.score > div:nth-child(2),
.score > div:nth-child(3),
.score > div:nth-child(4),
.score > div:nth-child(5),
.score > div:nth-child(6),
.score > div:nth-child(7) {
	width:138px;
	text-align:center;
	border-left:7px solid #FFFFFF;
	border-top:7px solid #FFFFFF;
	border-bottom:7px solid #FFFFFF;
	font-weight:bold;
}

.score > div:nth-child(7) {
	width:170px;
	height:62px;
}

.score > div:nth-child(2) {
	color:#FFFFFF;
	text-align:left;
	height:62px;
	padding:0px 5px;
}

.score > div:nth-child(2) .num {
	position:absolute;
	bottom:1px;
	right:3px;
	font-size:40px;
	line-height:34px;
	font-weight:bold;
}

.score > div:nth-child(2) .num.num-1 {
	right:2px;
}

.score > div:nth-child(2) .num.num-3 {
	right:1px;
}

.score > div:nth-child(2) .num.num-5 {
	right:1px;
}




.score > div:nth-child(3),
.score > div:nth-child(4),
.score > div:nth-child(5),
.score > div:nth-child(6) {
	color:rgba(0,92,49,0.8);
	line-height:34px;
}

.score > div.highlight:nth-child(3),
.score > div.highlight:nth-child(4),
.score > div.highlight:nth-child(5),
.score > div.highlight:nth-child(6) {
	color:#FFFFFF;
	text-decoration:underline;
}

.score > div.highlight:nth-child(2) {
	text-decoration:underline;
}

.score > div.highlight:nth-child(2) .num {
	text-decoration:none;
}

.score > div.tier-5 {
	background-color:rgba(0,136,59,0.1);
}
.score > div.tier-4 {
	background-color:rgba(0,136,59,0.2);
}
.score > div.tier-3 {
	background-color:rgba(0,136,59,0.3);
}
.score > div.tier-2 {
	background-color:rgba(0,136,59,0.4);
}
.score > div.tier-1 {
	background-color:rgba(0,136,59,0.5);
}

.score > div.tier-5:nth-child(2) {
	background-color:rgba(0,136,59,0.4);
}
.score > div.tier-4:nth-child(2) {
	background-color:rgba(0,136,59,0.55);
}
.score > div.tier-3:nth-child(2) {
	background-color:rgba(0,136,59,0.70);
}
.score > div.tier-2:nth-child(2) {
	background-color:rgba(0,136,59,0.85);
}
.score > div.tier-1:nth-child(2) {
	background-color:rgba(0,136,59,1);
}


.score.header {
	position: -webkit-sticky;
	position: sticky;
	top:50px;
	padding-top:0px;
	z-index:1;
	background-color:#FFFFFF;
}


.score.header > div {
	font-weight:700;
	color:#6a4c9e;
	text-align:left;
	height: auto;
	padding: 0px;
	line-height: 24px;
	font-style:normal;
	font-weight:bold;
	background-color:transparent;
	border-top:0px;
	border-bottom:0px;
}
.score.header > div br {
	display:none;
}

.score > div:nth-child(7) {
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.score > div:nth-child(7) > div {
	height:30px;
	opacity:0.3;
}

.score > div:nth-child(7) > div.active {
	opacity:1;
}

.score > div:nth-child(7) > div img {
	height:100%;
	width:auto;
}


p.reference {
	font-size:14px;
	line-height:20px;
	margin-bottom:12px;
}


.text a.ref {
	text-decoration:none;
}

.footnote {
	text-align:left;
	color:#6a4c9e;
	margin-top:10px;
}

.footnote .highlight{
	color:#3B8F42;
	text-decoration:underline;
}

.text .photos {
	position:relative;
	display:block;
	margin-left:-10px;
	width:calc(100% + 20px);
}

.text .photos:after {
	content:" ";
	display:block;
	clear:both;
}

.text .photos a {
	width:33.33%;
	height:auto;
	display:block;
	padding:10px;
	float:left;
}

.text .photos.press a img {
	border: 2px solid #a06551;
}

.text .photos.press a h5 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	margin-top: 5px;
	margin-bottom: 5px;
	color:#000;
	font-weight:700;
}

.text .photos.press a:hover {
	text-decoration:none;
}

.text .photos.press a:hover h5,
.text .photos.press a:hover p {
	color:#a06551;
}
.text .photos.press a p {
	margin-top: 0px;
	color:#000;
	font-weight:400;
}

.text .photos.press a:nth-child(3n+1){
	clear:both;
}

.text .photos a img {
	width:100%;
	height:auto;
}

.full-image {
	position:relative;
	display:block;
	margin-bottom:30px;
}

.full-image img {
	width:100%;
	height:auto;
}

.text blockquote {
	padding:10px 15px;
	font-style:italic;
	background-color:#dec2b4;
	margin-bottom:10px;
}


.text .table {
	margin-top:20px;
}

.text .row {
	border-top:1px solid #d9d9d9;
	position:relative;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
}

.text .row:last-child {
	border-bottom:1px solid #d9d9d9;
}

.text .row:after {
	content:" ";
	display:block;
	clear:both;
}

.text .row .label {
	position:relative;
	float:left;
	display:block;
	width:80px;
}

.text .row .value {
	position:relative;
	float:left;
	display:block;
	width:calc(100% - 80px);
}

.text .row .value .small {
	font-size:15px;
}

#video-player {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	max-width:900px;
	margin:0 auto;
}

#video-player:before {
	content:" ";
	display:block;
	width:100%;
	padding-top:56.25%;
}

#video-player iframe {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
/* MAP */

#map {
	width:100%;
	max-width:calc(200vh - 320px);
	max-width:1140px;
	height:auto;
	display:block;
	position:relative;
	margin:40px auto;
}

#map svg,
#map img {
	width:100%;
	height:auto;
}

#map svg polygon {
	fill:#D4A396;
	stroke:#6B4A45;
	stroke-width:0.1px;
	
}

#map svg .country {
	cursor:pointer;
}

#map svg .country .base {
	fill:#005D31;
}

#map svg .country:hover .base {
	fill:#6a4c9e;
}

#principles .principle {
	margin-bottom:20px;
}
#principles h4 {
	margin-bottom:6px;
}

#principles p {
	margin-bottom:6px;
}

#principles .principle .definitions {
	margin-bottom:15px;
}

#principles .principle .comments {
	background-color:rgba(106,76,158,0.1);
	padding:8px 10px;
}

#surveys {
	width:100%;
	max-width:1160px;
	height:auto;
	display:flex;
	flex-wrap:nowrap;
	position:relative;
	margin:20px auto 50px auto;
	padding:10px 20px;
	gap:30px;
}

#surveys .survey {
	width:33.33%;
	position:relative;
	display:block;
	color:#000000;
}
#surveys a {
	width:100%;
	position:relative;
	display:block;
	color:#000000;
}
#surveys a picture {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	margin-bottom:10px;
}

#surveys a picture img{
	position:relative;
	display:block;
	width:100%;
	height:auto;
	box-shadow:0 3px 10px 0 rgb(0 0 0 / 20%);
}

#surveys a h3 {
	font-size:18px;
	line-height:25px;
	margin:0px;
	margin-bottom:3px;
}

#surveys p {
	font-size:18px;
	line-height:25px;
	font-style:normal;
	font-weight:400;
	margin:0px;
}

#surveys p a {
	font-weight:400;
	display:inline;
}

#surveys p a + a {
	margin-left:10px;
}


#news {
	width:100%;
	max-width:1160px;
	height:auto;
	display:flex;
	flex-wrap:nowrap;
	position:relative;
	margin:20px auto 50px auto;
	padding:10px 20px;
	gap:20px;
}

#news a {
	width:33.33%;
	position:relative;
	display:block;
	color:#000000;
}

#news a picture {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	margin-bottom:10px;
}

#news a picture img{
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

#news a h3 {
	font-size:18px;
	line-height:25px;
	margin:0px;
	margin-bottom:3px;
}

#news a p {
	font-size:18px;
	line-height:25px;
	font-style:italic;
	font-weight:400;
	margin:0px;
}

#announcement {
	width:100%;
	max-width:1160px;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	position:relative;
	margin:20px auto 40px auto;
	padding:10px 20px;
}

#announcement .text-holder {
	width:450px;
	text-align:left;
}

#announcement .text-holder h1 {
	font-weight:900;
	font-size:36px;
	line-height:44px;
	color:#6a4c9e;
	margin-bottom:10px;
}

#announcement .text-holder h3 {
	font-style:italic;
	font-weight:400;
	font-size:24px;
	line-height:32px;
	margin-bottom:8px;
}

#announcement .text-holder p {
	margin-top:0px;
	margin-bottom:10px;
}

#announcement .text-holder h4 {
	font-weight:900;
	font-size:16px;
	line-height:20px;
	margin-bottom:10px;
	padding-top:5px;
	font-variant-numeric:lining-nums;
}

#announcement .text-holder .buttons {
	display:flex;
	flex-wrap:wrap;
	padding-top:10px;
}

#announcement .text-holder .buttons a.apply {
	margin-right:20px;
	color:#FFFFFF;
	background-color:#6a4c9e;
	padding:2px 10px;
	border:2px solid #6a4c9e;
}

#announcement .text-holder .buttons a.apply.inactive {
	opacity:0.5;
	pointer-events:none;
}

#announcement .text-holder .buttons a.pdf {
	color:#6a4c9e;
	background-color:#FFFFFF;
	padding:2px 10px;
	border:2px solid #6a4c9e;
}

#announcement .text-holder .buttons a.pdf.push {
	margin-right:20px;
}
#announcement .text-holder .buttons a:hover {
	text-underline-offset: 1px;
	text-decoration-thickness: 2px;
}

#announcement .image {
	position:relative;
	margin-left:30px;
	margin-top:-80px;
	width:calc(100% - 480px);
	background-color:#F0F0F0;
	background-size:cover;
	background-position:center center;
}

#announcement.with-photo .image {
	background-color:transparent;
}

#announcement .image img {
	width:100%;
	height:auto;
	display:none;
}


#announcement.with-photo .image img {
	display:block;
}

#announcement .image .logo {
	position:absolute;
	bottom:0px;
}







#ebym {
	width:100%;
	max-width:1120px;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	position:relative;
	margin:20px auto 20px auto;
	padding:20px;
	background-color:rgb(234, 231, 243);
}

#ebym .text-holder {
	width:calc(100% - 380px);
	text-align:left;
}

#ebym .text-holder h1 {
	font-weight:900;
	font-size:36px;
	line-height:44px;
	color:#6a4c9e;
	margin-bottom:10px;
}

#ebym .text-holder h3 {
	font-style:italic;
	font-weight:400;
	font-size:24px;
	line-height:32px;
	margin-bottom:8px;
}

#ebym .text-holder p {
	margin-top:0px;
	margin-bottom:10px;
}

#ebym .text-holder h4 {
	font-weight:900;
	font-size:16px;
	line-height:20px;
	margin-bottom:10px;
	padding-top:5px;
	font-variant-numeric:lining-nums;
}

#ebym .text-holder .buttons {
	display:flex;
	flex-wrap:wrap;
	padding-top:10px;
}

#ebym .text-holder .buttons a.apply {
	margin-right:20px;
	color:#FFFFFF;
	background-color:#6a4c9e;
	padding:2px 10px;
	border:2px solid #6a4c9e;
}

#ebym .text-holder .buttons a.apply.inactive {
	opacity:0.5;
	pointer-events:none;
}

#ebym .text-holder .buttons a.pdf {
	color:#6a4c9e;
	background-color:#FFFFFF;
	padding:2px 10px;
	border:2px solid #6a4c9e;
}

#ebym .text-holder .buttons a.pdf.push {
	margin-right:20px;
}
#ebym .text-holder .buttons a:hover {
	text-underline-offset: 1px;
	text-decoration-thickness: 2px;
}

#ebym .image {
	position:relative;
	margin-right:60px;
	margin-top:0px;
	width:320px;
}

#ebym .image img {
	width:100%;
	height:auto;
}


#ebym.with-photo .image img {
	display:block;
}

#ebym .image .logo {
	position:absolute;
	bottom:0px;
}







#announcement-logos,
#announcement-logos-2,
#announcement-logos-3 {
	width:100%;
	max-width:1160px;
	height:auto;
	display:flex;
	flex-wrap:nowrap;
	position:relative;
	margin:-20px auto 40px auto;
	padding:10px 20px;
	align-items:center;
}

#announcement-logos-2,
#announcement-logos-3 {
	display:none;
}



#announcement-logos .logo {
	margin-right:60px;
}

#announcement-logos-2 .logo,
#announcement-logos-3 .logo {
	margin-left:15px;
	margin-right:15px;
}

#announcement-logos .logo:last-child {
	margin-right:0px;
}

#announcement-logos #arguden-governance-academy,
#announcement-logos-2 #arguden-governance-academy {
	width:132px;
}

#announcement-logos #alda,
#announcement-logos-3 #alda {
	width:160px;
	margin-top:13px;
}

#announcement-logos #turkiye-belediyeler-birligi,
#announcement-logos-3 #turkiye-belediyeler-birligi {
	width:130px;
	margin-top:12px;
}

#announcement-logos #council-of-europe,
#announcement-logos-2 #council-of-europe {
	width:160px;
	margin-top:11px;
}

#announcement-logos #council-of-europe-with-congress,
#announcement-logos-2 #council-of-europe-with-congress {
	width:320px;
	margin-top:11px;
}

#announcement-logos #altinbas-holding,
#announcement-logos-3 #altinbas-holding {
	width:240px;
	margin-top:6px;
}

#announcement-logos #ozyegin-universitesi,
#announcement-logos-3 #ozyegin-universitesi {
	width:240px;
	margin-top:6px;
}

#announcement-logos .logo img,
#announcement-logos-2 .logo img,
#announcement-logos-3 .logo img {
	width:100%;
	height:auto;
	display:block;
}

#announcement #arguden-governance-academy {
	width:104px;
	left:0px;
}

#announcement #alda {
	width:120px;
	right:0px;
	bottom:8px;
}

#announcement #arguden-governance-academy-2 {
	width:104px;
	left:0px;
	top:0px;
	bottom:auto;
}

#announcement #council-of-europe {
	width:120px;
	left:auto;
	right:0px;
	top:33px;
	bottom:auto;
}

#announcement #altinbas-holding {
	width:160px;
	left:auto;
	right:0px;
	top:auto;
	bottom:20px;
}

#announcement #alda-2 {
	width:120px;
	left:0px;
	bottom:0px;
}


#announcement .image .logo img {
	display:block;
	width:100%;
	height:auto;
}

@media (max-width:920px){
	#announcement-logos .logo {
		margin-right:30px;
	}

	#announcement-logos .logo:last-child {
		margin-right:0px;
	}
}

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

@media (max-width:720px){
	
	#announcement {
		margin-top:0px;
	}
	#announcement .text-holder {
		width:100%;
		order:2;
	}
	
	#announcement .image {
		width:100%;
		order:1;
		margin-left:0px;
		margin-bottom:30px;
		margin-top:-20px;
	}
	
	#announcement .image img {
		display:block;
	}
	

	#ebym .text-holder {
		width:100%
	}
	#ebym .image {
		width:100%;
		width:300px;
		margin:10px auto 30px auto;
	}
}

@media (max-width:500px){
	#announcement-logos {
		display:none;
	}
	
	#announcement-logos-2,
	#announcement-logos-3 {
		display:flex;
		justify-content:center;
	}
	#announcement-logos-2 #council-of-europe {
		margin-left:0px;
	}
	#announcement-logos-2 #arguden-governance-academy {
		margin-right:0px;
	}
	
	#announcement-logos-3 #turkiye-belediyeler-birligi {
		margin-left:0px;
	}
	#announcement-logos-3 #alda {
		margin-left:7px;
		margin-right:7px;
	}
	#announcement-logos-3 #altinbas-holding {
		margin-right:0px;
	}
}

@media (max-width:410px){
	#announcement .text-holder .buttons {
		flex-wrap:nowrap;
		flex-direction:column;
	}
	#announcement .text-holder .buttons a.apply {
		margin-right:0px;
		margin-bottom:20px;
		text-align:center;
	}
	#announcement .text-holder .buttons a.pdf {
		text-align:center;
	}
	#announcement .text-holder .buttons a.pdf.push {
		margin-right:0px;
		margin-bottom:20px;
	}
}

#tooltip {
	position:fixed;
	display:none;
	top:0px;
	left:0px;
	text-align:center;
	background-color:#005D31;
	color:#FFF;
	padding:0 4px 0 5px;
	border:1px solid #FFF;
	line-height:23px;
	transform:translateX(-50%);
	pointer-events:none;
	font-weight:bold;
}

#tooltip:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left:-6px;
	top: 100%;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #FFF;
	clear: both;
}




/* KARNE */

.karne {
	position:absolute;
	display:none;
	background-color:rgba(255, 255, 255, 1);
	border:2px solid #6a4c9e;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	z-index:2;
	width:340px;
	margin-top:270px;
	font-variant-numeric: lining-nums;
}

.karne.tr {
	margin-top:0px;
}

.karne #header {
	display:none;
}

.karne.expanded {
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	transform:none;
	border:0px;
}

.karne.expanded #header {
	display:block;
}

.karne .karne-container {
	position:relative;
	display:block;
	padding:5px 10px;
	margin:0px;
}

.karne.expanded .karne-container {
	max-width:960px;
	margin:0 auto;
	padding:70px 10px 0px 10px;
}


.karne .closer {
	position:absolute;
	top:4px;
	right:2px;
	width:31px;
	height:30px;
	display:block;
	opacity:0.7;
	z-index:3;
}
.karne .closer:before, 
.karne .closer:after {
	position: absolute;
	left: 15px;
	top:5px;
	content: ' ';
	height: 20px;
	width: 1px;
	background-color: #FFF;
}
.karne .closer:before {
	transform: rotate(45deg);
}
.karne .closer:after {
	transform: rotate(-45deg);
}

.karne .closer:hover {
	opacity:1;
}

.karne p {
	margin-top:40px;
	line-height:22px;
	margin-bottom:9px;
}

.karne ul {
	width:100%;
	display:block;
}

.karne ul:after {
	content:" ";
	display:block;
	clear:both;
}
.karne li {
	display:block;
	width:30px;
	height:auto;
	float:left;
}

.karne li img {
	width:100%;
	height:auto;
}



.karne .title {
	position:absolute;
	display:block;
	top:-1px;
	left:-1px;
	width:calc(100% + 2px);
}


.karne .title:after {
	content:" ";
	display:block;
	clear:both;
}

.karne .title h1 {
	position:relative;
	display:block;
	font-weight:700;
	color:#FFFFFF;
	font-size:18px;
	width:100%;
	padding:5px 10px;
	background-color:#6a4c9e;
}

.karne.expanded .title h1 {
	font-size:20px;
	line-height:22px;
	float:left;
	width:300px;
}


.karne .detailed-view {
	color:#6a4c9e;
	margin-top:4px;
	display:block;
}

.karne .detailed-view:hover {
	text-decoration:underline;
}




#sunum {
	padding:30px 40px 30px 40px;
	width:100%;
	height:calc(100vh - 120px);
	background-color:#f4ebe5;
}

#sunum .arrow {
	position:absolute;
	top:50%;
	margin-top:-20px;
	cursor:pointer;
	font-weight:700;
	font-size:20px;
	line-height:40px;
	z-index:999;
	width:40px;
	height:41px;
	text-align:center;
	background-color:#FFF;
	padding-top:4px;
}

#sunum .arrow i {
	border: solid black;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 8px;
}

#sunum .arrow:hover {
	background-color:#a06551;
}

#sunum .arrow:hover i {
	border-color:#FFF;
}

#sunum #sunum-prev {
	left:0px;
	padding-left:4px;
}

#sunum #sunum-next {
	right:0px;
	padding-right:5px;
}

#sunum #sunum-prev i {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

#sunum #sunum-next i {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

#sunum-inner {
	width:100%;
	height:100%;
	position:relative;
	display:block;
}
#sunum .slide {
	width:100%;
	height:100%;
	position:relative;
	display:block;
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center center;
}

#sunum .slide h1 {
	font-size:50px;
	line-height:60px;
}

#sunum .slide a {
	font-size:18px;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:20px;
	border:2px solid #501f7e;
	line-height:24px;
	padding: 5px 10px;
	text-align:center;
	width:auto;
	max-width:calc(100% - 40px);
	white-space:nowrap;
}
#sunum .slide a:hover {
	background-color:#501f7e;
	color:#FFF;
	text-decoration:none;
}

.legend,
.legend2 {
	width:100%;
	max-width:498px;
	margin-right:0px;
	margin-left:auto;
	display:block;
	margin-bottom:20px;
}

.legend2 {
	display:none;
	margin-left:0px;
	width:100%;
}

.legend svg,
.legend2 svg {
	width:100%;
	height:auto;
}




@media (max-width:1190px){
	header {
		position: -webkit-sticky;
		position: sticky;
		top:0px;
		z-index:10000;
	}
		
	header .container {
		flex-wrap:wrap;
	}
	
	header #menu {
		width:100%;
		display:none;
	}
	header.expanded #menu {
		display:block;
	}
	
	header .menu-toggle {
		display:block;
	}
	
	header #menu li,
	header #menu li:first-child,
	header #menu li:last-child,
	header #mobile-menu li,
	header #mobile-menu li:first-child,
	header #mobile-menu li:last-child {
		display:block;
		margin:0;
		width:100%;
		text-align:center;
	}
	
	header #menu li ul,
	header #mobile-menu li ul {
		position:relative;
		top:auto;
		left:auto;
		text-align:center;
		min-width:100%;
		margin-top:-10px;
	}
	
	header #menu li a.selected + ul,
	header #mobile-menu li a.selected + ul {
		display:block;
	}

	header #menu li a,
	header #mobile-menu li a {
		display:inline-block;
		margin:5px auto;
		white-space:nowrap;
		font-size:20px;
	}
	
	.menu-toggle-container {
		display:block;
	}
	
	
	/*#header.expanded #lang-menu {
		display:block;
	}*/
		
	
	.text h1.sticky {
		top:36px;
	}
	
	.criteria .text .text-segment h3 {
		top:36px;
	}
	
	.text .text-segment h3.sticky {
		top:36px;
	}
}

@media (max-width:946px){
	.checklist2 .header2 {
		top:100px;
	}
}



@media (max-width:800px){
	.text .text-segment h3 {
		width:100%;
		text-align:left;
		background-color:#FFFFFF;
		padding-right:0px;
		margin-bottom:20px;
		
	}
	
	/*.text .text-segment h3.sticky {
		top:0px;
		padding-top:6px;
	}
	*/
	.criteria .text .text-segment h3 {
		
		padding-bottom:4px;
		background-color:#FFFFFF;
		margin-bottom:8px;
		z-index:5;
	}
	.criteria .checklist .linec.header {
		top:38px;
	}
	
	.criteria .checklist .linec .stick {
		top:92px;
	}
	
	.text .text-segment h4.sticky {
		top:34px;
	}
	
	#map {
		margin-top:20px;
		margin-bottom:20px;
	}
	
	.karne {
		margin-top:30vw;
	}
	
	
	#content {
		padding:0 15px;
	}
	
	.text .text-segment .text-segment-text {
		width:100%;
	}
	
	.score {
		margin-bottom:10px;
	}
	/*
	.score > div:nth-child(3),
	.score > div:nth-child(4),
	.score > div:nth-child(5),
	.score > div:nth-child(6),
	.score > div:nth-child(7) {
		display:none;
	}
	*/
	
	.text .graph-holder {
		/*width:100%;
		margin-left:0px;*/
	}
	/*
	.score > div {
		min-height:52px;
	}
	.score > div:nth-child(1) {
		width:calc(100% - 40px);
	}
	
	.score > div:nth-child(2) {
		width:calc(100% - 40px);
	}
	
	.score > div:nth-child(1),
	.score > div:nth-child(3) {
		border-top:2px solid #FFFFFF;
	}
	
	.score:last-child > div {
		border-bottom:2px solid #FFFFFF;
	}
	.score.header > div:nth-child(1),
	.score.header > div:nth-child(2),
	.score.header > div:nth-child(7) {
		display:none;
	}
	
	.score > div:nth-child(3) {
		padding-top:26px;
		padding-bottom:0px;
	}
	.score > div:nth-child(4) {
		clear:left;
		border-left:0px;
	}
	.score > div:nth-child(4),
	.score > div:nth-child(5),
	.score > div:nth-child(6),
	.score > div:nth-child(7),
	.score > div:nth-child(8) {
		width:20%;
		min-height:38px;
	}
	*/
	
	.score.header {
		display:none;
	}
	.score.header > div {
		width:20%;
	}
	.score.header > div:nth-child(1),
	.score.header > div:nth-child(2),
	.score.header > div:nth-child(7) {
		display:none;
	}
	
	.score > div:nth-child(1) {
		width:100%;
	}
	
	.score.header + .score {
		border-top:1px solid #6a4c9e;
	}
	.score > div:nth-child(2) {
		width:100%;
		border:0px;
		height:42px;
		line-height:42px;
	}
	.score > div:nth-child(2):before {
		content: "OVERALL ";
		display:inline;
	}
	.score > div:nth-child(3), 
	.score > div:nth-child(4), 
	.score > div:nth-child(5), 
	.score > div:nth-child(6) {
		width:100%;
		padding-left:50%;
	}
	
	.score > div:nth-child(3):before,
	.score > div:nth-child(4):before,
	.score > div:nth-child(5):before,
	.score > div:nth-child(6):before,
	.score > div:nth-child(7):before {
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		width:50%;
		height:42px;
		background-color:#FFFFFF;
		padding-top:6px;
		padding-bottom:6px;
		text-align:left;
		line-height:30px;
		box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing:border-box;
	}
	
	.score > div:nth-child(3):before {
		content:"Guidance: ";
	}
	
	.score > div:nth-child(4):before {
		content:"Implementation: ";
	}
	
	.score > div:nth-child(5):before {
		content:"Oversight: ";
	}
	
	.score > div:nth-child(6):before {
		content:"Learning: ";
	}
	
	.score > div:nth-child(7):before {
		content:"Initiatives: ";
	}
	
	.score > div:nth-child(3),
	.score > div:nth-child(4),
	.score > div:nth-child(5),
	.score > div:nth-child(6) {
		border-left:0px;
		border-bottom:0px;
		border-top:5px solid #FFFFFF;
	}
	
	.score > div:nth-child(7) {
		border:0px;
		width:calc(50% + 140px);
		padding-left:50%;
		height:42px;
	}
	
	.score > div:nth-child(2) .num {
		bottom:4px;
		right:6px;
	}
	
	.score > div:nth-child(2) .num.num-3,
	.score > div:nth-child(2) .num.num-5 {
		right:4px;
	}
	
	.score > div:nth-child(2) .num.num-1 {
		right:5px;
	}
	
	
	#footer .column:nth-child(2) {
		position: absolute;
		top: 170px;
		left: 50%;
		transform: translateX(-50%);
	}
	
	
	#footer .column:nth-child(2) .line:last-child {
		margin-bottom:20px;
	}
}


@media (max-width:550px){ 
	/*.score.header > div {
		min-height:46px;
		padding:5px 0px;
		line-height:18px;
	}
	
	.score.header > div br {
		display:inline;
	}
	
	.score.header > div:nth-child(4),
	.score.header > div:nth-child(5),
	.score.header > div:nth-child(6) {
		padding-top:14px;
	}
	*/
	.legend {
		display:none;
	}
	
	.legend2 {
		display:block;
	}
}

@media (max-width:500px){ 
	.text .table-holder {
		margin:20px auto;	
	}
	.text .table-holder.with-border {
		padding:10px;
	}
}


/*
@media screen and (max-width:737px) and (orientation:portrait) {
	#map {
		transform: translate(-50%, -50%) rotate(73deg);
	}
}
*/
@media (max-width:979px){
	.karne.expanded .closer {
		left:auto;
		right:0px;
	}
	
	.karne.expanded .title {
		left:10px;
		width:calc(100% - 20px);
	}
	
	.karne.expanded .numbers {
		left:10px;
		width:calc(100% - 20px);
	}
	
}

@media (max-width:919px){
	.karne .legend li {
		margin-right:20px;
	}
}

@media (max-width:879px){
	.karne.expanded .legend {
		width:auto;
		clear:left;
		margin-top:5px;
	}
	
	.karne.expanded .numbers {
		top:72px;
	}
	.karne.expanded .karne-container {
		padding-top:97px;
	}
	
	.karne.expanded.sonuclar .karne-container {
		padding-top:70px;
	}
}


@media (max-width:709px){
	.karne.expanded .segment .row h3 {
		width:195px;
	}
	.karne.expanded .segment h1 {
		width:245px;
	}
	.karne.expanded .karne-puani .rows {
		width:calc(100% - 245px);
	}
	.karne.expanded .numbers {
		padding-left:245px;
	}
	
	.text .video {
		width:100%;
	}
	
	.text .image.small {
		width:100%;
	}
	
	.book img {
		width:100%;
		float:none;
		margin-right:0px;
		margin-bottom:20px;
	}
	
	.book .right {
		width:100%;
		float:none;
	}
	
	.book:nth-child(1){
		margin-bottom:30px;
	}
}

@media (max-width:600px){
	
	.checklist .linec > .cell:nth-child(1) {
		position:relative;
		display:block;
	}
	.checklist .linec2 > .cell:nth-child(1),
	.checklist .linec2 > .cell:nth-child(2) {
		width:100%;
	}
	
	.checklist .header .linec2 > .cell:nth-child(2) {
		border-top:1px solid #FFF;
	}
	
	.checklist .linec > .cell:nth-child(1) {
		width:100%;
	}
	
	.checklist .linec > .cell.rest {
		padding-left:0px;
	}
	
	.checklist .header.linec > .cell.rest {
		border-top:1px solid #FFF;
	}
	
	.checklist .linec2 > .cell:nth-child(1) {
		padding-bottom:0px;
	}
	
	.checklist .linec2 {
		border-right:0px;
	}
	
	.checklist .linec2 > .cell:nth-child(2) {
		padding-top:0px;
	}
	
	.checklist .header .linec2 > .cell:nth-child(1) {
		padding-bottom:10px;
	}
	
	.checklist .header .linec2 > .cell:nth-child(2) {
		padding-top:10px;
	}
	.checklist .linec > .cell:nth-child(1) br {
		display:none;
	}
	
	.checklist .linec2:last-child {
		border-bottom:0px;
	}
	
	.checklist .linec:last-child .linec2:last-child {
		border-bottom:2px solid #d3ddce;
	}
	
	.criteria .checklist .linec.header > .cell {
		width:25%;
	}
	.criteria .checklist .linec > .cell.rest {
		padding-left:0px;
	}
	
	.criteria .checklist .linec > .cell:nth-child(1) {
		position:-webkit-sticky;
		position:sticky;
		display:block;
		top:82px;
		z-index:3;
	}
	
	.criteria .checklist .linec > .cell:nth-child(1):before {
		content:"Section: ";
		display:inline;
	}
	
	.criteria .checklist .linec > .cell:nth-child(1) .stick {
		display:inline;
		top:auto;
		position:relative;
	}
	
	.criteria .checklist .linec .stick {
		top:132px;
	}
	
	.criteria .checklist .linec.header > .cell:nth-child(1) {
		display:none;
	}
	
	.checklist.tabular .linec > .cell:nth-child(3),
	.checklist.tabular .linec > .cell:nth-child(4) {
		display:none;
	}
	.checklist.tabular .linec > .cell {
		width:50%;
	}
	
	.checklist.tabular .linec.hide-before-600 {
		display:flex;
	}
}

@media (max-width:599px){
	.karne.expanded .segment .rows {
		padding-left:0px;
	}
	.karne.expanded .segment .row {
		display:block;
		height:auto;
		padding-left:0px;
	}
	.karne.expanded.sonuclar .segment .row {
		display:table;
	}
	.karne.expanded .segment .row h3 {
		width:100%;
		display:block;
		margin-top:10px;
		line-height:18px;
		text-align:center;
	}
	.karne.expanded.sonuclar .segment .row h3 {
		display:table-cell;
	}
	.karne.expanded .segment .row h3 span {
		padding-right:0px;
	}
	.karne.expanded .segment .row h3 br {
		display:none;
	}
	.karne.expanded .segment .row ul {
		display:block;
		margin-top:10px;
		margin-bottom:10px;
		width:100%;
	}
	.karne.expanded.sonuclar .segment .row ul {
		display:table-cell;
	}
	.karne.expanded .segment .row ul:after {
		display:block;
		content:" ";
		clear:both;
	}
	.karne.expanded .segment h2 {
		transform:none;
		position:relative;
	}
	.karne.expanded .segment-1 h2 {
		width:100%;
	}
	.karne.expanded .segment-2 h2 {
		width:100%;
	}
	.karne.expanded .segment-3 h2 {
		width:100%;
	}
	.karne.expanded .segment h1 {
		width:100%;
		padding-left:0px;
		text-align:center;
	}
	.karne.expanded .karne-puani .rows {
		width:100%;
		margin-top:5px;
	}
	.karne.expanded .numbers {
		padding-left:0px;
	}
	
	.video {
		width:100%;
	}
	.video:nth-child(2n+1){
		padding-right:0px;
	}
	.video:nth-child(2n){
		padding-left:0px;
	}
	.karne.expanded .legend {
		width:auto;
		margin-right:20px;
		margin-top:-22px;
	}
	.karne .legend li {
		float:right;
		clear:right;
		width:auto;
		text-align:right;
		margin-right:0px;
	}
	
	.karne.expanded .numbers {
		top:93px;
	}
	.karne.expanded .karne-container {
		padding-top:118px;
	}
	
	.karne.expanded.sonuclar .karne-container {
		padding-top:70px;
	}
	
	a.highlight {
		color: #85936d;
		right: 50%;
		width:auto;
		height:auto;
		top:215px;
		padding-top:0px;
		transform:translate(50%, 0);
		background-color: transparent;
		display:none;
	}
	
	.header-home a.highlight {
		display:block;
	}
	
	a.highlight:hover {
		background-color: transparent;
		text-decoration:none;
	}
}


@media (max-width:549px){
	.karne .ilce-profili .block {
		width:100%;
	}
	
	.text .photos a {
		width:50%;
	}
	
	.text .photos.press a:nth-child(3n+1){
		clear:none;
	}
	
	.text .photos.press a:nth-child(2n+1){
		clear:both;
	}
	
	#sunum {
		padding:20px;
	}
	
	#sunum .arrow {
		display:none;
	}
	
	
	.criteria .checklist .linec.header {
		top:70px;
	}
	
	.criteria .checklist .linec > .cell:nth-child(1) {
		top:114px;
	}
	.criteria .checklist .linec > .cell.rest > .lineci > .cell:nth-child(1) {
		width:100%;
		position:-webkit-sticky;
		position: sticky;
		display: block;
		top: 158px;
		z-index: 2;
	}
	
	.criteria .checklist .linec > .cell.rest > .lineci > .cell:nth-child(1):before {
		content:"Detail: ";
		display:inline;
	}
	
	.criteria .checklist .linec > .cell.rest > .lineci > .cell:nth-child(1) .stick {
		display:inline;
		top:auto;
		position:relative;
	}
	
	.criteria .checklist .linec.header > .cell:nth-child(2) {
		display:none;
	}
	
	.criteria .checklist .linec > .cell.rest > .lineci > .cell.rest {
		padding-left:0px;
	}
	
	.checklist + h1.sticky {
		position:relative;
		top:auto;
	}
	
	.checklist2 .header2 {
		top:36px;
	}
	
	.text.sticky-h1 .text-segment h3.sticky {
		top:96px;
		z-index:5;
	}
	
	.text .text-segment h4.sticky {
		top:125px;
	}
}

/*
@media (max-width:389px){
	.karne {
		width:calc(100% - 20px);
		transform:none;
		top:120px;
		left:10px;
		margin-bottom:10px;
	}
	
	.karne .segment .row h3 {
		font-size:15px;
		width:calc(100% - 71px);
	}
	.karne .segment .row ul {
		width:71px;
		padding-left:0px;
	}
	.karne .segment .row li {
		width:8px;
		height:8px;
		margin-right:1px;
	}
}*/

.sector {
	padding:30px;
}

h5 {
	position:relative;
	display:block;
	padding:12px;
	line-height:32px;
	font-size:28px;
	background-color:#87936b;
	color:#FFFFFF;
	font-weight:600;
	width:33.33%;
	margin:0 auto;
	text-align:center;
}

h5:before {
	position:absolute;
	top:27px;
	left:-100%;
	width:100%;
	height:2px;
	background-color:#87936b;
	content:" ";
	display:block;
}

h5:after {
	position:absolute;
	top:27px;
	left:100%;
	width:100%;
	height:2px;
	background-color:#87936b;
	content:" ";
	display:block;
}

h6 {
	position:relative;
	display:block;
	padding:6px 12px;
	line-height:24px;
	font-size:16px;
	border:1px solid #87936b;
	color:#000000;
	font-weight:600;
	width:calc(33.33% - 48px);
	margin:0 auto;
	text-align:center;
	margin-top:-1px;
}

.text .table {
	margin-top:36px;
}


.text .table .row,
.text .table .header {
	position:relative;
	display:block;
	padding:0px;
	border:0px;
}

.text .table .header {
	border-bottom:2px solid #87936b;
}

.text .table .row:last-child {
	border:0px;
}


.table .row:after,
.table .header:after {
	content:" ";
	display:block;
	clear:both;
}

.table .cell {
	position:relative;
	display:block;
	text-align:center;
	float:left;
	padding:12px;
	width:33.33%;
}

.table .header .cell {
	background-color:#87936b;
	color:#FFF;
	font-weight:600;
}

.table .cell span {
	display:block;
	padding:3px 0;
}

.table .row {
	background-color:#f3f3f3;
}

.table .cell span + span {
	border-top:2px dashed #87936b;
}

.table .cell.double {
	padding-top:31px;
	padding-bottom:31px;
}

.table.column-3 .cell:first-child {
	width:calc(33.33% - 16px);
	margin-right:16px;
}
.table.column-3 .cell:nth-child(2) {
	width:calc(33.33% - 16px);
	margin-right:8px;
	margin-left:8px;
}
.table.column-3 .cell:last-child {
	width:calc(33.33% - 16px);
	margin-left:16px;
}

.table.column-2 .cell:first-child {
	width:calc(33.33% - 16px);
	margin-right:16px;
	margin-left:16.67%;
}
.table.column-2 .cell:last-child {
	width:calc(33.33% - 16px);
	margin-left:16px;
	margin-right:16.67%;
}

.table .row:before {
	content:" ";
	display:block;
	width:calc(100% - 48px);
	height:1px;
	background-color:#87936b;
	position:absolute;
	z-index:2;
	bottom:0px;
	left:24px;
} 

.table .row:last-child:before {
	height:0px;
}

.footer {
	margin-top:60px;
	width:calc(100% - 60px);
	margin-left:30px;
	border-top:2px solid #501f7e;
	padding:12px 0;
}

.footer div,
.footer a {
	position:relative;
	display:block;
	float:left;
	padding:4px 0;
}

.footer:after {
	content:' ';
	display:block;
	clear:both;
}

.footer .social-media:after {
	content:' ';
	display:block;
	clear:both;
}

.footer .social-media a {
	padding:0px;
}

.footer .social-media a:hover {
	text-decoration:none;
}
.footer .social-media,
.footer .phone,
.footer .map {
	float:right;
}

.footer .website {
	margin-right:30px;
}

.footer .fab {
	font-size:20px;
	margin-left:12px;
}

.footer .social-media a:hover {
	color:#000000;
}

.academy-logo {
	width:250px;
	margin:90px auto 30px auto;
	position:relative;
	display:block;
}

.academy-logo svg {
	width:100%;
	height:auto;
	position:relative;
	display:block;
}

sup.footnote {
	font-weight:bold;
	font-size:0.85em;
}



/* UPDATE */

#content .best-practice-examples {
	background-color: #f1f8e8;
	width: 100vw;
	margin-left: calc(360px - 50vw);
	padding-left: calc(50vw - 360px);
	padding-right: calc(50vw - 560px);
	padding-top:20px;
	padding-bottom:20px;
	margin-top:30px;
}

#content .text-segment:last-child .best-practice-examples {
	margin-bottom:-40px;
}

#content .text .best-practice-examples .graph-holder .source {
	position:relative;
	background-color: #f1f8e8;
}

#content .text .text-segment .best-practice-examples h4.sticky {
	background-color: #f1f8e8;
}

#content .text .text-segment .best-practice-examples .graph-holder {
	margin-top:0px;
}

#content .text .text-segment .best-practice-examples .graph-holder {
	margin-top:0px;
}

#content .text .text-segment .best-practice-examples .graph-holder img {
	margin-top:-5.4%;
	margin-bottom:-9%;
}

#content .text .text-segment .best-practice-examples .graph-holder.double-caption img {
	margin-bottom:-11%;
}

@media (max-width:976px){
	#content .best-practice-examples {
		width:calc(100% + 240px);
		margin-left: -220px;
		padding-left: 220px;
		padding-right: 20px;
	}
}

@media (max-width:800px){
	#content .best-practice-examples {
		width: calc(100% + 40px);
		margin-left: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

.text-block.bg {
	background-color:rgba(106,76,158,0.2);
	padding:20px;
	margin-bottom:30px;
}

.text-block.bg p:last-child,
.text-block.bg ul:last-child {
	margin-bottom:0px;
}







form {
	position:relative;
	display:block;
	width: 100%;
	max-width: 870px;
	margin: 0 auto;
}

form .form-row.error {
	display:none;
	margin-bottom:0px;
}
form .form-row.error p {
	text-align:left;
	margin-left:220px;
	color:#be1e2d;
	font-weight:bold;
	margin-bottom:0px;
}

form.error1 .error1 {
	display:block;
}

form.error2 .error2 {
	display:block;
}

form.error3 .error3 {
	display:block;
}

form.error4 .error4 {
	display:block;
}

form.error5 .error5 {
	display:block;
}

form.error6 .error6 {
	display:block;
}

form .form-row.success {
	display:none;
	margin-bottom:0px;
}
form .form-row.success p {
	text-align:left;
	margin-left:220px;
	color:#6a4c9e;
	font-weight:bold;
	margin-bottom:0px;
}

form.success .success {
	display:block;
}

.form-row {
	display:flex;
	margin-bottom:15px;
	align-items:center;
}

.form-row label:first-child {
	width:200px;
	text-align:right;
	margin-right:20px;
	font-weight:bold;
	color:#6a4c9e;
	flex-shrink:0;
}

.form-row .notice {
	width:auto;
	text-align:left;
	margin-left:0px;
	margin-right:auto;
	max-width:600px;
	font-size:15px;
	line-height:19px;
}

.form-row input[type="text"],
.form-row input[type="email"],
.form-row input[type="password"],
.form-row input[type="tel"] {
	border:1px solid #6a4c9e;
	width:300px;
	margin-right:20px;
	padding:4px 8px;
	flex-shrink:0;
}

.form-row input[type="text"].error,
.form-row input[type="email"].error,
.form-row input[type="password"].error,
.form-row input[type="tel"].error {
	border:1px solid #be1e2d;
	background-color:#f9eae7;
}

.form-row input[type="text"].disabled,
.form-row input[type="email"].disabled,
.form-row input[type="password"].disabled,
.form-row input[type="tel"].disabled {
	background-color:#eae7f3;
}

.form-row input[type="checkbox"] {
	width:16px;
	height:16px;
	margin-right:10px;
}

.form-row input[type="checkbox"] + label.notice {
	margin-top:10px;
	margin-bottom:-10px;
}

.form-row input[type="radio"] {
	width:16px;
	height:16px;
	margin-right:10px;
}

.form-row input[type="submit"] {
	width:auto;
	height:auto;
	margin-left:220px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #6a4c9e;
	padding: 2px 10px;
	border: 2px solid #6a4c9e;
	cursor:pointer;
}

.form-row input[type="submit"]:hover {
	text-decoration:underline;
	text-underline-offset: 1px;
	text-decoration-thickness: 2px;
}

.text form a:hover {
	text-decoration:none;
}

.application-menu {
	display:flex;
	width:100%;
	max-width:550px;
	margin:0 auto;
	justify-content:space-between;
	margin-bottom:18px;
}

.application-menu a {
	color:#9681bb;
}
.application-menu a.selected,
.application-menu a:hover {
	color:#000000;
	text-decoration:none;
}

.basvuru-menu a:last-child {
	margin-right:0px;
	margin-left:auto;
}

#evidence-form .form-row,
#evidence-form-read-only .form-row,
#principle-evidence-form .form-row,
#principle-evidence-form-read-only .form-row {
	flex-wrap:wrap;
	margin-bottom:10px;
}

#evidence-form input[type="submit"],
#evidence-form-read-only input[type="submit"],
#principle-evidence-form input[type="submit"],
#principle-evidence-form-read-only input[type="submit"] {
	margin-left:0px;
}

#evidence-form .evidence,
#evidence-form-read-only .evidence,
#principle-evidence-form .evidence,
#principle-evidence-form-read-only .evidence {
	display:none;
	padding-bottom:15px;
	border-bottom:2px solid #6a4c9e;
}

#evidence-form .active .evidence,
#evidence-form-read-only .active .evidence,
#principle-evidence-form .active .evidence,
#principle-evidence-form-read-only .active .evidence {
	display:block;
	width:100%;
}

#evidence-form .active .evidence .evidence-row,
#evidence-form-read-only .active .evidence .evidence-row,
#principle-evidence-form .active .evidence .evidence-row,
#principle-evidence-form-read-only .active .evidence .evidence-row {
	display:flex;
	width:100%;
	margin-top:15px;
}
#evidence-form .active .evidence .evidence-row.single-line,
#evidence-form-read-only .active .evidence .evidence-row.single-line,
#principle-evidence-form .active .evidence .evidence-row.single-line,
#principle-evidence-form-read-only .active .evidence .evidence-row.single-line {
	align-items:center;
}

#evidence-form .active .evidence .evidence-row .file-upload,
#evidence-form-read-only .active .evidence .evidence-row .file-upload,
#principle-evidence-form .active .evidence .evidence-row .file-upload,
#principle-evidence-form-read-only .active .evidence .evidence-row .file-upload {
	display:block;
	position:relative;
}

#evidence-form .active .evidence .evidence-row .file-upload input,
#evidence-form-read-only .active .evidence .evidence-row .file-upload input,
#principle-evidence-form .active .evidence .evidence-row .file-upload input,
#principle-evidence-form-read-only .active .evidence .evidence-row .file-upload input {
	font-size:16px;
}

.file-upload .dropzone {
	border:1px solid #6a4c9e;
	text-align:left;
	width:450px;
	padding:12px;
	background-color:rgba(106,76,158,0.1);
	margin-right:20px;
}

#evidence-form .form-row .evidence label,
#evidence-form .form-row .evidence label:first-child,
#evidence-form-read-only .form-row .evidence label,
#evidence-form-read-only .form-row .evidence label:first-child,
#principle-evidence-form .form-row .evidence label,
#principle-evidence-form .form-row .evidence label:first-child,
#principle-evidence-form-read-only .form-row .evidence label,
#principle-evidence-form-read-only .form-row .evidence label:first-child {
	text-align:left;
	width:160px;
}

#evidence-form textarea,
#evidence-form-read-only textarea,
#principle-evidence-form textarea,
#principle-evidence-form-read-only textarea {
	border:1px solid #6a4c9e;
	width:100%;
	max-width:450px;
	height:140px;
	padding:8px 12px;
	font-size:16px;
	line-height:24px;
	flex-shrink:0;
	margin-right:20px;
}

#evidence-form input[type="text"],
#evidence-form-read-only input[type="text"],
#principle-evidence-form input[type="text"],
#principle-evidence-form-read-only input[type="text"] {
	width:450px;
}

.text form h3 {
	margin:20px 0px 0px 0px;
	text-decoration:underline;
	text-underline-offset:2px;
	text-decoration-thickness: 2px;
}

.text form h4 {
	margin:20px 0px 0px 0px;
	text-decoration:none;
	font-size:20px;
	line-height:26px;
	padding:0px;
}

.text form h4 span {
	text-decoration:underline;
	text-underline-offset:2px;
	text-decoration-thickness: 2px;
	font-variant-numeric:lining-nums;
}

.text form p.question {
	margin:0px;
	width:100%;
	flex-shrink:0;
	text-align:left;
	position:relative;
}
.text form p.question.strong {
	font-weight:bold;
	line-height:24px;
	margin-bottom:10px;
	margin-top:10px;
}

.text form p.question.strong span {
	font-variant-numeric:lining-nums;
}
.radio-holder {
	display:flex;
	width:100px;
	align-items:center;
}

.text p.left-aligned {
	text-align:left; 
	max-width:870px; 
	margin-left:auto; 
	margin-right:auto;
}


.gostergeler .text p.left-aligned {
	text-align:left; 
	max-width:none;
	margin-left:auto; 
	margin-right:auto;
}

.about-eloge .text p.left-aligned {
	margin-left:0px;
}

.radio-holder.single-line {
	width:100%;
	align-items:flex-start;
	background-color:rgba(106,76,158,0.08);
	padding:10px 5px;
}
.radio-holder.single-line:nth-child(2n){
	background-color:rgba(106,76,158,0.15);
}

.form-row .radio-holder.single-line input[type="radio"] {
	margin-top:3px;
}

.radio-holder.single-line label {
	width:154px;
	text-align:left;
	line-height:24px;
}

.radio-holder.single-line .tooltip {
	width:calc(100% - 180px);
	text-align:left;
	font-size:17px;
	line-height:24px;
	min-height:24px;
}

p.question-tooltip {
	text-align:left;
	font-size:17px;
	line-height:24px;
	margin-bottom:10px;
	margin-top:5px;
}

.header-basvur + #content #announcement-logos {
	justify-content:center;
}

.dropzone .dz-message {
	display:none;
}

.dropzone .dz-preview .dz-image,
.dropzone .dz-preview.dz-file-preview .dz-image {
	border-radius:0px;
}

.dropzone .dz-preview .dz-remove:hover {
	text-decoration:none;
	color:#FFFFFF;
	background-color:#6a4c9e;
}

.dropzone .dz-preview .dz-remove:before {
	content: "×";
	background: none;
	border: none;
	color: red;
	cursor: pointer;
	font-size: 20px;
	line-height:20px;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0;
	width:20px;
	height:20px;
	z-index:1000;
	background-color:#FFFFFF;
	color:#6a4c9e;
	text-decoration:none;
	text-align:center;
}

.dropzone .dz-preview .dz-remove:hover:before {
	color:#FFFFFF;
	background-color:#6a4c9e;
}
/* Hide the default text */
.dropzone .dz-preview .dz-remove:after {
	content: none;
}

#finish-form,
#finish-assessment-form {
	background-color:rgba(106,76,158,0.1);
	padding:5px 10px;
	margin-bottom:20px;
}

#finish-form .form-row,
#finish-assessment-form .form-row {
	margin-bottom:0px;
}
#finish-form label,
#finish-assessment-form label {
	width:calc(100% - 135px); 
	text-align:left;
	line-height:24px;
}
#finish-form input[type="submit"],
#finish-assessment-form input[type="submit"]{
	margin-left:0px;
	width:110px;
}

#evidence-form .form-row.error p,
#evidence-form-read-only .form-row.error p,
#principle-evidence-form .form-row.error p,
#principle-evidence-form-read-only .form-row.error p {
	margin-left:180px;
}

#evidence-form .question.error,
#evidence-form-read-only .question.error,
#principle-evidence-form .question.error,
#principle-evidence-form-read-only .question.error {
	background-color:#f9eae7;
}

.dropzone .dz-preview {
	margin:10px;
}

.self-assessments {
	display:flex;
	flex-wrap:wrap;
	margin-bottom:20px;
}

.self-assessments a {
	display:flex;
	flex-direction:column;
	font-weight:bold;
	margin:10px;
	width:calc(20% - 20px);
	background-color:rgba(106,76,158,0.1);
	padding:10px;
	text-align:left;
	text-decoration:none;
	
	-webkit-transition: box-shadow 0.25s ease, background-color 0.25s ease;
	-moz-transition: box-shadow 0.25s ease, background-color 0.25s ease;
	-ms-transition: box-shadow 0.25s ease, background-color 0.25s ease;
	transition: box-shadow 0.25s ease, background-color 0.25s ease;
	box-shadow: 0 1px 5px 0 rgb(0 0 0 / 20%);
}

.self-assessments a:hover {
	box-shadow: 0 1px 5px 0 rgb(106,76,158,0.6);
	text-decoration:none;
}

.self-assessments a.finished {
	background-color:rgba(76,158,92,0.2);
	color:#4C9E5C;
}

.self-assessments a.finished:hover {
	box-shadow: 0 1px 5px 0 rgb(76,158,92,0.7);
}

.self-assessments a.partial {
	background-color:rgba(158,96,76,0.2);
	color:#9E604C;
}

.self-assessments a.partial:hover {
	box-shadow: 0 1px 5px 0 rgb(158,96,76,0.6);
}


.self-assessments a img {
	width:100%;
	height:auto;
	flex-grow:0;
	flex-shrink:0;
	display:block;
	margin-bottom:8px;
}

.self-assessments a .title {
	margin-bottom:2px;
	width:100%;
	display:block;
	flex-shrink:0;
	font-size:16px;
	line-height:20px;
	font-variant-numeric:lining-nums;
}

.self-assessments a:hover .info {
	text-decoration:underline;
}

.self-assessments a .info {
	width:100%;
	display:block;
	flex-shrink:0;
	font-size:20px;
	line-height:23px;
	margin-bottom:10px;
}

.self-assessments a .status {
	font-size:16px;
	line-height:20px;
	margin-top:auto;
}

.new-table {
	max-width:700px;
	width:100%;
	margin:0 auto 18px auto;
	display:block;
	border-top:1px solid rgba(106,76,158,0.2);
	border-left:1px solid rgba(106,76,158,0.2);
}

.new-table .table-row {
	width:100%;
	display:flex;
	border-bottom:1px solid rgba(106,76,158,0.2);
}

.new-table .table-cell {
	border-right:1px solid rgba(106,76,158,0.2);
	padding:4px 6px;
	line-height:24px;
}
.new-table .table-cell:first-child {
	font-weight:bold;
	color:#6a4c9e;
	width:130px;
	flex-shrink:0;
}

.new-table .table-cell:nth-child(2) {
	width:calc(100% - 130px);
}


.checklist.tabular .linec.two-columns {
	display:none;
}

@media (max-width:1100px){
	br.hide-at-1100 {
		display:none;
	}
	
	.self-assessments a {
		width:calc(25% - 20px);
	}
}

@media (max-width:1000px){
	br.hide-at-1000 {
		display:none;
	}
}

@media (max-width:940px){
	#evidence-form .active .evidence .evidence-row,
	#evidence-form-read-only .active .evidence .evidence-row,
	#principle-evidence-form .active .evidence .evidence-row,
	#principle-evidence-form-read-only .active .evidence .evidence-row  {
		flex-wrap:wrap;
	}
	
	#evidence-form .form-row .notice,
	#evidence-form-read-only .form-row .notice,
	#principle-evidence-form .form-row .notice,
	#principle-evidence-form-read-only .form-row .notice {
		margin-left:180px;
		margin-top:5px;
	}
	
	.file-upload .dropzone {
		width:calc(100vw - 230px);
		margin-right:0px;
	}
	
	#evidence-form textarea,
	#evidence-form-read-only textarea,
	#principle-evidence-form textarea,
	#principle-evidence-form-read-only textarea {
		max-width:none;
		width:calc(100vw - 230px);
		margin-right:0px;
	}
	
	
	.checklist.tabular .linec {
		flex-wrap:wrap;
	}
	.checklist.tabular .header.linec.two-columns {
		display:flex;
		width:100%;
	}
	
	
	.checklist.tabular .header.linec > .cell:nth-child(2) {
		display:none;
	}
	.checklist.tabular .header.linec.two-columns > .cell:nth-child(2) {
		display:block;
		width:66.7%;
	}
	.checklist.tabular.three-columns .linec > .cell:nth-child(1) {
		width:100%;
	}
	.checklist.tabular.three-columns .linec.two-columns > .cell:nth-child(1) {
		width:33.3%;
	}
	.checklist.tabular.three-columns .linec > .cell.double {
		width:100%;
	}
}

@media (max-width:800px){
	.self-assessments a {
		width:calc(33.33% - 20px);
	}
}

@media (max-width:720px){
	.form-row {
		flex-wrap:wrap;
	}
	.form-row label:first-child {
		text-align:left;
	}
	
	.form-row input[type="text"], 
	.form-row input[type="email"], 
	.form-row input[type="password"], 
	.form-row input[type="tel"] {
		width: calc(100% - 240px);
	}
	
	.form-row .notice {
		margin-left:220px;
		margin-top:5px;
	}
	
	.form-row.consent {
		align-items:flex-start;
		padding-top:5px;
	}
	.form-row input[type="checkbox"] + label.notice {
		margin-left:0px;
		margin-top:0px;
		margin-bottom:0px;
		width:calc(100% - 250px);
	}
	
	#evidence-form .form-row .notice,
	#evidence-form-read-only .form-row .notice,
	#principle-evidence-form .form-row .notice,
	#principle-evidence-form-read-only .form-row .notice {
		margin-left:0px;
		margin-top:5px;
	}
	
	.file-upload .dropzone {
		width:calc(100vw - 45px);
	}
	
	#evidence-form textarea,
	#evidence-form-read-only textarea,
	#principle-evidence-form textarea,
	#principle-evidence-form-read-only textarea {
		width:100%;
	}
	
	#finish-form label,
	#finish-assessment-form label {
		width:100%;
	}
	
	br.hide-at-720 {
		display:none;
	}
}

@media (max-width:625px){
	br.hide-at-625 {
		display:none;
	}
}

@media (max-width:575px){
	.form-row label:first-child {
		text-align:left;
	}
	
	.form-row label:first-child {
		width:100%;
		margin-right:0px;
	}
	
	.form-row input[type="text"], 
	.form-row input[type="email"], 
	.form-row input[type="password"], 
	.form-row input[type="tel"] {
		width: 100%;
		margin-right:0px;
	}
	
	form .form-row.error p {
		margin-left:0px;
	}
	
	.form-row input[type="submit"] {
		margin-left:0px;
	}
	
	.form-row .notice {
		margin-left:0px;
		margin-top:5px;
	}
	
	.form-row input[type="checkbox"] + label.notice {
		width:calc(100% - 30px);
	}
		
	#evidence-form input[type="text"],
	#evidence-form-read-only input[type="text"],
	#principle-evidence-form input[type="text"],
	#principle-evidence-form-read-only input[type="text"] {
		width:100%;
	}
	
	br.hide-at-575 {
		display:none;
	}
	
	.application-menu {
		flex-direction:column;
	}
	
	.self-assessments a {
		width:calc(50% - 20px);
	}
}

@media (max-width:430px){
	.self-assessments a {
		width:100%;
		margin:10px 0;
	}
}

@media (max-width:500px){
	#logo {
		width:250px;
	}
	
	.menu-toggle {
		top:44px;
	}
	.checklist.tabular .header.linec.two-columns > .cell:nth-child(1) {
		width:100%;
	}
	.checklist.tabular .header.linec.two-columns > .cell:nth-child(2) {
		display:none;
	}
	
	.checklist.tabular.three-columns .linec > .cell.double > .cell:nth-child(2n+1) {
		width:100%;
	}
	
	.checklist.tabular.three-columns .linec > .cell.double > .cell:nth-child(2n) {
		width:100%;
	}
	.checklist.tabular.three-columns .linec > .cell.double > .cell:nth-child(2n):before {
		content:"Önerilen Kanıtlar: ";
		font-weight:bold;
		color:#6a4c9e;
		display:block;
		margin-bottom:5px;
	}
	
	#news {
		flex-wrap:wrap;
	}

	#news a {
		width:100%;
	}
	
	#surveys {
		flex-wrap:wrap;
	}

	#surveys .survey {
		width:100%;
	}
}