html[dir="rtl"] *{
    font-family: 'Almarai', sans-serif !important;
}
.ms-cui-menu{
	position:fixed!important;
	
}
.wrapper-fixed{
    position: fixed;
    z-index: 2;
    
}
.section-header-full-height__image{
	height: 104%;
}
.logged-in .navigation{
position:absolute;
}
.logged-in .navigation{
    position:relative;
}  
.logged-in .app-main-data-component{
   padding-top: 5%;
}
.logged-off .settings:not(.is-small){
 top: 0;
    position: fixed;
}
.logged-off .navigation{
   position:fixed;
}
.s4-wpcell-plain+.s4-wpcell-plain{
	margin-top: 0!important;
}
.footer {
    margin-top: 0;
}
.section-engagement-groups{
	margin-bottom: 7.14286rem;
}
.section-header-full-height__title{
	color: #ffffff!important;
}
.ms-cui-topBar2.ms-cui-topBarMaximized{
	background: gainsboro;
}
.ms-cui-topBar2{
	background: #f2eded!important;
}

.hidden{
	display:none !important;
}
.js-overlay-search{
	z-index:101;
}

#ms-designer-ribbon{
	position: relative;
	z-index: 100;
}
.overview-breadcrumbs{
	padding-top: 20em;
}
.ms-ToolPaneOuter{
	position: relative;
	top: 200px;
}
#SearchBox{
	display: none;
}
#Result{
	background: #017452;
}
#NoResult div:not(:first-child), #NoResult ul{
	display: none;
}
#NoResult .ms-srch-result-noResultsTitle{
	color: white;
	font-family: inherit;
}
c0{
	font-weight: bold;
}
/* content page */
/*.section-copy-intro__content.rich-text.page-content div{
	margin-bottom: 2.14286rem;
    font-size: 1.28571rem;
    font-weight: 300;
    line-height: 2rem;
}
*/
/* footer */
.footer::before{
	content: "";
    position: relative;
    display: block;
    height: 2.42857rem;
    background-image: url(../images/graphic-banner.png);
    background-position: center;
    background-size: contain;
}

/* App overrides & fixes */
/* content page breadcrumb */

.breadcrumbs__item{
	
}

.section-breadcrumbs__inner ul{
	list-style: none;
	display: inline-block;
	margin:0;
	padding: 0;
}

.section-breadcrumbs__inner li::before{
	content: ">";
    margin-right: 0.28571rem;
    margin-left: 0.28571rem;
}
.section-breadcrumbs__inner > ul > li > a,.section-breadcrumbs__inner > ul > li > span, .section-breadcrumbs__inner > ul > li::before{
	display:none;	
}
.section-breadcrumbs__inner > ul > li > ul > li::before{
	content: none;
}

.section.section-header-simple img{
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;	
}

/*navigation and transition*/
 html {
    font-size: 14px;
    overflow: hidden;
    overflow-y: scroll;
    overscroll-behavior-y: none;
    background-color: #f7f6f4 !important;
}
.page-transition {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    z-index: 20;
    background-color: #FFFFFF;
}

.form-search__input {
  width: 100%;
  height: 5.57143rem;
  color: #FFFFFF !important;
  line-height: 7.14286rem;
  border-radius: none;
  border: 0 !important;
  border-bottom: 1px solid #FFFFFF !important;
  background: none !important;
  outline: none; }
  [dir=ltr] .form-search__input {
    padding-right: 3.21429rem; }
  [dir=rtl] .form-search__input {
    padding-left: 3.21429rem; }

.form-search__button-submit {
  position: absolute !important;
  top: 0 !important;
  width: 2.85714rem;
  height: 5.57143rem; }
  [dir=ltr] .form-search__button-submit {
    right: 0; }
  [dir=rtl] .form-search__button-submit {
    left: 0; }


