/* CSS Document */

/* 	.logo{max-width: 35%;
background-color: #fffffff;
margin: 30px 0px;
padding: 30px 0px;
overflow: hidden;
position: relative;}

.logo img {
	-webkit-filter: grayscale(100%) !important;
	filter: grayscale(100%) !important;
}


.logo img:hover {
	-webkit-filter: grayscale(0) !important;
	filter: grayscale(0) !important;
}	
*/
img.grayscale {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	/* For         Webkit browsers */
	filter: gray;
	/* For IE 6 - 9 */
	-webkit-transition: all .6s ease;
	opacity: 0.5;
}

img.grayscale:hover {
	opacity: 1;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	filter: none;
}


.book-cover {
	max-width: 100%;
	margin-bottom: 0px;
	background: url() no-repeat;
	transition-duration: .3s, .3s;
}

.book-cover:hover {

	content: url('../sdgs-logos/book-cover/BACK-COVER.jpg');
	transition-duration: 1s;

}

.escwa-logo-hover {
	max-width: 100%;
	margin-bottom: 0px;
	overflow: hidden;
	background: url("../sdgs-logos/hover/unami.svg") no-repeat;
	transition: all 2s ease-in-out;
}

.escwa-logo-hover:hover {
	background: url("../sdgs-logos/hover/unami.svg") no-repeat;
	transform: scale(1.02);
	transition: all 2s ease-in-out;
}

.second-logo-hover {
	max-width: 100%;
	margin-bottom: 0px;
	overflow: hidden;
	background: url("../sdgs-logos/hover//escwa-logo-color.svg") no-repeat;
	transition: all 2s ease-in-out;
}

.second-logo-hover:hover {
	background: url(../sdgs-logos/hover/escwa-logo-color.svg) no-repeat;
	transform: scale(1.02);
	transition: all 2s ease-in-out;
}

.third-logo-hover {
	max-width: 100%;
	margin-bottom: 0px;
	overflow: hidden;
	background: url("../sdgs-logos/hover/iraq.svg") no-repeat;
	transition: all 2s ease-in-out;
}

.third-logo-hover:hover {
	background: url(../sdgs-logos/hover/iraq.svg) no-repeat;
	transform: scale(1.02);
	transition: all 2s ease-in-out;
}









.banner-1 {
	max-width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
	background: url("../backgrounds/banners/en/banner-1.svg") no-repeat;
	transition: all 1s ease-in-out;
}

.banner-1:hover {
	background: url(../backgrounds/banners/en/banner-1-hover.svg) no-repeat;

	transition: all 1s ease-in-out;
}

.banner-2 {
	max-width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
	background: url("../backgrounds/banners/en/banner-2.svg") no-repeat;
	transition: all 1s ease-in-out;
}

.banner-2:hover {
	background: url(../backgrounds/banners/en/banner-2-hover.svg) no-repeat;

	transition: all 1s ease-in-out;
}

.banner-3 {
	max-width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
	background: url("../backgrounds/banners/en/banner-3.svg") no-repeat;
	transition: all 1s ease-in-out;
}

.banner-3:hover {
	background: url(../backgrounds/banners/en/banner-3-hover.svg) no-repeat;

	transition: all 1s ease-in-out;
}

.banner-4 {
	max-width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
	background: url("../backgrounds/banners/en/banner-4.svg") no-repeat;
	transition: all 1s ease-in-out;
}

.banner-4:hover {
	background: url(../backgrounds/banners/en/banner-4-hover.svg) no-repeat;

	transition: all 1s ease-in-out;
}


.icover-grid-hover-0 {
	background: url(../backgrounds/cover-grid/COVER-GRID-00.svg) no-repeat;
	transition-duration: 1s;


}



.icover-grid-hover-1 {
	background: url(../backgrounds/cover-grid/COVER-GRID-HOVER-01.svg) no-repeat;
	transition-duration: 0.5s;


}

