@charset "UTF-8";
/* CSS Document */
			
a:link {
	color: #d46d6d;
	text-decoration:none;
			}
			
a:visited {
	color:#d46d6d;
	text-decoration:none;
		}
		
a:hover {
	color:#6b9ed4;
	text-decoration:underline;
		}
	
a:active {
	color:#d46d6d;
	text-decoration:none;
			}
			
	mark { 
	    background-color: #ffffff;
	    color: black;
			}

	@font-face {
	    font-family: CircularBlack;
	    src: url(fonts/CircularStd-Black.otf);
			}
			
	@font-face {
	    font-family: CircularBold;
	    src: url(fonts/CircularStd-Bold.otf);
			}

	@font-face {
	    font-family: CircularBook;
	    src: url(fonts/CircularStd-Book.otf);
			}
			
	@font-face {
	    font-family: Knockout1;
	    src: url(fonts/Knockout-HTF26-JuniorFlyweight.otf);
			}
			
	@font-face {
	    font-family: Knockout2;
	    src: url(fonts/Knockout-HTF46-Flyweight.otf);
			}				

	@font-face {
	    font-family: RomanaStd;
	    src: url(fonts/romanan.ttf);
			}	

	@font-face {
	    font-family: RomanaBold;
	    src: url(fonts/RomanaBT-Bold.otf);
			}	

	@font-face {
	    font-family: EksellLg;
	    src: url(fonts/Eksell-Display-Large.otf);
			}

	@font-face {
	    font-family: EksellMd;
	    src: url(fonts/Eksell-Display-Medium.otf);
			}	

	@font-face {
	    font-family: EksellSm;
	    src: url(fonts/Eksell-Display-Small.otf);
			}	
			
			

	.header-kk-logo {
		font-size:33px;
		font-family: EksellLg, sans-serif;
		letter-spacing: 0px;
		color: #e85667;
		padding-bottom: 35px;
	}
	
	.header-kk-intro {
		font-size:36px;
		font-family: RomanaStd, sans-serif;
		text-align: justify;
		letter-spacing: 0px;
		color: #000000;
		padding-bottom: 20px;
	}
	
	.header-kk-cv {
		font-size:13px;
		font-family: CircularBook, sans-serif;
		letter-spacing: 0px;
		padding-bottom: 10px;
		color: #000000;
	}
		
	.header-kk-cv-bk {
		font-size:13px;
		font-family: CircularBlack, sans-serif;
		letter-spacing: 0px;
		color: #000000;
	}

	.header-hex-1 {
		font-size:18px;
		font-family: CircularBook, sans-serif;
		letter-spacing: 0px;
		padding-top: 25px;
		color: #dba6a6;
	}
	
	.header-hex-2 {
		font-size:18px;
		font-family: CircularBook, sans-serif;
		margin-top: -15px;
		letter-spacing: 0px;
		color: #ffffff;
	}


	.featured-project {
		letter-spacing: 4px;
		font-size: 12px;
		font-family: CircularBlack, Helvetica, Arial, sans-serif; 
		color: #000000;
	}


	
	.nonalog-title {
		letter-spacing: 1px;
		font-size: 46px;
		padding-bottom: 10px;
		font-family: CircularBlack, Helvetica, Arial, sans-serif; 
		color: #000000;
	}
	
	.nonalog-description {
		font-size: 17px;
		font-family: RomanaStd, sans-serif;
		color: #000000;
		padding-bottom: 10px;
	}
	
	.nonalog-details {
		font-size:13px;
		font-family: CircularBook, sans-serif;
		letter-spacing: 0px;
		color: #000000;
	}
	
	.nonalog-details-black {
		font-size:13px;
		font-family: CircularBlack, sans-serif;
		letter-spacing: 0px;
		color: #000000;
	}

	.nonalog-white {
		letter-spacing: 0px;
		font-size: 30px;
		font-family: CircularBook, Helvetica, Arial, sans-serif; 
		color: #ffffff;
			}

	.nonalog-white-black {
		letter-spacing: 0px;
		font-size: 24px;
		font-family: CircularBlack, Helvetica, Arial, sans-serif; 
		color: #ffffff;
			}

	.nonalog-serif-1 {
		font-size:38px;
		font-family: RomanaStd, sans-serif;
		letter-spacing: 0px;
		line-height: 60px;
		color: #000000;
	}



	.yto-header {
		font-size:42px;
		font-family: EksellLg, sans-serif;
		letter-spacing: 0px;
		color: #ffffff;
	}
	
	.yto-subtitle {
		letter-spacing: 4px;
		font-size: 12px;
		font-family: CircularBlack, Helvetica, Arial, sans-serif; 
		color: #ffffff;
	}
	
	.yto-title {
		font-size:13px;
		font-family: CircularBook, sans-serif;
		letter-spacing: 0px;
		color: #ffffff;
	}

	.yto-title-black {
		font-size:13px;
		font-family: CircularBlack, sans-serif;
		letter-spacing: 0px;
		color: #ffffff;
		padding-top: 10px;
	}


	.events-header {
		font-size:42px;
		font-family: EksellLg, sans-serif;
		letter-spacing: 0px;
		color: #ffffff;
	}

	.events-subtitle {
		letter-spacing: 4px;
		font-size: 12px;
		font-family: CircularBlack, Helvetica, Arial, sans-serif; 
		color: #222222;
	}

	.events-title {
		font-size:18px;
		font-family: CircularBold, Helvetica, Arial, sans-serif; 
		color: #222222;
		letter-spacing: 0px;
	}
	
	.events-details {
		font-size:13px;
		font-family: CircularBook, sans-serif;
		letter-spacing: 0px;
		color: #222222;
	}


	.palate-header {
		font-size:42px;
		font-family: EksellLg, sans-serif;
		letter-spacing: 0px;
		color: #444444;
	}

	.palate-subtitle {
		letter-spacing: 4px;
		font-size: 12px;
		font-family: CircularBlack, Helvetica, Arial, sans-serif; 
		color: #5a8ebb;
		padding-bottom: 60px;
	}
	
	.palate-title-lg {
		font-size:24px;
		font-family: RomanaStd, serif;
		color: #333333;
		letter-spacing: 0px;
		padding-top: 20px;
	}

	.palate-title-sm {
		padding-top: 20px;
		font-size:16px;
		font-family: RomanaStd, serif;
		color: #333333;
		letter-spacing: 0px;
	}

	
	.palate-details {
		font-size:11px;
		letter-spacing: 1px;
		font-family: CircularBook, sans-serif;
		color: #666666;
	}
	

	.full-course-header {
		font-size:42px;
		font-family: EksellLg, sans-serif;
		letter-spacing: 0px;
		color: #ffffff;
	}
	
	.full-course-subtitle {
		letter-spacing: 4px;
		font-size: 12px;
		font-family: CircularBlack, Helvetica, Arial, sans-serif; 
		color: #222222;
		padding-bottom: 60px;
	}

	.fc-title {
		font-size:18px;
		font-family: CircularBold, Helvetica, Arial, sans-serif; 
		letter-spacing: 0px;
		color: #ffffff;
	}


	.fc-details {
		font-size:13px;
		font-family: CircularBook, sans-serif;
		letter-spacing: 0px;
		color: #000000;
	}

	.fc-details-black {
		font-size:13px;
		font-family: CircularBlack, sans-serif;
		letter-spacing: 0px;
		color: #000000;
	}

	.fc-copy-1 {
		font-size:18px;
		font-family: CircularBook, sans-serif;
		letter-spacing: 0px;
		color: #000000;
	}
	
	.fc-copy-2 {
		font-size:13px;
		font-family: CircularBook, sans-serif;
		letter-spacing: 0px;
		color: #000000;
	}


	.sph-intro {
		font-size:33px;
		font-family: RomanaStd, sans-serif;
		text-align: justify;
		letter-spacing: 0px;
		color: #000000;
	}
	







	.header-black_1 {
		letter-spacing: 3px;
		font-size: 125%;
		font-family: CircularBlack, Helvetica, Arial, sans-serif; 
		color: #ffffff;
			}
			
	.header-black_2 {
		letter-spacing: 6px;
		font-size: 250%;
		line-height: 44px;
		font-family: CircularBlack, Helvetica, Arial, sans-serif; 
		color: #ffffff;
			}	
			
	.header-book {
		letter-spacing: 0px;
		font-size: 85%;
		font-family: CircularBook, Helvetica, Arial, sans-serif; 
		color: #ffffff;
			}	

	.book-75 {
		letter-spacing: 0px;
		font-size: 75%;
		font-family: CircularBook, Helvetica, Arial, sans-serif; 
		color: #000000;
			}	
			
	.book-75_white {
		letter-spacing: 0px;
		font-size: 75%;
		font-family: CircularBook, Helvetica, Arial, sans-serif; 
		color: #ffffff;
			}
			
	.book-85_white {
		letter-spacing: 0px;
		font-size: 85%;
		font-family: CircularBook, Helvetica, Arial, sans-serif; 
		color: #ffffff;
			}

	.book-125 {
		letter-spacing: 0px;
		font-size: 125%;
		font-family: CircularBook, Helvetica, Arial, sans-serif; 
		color: #000000;
			}
			
	.book-150_white {
		letter-spacing: 0px;
		font-size: 175%;
		font-family: CircularBook, Helvetica, Arial, sans-serif; 
		color: #ffffff;
			}
			
	.black-160 {
		letter-spacing: 1px;
		font-size: 160%;
		font-family: CircularBlack, Helvetica, Arial, sans-serif; 
		color: #000000;
			}

	.black-105 {
		letter-spacing: 0px;
		font-size: 105%;
		font-family: CircularBlack, Helvetica, Arial, sans-serif; 
		color: #000000;
			}	
			
	.black-100 {
		letter-spacing: 0px;
		font-size: 100%;
		font-family: CircularBlack, Helvetica, Arial, sans-serif; 
		color: #000000;
			}		
			
	.featured-black {
		letter-spacing: 1px;
		font-size: 300%;
		font-family: CircularBlack, Helvetica, Arial, sans-serif; 
		color: #000000;
			}		
			
	.additional-black {
		letter-spacing: 1px;
		font-size: 130%;
		font-family: CircularBlack, Helvetica, Arial, sans-serif; 
		color: #000000;
			}	
			
	.mvcm-black {
		letter-spacing: 1px;
		font-size: 130%;
		font-family: CircularBlack, Helvetica, Arial, sans-serif; 
		color: #000000;
			}	
			
			
			
				
	

	.nav_block_font {
		letter-spacing: 0px;
		font-size: 16px;
		font-family: CircularBold, Helvetica, Arial, sans-serif; 
		color: #ffffff;
			}	
			
	.sub-header_font1 {
		letter-spacing: 1px;
		font-size: 16px;
		font-family: CircularBold, Helvetica, Arial, sans-serif; 
		color: #ffffff;
			}
			
	.sub-header_font2 {
		letter-spacing: 0px;
		font-size: 12px;
		font-family: CircularBook, Helvetica, Arial, sans-serif; 
		color: #ffffff;
			}
			
	.cv_font1 {
		letter-spacing: 0px;
		font-size: 14px;
		font-family: CircularBold, Helvetica, Arial, sans-serif; 
		color: #000000;
			}
			
	.cv_font2 {
		letter-spacing: 0px;
		font-size: 12px;
		font-family: CircularBook, Helvetica, Arial, sans-serif; 
		color: #000000;
			}	

	.reel_font1 {
		letter-spacing: 0px;
		font-size: 28px;
		font-family: CircularBold, Helvetica, Arial, sans-serif; 
		color: #000000;
			}
			
	.reel_font2 {
		letter-spacing: 0px;
		font-size: 18px;
		font-family: CircularBook, Helvetica, Arial, sans-serif; 
		color: #000000;
		padding-top: 20px;
			}
			
	.reel_font3 {
		letter-spacing: 0px;
		font-size: 14px;
		font-family: CircularBook, Helvetica, Arial, sans-serif; 
		color: #000000;
		padding-top: 25px;
			}
			
	.narrative-title_font {
		letter-spacing: 0px;
		font-size: 56px;
		font-family: CircularBlack, Helvetica, Arial, sans-serif; 
		color: #000000;
			}
			
	.project-title {
		letter-spacing: 0px;
		font-size: 72px;
		letter-spacing: 1px;
		font-family: Knockout2, Helvetica, Arial, sans-serif; 
		color: #000000;
			}
			
	.project-title_1 {
		letter-spacing: 0px;
		font-size: 72px;
		letter-spacing: 1px;
		font-family: Knockout2, Helvetica, Arial, sans-serif; 
		color: #000000;
			}

	.project-title_2 {
		letter-spacing: 0px;
		font-size: 64px;
		letter-spacing: 1px;
		font-family: Knockout2, Helvetica, Arial, sans-serif; 
		color: #000000;
			}

	.project-title_3 {
		letter-spacing: 0px;
		font-size: 40px;
		letter-spacing: 1px;
		font-family: Knockout2, Helvetica, Arial, sans-serif; 
		color: #000000;
			}

	.project-subtitle_nonalog {
		font-size: 38px;
		letter-spacing: 1px;
		font-family: Knockout1, Helvetica, Arial, sans-serif; 
		color: #000000;
			}
			
	.project-font_1_white {
		letter-spacing: 0px;
		font-size: 12px;
		font-family: CircularBook, Helvetica, Arial, sans-serif; 
		color: #ffffff;
			}
			
	.project-font_1_book {
		letter-spacing: 0px;
		font-size: 12px;
		font-family: CircularBook, Helvetica, Arial, sans-serif; 
		color: #000000;
			}
			
	.project-font_2_book {
		letter-spacing: 0px;
		font-size: 10px;
		font-family: CircularBook, Helvetica, Arial, sans-serif; 
		color: #000000;
			}

	.project-font_3_book {
		letter-spacing: 0px;
		font-size: 14px;
		font-family: CircularBook, Helvetica, Arial, sans-serif; 
		color: #000000;
			}
	
	.project-font_4_book {
		letter-spacing: 0px;
		font-size: 14px;
		font-family: CircularBook, Helvetica, Arial, sans-serif; 
		color: #ffffff;
			}
			
	.project-font_1_black {
		letter-spacing: 0px;
		font-size: 14px;
		font-family: CircularBlack, Helvetica, Arial, sans-serif; 
		color: #000000;
			}

	.project-font_2_black {
		letter-spacing: 0px;
		font-size: 14px;
		font-family: CircularBlack, Helvetica, Arial, sans-serif; 
		color: #ffffff;
			}

	