/* Home page style */
.headingInner{
	
    margin-bottom: 1.42857rem;
    font-size: 2.28571rem;
    font-weight: 300;
    letter-spacing: -0.105rem;
    line-height: 2.85714rem;
    color: #000002;
    margin: 0;

}
@media (min-width: 768px){
.footer-legal{
	/* padding-bottom: 6rem; */
}	

.headingInner {
    font-size: 2.85714rem;
    letter-spacing: -0.14rem;
    line-height: 3.57143rem;
}
}
.ms-rtestate-field{
	width: 82%;
    margin: 0 auto;
}
/*
@font-face {
  font-family: 'roxborough-regular';
  src: url("../font/roxborough-cf-regular-webfont-full.woff2") format("woff2"), url("../font/roxborough-cf-regular-webfont-full.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'roxborough-bold';
  src: url("../font/roxborough-cf-bold-webfont-full.woff2") format("woff2"), url("../font/roxborough-cf-bold-webfont-full.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
*/

.download-resource-item__border {
    position: absolute;
    top: 0.71429rem;
    left: 0.71429rem;
    width: calc(100% - 1.42857rem);
    height: calc(100% - 1.42857rem);
    background-image: url("../images/download-resource/top.svg"), url("../images/download-resource/bottom.svg"), url("../images/download-resource/left.svg"), url("../images/download-resource/right.svg");
    background-size: 100% 1px, 100% 1px, 1px 100%, 1px 100%;
    background-position: 0 0, 0 100%, 0 0, 100% 0;
    background-repeat: no-repeat;
    pointer-events: none;
}

.thumbnail-color:visited{
	text-decoration:none;
}
.ms-webpartzone-cell{
	margin: auto;
}
.app-main-data-component{
	background-color: #f7f6f4;
	top:0!important;
}


.section-documents__description {

    font-size: 1rem!important;

}

.section-header-with-copy__subtitle {
    color: #FFFFFF!important;
 }
   .section-message-homepage__title{
	color: #000002!important;

}
.section-agenda-homepage__header .heading-b{
	    color: #000002!important;
}
a.thumbnail-color:hover{
	text-decoration: none!important;
	
}
.section-engagement-groups__header .heading-b{
	color: #000002!important;
	
}
  
  .ms-rtestate-field {
    width: 100%;
    margin: 0 auto;
}
input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, button:hover {
        background-color: transparent!important;
}


.section-header-simple {
  position: relative;
  padding-bottom: 0; 
 }
 .section-header-simple .ms-rtestate-field img{
	height: 62.5%; 
	position:relative;
}
  
    .section-copy-image__title{
	color:#ffffff!important;
}
    
    .navigation{
	position:absolute;
}
.section-copy-intro__content.rich-text.page-content .ms-rtestate-field{
	color: #000002; 
    margin-bottom: 1.42857rem;
    font-size: 1rem!important;
    font-weight: 400;
    line-height: 1.71429rem;
   }
div.ms-rteElement-G20divcenter {
    -ms-name:"G20 Center Paragraph";
    background: transparent;
	color: #000002; 
    margin-bottom: 1.42857rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.71429rem;
  	width: 86.66667%;
  	margin-left: auto;
  	margin-right: auto;
    padding-left: 0.69444%; 
    padding-right: 0.69444%;
  
}

div.ms-rteElement-G20divleft {
 	-ms-name:"G20 Left Paragraph";
    background: transparent;
	color: #000002; 
    margin-bottom: 1.42857rem;
    font-size: 1rem!important;
    font-weight: 400;
    line-height: 1.71429rem;
  	width: 86.66667%;
  	margin-left: auto;
  	margin-right: auto;
    padding-left: 0.69444%; 
    padding-right: 0.69444%;
 }

div.ms-rteElement-G20_Heading_3{
    -ms-name: "G20 Heading 3";
    line-height: 2.85714rem;
	font-weight: 300;
    font-size: 2.28571rem!important;    
    letter-spacing: -0.105rem;
    margin-bottom: 1.42857rem;
    color: #000002;
    width: 86.66667%;
  	margin-left: auto;
  	margin-right: auto;
    padding-left: 0.69444%; 
    padding-right: 0.69444%;
}
div.ms-rteElement-G20_Heading_4{
    -ms-name: "G20 Heading 4";
   	width: 86.66667%;
  	margin-left: auto;
 	margin-right: auto;
  	padding-left: 0.69444%;
  	padding-right: 0.69444%;
  	margin-bottom: 0.71429rem;
  	color: #000002;
  	font-size: 1.42857rem!important;
  	font-weight: 500;
  }