.icover-grid-hover-1:hover {
	background: url(../backgrounds/cover-grid/COVER-GRID-HOVER-01.svg) no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-2 {
	background: url(../backgrounds/cover-grid/COVER-GRID-HOVER-02.svg) no-repeat;
	transition-duration: 0.5s;
}

.icover-grid-hover-2:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-02.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-3 {
	background: url(../backgrounds/cover-grid/COVER-GRID-HOVER-03.svg) no-repeat;
	transition-duration: 0.5s;
}

.icover-grid-hover-3:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-03.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-4 {
	background: url(../backgrounds/cover-grid/COVER-GRID-HOVER-04.svg) no-repeat;
	transition-duration: 0.5s;
}

.icover-grid-hover-4:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-04.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-5 {
	background: url(../backgrounds/cover-grid/COVER-GRID-HOVER-05.svg) no-repeat;
	transition-duration: 0.5s;
}

.icover-grid-hover-5:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-05.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-6 {
	background: url(../backgrounds/cover-grid/COVER-GRID-HOVER-06.svg) no-repeat;
	transition-duration: 0.5s;
}

.icover-grid-hover-6:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-06.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-7 {
	background: url(../backgrounds/cover-grid/COVER-GRID-HOVER-07.svg) no-repeat;
	transition-duration: 0.5s;
}

.icover-grid-hover-7:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-07.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-8 {
	background: url(../backgrounds/cover-grid/COVER-GRID-HOVER-08.svg) no-repeat;
	transition-duration: 0.5s;
}

.icover-grid-hover-8:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-08.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-9 {
	background: url(../backgrounds/cover-grid/COVER-GRID-09.svg) no-repeat;
	transition-duration: 0.5s;
}

.icover-grid-hover-9:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-09.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-10 {
	background: url(../backgrounds/cover-grid/COVER-GRID-10.svg) no-repeat;
	transition-duration: 0.5s;
}

.icover-grid-hover-10:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-10.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-11 {
	background: url(../backgrounds/cover-grid/COVER-GRID-11.svg) no-repeat;
	transition-duration: 0.5s;
}

.icover-grid-hover-11:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-11.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-12 {
	background: url(../backgrounds/cover-grid/COVER-GRID-12.svg) no-repeat;
	transition-duration: 0.5s;
}

.icover-grid-hover-12:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-12.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-13 {
	background: url(../backgrounds/cover-grid/COVER-GRID-13.svg) no-repeat;
	transition-duration: 0.5s;
}

.icover-grid-hover-13:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-13.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-14 {
	background: url(../backgrounds/cover-grid/COVER-GRID-HOVER-13.svg) no-repeat;
	transition-duration: 0.5s;
}

.icover-grid-hover-14:hover {
	/*background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-14.svg')no-repeat;*/
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-15 {
	background: url(../backgrounds/cover-grid/COVER-GRID-HOVER-15.svg) no-repeat;
	transition-duration: 0.5s;
}

.icover-grid-hover-15:hover {
	/*background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-15.svg')no-repeat;*/
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-16 {
	background: url(../backgrounds/cover-grid/COVER-GRID-HOVER-16.svg) no-repeat;
	transition-duration: 0.5s;
}

.icover-grid-hover-15:hover {
	/*background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-15.svg')no-repeat;*/
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}


/* ARABIC ICOVER GRID*/







.icover-grid-hover-ar-1 {
	background: url(../backgrounds/cover-grid/COVER-GRID-01.svg) no-repeat;
	transition-duration: 1s;


}

.icover-grid-hover-ar-1:hover {
	background: url(../backgrounds/cover-grid/COVER-GRID-HOVER-AR-01.svg) no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-ar-2 {
	background: url(../backgrounds/cover-grid/COVER-GRID-02.svg) no-repeat;
	transition-duration: 1s;
}

.icover-grid-hover-ar-2:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-AR-02.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-ar-3 {
	background: url(../backgrounds/cover-grid/COVER-GRID-03.svg) no-repeat;
	transition-duration: 1s;
}

.icover-grid-hover-ar-3:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-AR-03.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-ar-4 {
	background: url(../backgrounds/cover-grid/COVER-GRID-04.svg) no-repeat;
	transition-duration: 1s;
}

.icover-grid-hover-ar-4:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-AR-04.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-ar-5 {
	background: url(../backgrounds/cover-grid/COVER-GRID-05.svg) no-repeat;
	transition-duration: 1s;
}

.icover-grid-hover-ar-5:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-AR-05.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-ar-6 {
	background: url(../backgrounds/cover-grid/COVER-GRID-06.svg) no-repeat;
	transition-duration: 1s;
}

.icover-grid-hover-ar-6:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-AR-06.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-ar-7 {
	background: url(../backgrounds/cover-grid/COVER-GRID-07.svg) no-repeat;
	transition-duration: 1s;
}

.icover-grid-hover-ar-7:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-AR-07.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-ar-8 {
	background: url(../backgrounds/cover-grid/COVER-GRID-08.svg) no-repeat;
	transition-duration: 1s;
}

.icover-grid-hover-ar-8:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-AR-08.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-ar-9 {
	background: url(../backgrounds/cover-grid/COVER-GRID-09.svg) no-repeat;
	transition-duration: 1s;
}

.icover-grid-hover-ar-9:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-ar-09.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-ar-10 {
	background: url(../backgrounds/cover-grid/COVER-GRID-10.svg) no-repeat;
	transition-duration: 1s;
}

.icover-grid-hover-ar-10:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-ar-10.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-ar-11 {
	background: url(../backgrounds/cover-grid/COVER-GRID-11.svg) no-repeat;
	transition-duration: 1s;
}

.icover-grid-hover-ar-11:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-ar-11.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-ar-12 {
	background: url(../backgrounds/cover-grid/COVER-GRID-12.svg) no-repeat;
	transition-duration: 1s;
}

.icover-grid-hover-ar-12:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-ar-12.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-ar-13 {
	background: url(../backgrounds/cover-grid/COVER-GRID-13.svg) no-repeat;
	transition-duration: 1s;
}

.icover-grid-hover-ar-13:hover {
	background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-13.svg')no-repeat;
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-ar-14 {
	background: url(../backgrounds/cover-grid/COVER-GRID-HOVER-AR-13.svg) no-repeat;
	transition-duration: 1s;
}

.icover-grid-hover-ar-14:hover {
	/*background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-14.svg')no-repeat;*/
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

.icover-grid-hover-ar-15 {
	background: url(../backgrounds/cover-grid/COVER-GRID-HOVER-AR-15.svg) no-repeat;
	transition-duration: 1s;
}

.icover-grid-hover-ar-15:hover {
	/*background: url('../backgrounds/cover-grid/COVER-GRID-HOVER-15.svg')no-repeat;*/
	box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}

















.grey-to-color-1:hover {
	content: url('../sdgs-logos/un-logos/un-logos-01.svg');
	transition-duration: 1s;

}

.grey-to-color-2:hover {
	content: url('../sdgs-logos/header-logos/un-logos-02.png');
	transition-duration: 1s;
}

.grey-to-color-3:hover {
	content: url('../sdgs-logos/header-logos/un-logos-03.svg');
	transition-duration: 1s;
}

.grey-to-color-4:hover {
	content: url('../sdgs-logos/un-logos/un-logos-04.svg');
	transition-duration: 1s;
}

.grey-to-color-5:hover {
	content: url('../sdgs-logos/un-logos/un-logos-05.svg');
	transition-duration: 1s;
}

.grey-to-color-6:hover {
	content: url('../sdgs-logos/un-logos/un-logos-06.svg');
	transition-duration: 1s;
}

.grey-to-color-7:hover {
	content: url('../sdgs-logos/un-logos/un-logos-07.svg');
	transition-duration: 1s;
}

.grey-to-color-8:hover {
	content: url('../sdgs-logos/un-logos/un-logos-08.svg');
	transition-duration: 1s;
}

.grey-to-color-9:hover {
	content: url('../sdgs-logos/un-logos/un-logos-09.svg');
	transition-duration: 1s;
}

.grey-to-color-10:hover {
	content: url('../sdgs-logos/un-logos/un-logos-10.svg');
	transition-duration: 1s;
}

.grey-to-color-11:hover {
	content: url('../sdgs-logos/un-logos/un-logos-11.svg');
	transition-duration: 1s;
}

.grey-to-color-12:hover {
	content: url('../sdgs-logos/un-logos/un-logos-12.svg');
	transition-duration: 1s;
}

.grey-to-color-13:hover {
	content: url('../sdgs-logos/un-logos/un-logos-13.svg');
	transition-duration: 1s;
}

.grey-to-color-14:hover {
	content: url('../sdgs-logos/un-logos/un-logos-14.svg');
	transition-duration: 1s;
}

.grey-to-color-15:hover {
	content: url('../sdgs-logos/un-logos/un-logos-15.svg');
	transition-duration: 1s;
}

.grey-to-color-16:hover {
	content: url('../sdgs-logos/un-logos/un-logos-16.svg');
	transition-duration: 1s;
}

.grey-to-color-17:hover {
	content: url('../sdgs-logos/un-logos/un-logos-17.svg');
	transition-duration: 1s;
}

.grey-to-color-18:hover {
	content: url('../sdgs-logos/un-logos/un-logos-18.svg');
	transition-duration: 1s;
}

.grey-to-color-19:hover {
	content: url('../sdgs-logos/un-logos/un-logos-19.SVG');
	transition-duration: 1s;
}

.grey-to-color-20:hover {
	content: url('../sdgs-logos/un-logos/un-logos-20.SVG');
	transition-duration: 1s;
}



.un-logos-1 {
	background: url(../sdgs-logos/un-logos/un-logo1.svg) no-repeat;
	transition-duration: 3s, 6s;

}

.un-logo-1:hover {
	background: url(../sdgs-logos/un-logos/un-logos-grey-01.svg)no-repeat;
	transform: scale(1.01);
	transition: transform 3s;
}

.note-to-reader-1 {
	max-width: 100%;
	margin-bottom: 0px;
	background: url(../sdgs-logos/note-to-reader/note-to-reader-01.svg) no-repeat;
	transition-duration: .3s, .3s;
}

.note-to-reader-1:hover {
	background: url(../sdgs-logos/note-to-reader/note-to-reader-color-01.svg) no-repeat;
	transform: scale(1.02);
	transition: transform 1s;
}

.note-to-reader-2 {
	max-width: 100%;
	margin-bottom: 0px;
	background: url(../sdgs-logos/note-to-reader/note-to-reader-02.svg) no-repeat;
	transition-duration: .3s, .3s;
}

.note-to-reader-2:hover {
	background: url(../sdgs-logos/note-to-reader/note-to-reader-color-02.svg) no-repeat;
	transform: scale(1.02);
	transition: transform 1s;
	cursor: context-menu;
}

.note-to-reader-3 {
	max-width: 100%;
	margin-bottom: 0px;
	background: url(../sdgs-logos/note-to-reader/note-to-reader-03.svg) no-repeat;
	transition-duration: .3s, .3s;
}

.note-to-reader-3:hover {
	background: url(../sdgs-logos/note-to-reader/note-to-reader-color-03.svg) no-repeat;
	transform: scale(1.02);
	transition: transform 1s;
}

.sdg-1-hover {
	background: url(../sdgs-logos/hover/grey-sdg-01.svg) no-repeat;
	transition-duration: 1s;
	border: #FFFFFF00 solid 3px;

}

.sdg-1-hover:hover {
	background: url(../sdgs-logos/hover/color-sdg-1.svg) no-repeat;
}

.sdg-2-hover {
	background: url(../sdgs-logos/hover/grey-sdg-02.svg) no-repeat;
	transition-duration: 1s;
	border: #FFFFFF00 solid 3px;
}

.sdg-2-hover:hover {
	background: url(../sdgs-logos/hover/color-sdg-2.svg) no-repeat;
}

.sdg-3-hover {
	transition-duration: 1s;
	background: url(../sdgs-logos/hover/grey-sdg-03.svg) no-repeat;
	border: #FFFFFF00 solid 3px;
}

.sdg-3-hover:hover {
	background: url(../sdgs-logos/hover/color-sdg-3.svg) no-repeat;
}

.sdg-4-hover {
	background: url(../sdgs-logos/hover/grey-sdg-04.svg) no-repeat;
	transition-duration: 1s;
	border: #FFFFFF00 solid 3px;
}

.sdg-4-hover:hover {
	background: url(../sdgs-logos/hover/color-sdg-4.svg) no-repeat;
}

.sdg-5-hover {
	background: url(../sdgs-logos/hover/grey-sdg-05.svg) no-repeat;
	transition-duration: 1s;
	border: #FFFFFF00 solid 3px;
}

.sdg-5-hover:hover {
	background: url(../sdgs-logos/hover/color-sdg-5.svg) no-repeat;
}

.sdg-6-hover {
	background: url(../sdgs-logos/hover/grey-sdg-06.svg) no-repeat;
	transition-duration: 1s;
	border: #FFFFFF00 solid 3px;
}

.sdg-6-hover:hover {
	background: url(../sdgs-logos/hover/color-sdg-6.svg) no-repeat;
}

.sdg-7-hover {
	background: url(../sdgs-logos/hover/grey-sdg-07.svg) no-repeat;
	transition-duration: 1s;
	border: #FFFFFF00 solid 3px;
}

.sdg-7-hover:hover {
	background: url(../sdgs-logos/hover/color-sdg-7.svg) no-repeat;
}

.sdg-8-hover {
	background: url(../sdgs-logos/hover/grey-sdg-08.svg) no-repeat;
	transition-duration: 1s;
	border: #FFFFFF00 solid 3px;
}

.sdg-8-hover:hover {
	background: url(../sdgs-logos/hover/color-sdg-8.svg) no-repeat;
}

.sdg-9-hover {
	background: url(../sdgs-logos/hover/grey-sdg-09.svg) no-repeat;
	transition-duration: 1s;
	border: #FFFFFF00 solid 3px;
}

.sdg-9-hover:hover {
	background: url(../sdgs-logos/hover/color-sdg-9.svg) no-repeat;
}

.sdg-10-hover {
	background: url(../sdgs-logos/hover/grey-sdg-10.svg) no-repeat;
	transition-duration: 1s;
	border: #FFFFFF00 solid 3px;
}

.sdg-10-hover:hover {
	background: url(../sdgs-logos/hover/color-sdg-10.svg) no-repeat;
}

.sdg-11-hover {
	background: url(../sdgs-logos/hover/grey-sdg-11.svg) no-repeat;
	transition-duration: 1s;
	border: #FFFFFF00 solid 3px;
}

.sdg-11-hover:hover {
	background: url(../sdgs-logos/hover/color-sdg-11.svg) no-repeat;
}

.sdg-12-hover {
	background: url(../sdgs-logos/hover/grey-sdg-12.svg) no-repeat;
	transition-duration: 1s;
	border: #FFFFFF00 solid 3px;
}

.sdg-12-hover:hover {
	background: url(../sdgs-logos/hover/color-sdg-12.svg) no-repeat;
}

.sdg-13-hover {
	background: url(../sdgs-logos/hover/grey-sdg-13.svg) no-repeat;
	transition-duration: 1s;
	border: #FFFFFF00 solid 3px;
}

.sdg-13-hover:hover {
	background: url(../sdgs-logos/hover/color-sdg-13.svg) no-repeat;
}

.sdg-14-hover {
	background: url(../sdgs-logos/hover/grey-sdg-14.svg) no-repeat;
	transition-duration: 1s;
	border: #FFFFFF00 solid 3px;
}

.sdg-14-hover:hover {
	background: url(../sdgs-logos/hover/color-sdg-14.svg) no-repeat;
}

.sdg-15-hover {
	background: url(../sdgs-logos/hover/grey-sdg-15.svg) no-repeat;
	transition-duration: 1s;
	border: #FFFFFF00 solid 3px;
}

.sdg-15-hover:hover {
	background: url(../sdgs-logos/hover/color-sdg-15.svg) no-repeat;
}

.sdg-16-hover {
	background: url(../sdgs-logos/hover/grey-sdg-16.svg) no-repeat;
	transition-duration: 1s;
	border: #FFFFFF00 solid 3px;
}

.sdg-16-hover:hover {
	background: url(../sdgs-logos/hover/color-sdg-16.svg) no-repeat;
}

.sdg-17-hover {
	background: url(../sdgs-logos/hover/grey-sdg-17.svg) no-repeat;
	transition-duration: 1s;
	border: #FFFFFF00 solid 3px;
}

.sdg-17-hover:hover {
	background: url(../sdgs-logos/hover/color-sdg-17.svg) no-repeat;
}