/* TOP HALF FONTS */
	
	.welcome-1 {
		letter-spacing: 0px;
		font-size: 24px;
		font-family: CircularBlack,'Roboto', Helvetica, Arial, sans-serif; 
		color: #2d2d2d;
		padding-bottom: 15px;
			}

	.welcome-2 {
		letter-spacing: 0px;
		font-size: 12px;
		font-family: CircularBook,'Roboto', Helvetica, Arial, sans-serif; 
		color: #2d2d2d;
			}
	
	.navfont-1a {
		letter-spacing: 0px;
		font-size: 18px;
		font-family: CircularBook,'Roboto', Helvetica, Arial, sans-serif; 
		color: #ffffff;
			}
			
	.navfont-1b {
		letter-spacing: 0px;
		font-size: 18px;
		font-family: CircularBlack,'Roboto', Helvetica, Arial, sans-serif; 
		color: #ffffff;
			}
						
	.navfont-2 {
		letter-spacing: 0px;
		font-size: 12px;
		font-family: CircularBook,'Roboto', Helvetica, Arial, sans-serif; 
		color: #ffffff;
			}

/* WORK FONTS */

	.category-1 {
		letter-spacing: 0px;
		font-size: 12px;
		font-family: CircularBook,'Roboto', Helvetica, Arial, sans-serif; 
		color: #2d2d2d;
			}
			
	.category-2 {
		letter-spacing: 0px;
		font-size: 12px;
		font-family: CircularBook,'Roboto', Helvetica, Arial, sans-serif; 
		color: #ffffff;
			}

	.title-1 {
		letter-spacing: 0px;
		font-size: 36px;
		font-family: CircularBlack,'Roboto', Helvetica, Arial, sans-serif; 
		color: #2d2d2d;
			}
			
	.details {
		letter-spacing: 0px;
		font-size: 12px;
		font-family: CircularBook,'Roboto', Helvetica, Arial, sans-serif; 
		color: #2d2d2d;
			}
			
	.info {
		letter-spacing: 0px;
		font-size: 14px;
		font-family: CircularBook,'Roboto', Helvetica, Arial, sans-serif; 
		color: #2d2d2d;
			}
	
	.info-bold {
		letter-spacing: 0px;
		font-size: 14px;
		font-family: CircularBold,'Roboto', Helvetica, Arial, sans-serif; 
		color: #2d2d2d;
			}
			
	.info-black {
		letter-spacing: 0px;
		font-size: 14px;
		font-family: CircularBlack,'Roboto', Helvetica, Arial, sans-serif; 
		color: #2d2d2d;
			}	
			
	.random1-black {
		letter-spacing: 0px;
		font-size: 20px;
		font-family: CircularBook,'Roboto', Helvetica, Arial, sans-serif; 
		color: #2d2d2d;
			}
			
	.random1-white {
		letter-spacing: 0px;
		font-size: 20px;
		font-family: CircularBook,'Roboto', Helvetica, Arial, sans-serif; 
		color: #ffffff;
			}
			
	.nonalog-1 {
		letter-spacing: 0px;
		font-size: 54px;
		line-height: 82px;
		letter-spacing: 15px;
		font-family: Knockout1,'Roboto', Helvetica, Arial, sans-serif; 
		color: #ffffff;
			}