/*----------------Core---------------------------*/
html { height: 100%; }

body {
    display: grid;
    grid-template-rows: 1fr auto;
    grid-template-columns: 100%;
	background: #fff;
	color: #141518;
	font: 400 18px 'Jost', sans-serif;
	line-height: 1.5em;
	margin: 0px;
    min-height: 100%;
}

body#page-error { align-items: center; }

body.hamburger-active  { overflow: hidden; }

img { height: auto; max-width: 100%; }
img[src=""], img:not([src]) { visibility: hidden; }

a { color: #FEB82C; }
a:focus { outline: 0; }
a:hover { color: #FEB82C; }

form { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { color: #141518; font-family: 'Nanum Gothic', sans-serif; font-weight: 800; line-height: 1.2em; margin-bottom: 30px; }

p { color: #141518; line-height: 1.5em; margin-bottom: 20px; }

ul, ol { margin-bottom: 20px; }
ul li, ol li { color: #141518; line-height: 1.5em; }

input:-webkit-autofill, input:-webkit-autofill:focus { transition: background-color 0s 600000s, color 0s 600000s !important; }

.max-width-1440 { margin: 0 auto; max-width: 1440px; position: relative; }
.container { max-width: 1128px !important; }

.form-group { position: relative; }
.form-control { background: transparent; border: 0; border-radius: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.5); color: #fff; display: block; font-size: 18px; font-weight: 500; padding: 30px 0; width: 100%; }
.form-control:focus { background-color: transparent; border-color: rgba(255, 255, 255, 0.5); box-shadow: none; color: #fff; }

.form-control::-webkit-input-placeholder { color: #fff; }
.form-control::-moz-placeholder { color: #fff; }
.form-control:-ms-input-placeholder { color: #fff; }
.form-control:-moz-placeholder { color: #fff; }

.form-control:focus::-webkit-input-placeholder { opacity: 0; }
.form-control:focus::-moz-placeholder { opacity: 0; }
.form-control:focus:-ms-input-placeholder { opacity: 0; }
.form-control:focus:-moz-placeholder { opacity: 0; }

.form-action { margin-top: 50px; }

label { color: #fff; display: block; font-weight: bold; font-size: 12px; font-weight: 800; left: 12px; line-height: 1em; opacity: 1; position: absolute; text-transform: uppercase; top: 20px; z-index: 1; }

.btn { background: linear-gradient(90deg, #09F 0%, #237CDB 100%); border-radius: 100px; color: #fff; font-size: 18px; font-weight: 500; display: inline-block; line-height: 1.2em; padding: 17px 44px; }
.btn:hover { background: linear-gradient(90deg, #237CDB 0%, #0E66C3 100%); color: #fff; }

.btn-yellow { background: linear-gradient(90deg, #FEB82C 0%, #DBA12B 100%); }
.btn-yellow:hover { background: linear-gradient(90deg, #D9A12B 0%, #C58D18 100%); }

.btn-sm { font-size: 16px; padding: 9px 30px; }

/*------------ HEADER ----------------------*/
#header { left: 0; padding: 35px 0; position: absolute; top: 0; width: 100%; z-index: 10; }
	#header .container { max-width: 1372px !important; }
	#header .logo { flex: 0 0 auto; width: auto; }

	#header .menu { flex: 1 1 0; }
    #header .menu ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; list-style: none; margin: 0; padding: 0; }
    #header .menu ul li { flex: 0 1 auto; color: #141518; font-family: 'Jost', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.7em; margin-right: 60px; position: relative; }
    #header .menu ul li:last-child { margin-right: 0; }
    #header .menu ul li a { color: inherit; font: inherit; text-decoration: none; }
	#header .menu ul li a:before { content: ''; background-color: #265B9B; bottom: 0; height: 2px; left: 0; position: absolute; width: 0; transition: width 0.4s ease-out; }
	#header .menu ul li a:after { content: ''; height: 6px; left: 0; pointer-events: none; position: absolute; top: 100%; width: 100%;}
	#header .menu ul li:hover a:before, #header .menu ul li.selected a:before { width: 100%; }

	#header .menu ul li:hover ul { margin-top: 6px; opacity: 1; pointer-events: auto; }
	#header .menu ul li:hover a:after { pointer-events: auto; }
	#header .menu ul li:hover a:before { width: 100%; }

	#header .menu ul li ul { border-radius: 4px; box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px; display: block; background-color: #fff; left: -20px; margin-top: 12px; min-width: 220px; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; top: 100%; z-index: 2; transition: opacity 0.4s ease, margin-top 0.4s ease; }
	#header .menu ul li ul li { border-bottom: 1px solid rgba(9, 30, 66, 0.08); font-size: 16px; line-height: 1.2em; margin-right: 0; }
	#header .menu ul li ul li:last-child { border-bottom: 0; }
	#header .menu ul li ul li a { display: block; padding: 10px 20px; }
	#header .menu ul li ul li a:before, #header .menu ul li ul li a:after { display: none; }
	#header .menu ul li ul li a:hover { background-color: #09F; color: #fff; }

	#header .cta { flex: 0 0 auto; width: auto; }

	#header .hamburger { flex: 0 0 auto; display: none; width: auto; }
	#header .hamburger .box { cursor: pointer; height: 20px; margin-left: auto; position: relative; width: 30px; }
	#header .hamburger .box div { background-color: #141518; height: 2px; left: 0; position: absolute; width: 100%; }
	#header .hamburger .box div:first-child { top: 0; }
	#header .hamburger .box div:nth-child(2) { top: 50%; transform: translateY(-50%); }
	#header .hamburger .box div:last-child { bottom: 0; }

/*------------ MOBILE NAV ----------------------*/
#mobile-nav { background-color: #fff; box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px; height: 100%; right: 0; position: fixed; top: 0; max-width: 350px; width: 90%; transform: translateX(100%); z-index: 15; }
	.hamburger-active #mobile-nav { transform: translateX(0); }

	#mobile-nav .menu-contact { overflow-y: auto; }
	#mobile-nav .menu ul { list-style: none; margin: 0; margin-bottom: 20px; padding: 20px; }
	#mobile-nav .menu ul li { color: #141518; font-size: 16px; font-weight: 600; line-height: 1.2em; margin-bottom: 40px; padding-right: 30px; position: relative; text-transform: uppercase; }
	#mobile-nav .menu ul li:last-child { margin-bottom: 0; }

	#mobile-nav .menu ul li i { display: block; font-size: 16px; position: absolute; right: 0; top: 0; }

	#mobile-nav .menu ul li a { color: inherit; font: inherit; text-decoration: none; }

	#mobile-nav .menu ul li ul { margin-bottom: 0; padding-bottom: 0; padding-right: 0; }
	#mobile-nav .menu ul li ul li { margin-bottom: 20px; padding-right: 0; text-transform: none; }
	#mobile-nav .menu ul li.menu-li-active i { transform: rotate(180deg); }

	/* Close */
	#mobile-nav .close { display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 30px 20px; }
	#mobile-nav .close .box { cursor: pointer; height: 14px; position: relative; width: 20px; }
	#mobile-nav .close .box div { background-color: #141518; height: 2px; left: 0; position: absolute; width: 100%; }
	#mobile-nav .close .box div:first-child { top: 0; }
	#mobile-nav .close .box div:nth-child(2) { top: 50%; transform: translateY(-50%); }
	#mobile-nav .close .box div:last-child { bottom: 0; }

	#mobile-nav .close .text { font-size: 16px; font-weight: 700; line-height: 1.2em; padding-left: 10px; text-transform: uppercase; }

	/* Contact */
	#mobile-nav .contact { padding: 0 20px 20px; }
	#mobile-nav .contact .box { background: linear-gradient(90deg, #09F 0%, #237CDB 100%); border-radius: 10px; padding: 20px; }
	#mobile-nav .contact p { color: #fff; font-size: 14px; font-weight: 600; }
	#mobile-nav .contact p a { display: flex; flex-wrap: wrap; align-items: center; color: inherit; font: inherit; text-decoration: none; }
	#mobile-nav .contact .box > *:last-child { margin-bottom: 0; }
	#mobile-nav .contact span { flex: 0 1 auto; padding-left: 10px; width: calc(100% - 20px); }
	#mobile-nav .contact i { flex: 0 1 auto; font-size: 16px; text-align: center; width: 20px; }

	/* Bottom */
	#mobile-nav .bottom { background-color: #fff; border-top: 1px solid rgba(0, 0, 0, 0.1); bottom: 0; left: 0; padding: 30px 20px; position: fixed; width: 100%; z-index: 5; }
	#mobile-nav .bottom .copyright { font-size: 12px; font-weight: 600; line-height: 1.2em; }

/*------------ MOBILE NAV OVERLAY ----------------------*/
#mobile-nav-overlay { background-color: rgba(0, 153, 255, 0.3); height: 100%; left: 0; opacity: 0; position: fixed; top: 0; visibility: hidden; width: 100%; z-index: 14; transition: all 0.4s ease; }
	.hamburger-active #mobile-nav-overlay { opacity: 1; visibility: visible; }

/*------------ FOOTER ----------------------*/
#footer { overflow: hidden; padding-top: 115px; position: relative; z-index: 2; }
	#footer .container, #footer .container-fluid { position: relative; }
	#footer .bg { background: linear-gradient(360deg, #28395B 0%, #465063 108.32%); border-top-left-radius: 50% 200px; border-top-right-radius: 50% 200px; height: 100%; overflow: hidden; position: absolute; left: -30%; top: 0; width: 160%; }
	#footer .bg .gradient { background: rgba(20, 21, 24, 0.25); height: 100%; left: 18.75%; position: absolute; top: 0; width: 100%; }
	#footer .top { margin-bottom: 90px; max-width: 1330px !important; }

	#footer .logo { margin-bottom: 50px; }
	
	#footer .title { color: #fff; font-size: 20px; line-height: 1.2em; margin-bottom: 20px; }
	#footer .text p { color: #fff; font-size: 14px; }
	#footer .text img { border-radius: 10px; display: block; margin-top: 26px; }

	#footer .menu .title { margin-bottom: 35px; }
	#footer .menu ul { list-style: none; margin: 0 auto; padding: 0; }
    #footer .menu ul li { color: #fff; font-size: 14px; line-height: 1.2em; margin-bottom: 25px; }
    #footer .menu ul li:last-child{ margin-bottom: 0; }
    #footer .menu ul li a { color: inherit; font: inherit; text-decoration: none; transition: all .4s ease; }
    #footer .menu ul li a:hover { opacity: 0.5; }
	
	#footer .contact .title { margin-bottom: 30px; }
	#footer .contact p { color: #fff; font-size: 14px; line-height: 2em; margin-bottom: 27px; }
	#footer .contact a { color: inherit; text-decoration: none; transition: all .4s ease; }
	#footer .contact a:hover { opacity: 0.5; }
	#footer .contact > *:last-child { margin-bottom: 0; }

	#footer .donate-bed .title { margin-bottom: 35px; position: relative; }
	#footer .donate-bed .text { position: relative; }

	#footer .copyright { background-color: #141518; color: #fff; font-size: 12px; line-height: 1.2em; padding-bottom: 26px; padding-top: 26px; text-align: center; text-transform: uppercase; }

/*------------ LIST EVENT ----------------------*/
#list-d { opacity: 0; position: relative; }
#list-d.done { opacity: 1; }
	#list-d .row { --bs-gutter-x: 30px; --bs-gutter-y: 30px; }
	#list-d .box { flex: 0 1 auto; box-sizing: border-box; min-height: 420px; }
	#list-d .box-inner { display: flex; flex-flow: row wrap; background-color: #fff; border: 1px solid #DCEAF4; border-radius: 20px; height: 100%; position: relative; width: 100%; }

	#list-d .img { flex: 0 1 auto; background-color: #ccc; background-position: 50% 50%; background-size: cover; border: 0; border-bottom: 1px solid #DCEAF4; border-top-left-radius: 20px; border-top-right-radius: 20px; height: 200px; position: relative; width: 100%; }

	#list-d .content { flex: 0 1 auto; display: flex; flex-flow: row wrap; box-sizing: border-box; height: calc(100% - 200px); padding: 20px; width: 100%; }
	#list-d .top { flex: 0 1 auto; width: 100%; }
	#list-d .date { color: #888; font-size: 14px; font-weight: 400; line-height: 1.2; margin-bottom: 4px; }
	#list-d .title { color: #265B9B; font-size: 18px; font-family: 'Nanum Gothic', sans-serif; font-weight: 700; line-height: 1.4; margin-bottom: 15px; }

	#list-d .link { flex: 0 1 auto; align-self: flex-end; color: #141518; font-size: 12px; font-weight: 700; line-height: 1.2; text-transform: uppercase; width: 100%; }

	#list-d a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

/*------------ LIST EVENTS ----------------------*/
#list-e { position: relative; }
	#list-e .title { color: #265B9B; font-size: 48px; text-align: center; }
	#list-e .subtitle { background: linear-gradient(90deg, #237CDB 0%, #265B9B 100%); border: 1px solid #AFD6FF; border-radius: 8px; color: #fff; font-size: 18px; padding: 10px; text-transform: uppercase; }

	#list-e .box { margin-bottom: 30px; }
	#list-e .box-inner { display: flex; flex-wrap: wrap; align-items: center; }
	#list-e .img { flex: 0 1 auto; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 10px; height: 0; overflow: hidden; padding-top: 20%; position: relative; width: 20%; }
	#list-e .img a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
	#list-e .content { flex: 0 1 auto; padding-left: 15px; width: 80%; }
	#list-e .content span { display: block; padding-left: 30px; position: relative; }
	#list-e .content span i { color: #888; left: 0; position: absolute; top: 5px; }
	#list-e .content .title { color: #265B9B; font-family: 'Nanum Gothic', sans-serif; font-weight: 800; font-size: 24px; margin-bottom: 5px; padding: 0; text-align: left; }
	#list-e .content .title a { color: inherit; text-decoration: none; }
	#list-e .content .location { margin-bottom: 20px; }

	#list-e .container > *:last-child { margin-bottom: 0; }

/*------------ BANNER PHOTO CONTENT ----------------------*/
#banner-pc { overflow: hidden; padding-bottom: 10px; padding-top: 178px; position: relative; }
	#banner-pc .bg { background-position: center; background-repeat: no-repeat; background-size: cover; border-bottom-left-radius: 50% 200px; border-bottom-right-radius: 50% 200px; height: 100%; position: absolute; overflow: hidden; left: -30%; top: 0; width: 160%; }
	#banner-pc .container { position: relative; }
	
	#banner-pc .row { justify-content: center; }
	#banner-pc .content { padding-top: 40px; }
	#banner-pc .title { color: #265B9B; font-size: 48px; }
	#banner-pc .subtitle { font-size: 24px; margin-bottom: 15px; text-transform: uppercase; }
	#banner-pc .text { margin-bottom: 30px; max-width: 500px; }
	#banner-pc .text > *:last-child { margin-bottom: 0; }

	#banner-pc .img { text-align: center; }

/*------------ BANNER CENTERED CONTENT ----------------------*/
#banner-cc { overflow: hidden; padding-bottom: 100px; padding-top: 218px; position: relative; }
	#banner-cc .bg { background-position: center; background-repeat: no-repeat; background-size: cover; border-bottom-left-radius: 50% 200px; border-bottom-right-radius: 50% 200px; height: 100%; position: absolute; overflow: hidden; left: -30%; top: 0; width: 160%; }
	#banner-cc .title { color: #265B9B; font-size: 48px; text-align: center; }
	#banner-cc .text { margin: 0 auto 30px; max-width: 500px; text-align: center; }
	#banner-cc .text.max-width-600 { max-width: 600px; }
	#banner-cc .text > *:last-child { margin-bottom: 0; }
	#banner-cc .content > *:last-child { margin-bottom: 0; }

/*------------ HERO DEFAULT ----------------------*/
#hero-d { opacity: 0; position: relative; }
#hero-d.done { opacity: 1; }
	#hero-d .row { --bs-gutter-x: 0; justify-content: space-between; background: linear-gradient(90deg, #237CDB 0%, #265B9B 100%); border-radius: 20px; border: 1px solid #AFD6FF; padding: 36px 96px; }
	#hero-d .text { flex: 1 1 0; padding-right: 25px; max-width: 560px; }
	#hero-d .text p { color: #fff; font-family: 'Nanum Gothic', sans-serif; font-size: 24px; font-weight: 700; line-height: 1.2em; }
	#hero-d .text > *:last-child { margin-bottom: 0; }
	#hero-d .cta { flex: 0 0 auto; text-align: right; width: auto; }

/*------------ COLUMN BOX ICON ----------------------*/
#column-box-i { position: relative; }
	#column-box-i .row { --bs-gutter-x: 70px; --bs-gutter-y: 45px; }
	#column-box-i .box { opacity: 0; }
	#column-box-i .box.done { opacity: 1; }
	#column-box-i .box-inner { box-shadow: 0 4px 30px rgba(220, 234, 244, 0); display: flex; flex-wrap: wrap; align-items: center; border: 1px solid #DCEAF4; border-radius: 20px; height: 100%; padding: 10px 60px; position: relative; transition: box-shadow 0.4s ease; }
	#column-box-i .box-inner:hover { box-shadow: 0 4px 30px rgba(220, 234, 244, 0.9); }
	#column-box-i .box-inner a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
	#column-box-i .icon { flex: 0 1 auto; text-align: center; width: 110px; }
	#column-box-i .title { flex: 0 1 auto; color: #265B9B; font-family: 'Jost', sans-serif; font-size: 24px; font-weight: 500; line-height: 1.2em; padding-left: 40px; width: calc(100% - 110px); }

/*------------ COLUMN BOX DEFAULT ----------------------*/
#column-box-d { border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; padding-bottom: 115px; overflow: hidden; padding-top: 100px; position: relative; }
	#column-box-d:before { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); content: ''; height: 150px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }

	#column-box-d .bg { background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

	#column-box-d .max-width-1440 { z-index: 2; }
	#column-box-d .box { opacity: 0; }
	#column-box-d .box.done { opacity: 1; }
	#column-box-d .box-inner { display: flex; flex-wrap: wrap; align-items: flex-start; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 20px; height: 100%; padding: 46px 35px; position: relative; }
	#column-box-d .box-inner:before { background-color: rgba(35, 124, 219, 0.95); border-radius: 20px; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

	#column-box-d .box:nth-child(2) .box-inner:before { background-color: rgba(38, 91, 155, 0.95); }
	#column-box-d .box:last-child .box-inner:before { background-color: rgba(40, 57, 91, 0.95); }

	#column-box-d .img { background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 50%; height: 240px; margin-bottom: 40px; margin-left: -11px; margin-top: -134px; position: relative; width: 240px; }
	#column-box-d .img:before { background: linear-gradient(90deg, #FAC338 0%, #FED743 100%); border-radius: 50%; bottom: 0; content: ''; height: 55px; position: absolute; right: 15px; width: 55px; }

	#column-box-d .title { flex: 0 1 auto; color: #fff; font-size: 24px; font-weight: 700; margin-bottom: 18px; position: relative; text-transform: uppercase; width: 100%; }
	#column-box-d .text { flex: 0 1 auto; margin-bottom: 38px; position: relative; width: 100%; }
	#column-box-d .text p { color: #fff; font-size: 16px; }
	#column-box-d .text > *:last-child { margin-bottom: 0; }
	#column-box-d .cta { flex: 0 1 auto; align-self: flex-end; position: relative; width: 100%; }

/*------------ COLUMN BOX PLAIN ----------------------*/
#column-box-p { position: relative; }
	#column-box-p .row { --bs-gutter-y: 24px; }

	#column-box-p .box-inner { position: relative; }
	#column-box-p .box-inner.has-link:before { background-color: rgba(255,255,255,0); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; transition: background-color 0.4s ease; }
	#column-box-p .box-inner.has-link:hover:before { background-color: rgba(255,255,255,0.3); }
	#column-box-p .box-inner a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
	
	#column-box-p .img { background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 20px; box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.10); height: 0; overflow: hidden; padding-top: 100%; }
	#column-box-p .title { color: #265B9B; font-family: 'Jost', sans-serif; font-size: 24px; font-weight: 500; line-height: 1.2em; margin-bottom: 0; margin-top: 20px; text-align: center; }
	#column-box-p .title a { color: inherit; font: inherit; text-decoration: none; }

/*------------ PHOTO CONTENT SLIDER ----------------------*/
#photo-content-s { opacity: 1; overflow: hidden; position: relative; }
#photo-content-s.done { opacity: 1; }
	#photo-content-s:before { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); content: ''; height: 250px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }

	#photo-content-s .bg { background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

	#photo-content-s .max-width-1440 { padding-bottom: 150px; padding-top: 90px; z-index: 2; }
	#photo-content-s .container { position: relative; }

	#photo-content-s .pet { position: absolute; }
	#photo-content-s .pet.rabbit { right: 27px; top: 30px; }
	#photo-content-s .pet.dog { left: -62px; top: 88px; }
	#photo-content-s .pet.cat { bottom: 0; right: 39px; }

	#photo-content-s .title { color: #265B9B; font-size: 36px; margin: 0 auto 80px; max-width: 750px; text-align: center; }

	#photo-content-s .swiper { margin-left: -75px; padding: 0 50px; width: calc(100% + 150px); }
	#photo-content-s .swiper .box { display: flex; flex-wrap: wrap; align-items: center; }
	#photo-content-s .swiper .img { flex: 0 1 auto; padding: 50px 25px; position: relative; width: 45%; }
	#photo-content-s .swiper .img:before { background-color: #09F; border-radius: 20px; content: ''; height: calc(100% - 100px); left: 25px; position: absolute; top: 50%; width: calc(100% - 50px); transform: translateY(-50%) rotate(173.72deg); }
	#photo-content-s .swiper .img-box { background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 20px; box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.10); height: 0; padding-top: 100%; position: relative; }
	#photo-content-s .swiper .img-box:before { background: linear-gradient(90deg, #FAC338 0%, #FED743 100%); bottom: 20%; border-radius: 50%; content: ''; height: 60px; left: -30px; position: absolute; width: 60px; }

	#photo-content-s .swiper .content { flex: 0 1 auto; padding-left: 85px; width: 55%; }
	#photo-content-s .swiper .text { margin-bottom: 40px; }
	#photo-content-s .swiper .text p { font-size: 16px; }
	#photo-content-s .swiper .text strong { font-weight: 500; }
	#photo-content-s .swiper .text > *:last-child { margin-bottom: 0; }
	#photo-content-s .swiper .name { color: #265B9B; font-size: 24px; font-weight: 500; line-height: 1.5em; }

	#photo-content-s .nav { justify-content: center; margin-top: 20px; }
	#photo-content-s .nav .arrow:first-child { margin-right: 9px; }

/*------------ PHOTO CONTENT DEFAULT ----------------------*/
#photo-content-d { position: relative; }

	#photo-content-d .img { flex: 0 1 auto; padding: 50px 25px; position: relative; width: 45%; }
	#photo-content-d .img:before { background-color: #09F; border-radius: 20px; content: ''; height: calc(100% - 100px); left: 25px; position: absolute; top: 50%; width: calc(100% - 50px); transform: translateY(-50%) rotate(173.72deg); }
	#photo-content-d .img-box { background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 20px; box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.10); height: 0; padding-top: 100%; position: relative; }

	#photo-content-d .content { flex: 0 1 auto; }
	#photo-content-d .title { color: #265B9B; font-size: 36px; margin-bottom: 30px; }
	#photo-content-d .text { margin-bottom: 40px; }
	#photo-content-d .text p { font-size: 16px; }
	#photo-content-d .text strong { font-weight: 500; }
	#photo-content-d .text > *:last-child { margin-bottom: 0; }
	#photo-content-d .name { color: #265B9B; font-size: 24px; font-weight: 500; line-height: 1.5em; }
	#photo-content-d .content > *:last-child { margin-bottom: 0; }

/*------------ PHOTO CONTENT MOSAIC ----------------------*/
#photo-content-m { position: relative; }
	#photo-content-m .img-box { background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 20px; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.20); height: 0; margin-bottom: -75px; padding-top: 75%; width: 75%; }
	#photo-content-m .img-box:nth-child(even) { margin-left: auto; }
	#photo-content-m .img-box:last-child { margin-bottom: 0; }

	#photo-content-m .title { color: #265B9B; font-size: 36px; }

/*------------ COLUMN CONTENT DEFAULT ----------------------*/
#column-content-d { position: relative; }
	#column-content-d .row { --bs-gutter-x: 50px; --bs-gutter-y: 50px; }

	#column-content-d .box > *:last-child { margin-bottom: 0; }
	#column-content-d .content { margin-bottom: 50px; }
	#column-content-d .title { color: #265B9B; font-size: 36px; text-align: center; }
	#column-content-d .text > *:last-child { margin-bottom: 0; }

/*------------ COLUMN CONTENT SLIDER ----------------------*/
#column-content-s { position: relative; }
	#column-content-s .row { --bs-gutter-x: 50px; }

	#column-content-s .swiper .img { background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 20px; overflow: hidden; height: 0; padding-top: 100%; width: 100%; }

	#column-content-s .text > *:last-child { margin-bottom: 0; }
	
	#column-content-s .nav { justify-content: center; text-align: center; margin-top: 20px; }
	#column-content-s .nav .arrow:first-child { margin-right: 9px; }

/*------------ CONTENT ----------------------*/
#content { position: relative; }
	#content .container { max-width: 900px !important; }
	#content .title { color: #265B9B; font-size: 36px; }
	#content a { color: #09F; word-wrap: break-word; }
	#content .btn { color: #fff; }
	#content iframe { height: 5000px; width: 100%; }

/*------------ 404 ---------------------1-*/
#error-404 { position: relative; }
	#error-404 .title { font-weight: 800; font-size: 250px; margin-bottom: 0; }

/*------------ 1399.98px ----------------------*/
@media only screen and (max-width: 1399.98px) {
	.container { width: 90%; }

	/* Header */
	#header .menu ul li { margin-right: 30px; }
}

/*------------ 1200px ----------------------*/
@media only screen and (min-width: 1200px) {
	/* Footer */
	#footer .donate-bed { padding-left: 45px; width: 23%; }
}

/*------------ 1199.98px ----------------------*/
@media only screen and (max-width: 1199.98px) {
	/* Footer */
	#footer .bg .gradient { display: none; }
	#footer .logo-info { margin-bottom: 50px; text-align: center; }
	#footer .text img { margin: 26px auto 0; }
	#footer .donate-bed .text img { margin-left: 0; }

	/* Banner Photo Content */
	#banner-pc { padding-bottom: 40px; }

	/* Hero Default */
	#hero-d .row { padding: 36px; }

	/* Column Box Default */
	#column-box-d .row { --bs-gutter-y: 140px; }
}

/*------------ 1167px ----------------------*/
@media only screen and (max-width: 1167px) {
	/* Hero Default */
	#banner-pc .content { padding-bottom: 100px; }
}

/*------------ 992px ----------------------*/
@media only screen and (min-width: 992px) {
	/* Photo Content Default */
	#photo-content-d .content { padding-left: 85px; padding-right: 0; width: 55%; }
	#photo-content-d.content-left .content { padding-left: 0; padding-right: 85px; }

	/* Photo Content Mosaic */
	#photo-content-m .img { padding-left: 0; padding-right: 50px; }
	#photo-content-m .content { padding-left: 50px; padding-right: 0; }
}

/*------------ 991.98px ----------------------*/
@media only screen and (max-width: 991.98px) {
	/* Header */
	#header .logo { flex: 1 1 0; }
	#header .menu { display: none; }
	#header .hamburger { display: block; }

	/* Banner Photo Content */
	#banner-pc .content { padding-bottom: 40px; }

	/* Hero Default */
	#hero-d .text, #hero-d .cta { flex: 0 1 auto; margin-left: auto; margin-right: auto; text-align: center; width: 100%; }
	#hero-d .text { margin-bottom: 20px; padding-right: 0; }

	/* Column Box Icon */
	#column-box-i .row { --bs-gutter-x: 24px; --bs-gutter-y: 24px; }
	#column-box-i .box-inner { padding: 10px 30px; }

	/* Photo Content Slider */
	#photo-content-s .title { margin: 0 auto 50px; }
	#photo-content-s .swiper { margin-left: 0; padding: 0; width: 100%; }
	#photo-content-s .swiper .img, #photo-content-s .swiper .content { width: 100%; }
	#photo-content-s .swiper .img { margin-bottom: 20px; padding: 50px; }
	#photo-content-s .swiper .img:before { left: 50px; width: calc(100% - 100px); }
	#photo-content-s .swiper .content { padding-left: 0; }
	#photo-content-s .swiper .text, #photo-content-s .swiper .name { text-align: center; }

	/* Photo Content Default */
	#photo-content-d .img, #photo-content-d .content { width: 100%; }
	#photo-content-d .img { margin-bottom: 20px; padding: 50px; }
	#photo-content-d .img:before { left: 50px; width: calc(100% - 100px); }

	/* Photo Content Mosaic */
	#photo-content-m .img { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; }
	#photo-content-m .img-box { margin-bottom: 0; padding-top: 33.33%; width: calc(33.33% - 24px); }
	#photo-content-m .img-box:nth-child(even) { margin-left: 0; }
}

/*------------ 767.98px ----------------------*/
@media only screen and (max-width: 767.98px) {
	/* Header */
	#header .cta { display: none; }

	/* Footer */
	#footer .menu, #footer .contact, #footer .donate-bed { margin-bottom: 50px; text-align: center; width: 100%; }
	#footer .donate-bed { margin-bottom: 0; }
	#footer .donate-bed .text img { margin: 26px auto 0; }

	/* List Event */
	#list-e .subtitle { text-align: center; }
	#list-e .box-inner { justify-content: center; }
	#list-e .img { margin-bottom: 20px; padding-top: 50%; width: 50%; }
	#list-e .content { padding-left: 0; width: 100%; }
	#list-e .content .title { text-align: center; }

	/* Banner Photo Content */
	#banner-pc .title, #banner-pc .subtitle, #banner-pc .text, #banner-pc .cta { text-align: center; }
	#banner-pc .text { margin: 0 auto 30px; }

	/* Column Box Icon */
	#column-box-i .icon, #column-box-i .title { padding-left: 0; text-align: center; width: 100%; }
	#column-box-i .icon { margin-bottom: 20px; }
	#column-box-i .box-inner { padding: 30px; }

	/* Column Box Default */
	#column-box-d .box-inner { justify-content: center; }
	#column-box-d .title, #column-box-d .text, #column-box-d .cta { text-align: center; }
	#column-box-d .img { margin-left: 0; }

	/* Photo Content Slider */		
	#photo-content-s .pet.rabbit, #photo-content-s .pet.dog { display: none; }

	/* Photo Content Default */
	#photo-content-d .pet.rabbit, #photo-content-d .pet.dog { display: none; }
	#photo-content-d .title { text-align: center; }

	/* Photo Content Mosaic */
	#photo-content-m .img-box { margin-bottom: 24px; padding-top: 100%; width: 100%; }
	#photo-content-m .img-box:last-child { margin-bottom: 0; }
	#photo-content-m .title { text-align: center; }

	/* Content */
	#content .title { text-align: center; }
}

/*------------ MEDIA 576px ----------------------*/
@media (min-width: 576px) {
	/* Footer */
	#footer .copyright br { content: ''; }
	#footer .copyright br:after { content: ' '; }
}

/*------------ 575.98px ----------------------*/
@media only screen and (max-width: 575.98px) {
	.btn { padding: 17px 20px; }

	/* Footer */
	#footer .bg { border-top-left-radius: 50% 100px; border-top-right-radius: 50% 100px; }
	#footer { padding-top: 90px; }

	/* List Event */
	#list-e .img { padding-top: 80%; width: 80%; }

	/* Banner Photo Content */
	#banner-pc .bg { border-bottom-left-radius: 50% 100px; border-bottom-right-radius: 50% 100px; }
	#banner-pc .title { font-size: 38px;}

	/* Banner Centered Content */
	#banner-cc { padding-bottom: 70px; }
	#banner-cc .bg { border-bottom-left-radius: 50% 100px; border-bottom-right-radius: 50% 100px; }
	#banner-cc .title { font-size: 38px;}

	/* Hero Default */
	#hero-d .row { padding: 36px; }

	/* Column Box Default */
	#column-box-d { border-bottom-left-radius: 75px; border-bottom-right-radius: 75px; padding-bottom: 75px; }
	#column-box-d .img { height: 200px; width: 200px; }
	#column-box-d .img:before { height: 40px; right: 20px; width: 40px; }

	/* Photo Content Slider */
	#photo-content-s .swiper .img { padding: 25px; }
	#photo-content-s .swiper .img:before { height: calc(100% - 50px); left: 25px; width: calc(100% - 50px); }
	#photo-content-s .swiper .img-box { height: 250px; }
	#photo-content-s .swiper .img-box:before { height: 40px; left: -20px; width: 40px; }

	/* Photo Content Default */
	#photo-content-d .img { padding: 25px; }
	#photo-content-d .img:before { height: calc(100% - 50px); left: 25px; width: calc(100% - 50px); }
}