div.ms-rteElement-G20_Quote{
    -ms-name: "G20 Quote";
    width: 86.66667%;
  	margin-left: auto;
  	margin-right: auto;
  	text-align: center; 
    padding-left: 0.69444%; 
    padding-right: 0.69444%; 
    font-size: 1.42857rem!important;
  	line-height: 2rem;
  	font-style: italic; 
}
div.ms-rteElement-G20_Image{
    -ms-name: "G20 Image";
    width: 100%;
  	margin-left: auto;
  	margin-right: auto; 
    padding-left: 0; 
    padding-right: 0; 
}
div.ms-rteElement-G20_Logo{
	-ms-name: "G20 Logo";
    width: 25%;
  	margin-left: auto;
  	margin-right: auto; 
    padding-left: 0; 
    padding-right: 0; 
    }
    div.ms-rteElement-G20_Logo img{
	width:100%;
}

a.ms-rteElement-G20_Documents{
    -ms-name: "G20 Documents";
    width: 86.66667%;
  	margin-left: auto;
  	margin-right: auto; 
    color: #017452;
  	font-weight: 600;
  	line-height: 2.14286rem; 
}
a.ms-rteElement-G20_Documents:visited{
     color: #017452;
}

div.ms-rteElement-G20_Legal{
    -ms-name: "G20 Legal Text Style";
	width: 86.66667%;
  	margin-left: auto;
  	margin-right: auto; 
    padding-left: 0.69444%; 
    padding-right: 0.69444%; 
    font-size: 1rem!important;
  	line-height: 1.71429rem;
  	margin-bottom: 1.42857rem;

    }

div.ms-rteElement-G20_Image img{
	width:100%;
}
body, .ms-core-defaultFont, #pageStatusBar, .ms-status-msg, .js-callout-body {
    font-size: 1rem!important;
}
.section-copy-intro__content p, .section-copy-intro__content ul, .section-copy-intro__content ol{
    line-height: 1.71429rem;	}
}
.section-copy-overview .ms-rtestate-field{
	margin-bottom: 1.71429rem;
    font-size: 1rem;
    letter-spacing: -0.014rem;
    line-height: 1.71429rem;
}
.rich-text p, .rich-text ul, .rich-text ol {
    font-size: 1rem!important;
}
.section-documents__button {
    font-size: 1rem!important;
}
.section-copy-image__title {
    font-size: 2.28571rem!important;
}
.section-copy-intro__content p, .section-copy-intro__content ul, .section-copy-intro__content ol {
    font-size: 1.28571rem!important;
}
.section-copy-overview .ms-rtestate-field {
    font-size: 1.28571rem!important;
}
.section-engagement-groups-list__subtitle {
    font-size: 2rem!important;
}
.section-copy-intro__content.rich-text.page-content .ms-rtestate-field{
		color: #000002; 
    	font-size: 1.28571rem!important;
    	font-weight: 300;
    	line-height: 2rem;
   }

	div.ms-rteElement-G20divcenter {
	    font-size: 1.28571rem!important;
      	font-weight: 300;
      	margin-bottom: 2.14286rem;
    	line-height: 2rem;
    	width: 73.33333%; 
      	padding-left: 0.69444%; 
      	padding-right: 0.69444%; 

		}
	
	div.ms-rteElement-G20divleft {
      	font-size: 1.28571rem!important;
      	font-weight: 300;
      	margin-bottom: 2.14286rem;
    	line-height: 2rem;
    	width: 73.33333%; 
    	max-width: 1056px;
      	padding-left: 0.69444%; 
      	padding-right: 0.69444%; 


 		}
 		
 	div.ms-rteElement-G20_Heading_3{
 		font-size: 2.85714rem!important;
   		letter-spacing: -0.14rem;
   		line-height: 3.57143rem;
   		width: 73.33333%; 
      	padding-left: 0.69444%; 
      	padding-right: 0.69444%; 
    }
     div.ms-rteElement-G20_Heading_4{
    	 width: 73.33333%; 
    	 padding-left: 0.69444%;
    	 padding-right: 0.69444%; 
    	 }

     div.ms-rteElement-G20_Quote{
     	font-size: 1.71429rem!important;
    	line-height: 2.42857rem; 
     }
