/* 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;
}





.iom-logo-hover {
	max-width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
	background: url(../sdgs-logos/hover/university-of-st-andrews-grey.svg) no-repeat;
	transition: all 2s ease-in-out;
}
.iom-logo-hover:hover {
	background: url(../sdgs-logos/hover/university-of-st-andrews-color.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-1{
	background: url(../backgrounds/cover-grid/COVER-GRID-01.svg) no-repeat;
	transition-duration: 1s;


}
.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-02.svg) no-repeat;
	transition-duration: 1s;
}
.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-03.svg) no-repeat;
	transition-duration: 1s;
}
.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-04.svg) no-repeat;
	transition-duration: 1s;
}
.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-05.svg) no-repeat;
	transition-duration: 1s;
}
.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-06.svg) no-repeat;
	transition-duration: 1s;
}
.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-07.svg) no-repeat;
	transition-duration: 1s;
}

.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-08.svg) no-repeat;
	transition-duration: 1s;
}
.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: 1s;
}
.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: 1s;
}
.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: 1s;
}
.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: 1s;
}
.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: 1s;
}
.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-14.svg) no-repeat;
	transition-duration: 1s;
}
.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: 1s;
}
.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-ar-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-14.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/un-logos/un-logos-02.svg');
	transition-duration: 1s;
}
.grey-to-color-3:hover {
	content: url('../sdgs-logos/un-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;
}