div.ms-rteElement-G20_Image{
  width: 86.66667%; 
         padding-left: 0.69444%; 
         padding-right: 0.69444%; 
            }
div.ms-rteElement-G20_Logo{


width: 15.66667%;
    padding-left: 0.69444%;
    padding-right: 0.69444%;
    }

   div.ms-rteElement-G20_Legal{
   		width: 73.33333%; 
      	padding-left: 0.69444%; 
      	padding-right: 0.69444%;
        }

    .section-copy-overview .ms-rtestate-field{
	font-size: 1.28571rem;
    font-weight: 200;
    letter-spacing: 0rem;
    line-height: 1.85714rem;
    margin-bottom: 1.71429rem;
    }

.s4-wpcell-plain:first-child{
	margin-top:0;
}
	
	 .section-header-simple {
	    padding-bottom: 0;
	    min-height: 16rem; 
	 } 
    
    .section-header-simple .ms-rtestate-field img{
		height: 28.57143rem; 
		position: relative;
	} 
	.section-breadcrumbs__inner li {
	    font-size: 1rem;
	    line-height: 1.42857rem;
	}
	
	
	}

@media (min-width: 1024px) {

	div.ms-rteElement-G20divcenter {
	   	width: 60%; 
      	padding-left: 0.69444%; 
      	padding-right: 0.69444%; 
		}
	
	/*div.ms-rteElement-G20divleft {
      	width: 60%; 
      	padding-left: 0.69444%; 
      	padding-right: 0.69444%; 
 		}
 		*/
 	div.ms-rteElement-G20_Heading_3{
 		width: 60%; 
      	padding-left: 0.69444%; 
      	padding-right: 0.69444%; 
        }
        div.ms-rteElement-G20_Heading_4{
    	 width: 60%; 
    	 padding-left: 0.69444%;    	 
    	 padding-right: 0.69444%; 
    	 }

        div.ms-rteElement-G20_Quote{
     	width: 46.66667%;
    	max-width: 672px; 
        padding-left: 0.69444%; 
      	padding-right: 0.69444%; 
       }
       div.ms-rteElement-G20_Image{
   		width: 73.33333%;
    	max-width: 1056px; 
      	padding-left: 0.69444%;
      	padding-right: 0.69444%; 
    }
    div.ms-rteElement-G20_Logo{
    width: 15.33333%;    	max-width: 1056px; 
      	padding-left: 0.69444%;
      	padding-right: 0.69444%; 
    }

    div.ms-rteElement-G20_Legal{
    	width: 60%; 
      	padding-left: 0.69444%; 
      	padding-right: 0.69444%;       
       }



 }

.newsarchive{display:flex; flex-wrap:wrap;}
.newsarchive a{flex:0 0 48%;margin:1% 0;display:flex;}
.newsarchive a img{margin-right: 2%;object-fit: contain;width: 139px;height: 90px;background: #fff;}
.newsarchive a span{display:block; margin-top:5%}
.newsarchive a h3{font-weight: 500;}
.newsarchive a:nth-child(2n+2){margin-left:2%}

html[dir="rtl"] .newsarchive a img{max-width: 30%;margin-left: 2%;}
html[dir="rtl"] .newsarchive a:nth-child(2n+2){margin-right:2%}

.doc-decs{padding:20px 0;}
.doc-list{display:flex;flex-wrap:wrap;justify-content: center;}
.doc-list a{flex: 0 0 23%;margin:1% 0;text-align: center;}
.doc-list a img{width: 100%;margin-right: 2%;max-width: 100%;}
.doc-list a span{display:block;margin-top:5%;}
.doc-list a:nth-child(2n+2){margin-left:2%}

html[dir="rtl"] .doc-list a img{width: 100%;margin-left: 2%;}
html[dir="rtl"] .doc-list a:nth-child(2n+2){margin-right:2%}

.agenda-list{display:flex; flex-wrap:wrap; list-style:none}
.agenda-list li{flex:0 0 31%}
.agenda-list li a{display:block;height: 270px;background-size: cover;width: 100%;background-repeat: no-repeat; text-decoration:none; overflow:hidden; position:relative}
.agenda-list li a div{padding:2rem;position:absolute;background:rgba(0, 0, 0, 0.16);height:50%;transform: translate(0, 100%);transition:all ease .35s;opacity:0.8;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);padding-top: 5rem;}
.agenda-list li a div p{visibility:hidden; opacity:0; transition:all ease .85s; font-size:18px; margin-top:1rem}
.agenda-list li:nth-child(3n + 2){margin:0 2%}
.agenda-list li a:hover div{transform:translate(0, 0);height:100%;background: -moz-linear-gradient(top,  rgba(0,0,0,0.59) 0%, rgba(0,0,0,0.85) 100%);background: -webkit-linear-gradient(top,  rgba(0,0,0,0.59) 0%,rgba(0,0,0,0.85) 100%);background: linear-gradient(to bottom,  rgba(0, 0, 0, 0.59) 0%,rgba(0, 0, 0, 0.85) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#cc000000',GradientType=0 );opacity:1;}
.agenda-list li a:hover div p{visibility:visible;opacity:1; color:#fff}
.agenda-list li a div h1{font-weight:600;font-size:20px;color: #fff;}
.agenda-list li a:hover div h1{color:#fff;}

.agenda_lisInt{width: 86.66667%; max-width: 1248px;margin-left: auto;margin-right: auto; display:flex; flex-wrap:wrap}
.agenda_lisInt div{flex:0 0 31%}
.agenda_lisInt div:nth-child(3n+2){margin:0 2%}
.agenda_lisInt div h1{font-weight:bold; font-size:21px; text-align:center;max-width:200px; margin:auto}
.agenda_lisInt div p{text-align:center; margin:1.3rem 0}
.agenda_lisInt div:nth-child(1) h1{color:#f1d284}
.agenda_lisInt div:nth-child(2) h1{color:#007557}
.agenda_lisInt div:nth-child(3) h1{color:#241f21}
.agenda_lisInt div ul{list-style:none;}
.agenda_lisInt div ul li:before {content:''; width: 0;height: 0;border-top: 5px solid transparent;border-left: 8px solid #f1d284;border-bottom: 5px solid transparent; display:inline-block; vertical-align:middle; margin-right:5px}
.agenda_lisInt div:nth-child(2) ul li:before{border-left: 8px solid #007557;}
.agenda_lisInt div:nth-child(3) ul li:before{border-left: 8px solid #241f21;}
.agenda_lisInt div ul li{margin:15px 0}
.agenda_lisInt div a{display:block}
.section-agenda-homepage__inner header h1{font-size:27px;}
html[dir="rtl"] .agenda_lisInt div ul li:before{border-right: 8px solid #f1d284; border-left:none; margin-right:0; margin-left:10px}
html[dir="rtl"] .agenda_lisInt div:nth-child(2) ul li:before{border-right: 8px solid #007557;}
html[dir="rtl"] .agenda_lisInt div:nth-child(3) ul li:before{border-right: 8px solid #241f21;}

@media (min-width: 1440px) {

	div.ms-rteElement-G20divcenter {
    	width: 46.66667%;
    	max-width: 672px; 
        padding-left: 0.69444%; 
      	padding-right: 0.69444%; 
    	}
	
	div.ms-rteElement-G20divleft {
      	width: 73.33333%;    	
        padding-left: 0; 
      	padding-right: 0;
      	  /* width: 63.63636%; 
      padding-left: 0.94697%; 
      padding-right: 0.94697%; */
 		}
 
     		
 	div.ms-rteElement-G20_Heading_3{
 		width: 46.66667%;
    	max-width: 672px; 
        padding-left: 0.69444%; 
      	padding-right: 0.69444%;       
      	 }
      	
    div.ms-rteElement-G20_Heading_4{
    	 	width: 46.66667%;
    		max-width: 672px;   
    		padding-left: 0.69444%; 
    		padding-right: 0.69444%;	
    		  }
    div.ms-rteElement-G20_Legal{
    	width: 46.66667%;
    	max-width: 672px; 
      	padding-left: 0.69444%; 
      	padding-right: 0.69444%;
       }



}

      
	#application {
    overflow: inherit;
}

 .cell-margin { margin:
0; } 
@media (max-width: 768px){
	.navigation {
	    position: fixed!important;
	}
	.section-copy-image__image{
		width: 100% !important;
	}
	
	.agenda_lisInt div{flex:0 0 100%;margin-bottom: 1rem !important;}
	.agenda_lisInt div h1{max-width:none; text-align:left}
	.agenda_lisInt div p{text-align:left; margin:0.5rem 0}
	.agenda_lisInt div:nth-child(2){margin-right:0; margin-left:0}
	.agenda-list li{flex:0 0 100%; margin:1rem 0 !important}
	.agenda-list{padding:0; max-width:90%; margin:auto}
	.agenda-list li a{background-position:center 0}
}

.edit_mode #MSOTlPn_Tbl{
	position: absolute;
    top: 200px;
    left: 0;
    z-index: 99999;
}

$colourBase: #444;
$colourLight: #eee;

@mixin triangle{
	position: absolute;
	left: -20px;
	top: 14px;
	content: "";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #cccccc;
}

/*------------CSS------------*/


.container {
	width:100%; 
	float:left;
	}

//Header is fixed in this example and given some simple styling.
header {
	float:left;
	width:100%;
	background: #fff;
	z-index: 1;
	padding:0;
	nav{
		li{
			display: inline;
			padding: 0 40px;
		}
	}
}
.wrapper {
	float:left;
	width:100%;
	max-width:960px;
	margin:0 auto;
	float:none;
}
//Page Title: margin top is set as the offset from the static menu
.pageTitle {
	width:100%; 
	float:left;
	border-bottom: 1px solid #ccc;
	margin-top:50px;
}
.mainContent {
	background: #ccc;
	color:#222;
	float:left;
	max-width:960px;
	margin:0 auto;
	padding:3%;
	width:69%;
}

.menu a:hover { color:#fff;
	background-color:#4f8cb3;
	cursor:pointer;
	}
//Floating navigation for anchor points on single page
#subNavigation{
	min-height: 100px;
	float: left;
	width: 25%;
	ul{
		padding: 0;
		float: left;
		width:20%;
		margin-top: 40px;
		list-style: none;
		box-sizing: border-box;
		li{
			position: relative;
			background: $colourBase;
			width: 200px;
			float: left;
			border-right: 2px solid #222;
			border-bottom: 2px solid #111;
			margin: 1px 0;
			&.active{
			  background: #555;
			  &:before{
					@include triangle;
				}
			}
			// Nested ul
			ul{
				position: inherit;
				float: left;
				text-indent: 20px;
				margin-top: 0;
				width: 100%;
				li{
					background: #555;
					border-right: none;
					border-bottom: none;
					margin: 0;
					&.active{
						background: #777;
						border:none;
						border-bottom: 1px dotted #ddd;
						position: static;
					}
				}
			}
		}
		a{
			color: $colourLight;
			display: block;
			padding: 10px;
			text-decoration: none;
		}
	}
}
//Adjust top position relative to the height of the pageTitle element so that the navigation bar doesn't jump when the fixed position class is activated
.subNavigationPosition{
	position: fixed;
	top:0px;	
}
article {
	float:left;
	width:100%;
	margin:0 0 18px 0;
	}
.active > a{
	color: orange;
}
.active > ul{
	max-height: 5000px!important;
}
//Sub nav is active show internal list. 
//This is a new classed added to the parent ul in order 
//for the internal content to be accessible for those without javascript
.subNavHide{
  ul ul{
		max-height: 0;
		float: left;
		overflow: hidden;
		width: 100%;
		-webkit-transition:all 0.8s ease-in-out;
    	-moz-transition:all 0.8s ease-in-out;
    	-o-transition:all 0.8s ease-in-out;
    	transition:all 0.8s ease-in-out;
	}
	.activeParent{
		max-height: 500px;
		-webkit-transition:all 0.8s ease-in-out;
    -moz-transition:all 0.8s ease-in-out;
    -o-transition:all 0.8s ease-in-out;
    transition:all 0.8s ease-in-out;

	}
	.activeContainer{
		&:before{
			@include triangle;
		}
	}
}

.logged-off .navigation.is-small{top:3rem}
.logged-off .navigation.is-small.is-bottom{top:3.5rem}
.logged-off .navigation.is-small .navigation-main__hamburger{right:13rem}
#s4-bodyContainer .logged-off .navigation.is-small{top:3rem}

@media (max-width: 1024px){
#s4-bodyContainer.scrolled .logged-off .navigation{top:3.6rem}
.corona_statement{text-align:center}
.corona_statement p{padding:0 !important;font-size: 1rem !important;}	
}

@media (max-width: 768px){
	.navigation {
	    position: fixed!important;
	}
	.section-copy-image__image{
		width: 100% !important;
	}
    .logged-off .navigation{top:8rem}
    .newsarchive a{display:block;flex:0 0 100%; margin:1rem 0 !important}
    .newsarchive a img{width:100%; object-fit:fill; height:auto; margin-bottom:10px}
    .newsarchive a span{margin:5px 0}
    #s4-bodyContainer .logged-off .navigation,.scrolled .navigation{top:3.5rem}
	[dir=ltr] .logged-off .navigation.is-small .navigation-main__hamburger{right:1rem; top:42px;}
	[dir=rtl] .logged-off .navigation.is-small .navigation-main__hamburger{right:auto; top:30px;}
	div.ms-rteElement-G20_Image{padding:0 !important;margin:auto;width: 97%;}
	div.ms-rteElement-G20_Image img{max-width:100%;margin: 0 !important;object-fit: cover;}
	div.ms-rteElement-G20_Image + p img{max-width:100%;margin: 0 !important;}
	div.ms-rteElement-G20divcenter{width:auto !important}
	.list-more-information{display:flex; flex-wrap:wrap;}
	.list-more-information img{width:100%;position:relative;}
	.list-more-information__item{width:100%}
	.button-more-information__img-wrapper{padding-bottom:0;margin-bottom: 0.25rem;}
	.list-more-information__item{margin-bottom:1.5rem}
}

.corona_statement{padding: 10px;}
.navigation:not(.is-small){/* top:2.3rem */}
.scrolled .navigation:not(.is-small){top:2.0rem}
.scrolled .corona_statement{display:none !important}
.scrollednone .navigation:not(.is-small){top:1.9rem}

.settings{display:block}
.formContact *{font-size:16px;font-family:'Montserrat', sans-serif}
.formContact label{display:block;padding:10px 0;}
.formContact input[type="text"], .formContact  textarea{display:block;width:100%;max-width:350px;padding:10px;}
.formContact input[type="submit"], .formContact input[type="submit"]:hover{background-color: #017452 !important;color:#fff;border:none;margin:0;font-size:16px;font-family:'Montserrat', sans-serif;padding:20px;margin:10px 0;}
.formContact .captcha img{border:1px solid #bbb;}
.requiredMsg{color:red;font-size: 12px !important;}



.main_cov19{left: 0px;
    top: -19.66667rem;
    position: absolute;
    top: -0.92857rem;
    left: 124px;
    width: 0.5666rem;
    height: 27%;}
    
.cov19{position: absolute;
    top: -4.92857rem;
    left: -469px;
    width: 4.5666rem;
    height: 61%;}

.bar19{position: absolute;
top: 0.07143rem;
left: 3px;
width: 4.5666rem;
height: 61%;}

.Rectangle_3106{filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.533));
    position: absolute;
    overflow: visible;
    width: 304px;
    height: 76px;
    left: 64px;
    top: 309px;}

.title_19{position: absolute;
    left: 94px;
    top: 339px;
    overflow: visible;
    width: 197px;
    white-space: nowrap;
    line-height: 23px;
    margin-top: -3.5px;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    color: rgba(255,255,255,1);
    text-decoration: blink;}

.Covid-1999{color:rgba(237,202,128,1);}

.Rectangle_3107{filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.533));
    position: absolute;
    overflow: visible;
    width: 77px;
    height: 76px;
    left: 291px;
    top: 309px;}


.surface1{position: absolute;
    width: 31.752px;
    height: 37.287px;
    left: 305.122px;
    top: 321.357px;
    overflow: visible;}

.Path_3761{overflow: visible;
    position: absolute;
    width: 14.209px;
    height: 14.209px;
    left: 16.771px;
    top: 19.54px;
    transform: matrix(1,0,0,1,0,0);}

.Path_3762{overflow: visible;
    position: absolute;
    width: 31.752px;
    height: 37.287px;
    left: 8px;
    top: 8px;
    transform: matrix(1,0,0,1,0,0);}


    .Combatting {color: white;}