/*
Theme Name: Newborns v1
Theme URI: 
Author: Newborns
Author URI: 
Description: 
Version: 1.0
*/


@font-face {
    font-family: "Futura PT";
    src: url("fonts/futuraptbook.otf");
}

@font-face {
    font-family: "Brauer";
    src: url("fonts/brauer.otf");
}

@font-face {
    font-family: "Brauer Neue";
    src: url("fonts/brauerneue-bold.otf");
    font-weight: 700;
}

@font-face {
    font-family: "Helvetica Neue Light";
    src: url("fonts/helveticaneue-light.otf");
}

body {font-family: "Futura PT"; font-size: 17px; letter-spacing: 0.5px; overflow-x: hidden; text-align: left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #58595b; line-height: 1.3em }
body.vi {
	font-family: 'Muli', sans-serif;
}
body strong {font-family: "Brauer";}
body.vi strong {font-family: 'Nunito', sans-serif;}
/*
body.vi {
	font-family: "Averta"; font-weight: 300
}*/
a:hover,
a:active,
a:focus,
input:focus,
input:hover,
button:hover,
button:active,
button:focus,
textarea:focus,
div:focus {
    outline: 0;
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none
}
p {margin: 8px 0px;}
input {border-color: #fff}

/* label focus color */
input[type=text]:focus + label, .materialize-textarea:focus:not([readonly]) + label {
 color: #fff !important; 
}

/* label underline focus color */
input[type='text']:focus, .materialize-textarea:focus:not([readonly]), input[type='email']:focus {
 border-color: #5f316c !important;
 box-shadow: 0 0 0 0 #fff !important;
}
.datepicker-date-display {
    background-color: #d9b780;
}
.datepicker-table td.is-selected {
    background-color: #d9b780;
}
.datepicker-table td.is-today {
    color: #d9b780;
}
.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done {
    color: #d9b780;
}
.search-room .datepicker-modal {
    top: inherit !important;
    bottom: 200px;
}
.datepicker-table td.is-today.is-selected {
    color: #FFFFFF;
}
.buffertop{position: relative; height: 114px; width: 100%;}
.container {width: 1160px; position: relative;}
.container.containerxs {width: 1036px;}
.container.containermd {width: 1056px}
.nb-head {position: fixed; z-index: 30000; top: 0px; left: 0px; width: 100%; background: #FFFFFF; height: 114px;}
.nb-logo {position: absolute; width: 194px; height: 64px; background: url("images/logo-194.png"); left: 0px; top: 25px; }
.logo-footer {position: relative; width: 214px; height: 71px; background: url("images/logo-footer.png");  }
.icon-menu {position: absolute; width: 30px; height: 23px; background: url("images/icon-menu.png"); right: 0px; top: 45px; cursor: pointer;}
.icon-menu:hover {
	transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; transform: scale(1.04)
}
.donatenow {position: absolute; width: 140px; height: 41px;  right: 63px; top: 36px; cursor: pointer;}
.language {position: absolute; top:0px; right: 266px; line-height: 114px; margin: 0px; padding: 0px; font-size: 14px; color: #a4a6a8; }
.language ul { margin: 0px; padding: 0px;}
.language li {margin-right: 12px; float: left; position: relative;}
.language li:after {content: "/"; position: absolute; font-size: 13px; right: -9px;}
.language li:last-child{margin-right: 0px;}
.language li:last-child:after{content:""}
.language li.active {color: #6d6e70}
.menu-bar {position: fixed; top: 0px; right: calc(50% - 610px); padding: 140px 170px 0px 60px; background: rgba(255, 235, 234, 0.8); z-index: 50000; height: 100vh; font-family: "Brauer"; display: none }
.vi .menu-bar {
	font-family: 'Nunito', sans-serif;
}
.menu-bar a {color: #c13d6e; font-size: 25px; text-transform: capitalize }
.menu-bar a:hover, .menu-bar li.current-menu-item a {color: #5f316c}
.menu-bar #menu-main-menu li {padding: 10px 0px;}
.menu-social {margin-top: 60px}
.menu-social li {float: left;}
.icon-close {position: absolute; right: 30px; top: 46px; background: url("images/icon-close-menu.png"); width: 30px; height: 23px; cursor: pointer; }
.icon-close:hover{
	transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; transform: rotate(90deg);
}
/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.newbornshomecaption p{font-size: 24px; line-height: 28px; }
.newbornshomecaption h2 p, .newbornshomecaption h3 p{text-transform: uppercase;}
.vi .newbornshomecaption p{font-size: 22px; line-height: 26px; }
@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*jssor slider bullet skin 101 css*/
.jssorb051 {bottom:20px;}
.jssorb051 .i {position:absolute;cursor:pointer;}
.jssorb051 .i .b {background: #FFFFFF;}
.jssorb051 .i:hover .b {}
.jssorb051 .iav  .rect-bullet{border: 0px solid #FFFFFF; background: #cb3d6e !important;}
.jssorb051 .i.idn {}

/*jssor slider arrow skin 051 css*/
.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}

#jssor_1 {color: #FFFFFF}
#jssor_1 h1, #jssor_1 h2, #jssor_1 h3 {
	font-family: "Brauer"; margin: 0px 0px 20px; padding: 0px; font-size: 50px; line-height: 50px;
}
#jssor_1 h2, #jssor_1 h3 {
	font-size: 22px;
    line-height: 26px;
}
.vi #jssor_1 h1, .vi #jssor_1 h2, .vi #jssor_1 h3 {
	font-family: 'Nunito', sans-serif;
}
.findmore {color: #ca3d6e; position: relative;}
.findmore:after {
	content: ">>";
	position: absolute; right: -22px; top: 2px;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.findmore:hover:after {
	right: -32px; 
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.findmore:hover {
    text-shadow: 0px 0px 5px rgba(255,255,255,0.5);
}
.donate-range {padding: 70px 0px; box-sizing: content-box; position: relative;}
.donate-range ul.val-donate {margin: 0px; padding:0px;}
.donate-range ul.val-donate li {float: left; margin-right: 20px;}
.donate-range ul.val-donate li:last-child {margin-left: 10px;}
.donate-range ul.val-donate li button {width: 122px; text-align: center; height: 38px; line-height: 38px; border: 1px solid #c6c6c5; color: #a4a6a8; border-radius: 5px;  cursor: pointer;}
.donate-range ul.val-donate li input {height: 40px; line-height: 40px; font-family: "Brauer"; width: 150px; color: #8f9194; }
.vi .donate-range ul.val-donate li input {
	font-family: 'Nunito', sans-serif;
}
.donate-range ul.val-donate li.active input {color: #5f316c;}
.donate-range ul.val-donate li.active button {border-color: #5f316c; color: #5f316c; background: #FFFFFF;}
.donate-range button:focus, .materialize-button:focus:not([readonly]) {
	border-color: #5f316c; color: #5f316c; background: #FFFFFF;
}
.donate-range ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #8f9194; 
}
.donate-range ::-moz-placeholder { /* Firefox 19+ */
  color: #8f9194; 
}
.donate-range :-ms-input-placeholder { /* IE 10+ */
  color: #8f9194; 
}
.donate-range :-moz-placeholder { /* Firefox 18- */
  color: #8f9194; 
}
.btn-donate {cursor: pointer; width: 200px; height: 41px; /* background-image: url("images/btn-donate150.png")*/; position: absolute; top: 0px; right: 0px;}
.description ul {margin: 16px 0px 0px; padding: 0px;}
.description ul li {
	transition: all 0s;
    -moz-transition: all 0s;
    -webkit-transition: all 0s;
    opacity: 0; visibility: hidden;
    height: 0px;
}

.description ul li.active{
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    opacity: 1; visibility: visible; height: auto;
}
.informoney {margin-right: 20px; position: relative;}
.informoney:after {content: ""; width: 100%; height: 1px; background: #c6c6c5; left: 0px; bottom: 0px; position: absolute; }
.first-article {
	position: relative; background: #5f316c; padding: 100px 0px 70px;  color: #ffffff;
	margin: 0px 0px 130px 0px;
}
.first-article .col-contain {width: 400px; position: relative;}
.title {
	font-size: 28px; font-family: "Brauer"; line-height: 30px; text-transform: uppercase; margin: 0px 0px 20px 0px;
}
.vi .title {
	font-family: 'Nunito', sans-serif;
}
.icon_his {position: absolute; top: -34px; right: -22px;}
.image_right {
	position: absolute; bottom: -130px; height: 458px; background-size: contain; background-repeat: no-repeat; background-position: center left; 
	width: calc( 100% -  (50%  - 518px) - 490px ); right: 0px; 
}
.first-article .findmore {color: #e23d6f}
.first-article .findmore:hover {
    text-shadow: 0px 0px 2px rgba(255,255,255,0.2);
}
.whatishappening {
	padding: 80px 0px 0px;
	margin-bottom: 130px; position: relative;
}
.whatishappening:before {
	content: ""; width: 100%; height: 60%; background: #e9f4ff;
	position: absolute; left: 0px; bottom: -56px;z-index: -1; 
}
.whatishappening .z-depth-1, .slickmission  .z-depth-1{background: #FFFFFF; border-radius:15px;}
.whatishappening .title, .latest-news .title, .our-sponsors .title, .sign-up-form .title{
	font-size: 24px; color: #5f316c; text-align: center; margin-bottom: 10px;
}
.title-happen {
	font-size: 20px; color: #5f316c; text-transform: uppercase; font-family: "Brauer";
}
.vi .title-happen {
	font-family: 'Nunito', sans-serif;
}
.slick-happening {margin: 20px 0px 0px; position: relative}
.short-contain {padding: 16px; position: relative;}
.slick-happening .short-contain { min-height: 230px; }
.slick-news .short-contain { min-height: 230px; }
.slick-happening .short-contain .findmore {
	text-transform: uppercase; color: #6d6e70; font-size: 16px; font-family: "Brauer";
	position: absolute; bottom: 20px;
}
.vi .slick-happening .short-contain .findmore {
	font-family: 'Nunito', sans-serif;
}
.slick-happening .short-contain .findmore:after {
    content: ">"; color: #e23d6f; top: -1px; right: -12px;
}
.item-happening:hover .findmore {
	color: #e23d6f;
}
.item-happening:hover .findmore:after {
	right: -20px; 
}
.item-happening {
	padding: 20px 10px; position: relative;
}
.item-happening img {max-width: 100%; height: auto;}

.latest-news .item-happening:hover .findmore:after {
	right: -28px; 
}
.latest-news, .our-sponsors {margin-bottom: 60px;}
.sign-up-form .contain {
	padding: 50px 50px 30px 50px; position: relative; margin-bottom: -20px; background: #FFFFFF;
}
.col-firstname {margin-left: 40px;}
.col-firstname, .col-surname {
	float: left; width: 170px; margin-right: 30px;
}
.col-email {
	float: left; width: 260px;
}
.col-subscribe {
	position: absolute; right: 90px; bottom: 40px; 
}
.btnsubscribe {
	width: 156px; height: 40px; line-height: 40px; background: #ca3d6e; color: #FFFFFF; text-transform: uppercase;
	font-family: "Brauer"; font-size: 14px; text-align: center; border-radius: 5px; border: 1px solid #ca3d6e; letter-spacing: 2px;
}
.vi .btnsubscribe {
	font-family: 'Nunito', sans-serif;
}
.sign-up-form input {
	font-family: "Brauer"; font-size: 14px; color: #8f9194; text-transform: uppercase; letter-spacing: 1px;
}
.vi .sign-up-form input {
	font-family: 'Nunito', sans-serif;
}
.sign-up-form  ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: "Brauer"; font-size: 14px; color: #8f9194;
}
.sign-up-form  ::-moz-placeholder { /* Firefox 19+ */
  font-family: "Brauer"; font-size: 14px; color: #8f9194;
}
.sign-up-form :-ms-input-placeholder { /* IE 10+ */
  font-family: "Brauer"; font-size: 14px; color: #8f9194;
}
.sign-up-form  :-moz-placeholder { /* Firefox 18- */
  font-family: "Brauer"; font-size: 14px; color: #8f9194;
}


.vi .sign-up-form  ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: 'Nunito'
}
.vi .sign-up-form  ::-moz-placeholder { /* Firefox 19+ */
  font-family: 'Nunito'
}
.vi .sign-up-form :-ms-input-placeholder { /* IE 10+ */
  font-family: 'Nunito'
}
.vi .sign-up-form  :-moz-placeholder { /* Firefox 18- */
  font-family: 'Nunito'
}

.sign-up-form .title {margin-bottom: 20px;}
.footer {
	background: #ffebea; padding: 40px 0px 20px;
}
.num-license {
	color: #6d6e70; font-size: 13px; line-height: 15px; margin-top: 16px;
}
.foo-col1 {float:left; margin-right: 300px}
.foo-col2 {float: left; margin-right: 80px;}
.foo-col3 {float: left;}
.foo-col2 a, .foo-col3 a {
	color: #404041; font-size: 17px; 
}
.foo-col2 a:hover, .foo-col3 a:hover, .foo-col2 li.current-menu-item a, .foo-col3 li.current-menu-item a {
	color: #e23d6f;
}
.foo-col2 li, .foo-col3 li{
	margin-bottom: 8px;
}
.icon-fc {width: 50px; height: 50px; background: url("images/icon-facebook.png"); position: relative}
.anhover:before {
	content: ""; width: 36px; height: 36px; border-radius: 50%; background: transparent;  border: 1px solid rgba(226, 61, 111, 0.8);
	position: absolute; top: 7px; left: 7px; 
	transition: all 0.5s; -moz-transition: all 0.5s;-webkit-transition: all 0.5s; opacity: 0;
}
.anhover:hover:before{
	transition: all 0.5s; -moz-transition: all 0.5s;-webkit-transition: all 0.5s; opacity: 1;
}
.icon-yt {width: 50px; height: 50px; background: url("images/icon-youtube.png"); position: relative}
.icon-ins {width: 50px; height: 50px; background: url("images/icon-instagram.png"); position: relative}
.icon-twi {width: 50px; height: 50px; background: url("images/icon-twitter.png"); position: relative}
.icon-in {width: 50px; height: 50px; background: url("images/icon-in.png"); position: relative}
.foo-col4 {position: absolute; top: calc(50% - 25px); right: 0px; }
.foo-col4 ul  {margin: 0px; padding: 0px}
.foo-col4 ul li {display: inline-block}
.footer-section2 {
	border-top: 1px solid #c0c0bf; margin-top: 30px; position: relative;
}
#menu-footer-3 {text-align: center; margin: 10px 0px 0px;}
#menu-footer-3 li {display: inline-block; }
#menu-footer-3 li a {padding: 0px 5px; font-size: 15px; color: #58595b;}
#menu-footer-3 li a:hover {color: #ca3d6e}
.copyright {
	position: absolute; top: 10px; left: 0px; font-size: 12px; font-family: "Helvetica Neue Light";
}
.vi .copyright {
	font-family: 'Muli', sans-serif;
}
.designby {
	position: absolute; right: 0px; top: 10px; font-size: 12px; font-family: "Helvetica Neue Light";
}
.vi .designby {
	font-family: 'Muli', sans-serif;
}
.designby img {vertical-align: middle; margin-left: 2px;}
.footer-section1 {position: relative;}
.banner-page {min-height: 320px;text-align: center; background-size: cover; background-repeat: no-repeat; padding: 46px 0px; background-position: center; position: relative;}
.banner-page:before {
	content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; /*background: rgba(0,0,0,0.4);*/ z-index: 1;
	background: linear-gradient(to right, rgba(21,22,70,0.8) , rgba(195,61,110,0.8)); 
}
.banner-page.nodark {
	min-height: 320px;
}
.banner-page.nodark:before {
	display: none; 
}
.caption-menu {
	font-size: 24px; text-transform: uppercase; font-family: "Brauer"; color: #FFFFFF; position: relative; z-index: 9
}
.vi .caption-menu {
	font-family: 'Nunito', sans-serif;
}
.banner-page a {color: #FFFFFF; font-size: 18px; line-height: 32px;}
.banner-page li.current-menu-item a {color:  #FFFFFF; text-decoration: underline}
.banner-page ul {margin: 30px 0px 20px 0px; position: relative; z-index: 9}
.p-newbornsvn, .p-ourvalues {
	padding: 80px 0px;
}
.banner-page-single {text-align: center; background-size: cover; background-repeat: no-repeat; padding: 180px 0px; background-position: bottom}


.p-newbornsvn h1, .p-ourvalues h1 {
	color:  #ca3d6e; text-align: center; text-transform: uppercase; font-size: 38px; line-height: 38px; font-family: "Brauer";
	padding: 0px; margin: 0px;
}
.vi .p-newbornsvn h1, .vi .p-ourvalues h1 {
	font-family: 'Nunito', sans-serif;
}
.container.containerxxs {
	width: 1000px;
}
.p-newbornsvn h3, .p-ourvalues h3, .sponsors h3,  .otherlinks h3 {
	font-size: 24px; color: #5f316c; text-align: left; margin: 0px 0px 20px; font-family: "Brauer"; line-height: 24px; text-transform: uppercase;
}
.vi .p-newbornsvn h3, .vi .p-ourvalues h3, .vi .sponsors h3,  .otherlinks h3 {
	font-family: 'Nunito', sans-serif;
}
.parag1 .col-left{
	float: left; width: 346px; padding-top: 40px;
}
.parag1 .col-right {
	width: calc(100% - 396px); float: right;
}
.parag1 {margin: 50px 0px 70px; position: relative; padding-bottom: 40px;}
.parag1-single {margin: 50px 0px 0px; position: relative; padding-bottom: 40px;}
.parag1:before {
	content: ""; height: 65%; width: 65%; position: absolute; right: 0px; background: #e9f4ff; bottom: 0px;
}
.parag1 img, .parag1-single img {max-width: 100%; height: auto;}
.parag1 p {margin-bottom: 16px;}
.quote {
	width: 410px; position: relative; padding: 6px 34px; margin: 10px 0px 0px 0px; color: #ca3d6e;
}
.quote:before {
	content: url("images/icon-quote.png"); position: absolute; top: 0px; left:0px; width: 25px; height: 16px;
}
.parag2 {
	position: relative; margin-bottom: 10px;
}
.parag2 .col-left {
	float: left; width: 58%; text-align: right;
}
.parag2 .col-left img {max-width: 100%; height: auto;}
.parag2 .col-right {position: absolute; width: 50%; bottom: -60px; right: 0px;}
.parag2 .col-right .box-contain {
	width: 480px; padding: 50px 60px; background: #FFFFFF;
}
.p-ourvalues .col-left {
	width: 70%; text-align: right; margin: 50px 0px 0px;
}
.p-ourvalues .col-left  img {max-width: 100%; height: auto; }
.p-ourvalues .col-right  {width: calc(30% + 200px); float: right; position: relative}
.p-ourvalues .col-right  .box-contain {width: 520px; padding: 60px 60px 30px;; background: #FFFFFF; margin-top: -208px;}
.p-ourvalues .col-right  .box-contain p{
	margin-bottom: 16px;
}
.ourvalues {
	width: 100%; padding-left: 46%; position: relative;
}
.items-ourvalues {
	width: 620px; text-align: center; padding: 30px 0px; position: relative;
}
.ourvalues:before {
	content: ""; width: calc(54% + 50px); height: 160px; background: #e9f4ff;
	position: absolute; right: 0px; top: calc(50% - 80px); z-index: -1;
}
.ourvalues:after {
	content: ""; width: calc(46% - 50px - 525px); height: 160px; background: #e9f4ff;
	position: absolute; left: 0px; top: calc(50% - 80px); z-index: -1;
}
.items-ourvalues h3 {text-align: center; color: #ca3d6e; line-height: 34px; font-size: 30px}
.items-ourvalues ul {
	margin: 0px; padding: 0px;
}
.items-ourvalues ul li:nth-child(odd) {
	width: 295px; float: left; margin: 14px 0px;
}
.items-ourvalues ul li:nth-child(even) {
	width: 295px; float: right; /*margin: 14px 0px 40px 0px;*/ margin: 14px 0px;
}
.items-ourvalues ul li:nth-child(2n + 1)  {
	clear:both;
}
.items-ourvalues ul li:nth-child(4) .item {
	min-height: 224px;
}
.vi .items-ourvalues ul li:nth-child(4) .item {
	min-height: 268px;
}
.items-ourvalues .item {
	padding: 20px 20px 10px; background: #FFFFFF;
}
.ourvalues .contain-des {
	width: 525px; position: absolute; right: calc(54% + 50px); top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%);
	padding: 0px 50px;
}
.ourvalues .contain-des p {
	margin-bottom: 16px;
}
.ourvalues .contain-des h3 {
	position: absolute; top: -50px;
}
.staff {margin:auto auto 60px auto; width: 864px;}
.staff ul {margin: 0px; padding: 0px; text-align: center;}
.staff ul li {
	float: left; width: calc(33.3333% - 14px );
	margin: 0px 21px 26px 0px;
}
.staff ul li:nth-child(3n + 3) {margin-right: 0px;}
.staff ul li:nth-child(3n + 1) {
	clear: both;
}
.staff-img img {display: block; max-width: 100%; height: auto;}
.staff-content {padding-bottom: 16px; min-height: 82px}
.p-ourtrustees .p-newbornsvn {
    padding: 80px 0px 20px;
}
.p-oursponsors .contain {
	width: 560px; text-align: center; margin: 22px auto;
}

.p-oursponsors .contain.containlarge {
	width: 1160px; 
}

.p-oursponsors  h3 {
	text-align: center;
}
.p-oursponsors .sponsors {
	margin: 100px auto auto; padding: 0px 196px; position: relative;
}
.p-oursponsors.newlayout .sponsors {
	 padding-left: 0px; padding-right: 0px;
}
.p-oursponsors .sponsors:before {
	content: ""; background: #e9f4ff; width: 100%; height: 180px; position: absolute; top: -30px; left: 0px; z-index: -1;
}
.p-oursponsors.newlayout .sponsors:before {
	 height: 78px; 
}
.ls-sponsors {margin: 0px; padding: 0px}
.newlayout .ls-sponsors {
	margin-top: 60px;
}
.ls-sponsors li {
	margin: 15px 0px; background: #FFFFFF;
}
.ls-sponsors li:nth-child(odd){
	width: 374px; float: left;
}
.ls-sponsors li:nth-child(even){
	width: 374px; float: right;
}
.newlayout .ls-sponsors li:nth-child(odd){
	width: 100%; float:none;
}
.newlayout .ls-sponsors li {
	display: -ms-flex; display: -webkit-flex; display: flex;
}
.newlayout .ls-sponsors li > div {  }
.newlayout .ls-sponsors li:nth-child(even){
	width: 100%; float:none;
}
.newlayout .ls-sponsors li {
	border-bottom: 2px solid #e9f4ff; padding-bottom: 18px;
}
.ls-sponsors li:nth-child(2n + 1) {
	clear: both;
}
.sponsorlogo {
	text-align: center; border: 1px solid #c6c6c5; padding: 30px 0px;margin-bottom: 20px;
}
.sponsorlogo img {max-width: 100%; height: auto;}
.newlayout .sponsorlogo img {display: block; margin-left: auto; margin-right: auto;}
.sponsordes {margin: 10px 0px 0px;}
.newlayout .sponsorlogo {width: 374px; float: left; border: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; display: flex; align-items: center; justify-content: center;} 
.newlayout .sponsordesb {width: calc(100% - 404px); float: right;}
.p-oursponsors .p-newbornsvn, .p-ourvalues {
    padding: 80px 0px 40px;
}
.box-financials {
	padding: 50px 40px; background: #FFFFFF; margin: 0px 0px 40px 0px;
}
.p-oursponsors .box-financials  h3 {
    text-align: left;
}
.p-financials.p-oursponsors .sponsors:before {
    top: -74px;
}
.box-financials ul li {
	padding: 14px 0px; border-bottom: 1px solid #8d8f92; position: relative; padding-left: 40px;
}
.box-financials ul li:before {
	content: url("images/icon-dpf.png"); width: 19px; height: 20px; 
	position: absolute; top: 15px; left: 0px; 
}
.box-financials a {color: #404041}
.icon-download {
	position: absolute; top: 8px; right: 15px; height: 34px; width: 124px; border: 1px solid #ca3d6e; border-radius: 10px; color:  #ca3d6e;
	text-align: center; line-height: 28px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;
}
.box-financials a:hover {
	color: #ca3d6e;
}
.box-financials a:hover .icon-download {
	background: #ca3d6e; color: #FFFFFF; 
	transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;
}

.p-intropro .parag2 .col-right { top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); bottom: inherit;}
.p-intropro .parag2 { margin-bottom: 60px; }
.quote:before {display: none; }
.p-intropro.p-newbornsvn h1{
    line-height: 45px;
}
.our-core-programmes li {
	float: left; width: calc(33.3333% - 14px); margin: 0px 21px 21px 0px;
}
.our-core-programmes li:nth-child(2) {width: calc(66.6666% - 7px); margin-right: 0px;}
.our-core-programmes li:nth-child(3), .our-core-programmes li:nth-child(6) {clear: both;}
.our-core-programmes li:nth-child(5), .our-core-programmes li:nth-child(8) {
	margin-right: 0px;
}
.item-programme {
	position: relative; padding: 30px; text-align: center; background: #FFFFFF;
}
.our-core-programmes li:nth-child(2) .contain {
	width: 350px; margin: auto;
}
.numtitle {
	color: #c83d6e;  font-family: "Brauer"; font-size: 24px;
}
.vi .numtitle {
	font-family: 'Nunito', sans-serif;
}
.our-core-programmes li:nth-child(3) .item-programme  {
	padding-left: 80px; padding-right: 80px;
}
.our-core-programmes li:nth-child(5) .item-programme  {
	padding-left: 60px; padding-right: 60px;
}
.our-core-programmes li:nth-child(6) .item-programme  {
	padding-left: 90px; padding-right: 90px;
}
.our-core-programmes li:nth-child(8) .item-programme  {
	padding-left: 60px; padding-right: 60px;
}
.our-core-programmes li:nth-child(3) .contain, .our-core-programmes li:nth-child(4) .contain, .our-core-programmes li:nth-child(5) .contain,
.our-core-programmes li:nth-child(6) .contain, .our-core-programmes li:nth-child(7) .contain, .our-core-programmes li:nth-child(8) .contain{
	min-height: 118px;
}
.our-core-programmes h3 {padding-left: 78px; padding-top: 64px;}
.lsprogrames {position: relative; }
.lsprogrames:before {
	content: ""; width: 100%; height: calc(33.3333% + 60px); position: absolute; left: 0px; top: 50%; transform: translateY(-58%); -o-transform: translateY(-58%); -webkit-transform: translateY(-58%);
	background: #e9f4ff;
}
.collapsible-header, .collapsible-header a {
	font-size: 20px; text-transform: uppercase; position: relative;
    color: #5f316c; text-align: left; font-family: "Brauer";
}
.vi .collapsible-header, .vi .collapsible-header a {
	font-family: 'Nunito', sans-serif;
}
.collapsible-header:before {content: ""; width: 12px; height: 3px;  background: #5f316c; position: absolute; right: 22px; top: calc(50% - 1px) }
.collapsible-header:after {content: ""; width: 3px; height: 13px;  background: #5f316c; position: absolute; right: 26px; top: calc(50% - 6px) }
.p-ourprogrammes .collapsible {margin-top: 60px;}
.p-ourprogrammes img {max-width: 100%; height: auto;}
.collapsible li {padding-left: 70px; padding-right: 70px;}
.collapsible li.active .collapsible-header:after {display: none}
.collapsible li h3 {
	text-transform: uppercase; color: #ca3d6e
}
.collapsible-body {
    padding-left: 0px; padding-right: 0px;
}
.collapsible-body p {margin: 0px 0px 16px;}
.collapsible-header {padding-left: 0px; padding-right: 28px;}
.p-oursponsors .contain-programs .sponsors:before {display: none}
.p-oursponsors .contain-programs h3 {line-height: 30px}

.ls-program {text-align: center; margin-top: 40px;}
.ls-program li {
	display: inline-block; width: calc(25% - 20px); vertical-align: top;
	margin: 0px 15px 20px 0px
}
.p-oursponsors .contain-programs .sponsors{     padding: 0px ;}
.box-program {padding: 16px; min-height: 200px; background: #FFFFFF}
.p-newbornsvn .box-program h3 {
    color: #ca3d6e; text-transform: uppercase;
    margin: 0px 0px 6px;
}
.contain-programs {position: relative;}
.contain-programs:before {
    content: "";
    background: #e9f4ff;
    width: 100%;
    height: 260px;
    position: absolute;
    top: -50px;
    left: 0px;
    z-index: -1;
}
.statistics {margin: 100px 0px 40px;}
.box-statistics  {width: 60%; margin: auto; padding: 30px 60px; background: #FFFFFF}
.p-oursponsors .box-statistics h3 {
    text-align: left; text-transform: uppercase; line-height: 30px;
}
.box-statistics td:nth-child(3) {text-align: right;}
.box-statistics td:nth-child(2) {padding-left: 64px}
.statistics .container:before {
	content: "";
    background: #e9f4ff;
    width: 100%;
    height: 180px;
    position: absolute;
    top: -50px;
    left: 0px;
    z-index: -1;
}
.box-statistics tr:last-child {border-bottom: 0px;}
.program-donate {
	width: 1022px; margin: 80px auto 60px;
}
.program-donate .col-left {float: left; width: 100px;}
.program-donate .col-right {float: left; width: calc(100% - 100px); padding-left: 40px}
.program-donate .col-left h3 {
	text-transform: uppercase; text-align: left; line-height: 30px;
}
.lsprodonate {
	margin: 0px; padding: 0px;
}
.lsprodonate li {
	float: left; width: calc(33.3333% - 30px); margin: 0px 45px 45px 0px;
}
.lsprodonate li:nth-child(3), .lsprodonate li:nth-child(4) {margin-right: 0px;}
.lsprodonate li:nth-child(4), .lsprodonate li:nth-child(5) {float: right}
.box-prodonate {padding:20px}
.program-donate .col-right h3 {color: #ca3d6e; text-align: left;}
.lsprodonate li:nth-child(1) .box-prodonate, .lsprodonate li:nth-child(2) .box-prodonate, .lsprodonate li:nth-child(3) .box-prodonate{
	min-height: 160px
}
.lsprodonate li:nth-child(4) .box-prodonate, .lsprodonate li:nth-child(5) .box-prodonate, .lsprodonate li:nth-child(6) .box-prodonate{
	min-height: 180px
}
.box-prodonate {position: relative;}
.lsprodonate li:nth-child(1) .box-prodonate:before, .lsprodonate li:nth-child(2) .box-prodonate:before, .lsprodonate li:nth-child(3) .box-prodonate:before {
	content: ""; width: 12px; height: 12px; background:#FFFFFF; border: 1px solid #ca3d6e; border-radius: 50%;
	position: absolute; top: 26px; left: 110px;
}
.lsprodonate li:nth-child(1) .box-prodonate:after, .lsprodonate li:nth-child(2) .box-prodonate:after {
	content: ""; width: calc(100% - 122px + 18px); height: 1px; background:#ca3d6e; 
	position: absolute; top: 33px; left: 122px;
}
.lsprodonate li:nth-child(3) .box-prodonate:after, .lsprodonate li:nth-child(4) .box-prodonate:after {
	content: ""; width: calc(100% - 122px + 18px); height: 1px; background:#ca3d6e; 
	position: absolute; top: 33px; left: 122px;
}
.lsprodonate li:nth-child(3) .box-prodonate:after, .lsprodonate li:nth-child(1) .box-prodonate:after, .lsprodonate li:nth-child(2) .box-prodonate:after {
	top: 31px;
}
.lsprodonate li:nth-child(4) .box-prodonate:before {
	content: ""; width: 1px; height: calc(100% + 48px); background:#ca3d6e; 
	position: absolute; top: calc(-14px - 100%  ); right: -18px;
}
.lsprodonate li:nth-child(5) .box-prodonate:after, .lsprodonate li:nth-child(6) .box-prodonate:after {
	content: ""; width: calc(100% - 122px + 18px);  height: 1px; background:#ca3d6e; 
	position: absolute; top: 33px; left: 122px;
}
.lsprodonate li:nth-child(5) .box-prodonate:before, .lsprodonate li:nth-child(6) .box-prodonate:before {
	content: ""; width: 12px; height: 12px; background:#FFFFFF; border: 1px solid #ca3d6e; border-radius: 50%;
	position: absolute; top: 28px; left: calc(100%  + 18px);
}
.lsprodonate li:nth-child(6) .box-prodonate {
	background: #ffebea;
}
.makea-contain {
	width: 860px; margin: auto; text-align: center;
}
.makea-contain h3 {text-transform: uppercase;}
.block-donate {
	text-align:center;
}
.boxamzn {
	display: inline-block;
	width: 400px; /*calc(23% - 13px)*/
	margin: 0px 20px 20px 0px;
	vertical-align: bottom;
}
.justgiving {
	display: inline-block;
	width: 400px; /*calc(23% - 13px)*/
	margin: 0px 20px 20px 0px;
	vertical-align: top;
}
.vietnamdonations {
	display: inline-block;
	width: 400px; /*calc(23% - 13px)*/
	margin: 0px 20px 20px 0px;
	vertical-align: top;
}
#amznCharityBanner {
	margin: auto;
    display: block;
    max-width: 310px;
}
.box-blockdonate1 {
	min-height:400px; padding: 30px 20px; text-align: center;
}
.block-donate .container {text-align: center;}
.textyourdonation {
	float: left;
	width: calc(27% - 14px);
}
.block-donate h3 {
	text-transform: uppercase; color: #ca3d6e;
}
.box-blockdonate {
	padding: 30px 20px; text-align: center; min-height: 400px; /*420px;*/
}
.textyourdonation li {
	width: 100%;
}
.textyourdonation li:first-child {padding: 0px 16px; position: relative;  }
.textyourdonation li:last-child {padding: 0px 16px;}
.textyourdonation li h3 {color: #5f316c; font-size: 20px}
.justgiving img, .vietnamdonations img {
	margin: 30px 0px 0px; max-width: 100%; height: auto;
}
.line {
	margin: 30px 0px 46px;
	width: 100%; height: 1px; background: #bebebd;
}

.button3d {
	font-family: "Brauer"; text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background-color: #c43d6e;
    padding: 10px 0px; width: 100%; text-align: center;
    font-size: 14px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    max-width: 260px;
    -webkit-box-shadow: 0px 2px 0px #ad3762, 0px 0px 0px #ad3762;
	-moz-box-shadow: 0px 2px 0px #ad3762, 0px 0px 0px #ad3762;
	box-shadow: 0px 2px 0px #ad3762, 0px 0px 0px #ad3762;
    
}
.vi .button3d {
	font-family: 'Nunito', sans-serif;
}
.btnsubscribe, .button3d  {cursor: pointer}
.button3d:hover, .btnsubscribe:hover {
    color: #FFF;
	background: #5f316c;
	transition: all 0.2x ease 0s;
}
.btnsubscribe:hover {border-color: #5f316c}
.textyourdonation ul{
	margin: 30px 0px 0px;
}
.textyourdonation h3 {margin-bottom: 0px;}
.shortline {
	width: 30px; margin: 30px auto 15px; height: 1px; background: #bebebd;
}
.block-donate {
	margin: 60px 0px;
}
.textyourdonation li:first-child strong {line-height: 36px}
.textyourdonation li:last-child img {margin-top: 44px} 
.parag3 {margin: 150px 0px 0px; position: relative;}
.parag3:before {
	content: ""; width: 100%; height: 214px; background: #e9f4ff; position: absolute; left: 0px; top: -60px;
}
.parag3 .col-left {float: left; width: calc(50% + 60px)}
.parag3 .col-left p {padding: 0px; margin: 0px}
.parag3 .col-right {float: right; width: calc(50% - 115px)}
.parag4 {
	padding: 90px 0px 130px;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 90px 0px 0px;
}
.parag4 .contain {
	width: 500px; margin: auto; text-align: center;
}
.p-newbornsvn .parag4 h3 {text-align: center;}
.entry-content {float: left; margin: 0px 40px 40px 0px; width: calc(25% - 30px); text-align: center; padding: 20px 20px 40px; min-height: 140px; background: #FFFFFF; position: relative; }
.entry-content h3 {text-align: center; color: #c23d6e; margin-bottom: 10px; }
.entry-content:nth-child(4n + 4) {margin-right: 0px;}
.entry-content:nth-child(4n + 1) {clear: both}
.entry-content a {color: #58595b}
.parag5 {margin: -50px 0px 0px;}
.entry-content:after {
    content: url("images/arrow-right.png"); color: #e23d6f; bottom: 14px; left: calc(50% - 6px); position: absolute; width: 12px; height: 15px;
    transition: all 0.2s; -moz-transition: all 0.2s;-webkit-transition: all 0.2s;
}
.entry-content:hover:after {
    transition: all 0.2s; -moz-transition: all 0.2s;-webkit-transition: all 0.2s; left: 50%;
}
i {
  border: solid #FFFFFF;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 5px;
}
.arrow-right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.arrow-left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.arrow-up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.arrow-down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.ulnews li {
	float: left; margin: 0px 16px 25px 0px; width:calc(33.3333% - 12px);
	position: relative; background: #FFFFFF;
}
.ulnews li img {max-width: 100%; height: auto; display: block;}
.ulnews li:nth-child(1) {
	width: 100%;
}
.ulnews li:nth-child(1) .short-img {
	 width: calc(66.6666% - 8px);
}
.ulnews li:nth-child(1) .short-contain {
	 width: calc(33.3333% );
	position: absolute; right: 0px; bottom: 24px;
}
.ulnews li:nth-child(1), .ulnews li:nth-child(4), .ulnews li:nth-child(7) {
	margin-right: 0px;
}
.ulnews li:nth-child(5) {
	clear: both;
}
.pro-paging ul{
	text-align: center;
	margin: 20px 0px 40px;
}
.pro-paging ul li {
	display: inline-block; 
	width: 30px; height: 30px; position: relative;
}
.pro-paging ul i {
    padding: 3px; border-color: rgb(109, 110,113);
}
.plink {
	position: absolute; top: 0px; left: 0px;
	width: 100%; height: 100%;
	color: rgb(109, 110,113); 
	border: 1px solid rgb(109, 110,113);
	line-height: 30px; text-align: center;
	transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;
}
.pro-paging ul li:first-child .plink, .pro-paging ul li:last-child .plink {
	line-height: 26px;
}
.pro-paging ul li.active .plink {
	border-color: #ca3d6e;
	background: #ca3d6e; color: #FFFFFF;
}
.disable .plink {opacity: 0.3}
.news-contain {position: relative; margin-top: 110px;}
.news-contain:before {
	content: ""; background: #e9f4ff; width: 100%; height: 260px; position: absolute; left: 0px; top: -100px;
}
.breadcrumb  {text-align: center;}
.breadcrumb li {display: inline-block; position: relative; padding: 0px 10px;}
.breadcrumb li:after  {content: "/"; position: absolute; right: -8px; top: 6px}
.breadcrumb li.none:after {
	display: none
}
.banner-page h1 {
	font-family: "Brauer"; text-transform: uppercase; color: #FFFFFF /*#c03d6e*/; font-size: 38px; z-index: 80; position: relative;max-width: 700px /*340px*/; line-height: 54px;
	margin: auto;
}
.vi .banner-page h1 {
	font-family: 'Nunito', sans-serif;
}
.news-detail {
	margin: 80px 0px 0px;
}
.news-detail .col-left {float: left; width: 280px;}
.news-detail .col-right {float: right; width: calc(100% - 320px)}
.news-detail .col-right img {max-width: 100%; height: auto;}
.news-detail .col-right.fullcontent {
    width: 100%;
}
.news-detail .col-left .box-events {padding: 20px; text-align: center; position: relative; background: #FFFFFF}
.news-detail .col-left .box-events:before {
	content: ""; width: calc(100% + 28px); height: calc(100% - 20px); bottom: -40px; background: #e9f4ff; left: -14px; position: absolute; z-index: -1;
}
.news-detail .col-left .box-events h3 {
	color: #c03d6e; 
	font-size: 24px;
    text-align: center;
    font-family: "Brauer";
    margin: 0px 0px 20px;
}
.vi .news-detail .col-left .box-events h3 {
	font-family: 'Nunito', sans-serif;
}
.share-social {
	text-align: center; margin: 60px 0px 0px;
}
.news-detail .col-right h3 {
	font-family: "Brauer"; font-size: 24px; color: #5f316c; margin: 0px 0px 40px; line-height: 30px;
}
.vi .news-detail .col-right h3 {
	font-family: 'Nunito', sans-serif;
}
.line-full {width: 100%; height: 1px; background: #c0c0bf; }
.other-article {
	margin: 20px 0px 40px;
}
.other-article h3{
	font-family: "Brauer"; font-size: 24px; text-align: center; color: #c03d6e; text-transform: uppercase; margin: 40px 0px 20px;;
}
.vi .other-article h3 {
	font-family: 'Nunito', sans-serif;
}
.office {margin: 0px; padding: 0px; text-align: center}
.office  li {display: inline-block; width: 374px; margin: 0px 16px; vertical-align: text-top;}
.place-office {padding: 20px; text-align: left; background: #FFFFFF; }
.contain-formcontact {width: 460px; margin: 60px auto auto; text-align: center;}
.box-formcontact {padding: 30px 40px; text-align: left; margin: 40px 0px 0px; background: #FFFFFF}

.box-formcontact ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #86888b; font-family: "Brauer"; font-size: 13px; text-transform: uppercase;
}
.box-formcontact ::-moz-placeholder { /* Firefox 19+ */
  color: #86888b; font-family: "Brauer"; font-size: 13px; text-transform: uppercase;
}
.box-formcontact :-ms-input-placeholder { /* IE 10+ */
  color: #86888b; font-family: "Brauer"; font-size: 13px; text-transform: uppercase;
}
.box-formcontact :-moz-placeholder { /* Firefox 18- */
  color: #86888b; font-family: "Brauer"; font-size: 13px; text-transform: uppercase;
}

.vi .box-formcontact ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: 'Nunito', sans-serif;
}
.vi .box-formcontact ::-moz-placeholder { /* Firefox 19+ */
  font-family: 'Nunito', sans-serif;
}
.vi .box-formcontact :-ms-input-placeholder { /* IE 10+ */
  font-family: 'Nunito', sans-serif;
}
.vi .box-formcontact :-moz-placeholder { /* Firefox 18- */
  font-family: 'Nunito', sans-serif;
}
.contain-formcontact label {
	color: #86888b; font-family: "Brauer"; font-size: 13px; text-transform: uppercase;
}
.vi .contain-formcontact label {
	font-family: 'Nunito', sans-serif;
}
.contain-formcontact input[type=text], .contain-formcontact input[type=email] {
	color: #86888b; font-family: "Brauer"; height: 46px; line-height: 46px; 
}
.vi .contain-formcontact input[type=text], .vi .contain-formcontact input[type=email] {
	font-family: 'Nunito', sans-serif;
}
.contain-formcontact textarea {
	margin: 6px 0px 0px; 
	color: #86888b; font-family: "Brauer"; height: 130px; resize: none;
}
.vi .contain-formcontact textarea {
	font-family: 'Nunito', sans-serif;
}
.row-contact {margin-bottom: 4px; position: relative;}
.row-contact.row-message  {margin: 19px 0px 22px;}
.p-newbornsvn.bg-divide {
	position: relative;
}
.p-newbornsvn.bg-divide:before {
	content: ""; background: #e9f4ff;  width: 100%; height: 430px; position: absolute; left: 0px; top: 234px; z-index: -1;
}
.title-sub h3 {text-align: center; color: #6d6e70; font-size: 21px}
.just-infor1 {margin: 80px 0px 0px; padding: 0px 0px 90px; position: relative;}
.just-infor1:before {
	content: ""; background: #e9f4ff; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 280px;
}
.just-infor1 .content, .just-infor1 .box-img {display: inline-block; vertical-align: bottom;}
.just-infor1 .content {width: 270px; margin: 0px 30px 40px 70px}
.just-infor1 .box-img {max-width: calc(100% - 310px)}
.just-infor1 .box-img img {max-width: 100%; height: auto; display: block;}
.just-infor2, .merchandise {margin: 80px 0px 0px;}
.just-infor2 ul {text-align: center;}
.just-infor2 ul li {display: inline-block; width: 360px; margin:0px 15px; vertical-align: top;}
.just-infor2 ul li h3 {font-size: 17px; color: #c03d6e; text-align: center; margin: 20px 0px 0px; padding: 0px;}
.just-infor2 ul li .box-content {padding: 30px 50px;}
.just-infor3 {
	margin: 60px 0px 0px;
}
.just-infor3 .col-left, .just-infor3 .col-right {float: left; width: 50%;}
.just-infor3 .col-left .contain {width: 140px; text-align: center; margin-left: 200px;}
.just-infor3 .col-right ul {margin: 0px; padding: 0px; width: 360px;}
.just-infor3 .col-right ul li {position: relative; text-indent: 14px; margin-bottom: 20px;}
.just-infor3 .col-right ul li:before {content: ">"; color: #c03d6e; position: absolute; top: 0px; left: -12px;}

.just-infor4 {position: relative; margin: 60px 0px 0px}
.just-infor4 .col-left {float: left; width: calc(50% + 100px); margin-right: 50px; text-align: right;}
.just-infor4 .col-left img {max-width: 100%; height: auto; }
.just-infor4 .col-right { left: calc(50% + 150px); position: absolute; width: 360px; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%)}
.just-infor4 .col-right p {margin: 16px 0px;}
.box-center {width: 460px; margin: 80px auto 0px; text-align: center;}
.box-center h3 {text-align: center;}
.just-infor2 .title, .shop-store .title {text-align: center; color: #5f316c; margin-bottom: 40px;}
.just-infor2 ul li .box-content.smallpadd {padding-left: 30px; padding-right: 30px;}
.shop-store {margin: 80px 0px 0px;}
.shop-store ul li {display: inline-block; width: 273px; height: 163px; vertical-align: top; margin: 8px 6px;}
.shop-store ul li img {display: block;}
.shop-store ul li:last-child .z-depth-1 {
	width: 273px; height: 163px; background: #ffebea; padding-top: 120px;  padding: 70px 0px 0px 70px;
}
.box-signup {
	width: 460px; margin: auto; padding: 40px 60px; text-align: center; background: #FFFFFF; 
}

.more-info {text-transform: uppercase; color: #85878a; font-family: "Brauer"; font-size: 14px;}
.vi .more-info {
	font-family: 'Nunito', sans-serif;
}
.btnsingup {margin-top: 40px;}
.btnmoreinfo {margin-top: 16px;}
.signup-give {position: relative; margin: 90px 0px 0px; padding: 70px 0px 0px}
.signup-give:before {
	content: ""; width: 100%; height: 56%; background: #ffebea; position: absolute; z-index: -1; left: 0px; top: 0px;
}
.signup-give.larger:before {height: 70%}
.description_41 {width: 394px; margin: 0px auto 50px; text-align: center;}
.merchandise .col-left {
	float: left; width: calc(50% + 162px);
}
.merchandise .col-left img {max-width: 100%; height: auto;}
.merchandise .col-right {float: left; width: calc(50% - 162px); padding-left: 50px;}
.item-findmore {margin-top: 34px;}
.caption-preserce3d {
	left:calc(50% - 580px); width:460px; height:auto; 
	top:calc(50% - 50px); transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%);
	
}
.caption-preserce3d-co {
	width:385px; top:100px;
	
    background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(0,0,0,0.2), rgba(255,0,0,0));
    padding: 10px;
}
.jssora051l {
	left:25px;
}
.jssora051r {
	right:25px;
}
#hidden-content ul {list-style: none; margin-bottom: 0px; padding-bottom: 0px;}
#hidden-content ul li {list-style: none; padding: 10px 10px; border-bottom: 1px solid #c0c0bf; }
#hidden-content ul li:last-child {border-bottom: 0px; margin-top: 20px}
#hidden-content .button3d {border: 0px;}
.sendloading {
	width: 60px; height: 60px; background: url("images/spiner-loading.svg"); background-size: 60px 60px;
	position: absolute; right: -50px; top: -10px; display: none;
}
.box-formcontact .sendloading {left: 154px; right: inherit; }
.just-infor2 .box-center {width: 584px; margin-bottom: 30px;}
.just-infor2 .title {margin-bottom: 20px; }
.contain-htg {
	    width: 640px;
	    text-align: center;
	    margin: 22px auto;
}
#othermoney {
	display: none; border: 1px solid #c43d6e; height: 32px; line-height: 32px; margin-top: 10px; padding-left: 10px; padding-right: 10px; box-sizing: content-box;
	width: calc(100% - 20px); text-align: right;
}

.gallery .gallery-item {
    float: left;
    margin: 0;
    text-align: center;
    padding: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.otherlinks {margin-bottom: 40px;}
.otherlinks a{color: #5f316c} 
.otherlinks a:hover{color: #ca3d6e} 
.otherlinks .current-menu-item a{color: #cdcdcd} 
.staffbox {max-width: 500px;}
.staffbox img {display: block; margin: auto; max-width: 100%;
    height: auto;
}
.item-staft {cursor: pointer;}
.box-date {
	background: #593469;
	padding: 8px 10px 4px;
	position: absolute; top: 40px; left: 10px;
}
.box-date td {padding: 0px 4px;}
.box-date  tr {
    border-bottom: 0px ;
}
.box-md {
    color: #FFFFFF; font-family: "Brauer Neue"; font-weight: 700; text-transform: uppercase; font-size: 26px; line-height: 26px; padding-top: 4px !important;
}
.vi .box-md {
	font-family: 'Nunito', sans-serif;
}
.box-y {
	color: #FFFFFF; font-family: "Brauer Neue"; font-weight: 700; text-transform: uppercase; font-size: 14px; line-height: 10px;
}
.vi .box-y {
	font-family: 'Nunito', sans-serif;
}
.box-h {
	color: #FFFFFF; font-family: "Futura PT";text-transform: uppercase; font-size: 10px; line-height: 10px;
}
.vi .box-h {
	font-family: 'Muli', sans-serif;
}
.box-icond img {
	margin-top: -5px;
}
td.box-loc {
	vertical-align: top; padding-top: 3px;
}
.aligncenter  {display: block; margin: auto;}
.maximg {width:234px; margin:auto;}
.maximg img {width:100%; height:auto; display:block;}
.iframefinacials{
	
}
.iframefinacials-c {
	width:100%; height:calc(100vh - 214px);
}
iframe{
	width:100%; height:calc(100vh - 214px); 
}
.box-blockdonate1 iframe{
	 height:inherit;  min-height:280px
}
.itembook img {max-width:100%; height:auto;}
.bannermobile .slick-prev {
    left: 10px;
    z-index: 100;
}
.bannermobile .slick-next {
    right: 10px;
    z-index: 100;
}
.bannerv2 {
	position: relative;
}
.boxpopup {
	position: absolute; top:0px; right:0px;
	height:100%; width: 450px;  
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%);
	background-size:contain; background-repeat: no-repeat;
	color:#5f316c;
    background-color:#FFFFFF;
}
.boxpopup-img img {
	max-width: 100%; height: auto; z-index: 90;
}
.boxpopup-contain {z-index: 200; position: relative; padding-right: 15px; margin-top:15px; font-size: 24px;
    line-height: 28px; }
.boxpopup-link {margin-top:28px;}
.boxpopup-link a {color:#c43d6e; border:1px solid #c43d6e; padding: 5px 15px; transition:.3s } 
.boxpopup-link a:hover{
		color: #ffffff; background-color:#c43d6e
}
.container.containerxs.ourmission {
    max-width: 800px;
}
.slickmission-c {width:970px; margin: 50px auto auto;}
.shapepolygon {
	width: 100%;
	height: calc(100vh - 300px);
	float: left;
	shape-outside: polygon(0 0, 0% 100%, 30% 100%);
	clip-path: polygon(0 0, 0% 100%, 30% 100%);
	shape-margin: 56px; 
}
.boxpopup-close {
	position: absolute; top:0px; left:0px; width:60px; height: 50px; background-color:#c43d6e;
	z-index: 210; cursor: pointer;
}
.boxpopup-close .icon {
	width: 21px; height:21px; background-size:21px 21px; background-image:url("images/boxpopup-close.svg");
	position: absolute; top:14px;  right:20px;
}

.parallelogram {
	height:100%; width: 100%;
    transform: skew(10deg);
    border-left:1px solid #c43d6e; border-bottom:1px solid #c43d6e;
    position: absolute; top:0px; left:0px; z-index: 1000; 
}
.parallelogram:before {
	content:""; width:200%; height:1px; background-color: #c43d6e; top:0px; left:0px; position: absolute; top:0px; left:0px;
}
.boxpopupimg {
	width:calc(100% - 4px); height: auto; position: absolute; top:2px; left:2px; background-repeat: no-repeat; background-size: contain;
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 
}
.donate-range .title{
	color: #5f316c
}
.donate-range .title p {margin:0px;}
.txtcent {
	text-align: center;
}
.it-post-link {
	position: absolute; bottom:60px; left:60px;
}
.it-post-link a {
    width: 156px;
    height: 40px;
    line-height: 40px;
    background: #ca3d6e;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: "Brauer";
    font-size: 14px;
    text-align: center;
    border-radius: 5px;
    letter-spacing: 2px;
    display:table-cell;
}
.slposts-container {
	padding-left: calc(50% - 528px); position: relative; margin-top:50px;
}
.it-post {
	width: 1056px; height: 470px; margin-right:30px;  padding:3px;
}
.boxshadow {
	position: relative; width:100%; height:100%; border-radius: 20px 0px 0px 20px;
}

.it-post-img {
	float:left; width:50%; height:100%; background-size:cover; background-repeat: no-repeat; background-position:center;
	border-radius: 20px 0px 0px 20px; position: relative;
}
.it-post-txt {
	float:left;  width:50%; height:100%; padding:50px 60px 60px; position: relative; text-align: left; background: #FFFFFF;
}
.slbtnnext {
    width:22px; height: 33px; background-size:22px 33px; background-image:url('css/icon/icon-arrow-right.png');
    position: absolute; top: calc(50% - 16px); left: calc(50% + 528px + 50px); cursor: pointer;
}
.slbtnnext.slick-disabled {
	opacity: .75;
}
.it-post-mask {
	position: absolute;
	top:0px; left:  calc(50% + 528px + 30px); height:100%; width:calc(50% - 528px - 30px); background-color:rgba(255,255,255,0.5);
}
.home-ourimpact {
	padding:100px 0px 70px; background-color:#e9f4ff; text-align: center; color:#5f316c; 
}
.home-ourimpact-c {
	max-width:1400px; margin:auto;
}
.home-ourimpact .title {
	color:#ca3d6e; margin-bottom:58px;
}
.home-ourimpact ul {margin:0px;}
.home-ourimpact li {
	display:inline-block; vertical-align: top;  padding:30px 0px;  
	width:30%;
}
.home-ourimpact li:nth-child(2) {
	border-right: 1px solid #ca3d6e; border-left: 1px solid #ca3d6e;
}
.home-ourimpact-num {
	font-family: "Brauer"; font-size:38px; line-height: 38px; color:#5f316c; margin-bottom:15px;
}
.home-ourimpact li:first-child .home-ourimpact-num {
	margin-bottom: 25px;
}
.home-ourimpact li:last-child {
	border-right:0px;
}
.whatishappening02 .findmore, .whatishappening03 .findmore, .slickmission .findmore {
	text-transform: uppercase; font-weight: 700;
}
.slickmission .findmore:after {
	display:none;
}
.whatishappening02 .findmore:after, .whatishappening03 .findmore:after {
	display: none;
}
.whatishappening02 .item-findmore, .whatishappening03 .item-findmore  {
	position: absolute; bottom:20px; left:16px;
}
.whatishappening02  .slick-news .short-contain, .whatishappening03  .slick-news .short-contain {
    padding-bottom:56px; position: relative;
}
.whatishappening.whatishappening02:before{
    background: #ffebea;
}
.whatishappening.whatishappening02 {
    margin-bottom: 60px;
}
.item-type {
	position: absolute;
    bottom: 20px;
    right: 16px;
    text-transform: uppercase;
    font-weight: 700; color:#8a8a8d;
}
.menu-sec01 {
	float:left;
}
.menu-sec02 {
	float:left;
}
.menu-sec01 li, .menu-sec02 li {
	float:left; padding-right:80px;
}
.vi .menu-sec01 li, .vi .menu-sec02 li {
	padding-right:35px;
}
.menu-sec02 li:last-child {padding-right:0px;}
.menu-sec03 {
	float:right; margin-top: -16px;
}
.menu-sec03 ul {
	margin:0px;
}
.menu-sec03 li {
	float:left;
}
.footer-section1n a {
	color: #6d6e70; font-size:14pt;
}
.lsfooter, .footer-section1n ul {margin:0px;}
.lsfooter li {
	float:left;
}
.lsfooter li:first-child {
	margin-right:60px;
}
.lsfooter li:last-child {
	margin-left:60px;
}
.lsfooter .logo-footer {
    width: 146px;
    height: 48px;
    background-size: 146px 48px;
}
.lsfooter .num-license {
    line-height: 23px;
    margin-top: 5px;
}
.footer-section2.footer-section2n {
    margin-top: 20px; padding-top:24px;
}
.colleft {
	float:left;
}
.colright {
	float:right;
}
.formSubscribe input:not([type]), .formSubscribe input[type=text]:not(.browser-default), .formSubscribe input[type=password]:not(.browser-default), 
.formSubscribe input[type=email]:not(.browser-default), .formSubscribe input[type=url]:not(.browser-default), .formSubscribe input[type=time]:not(.browser-default), 
.formSubscribe input[type=date]:not(.browser-default), .formSubscribe input[type=datetime]:not(.browser-default), .formSubscribe input[type=datetime-local]:not(.browser-default), 
.formSubscribe input[type=tel]:not(.browser-default), .formSubscribe input[type=number]:not(.browser-default), .formSubscribe input[type=search]:not(.browser-default), 
.formSubscribe textarea.materialize-textarea {
    border: 1px solid #c0c0bf; line-height: 35px; height: 35px; padding: 0px 10px;
    font-family: "Futura PT"; box-sizing: border-box; background-color: #FFFFFF;
}
.formSubscribe .col-firstname{
    width: 120px;
    margin:0px 5px 0px 0px;
}
.formSubscribe .col-email {
    width: 180px;
}
.formSubscribe .col-subscribe {
    position: relative; float:right;
    right: 0px;
    bottom: 0px;
}
.formSubscribe .btnsubscribe {
    width: 108px;
    height: 35px;
    line-height: 35px; margin-left:5px; letter-spacing: 0px;
}
.colright .title {
    font-size: 12pt;
    color: #ca3d6e;
    margin: 6px 0px 12px;
    line-height: 12pt;
}
.footer.footer02 {
	margin:0px; padding:0px; background-color: #ca3d6e;
}
.footer.footer02 {
    margin: 0px;
    padding: 20px 0px;
    background-color: #ca3d6e;
}
.footer02 .footer-section2 {
    border-top: 0px solid #c0c0bf;
    margin-top: 0px;
}
.footer02 #menu-footer-3 {
    margin: 0px;
}
.footer02 #menu-footer-3 li a {
    color: #FFFFFF;
}
.footer02 .copyright, .footer02 .designby {
    top: 2px; color:#FFFFFF;
}
.footer.footer03 {
	padding-bottom:60px;
}
.home-ourimpact span {
	position: relative; border:2px solid #ca3d6e; padding: 14px 36px; border-radius:10px; transition:0.3s;
}
.home-ourimpact span:hover {background-color:#ca3d6e; color:#FFF;}
.home-ourimpact span:after {
	width:0px; height:1px; content:""; background-color: #ca3d6e; display:none;
	position: absolute; left:0px; bottom:0px; transition: all 0.2s; -moz-transition: all 0.2s;-webkit-transition: all 0.2s;
}
.home-ourimpact a:hover span:after {
	width:100%;
}
.whatishappening.whatourwork {
    margin-bottom: 40px; padding-top: 60px;
}
.our-sponsors.our-sponsors2 {
	padding-top:60px; margin-bottom:0px;
}
.whatourwork ul li {
	padding-left:20px; position: relative;
}
.whatourwork ul li:before {
	content:"-"; position: absolute; top:5px; left:0px; 
}
.whatourwork a {color: #ca3d6e; transition:.3s; position: relative;}
.whatourwork a:before {
	content:""; width:0px; height:1px; background-color:#ca3d6e; position: absolute; bottom:1px; left:0px; transition:.3s;
}
.whatourwork a:hover:before {
	width:100%;
}
.slick-mission .findmore:after {
	display: none;
}
.slick-mission .findmore{
	text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    bottom: 20px;
    left: 16px;
}
.slick-mission .short-contain {
    padding-bottom: 40px;
    position: relative;
}
@media (min-width: 1024px) {
	.donate-range .container.containerxs.txtcent p{
		padding-left:50px; padding-right:50px;
	}
}
@media (max-width: 1440px){
	.boxpopup {width:360px}
	
	.boxpopup-header.title {
		font-size: 18px;	
		line-height: 26px; margin-bottom:10px;
	}
	.shapepolygon {
		shape-margin: 50px;
	}
}
@media (max-width: 1366px){
	.nb-head, .buffertop {
	    height: 70px;
	}
	.nb-logo {
	    top: 2px;
	    transform: scale(0.7);
	    -o-transform: scale(0.7);
	    -webkit-transform: scale(0.7);
	}
	.language {
	    line-height: 70px;
	}
	.donatenow {top: 20px;}
	.icon-menu, .icon-close {top: 24px;}
	.nb-head .button3d {padding: 6px 0px}
	.vi .newbornshomecaption p{font-size: 18px; line-height: 22px; }
	.iframefinacials-c {
		width:100%; height:calc(100vh - 70px);
	}
	iframe{
		width:100%; height:calc(100vh - 70px); 
	}
	.boxpopup-contain {
		font-size: 19px;
		line-height: 24px;
	}
	.boxpopup-header.title {
		line-height: 24px;
	}
}
@media (max-width: 1219px){
	.caption-preserce3d {
		left:100px;
	}
	.container{
	    width: calc(100% - 60px);
	}
	.container.containermd, .other-article .container.containerxs  {
		width: calc(100% - 150px);
	}
	
	.slposts-container {
	    padding-left: 75px;
	}
	
	.it-post {
	    width: calc(100vw - 300px);
	    height: 420px;
	}
	.it-post-mask {
	    left: calc(100vw - 194px);
	    width: 300px;
	}
	.slbtnnext {
	    left: calc(100vw - 172px);
	}
	.nb-logo {
	    left: -27px;
	}
	.language {
	    right: 236px;
	}
	.menu-bar {right: 0px;}
	.image_right {width: 50%;}
	.col-firstname, .col-surname {
	    width: 18%;
	}
	.col-email {
	    width: 25%;
	}
	.items-ourvalues {
	    width: calc(100% - 50px);
	}
	.items-ourvalues ul li:nth-child(odd), .items-ourvalues ul li:nth-child(even), 
	.ls-sponsors li:nth-child(odd), .ls-sponsors li:nth-child(even) {
	    width: calc(50% - 10px) ;
	}
	.items-ourvalues ul li:nth-child(odd), .ls-sponsors li:nth-child(odd) {margin-right: 20px}
	.ourvalues .contain-des {
	    width: calc(46% - 20px); right: calc(54% + 20px);
	}
	.ourvalues:after {width: 30px;}
	.just-infor1 .box-img {
	    max-width: calc(100% - 376px);
	}
	.shop-store ul li {
	    width: calc(25% - 16px);
	}
	.shop-store ul li:last-child .z-depth-1 {width: 100%;}
	.menu-sec01 li, .menu-sec02 li {
	    padding-right: 64px;
	}
	.vi .footer-section1n a {
	    font-size: 13pt;
	}
	.vi .menu-sec01 li, .vi .menu-sec02 li {
	    padding-right: 30px;
	}
}
@media (max-width: 1150px){
	.container.containerxs, .container.containerxxs {
	    width: calc(100% - 100px);
	}
	.donate-range ul.val-donate li button {
		width: 110px;
	}
	.sign-up-form .contain {
	    padding: 50px 30px 30px 30px;
	}
	.col-email {
	    width: 18%;
	}
	.foo-col1 {
	    margin-right: 200px;
	}
	.program-donate {
		width: calc(100% - 60px)
	}
	.program-donate .col-right {
	    width: calc(100% - 60px);
	    padding-left: 0px;
	}
	.just-infor2 ul li {
	    width: 210px;
	}
	.shop-store ul li:last-child .z-depth-1 {
	    padding: 50px 0px 0px 50px;
	}
	.p-oursponsors .contain.containlarge {
		width: calc(100% - 60px); 
	}
	.slickmission-c {
		
		width: calc(100% - 150px);
	}
}
@media (max-width: 1023px){
	
	.donate-range ul.val-donate li button {
	    width: 60px;
	}
	.donate-range ul.val-donate li {
	    margin-right: 10px;
	}
	.image_right {
	    width: calc(100% - 480px);
	    bottom: 0px;
	    height: 194px;
	}
	.first-article {
	    margin: 0px 0px 0px 0px;
	}
	.col-subscribe {
	    right: 30px;
	}
	.col-firstname {
	    margin-left: 0px;
	}
	.foo-col1 {
	    margin-right: 60px;
	}
	.foo-col2 {
	    margin-right: 40px;
	}
	.quote {
	    width: 100%;
	    padding: 6px 10px;
	}
	.parag2 .col-right .box-contain {
	    width: 100%;
	}
	.p-ourvalues .col-right .box-contain {
	    width: 100%; margin-top: -100px;
	}
	.items-ourvalues ul li:nth-child(odd), .items-ourvalues ul li:nth-child(even) {
	    width: 100%;
	}
	.items-ourvalues ul li:nth-child(odd) {
	    margin-right: 0px;
	}
	.ourvalues:after, .ourvalues:before {
	    height: 260px;
	    top: calc(50% - 130px);
	}
	.staff {
	    width: calc(100% - 60px);
	}
	.p-oursponsors .sponsors {
	    padding: 0px 50px;
	}
	.our-core-programmes li:nth-child(3) .item-programme, .item-programme, .our-core-programmes li:nth-child(6) .item-programme {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.ls-program li {
	    width: calc(33.3333% - 20px);
	}
	.box-statistics {
	    width: 90%;
	}
	.justgiving {
	    width: calc(50% - 10px); margin-right: 20px;
	}
	.vietnamdonations {margin-right: 0px; width: calc(50% - 10px);}
	.textyourdonation {width: 100%;}
	.parag3 .col-left {
	    width: 100%;
	}
	.parag3 .col-right {
	    width: 100%; margin-top: 20px;
	}
	
	.entry-content {
	    margin: 0px 21px 21px  0px;
	    width: calc(33.3333% - 14px);
	}
	.entry-content:nth-child(4n + 4) {
	    margin-right: 21px;
	}
	.entry-content:nth-child(3n + 3) {
	    margin-right: 0px;
	}
	.entry-content:nth-child(4n + 1) {
	    clear: inherit;
	}
	.entry-content:nth-child(3n + 1) {
	    clear: both;
	}
	.just-infor2 ul li {
	    margin-bottom: 32px;
	}
	.just-infor3 {
	    margin: 40px 0px 0px;
	}
	.just-infor3 .col-left .contain {
	    margin: auto;
	}
	.just-infor4 .col-left {
	    margin-right: 0px;
	}
	.just-infor4 .col-right {
	    left: calc(50% + 120px);
	    width: calc(50% - 150px);
	}
	.shop-store ul li {
	    height: auto;
	}
	.shop-store ul li:last-child .z-depth-1 {
    	padding: calc(28% - 10px) 0px 0px; text-align: center;
	}
	.merchandise .col-left {
	    width: 100%;
	}
	.merchandise .col-right {
	    width: 100%;
	    padding-left: 0px; margin-top: 20px;
	}
	.ulnews li:nth-child(1) .short-img {
	    width: 100%; float: left; 
	}
	.ulnews li:nth-child(1) .short-contain {
	    width: 100%; float: right; position: relative; right: 0px; margin-top: 24px; bottom: 24px;     
	}
	.ulnews li:nth-child(1) .z-depth-1{background: #FFFFFF; ;}
	.ulnews li {
	    float: left;
	    margin: 0px 24px 25px 0px;
	    width: calc(50% - 12px);
	    position: relative;
	    background: #FFFFFF;
	}
	.ulnews li:nth-child(3), .ulnews li:nth-child(5), .ulnews li:nth-child(7) {
	    margin-right: 0px;
	}
	.ulnews li:nth-child(4) { margin-right: 24px;}
	.office li {
	    width: calc(50% - 36px);
	}
	.newbornshomecaption p{font-size: 18px; line-height: 18px; 
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}
	.newbornshomecaption h2 p, .newbornshomecaption h3 p{text-transform: uppercase; font-size: 22px; line-height: 24px}

	.newlayout .sponsorlogo {
	    width: 190px;
	}
	.newlayout .sponsordesb {
	    width: calc(100% - 220px);
	}
	.iframefinacials-c {
		height: 46vh;
	}
	iframe {
		height: 46vh;
	}
	.p-financials.p-oursponsors .p-newbornsvn {
		padding: 30px 0px 40px;
	}
	.boxpopup {
		position: fixed;
		top: 71px;
		right: 0;
		background-color: transparent;
		z-index:30000; 
	}
	
	#boxsvg {display:none;}
	.boxpopup-c {
		background-color:#FFF; position:relative;  margin: auto; 
		  overflow:hidden;
	}
	.shapepolygon {
		
		height: 300px;
		
	}
	.boxpopup {

		height: 535px;
		
	}
	
	
	.menu-sec01, .menu-sec02 {
		float: left;
		width: calc(100% - 160px);
	}
	.menu-sec01 li, .menu-sec02 li {
		width: 33.3333%; padding-right:0px;
	}
	.menu-sec03 {
		float: right;
		margin-top: -25px;
	}
	.colright {
		margin-top: 20px;
	}
}
@media (max-width: 767px){
	 .newbornshomecaption p {
	 	display: none;
	 }
	 .newbornshomecaption h1 p, .newbornshomecaption h2 p, .newbornshomecaption h3 p {
	 	display: block;
	 }
	.jssora051l {
		left:0px;
	}
	.jssora051r {
		right:0px;
	}
	#jssor_1 h1, #jssor_1 h2, #jssor_1 h3 {
	    font-size: 20px; line-height: 24px; margin: 0px 0px 0px;
	}
	.caption-preserce3d {
		font-size: 13px; line-height: 14px; left: 70px; width: calc(100% - 140px);
		top: 50%; 
	}
	.caption-preserce3d-co {
		width:100%; top:0px;
		text-shadow: 1px 1px rgba(0,0,0,0.4);
	}
	
	.btn-donate {
	    position: relative;
	    margin-top: 20px;
	}
	.donate-range ul.val-donate li {
	    margin-bottom: 20px;
	}
	.description ul {
	    margin: 0px;
	}
	.donate-range {
	    padding: 40px 0px;
	}
	.first-article .col-contain {
	    width: 100%;
	}
	.image_right {
	    width: 100%; bottom: 0px; height: 194px; position: relative; background-size: cover; background-position: center; margin-top: 20px;
	}
	.first-article {padding-bottom: 0px;}
	.icon_his {
	    right: -44px;
	    transform: scale(0.8); -o-transform: scale(0.8); -webkit-transform: scale(0.8);
	}
	.col-firstname, .col-surname, .col-email {
	    width: 100%; float: inherit;
	}
	.col-subscribe {
	    position: relative; bottom: inherit; margin-top: 20px; margin-left: 30px;
	}
	.foo-col4 {
	    position: relative;
	    top: inherit;
	}
	.foo-col1 {
	    margin-right: 0px; width: 100%;
	}
	.copyright {
	    position: relative; text-align: left; margin-top: -8px;
	}
	.designby {
		position: relative; text-align: left;
	}
	#menu-footer-3 {text-align: left;}
	.icon-menu, .icon-close {
	    top: 10px;
	}
	.language {
	    right: -11px; top: 16px;
	}
	.donatenow {right: 54px; width: 120px}
	.menu-bar {width: 100%;     background: rgba(255, 235, 234, 1);}
	.nb-head .button3d {
	    font-size: 12px;
	}
	
	.parag1 .col-left {
	    float: inherit;
	    width: 100%;
	}
	.parag1 .col-right {
	    width: 100%;
	    float: inherit;
	}
	.parag2 .col-left {
	    float: inherit;
	    width: 100%;
	    text-align: right;
	}
	.parag2 .col-right {
	    position: relative; width: 100%; bottom: inherit;
	}
	.parag1 {
	    margin: 20px 0px 70px; 
	}
	.parag2 .col-right .box-contain {padding: 30px;}
	.p-newbornsvn, .p-ourvalues, .p-ourtrustees .p-newbornsvn {
	    padding: 50px 0px;
	}
	.p-ourvalues .col-left {
	    float: inherit;
	    width: 100%;
	}
	.p-ourvalues .col-right {
		float: inherit;
	    width: 100%;
	}
	.p-ourvalues .col-right .box-contain { padding:  30px; margin-top: 0px;}
	.ourvalues {
	    padding-left: 0px;
	}
	.items-ourvalues {
	    width: calc(100% - 60px); margin-left: auto; margin-right: auto;
	}
	.ourvalues .contain-des {
	    width: calc(100% - 60px); position: relative; right: 0px; top: 0px; transform: none; -o-transform: none; -webkit-transform: none;
	    padding: 0px; margin: auto;
	}
	.ourvalues .contain-des h3 {
	    position: relative;
	    top: 0px;
	}
	.ourvalues:before {width: 100%;}
	.staff ul li, .staff ul li:nth-child(3n + 3)  {
	    float: inherit;
	    width: 280px;
	    margin: 0px auto 26px auto;
	}
	.p-oursponsors .contain {width: calc(100% - 60px)}
	.items-ourvalues ul li:nth-child(odd), .ls-sponsors li:nth-child(odd), .items-ourvalues ul li:nth-child(even), .ls-sponsors li:nth-child(even) {
		float: inherit;
	    width: 100%;
	    margin: 0px auto 26px auto;
	}
	.icon-download {
    	position: relative; margin-bottom: 10px;
    }
    .p-intropro .parag2 .col-right {
    	top: 0px; transform: none; -o-transform: none; -webkit-transform: none;
    }
    .container.containerxs, .container.containerxxs {
	    width: calc(100% - 60px);
	}
	.p-newbornsvn h1, .p-ourvalues h1 {
		padding-left: 30px; padding-right: 30px; text-align: left;
	}
	.our-core-programmes li, .our-core-programmes li:nth-child(2), .ls-program li {
	    float: inherit;
	    width: 100%;
	    margin: 0px 0px 21px 0px;
	}
	.our-core-programmes li:nth-child(2) .contain {width: 100%;}
	.collapsible li {
	    padding-left: 30px;
	    padding-right: 30px;
	}
	.p-oursponsors .contain {text-align: left;}
	.p-oursponsors h3 {
	    text-align: left;
	}
	.p-oursponsors.newlayout h3 {
	    text-align: center;
	}
	.box-statistics td:nth-child(2) {
	    padding-left: 20px;
	}
	.ls-program {
	    text-align: left;
	}
	.lsprodonate li, .lsprodonate li:nth-child(4), .lsprodonate li:nth-child(5) {
		float: inherit;
	    width: 100%;
	    margin: 0px 0px 40px 0px; position: relative;
	}
	.program-donate .col-left {
	    float: inherit;
	}
	.program-donate .col-right {
	    width: 100%;
	}
	.makea-contain {width: calc(100% - 60px); margin-left: auto; margin-right: auto; text-align: left;}
	.lsprodonate li:nth-child(1) .box-prodonate:before, .lsprodonate li:nth-child(2) .box-prodonate:before, .lsprodonate li:nth-child(3) .box-prodonate:before,
	.lsprodonate li:nth-child(4) .box-prodonate:before, .lsprodonate li:nth-child(5) .box-prodonate:before, .lsprodonate li:nth-child(6) .box-prodonate:before {
	    top: inherit; bottom: 16px;
	    left: calc(50% - 6px); width: 12px; height: 12px; border-radius: 50%; background: #FFFFFF; border: 1px solid #ca3d6e;
	}
	
	.lsprodonate li:nth-child(1) .box-prodonate:after, .lsprodonate li:nth-child(2) .box-prodonate:after, .lsprodonate li:nth-child(3) .box-prodonate:after,
	.lsprodonate li:nth-child(4) .box-prodonate:after, .lsprodonate li:nth-child(5) .box-prodonate:after, .lsprodonate li:nth-child(6) .box-prodonate:after  {
	    width: 1px;
	    height: calc(16px + 40px);
	    background: #ca3d6e;
	    position: absolute;
	    top: inherit;
	    bottom: -39px;
	    left: calc(50% - 1px);
	}
	.lsprodonate li:nth-child(6) .box-prodonate:before,  .lsprodonate li:nth-child(6) .box-prodonate:after  {display: none;}
	.justgiving {
	    width: 100%;
	    margin-right: 0px;
	}
	.vietnamdonations, .boxamzn, .justgiving  {
	    width: calc(100% - 40px); margin-left:20px; margin-right:0px;
	}
	#amznCharityBanner {max-width:100%}
	.textyourdonation li:first-child {
	    padding: 0px 16px;
	    position: relative;
	    border-right: 0px solid #bebebd;
	    border-bottom: 1px solid #bebebd;
	    float: inherit; width: 100%;
	    margin-bottom: 30px; padding-bottom: 30px
	}
	.textyourdonation li:last-child {
	    float: inherit; width: 100%;
	}
	.textyourdonation li h3, .textyourdonation h3, .p-oursponsors .block-donate h3 {text-align: center;}
	.parag4 .contain {width: calc(100% - 60px); margin-left: auto; margin-right: auto;}
	.entry-content {
	    margin: 0px 0px 21px 0px !important;
	    width: 100% !important; float: inherit !important;
	}
	.just-infor3 .col-left, .just-infor3 .col-right, .just-infor4 .col-left, .just-infor4 .col-right {
	    float: inherit;
	    width: 100%;
	}
	.just-infor4 .col-right {
		position: relative; top: 0px;   transform: none; -o-transform: none; -webkit-transform: none;
		left: 0px;
		padding-left: 30px; padding-right: 30px
	}
	.title-sub h3 {padding-left: 30px; padding-right: 30px; text-align: left;}
	.just-infor1 .content {
	    width: 100%;
	    margin: 0px 0px 20px ;
	}
	.just-infor1 .box-img {
	    max-width: 100%;
	}
	.just-infor1:before {height: 100%}
	.just-infor1 {
	    margin: 50px 0px 0px;
	    padding: 30px 0px;
	    position: relative;
	}
	.box-center, .box-signup, .contain-formcontact {width: calc(100% - 60px); margin-left: 30px;}
	.shop-store ul li {
	    width: calc(50% - 16px);
	}
	.ulnews li {
	    float: inherit;
	    margin: 0px 0px 25px 0px;
	    width: 100%;
	}
	.news-detail .col-right {
	    float: inherit;
	    width: 100%; margin-top: 30px;
	}
	.news-detail .col-left {
	    float: inherit;
	    margin-left: auto;
	    margin-right: auto;
	}
	.office li {
	    width: 100%;
	    display: block;     margin: 30px 0px;
	}
	.menu-bar {padding: 60px; height: 101vh;}
	.contain-htg  {width: calc(100% - 60px)}
	.parag3 img {max-width: 100%; height: auto;}
	.donate-range ul.val-donate li:last-child{margin-left: 0px;}
	.donate-range ul.val-donate li button{width: 48px;}
	.donate-range ul.val-donate li:last-child button{width: 60px;}
	.donate-range ul.val-donate li{margin-right: 5px; font-size: 16px;}
	.box-date {
	    top: 20px;
	}
	.whatishappening .container.containermd, .latest-news .container.containermd{
	    width: calc(100% - 60px);
	}
	.sign-up-form .container.containermd{
	    width: calc(100% - 80px);
	}
	.whatishappening .slick-prev, .latest-news .slick-prev {
	    left: -22px;
	}
	.whatishappening .slick-next, .latest-news .slick-next {
	    right: -22px;
	}
	.sign-up-form .title, .whatishappening .title, .latest-news .title, .our-sponsors .title, .sign-up-form .title {
		font-size: 20px;
	}
	.p-oursponsors .p-newbornsvn, .p-ourvalues {
	    word-break: break-all;
	}
	.newlayout .sponsorlogo {
	    width: 100%; float: none; margin-bottom: 0px; padding-bottom: 0px
	}
	.newlayout .sponsordesb {
	    width: 100%; float: none;
	}
	.newlayout .ls-sponsors li {
		display: block;
	}
	
	.menu-sec01, .menu-sec02 {
		float: left; 
		width: 100%;text-align:center;
	}
	.menu-sec01 li, .menu-sec02 li {
		width: auto;
		padding-right: 0; margin:0px 9px; display:inline-block; float:inherit;
	}
	.menu-sec01 ul, .menu-sec02 ul {text-align:center;}
	.menu-sec01 li:last-child, .menu-sec02 li:last-child{
		margin-right:0px;
	}
	.menu-sec02 {
		margin-top: 4px; clear:both;
	}
	.menu-sec03 {
		float: inherit;
		margin-top: 20px; text-align:center; clear:both;
	}
	.menu-sec03 ul {text-align:center;}
	.menu-sec03 li {
		display: inline-block; float:inherit; margin: 0px 15px; padding-top:12px;
	}
	.lsfooter li {
		float: inherit;
		display: inline-block;  margin: 0px 33px;
	}
	.lsfooter, .footer-section1n ul {
		margin: 0;
		text-align: center;
	}
	.lsfooter .logo-footer {
		margin: auto;
	}
	.lsfooter li:first-child {
		margin-right: 0px;
	}
	.lsfooter li:last-child {
		margin-left: 33px;
	}
	.colright {
		float: inherit; 
	}
	.formSubscribe .col-firstname {
		width: 100%;
		margin: 0px;
	}
	.formSubscribe .col-email {
		width: 100%;
	}
	.colleft,.colright {
		float: inherit;
	}
	.copyright {
		margin-top: 0px; text-align:center;
	}
	#menu-footer-3 {
		text-align: center;
	}
	.designby {
		text-align: center;
	}
	.colright .title {
		text-align: center;
	}
	.col-subscribe {
		margin-top: 6px;
	}
	.slickmission-c {
		width: calc(100% - 60px);
	}
	.slick-prev {
		left: -22px;
	}
	.slick-next {
		right: -22px;
	}
	.home-ourimpact li {
		
		width: 98%;
	}
	.home-ourimpact li:nth-child(2) {
		border-right: 0px;
		border-left: 0px;
	}
	.container.containermd, .other-article .container.containerxs {
		width: calc(100% - 60px);
	}
}

@media (max-width: 375px){
	.boxamzn {width:100%;}
	.donatenow {
	    width: 100px;
	}
	.icon_his {
	    right: -40px;
	    transform: scale(0.7);
	    -o-transform: scale(0.7);
	    -webkit-transform: scale(0.7);
	}
	.container.containermd, .other-article .container.containerxs {
	    width: calc(100% - 60px);
	}
	.slick-prev {
	    left: -23px;
	}
	.slick-next {
	    right: -23px;
	}
	.nb-logo {
	    transform: scale(0.6);
	    -o-transform: scale(0.6);
	    -webkit-transform: scale(0.6);
	}
	.nb-logo {
	    left: -44px;
	}
	.p-oursponsors .sponsors {
	    padding: 0px 10px;
	}
	.box-financials {
	    padding: 50px 20px;
	}
	.box-statistics {
	    padding: 30px 20px;
	}
	.box-statistics td:nth-child(2) {
	    padding-left: 5px;
	}
	.description_41 {
	    width: calc(100% - 60px);
	}
	.just-infor3 .col-right ul {
	    width: 100%;
	}
	.icon_his {
	    top: -70px;
	}
	.lsfooter li {
		margin: 0 15px;
	}
	.lsfooter li:last-child {
		margin-left: 15px;
	}
	.footer-section1n a {
		font-size: 12pt;
	}
}
@media (max-width: 320px){
	.donatenow {
	    right: 48px;
	}
	.nb-logo {
	    transform: scale(0.5);
	    -o-transform: scale(0.5);
	    -webkit-transform: scale(0.5);
	}
	.nb-logo {
	    left: -50px;
	}
	.jssorb051 {bottom:10px;}
	.caption-preserce3d {top: 5px;}
	.banner-page a {
	    line-height: 24px;
	}
	.banner-page ul li {margin-bottom: 10px;}
	.menu-social {
	    margin-top: 16px; 
	}
	.menu-bar {
		padding-top: 26px;
	}
	
	.newbornshomecaption {display:none;}
	.boxpopup-c {
		width: 320px;
	}
	.boxpopup {
		width: 320px;  -webkit-clip-path: polygon(0 0,100% 0,100% 100%,31% 100%);
		clip-path: polygon(0 0,100% 0,100% 100%,31% 100%);
	}
	
}

/*version 3 */
#jssor_1.jssor_1new {
	position:relative; height:auto; 
}
.jssor_1new__img, .jssor_1new__img02 {width:100%; height:auto}
.jssor_1new__img04 {height:100%; width:auto;}
#jssor_1.jssor_1new .caption-preserce3d {
	position: absolute;
}
#jssor_1.jssor_1new .slick-dots {
    bottom: 15px;
}
#jssor_1.jssor_1new .slick-dots li button:before {
    line-height: 12px;
    width: 12px;
    height: 12px;
    content: ''; background-color:#FFFFFF;
	border-radius:50%;
	opacity:1;
}
#jssor_1.jssor_1new  .slick-dots li button {
    width: 12px;
    height: 12px;
    padding: 0px;
	position:relative;
}
#jssor_1.jssor_1new .slick-dots li {
    width: 12px;
    height: 12px;
}
#jssor_1.jssor_1new .slick-dots li.slick-active button:before {
    opacity: 1;
    background-color:#cb3d6e ;
}
#jssor_1.jssor_1new .slick-next {
    right: 15px;
}
#jssor_1.jssor_1new .slick-prev {
    left: 15px; z-index:100;
}
.jssor_1new__img03 {
	height:calc(100% - 40px); position:absolute; top:20px; right:20px;
}
.events__content {
	position:absolute; top: 80px; left:100px; width:410px; text-align:center; color:#6D6E70;
}
.events__content.events__content02 {width:460px}
.events__content_subject {
	font-family: "Brauer";
    font-size:50px; line-height: 60px;
    text-transform: uppercase;
    margin: 0px;
	color:#E23E6F;
}
.events__content_txt {
	margin:15px 0px 25px;
}
.events__content .button3d {
    font-size: 19px; max-width:100%; padding:0px;
	width:100%; line-height:50px; height:50px;

}
.event_cta {margin-top:30px; font-family: "Brauer";
    font-size:19px; text-transform: uppercase;
}
.event_cta ul {text-align:center}
.event_cta ul li {display:inline-block; vertical-align:middle; margin: 0px 7px 0px;}
.event_cta ul li img {max-width:160px; height:auto;}
.event_cta ul li:last-child img {max-width:60px; height:auto;}
.event_cta ul li:nth-child(3) {color:#E23E6F;}
.event_cta ul li:last-child {margin-right:0px;}
.event_cta ul li:first-child {margin-left:0px;}
.event_cta ul li span {position:relative}
.event_cta ul li span:before {content:""; width:100%; height:1px; background-color:#E23E6F; bottom:0px; left:0px; position:absolute}
.covidsupport.p-newbornsvn h1 {
	line-height:46px
}
.covid__left {
	float:left; width:50%; padding-right:30px; 
}
.covid__right {
	float:right; width:50%; padding-left:30px; text-align:left;
}
.covid__row01 {
	margin-top:80px; padding:0px 60px;
}
.covid__row02 {
	margin-top:60px; padding:0px 60px;
}
.covidsupport p {margin-bottom:16px}
.covidsupport p:last-child {margin-bottom:0px}
.p-newbornsvn.covidsupport h3 {
	line-height:28px;
}
.covid__row01 .covid__left {padding-top:8px;}
.covid__row03 {
	margin-top:70px;
}
.layout__box01 {
	text-align:center;
	font-family: "Futura PT";
	padding:80px 210px; position:relative;
	-webkit-box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 30%);
    box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 30%);
	border-radius:10px;
	position: relative;
    z-index: 200;
    background: #FFF;
}
.layout__box01__header, .layout__box01 h5 {
	font-size: 24px;
	line-height: 22px;
	letter-spacing: 0.05em; color: #ca3d6e;
	margin-bottom:20px;
}
.layout__box01 h5 {margin-top:60px;}
.layout__box01__header h3 {
	color: #ca3d6e;
    text-align: center;
    text-transform: uppercase;
    font-size: 38px; line-height:46px;
	font-family: "Brauer";
	margin:20px 0px;
	
}
.layout__box01 .button3d {
	font-size: 17px;
    text-align: center;
    letter-spacing: .1em;
    max-width: 300px;
}
.cta__learhelp {margin-top:45px;}
.p-newbornsvn.covidsupport .survival h3 {
	text-align:center; color: #ca3d6e; font-size: 38px; line-height:48px; 
	position:absolute; top:50%; -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%)
}
.survival .covid__right {padding-right:80px; padding-left:0px; width:calc(50% - 80px); text-align:left;}
.survival .covid__left {width:calc(50% + 80px); padding-left:80px; padding-right:80px;}
.survival {
	padding: 80px 0px 80px; background: #E9F3FF; position:relative;
}
.survival:before {
	content:"";width:100%; height: 122px; background: #E9F3FF; position:absolute; left:0px; top:-122px;
}
.p-newbornsvn.covidsupport .covid__goal .covid__right h3 {
	color: #ca3d6e;
    font-size: 38px;
    line-height: 38px;
	margin:10px 0px;
}
.covid__goal {
	background: #FBFBF9; position:relative
}
.covid__goal h5 {
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #5F316C;
	font-weight:700;
	margin:0px;
}
.covid__goal h3 span {
	font-size:16px; line-height:16px; font-family: "Futura PT"; font-weight:700; padding-left:5px;
}
.covid__goal h4 {
	font-size: 17px;
	line-height: 17px;
	letter-spacing: 0px;
	text-transform: uppercase;
	color: #5F316C;
	font-family: "Brauer";
	margin:0px;
}
.goal__box {
	color: #5F316C; padding:20px; background-color:rgba(255,255,255, .5);border-radius:10px; width: 284px;
}
.goal__box02 {
	margin-top:50px;
}
.goal__line {
	position:relative; height:30px; width:100%;
}
.goal__line:before {
	content:""; width:100%; height:1px; background-color:#5F316C; position:absolute; left:0px; top:50%;
}
.goal__box__txt {
	width:260px; position:absolute; top:50%; -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);
	left: calc(50% - 380px); text-align:left;
}
.covid__goal .covid__right {
	background-image:url(images/covid-support/goal_bg.jpg); background-size:cover; background-repeat:no-repeat;
	background-position:center; padding-top:60px; padding-bottom:60px
}
.flex-middle {
	text-align:center;
}
.flex__item {
	width:360px; display:inline-block; border-radius: 10px; margin:0px 5px; vertical-align:top;
}
.flex__item:nth-child(1) {
	background: #E9F3FF;
}
.flex__item:nth-child(2) {
	background: #FBE1E5;
}
.flex__item:nth-child(3) {
	background: rgba(95, 49, 108, 0.13);
}
.covid__do__title {
	font-size: 24px; line-height:24px; padding:26px 0px 22px;
    color: #5f316c;
    font-family: "Brauer";
    text-transform: uppercase;
	border-bottom:1px solid #5f316c;
}
.covid__do__txt {
	padding: 20px 40px 30px;
}
.covid__do__txt a {
	color:#ca3d6e; 
}
.flex__item:nth-child(1) a {text-decoration:underline;}
.covid__do h3 {
	font-size: 38px;
	line-height: 38px;
	text-align: center;
	text-transform: uppercase;
	color: #E13D6E;
	margin-bottom:60px;
}
.covid__do {
	padding:80px 0px;
}
.covid__donate ul {margin:0px;}
.covid__donate__img img {width:100%; height:auto; display:block}
.covid__donate li {
	position:relative; background: #E9F3FF;
}
.covid__donate__txt {
	position:absolute; top:50%; -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);
	text-align:center; width:50%;
}
.covid__donate__img {
	width:50%; 
}
.covid__donate li:nth-child(odd) .covid__donate__img {
	margin-left:50%;
}
.covid__donate li:nth-child(odd) .covid__donate__txt {
	left:0px;
}
.covid__donate li:nth-child(even) .covid__donate__txt {
	left:50%;
}
.covid__donate a {
    font-size: 24px;
    line-height: 32px;
    color: #ca3d6e;
    font-family: "Brauer";
    text-transform: uppercase; text-decoration:underline;
}
.p-newbornsvn.covidsupport {padding-bottom:0px;}
.covid__row01 a {color: #ca3d6e;}
.vi .p-newbornsvn.covidsupport, .vi .layout__box01 {
	font-family: 'Muli',sans-serif;
}
.vi .p-newbornsvn.covidsupport .layout__box01__header h3 {
    line-height: 46px;
}
.vi .p-newbornsvn.covidsupport .covid__goal h4, .vi .covid__do__title, .vi .covid__donate a {
	font-family: 'Nunito',sans-serif;
}
.vi .layout__box01 .button3d {
    max-width: 430px;
}
.vi .p-newbornsvn.covidsupport .survival h3 {
    left: 8px;
}
.vi .goal__box {
    width: 380px;
}
.vi .flex__item {
    width: 430px;
}
.vi .covid__donate a {line-height:38px;}
.vi .p-newbornsvn.covidsupport h3 {
    line-height: 35px;
}
.vi .p-newbornsvn.covidsupport .survival h3 {
    line-height: 47px;
}
.covid__popup {
	position:fixed; top:0px; left:0px; height:100vh; width:100vw; text-align:center;
	opacity:0; visibility:hidden; background-color: rgba(0,0,0,.8); z-index:2000000; transition:1s;
}
.covid__popup.active {
	opacity:1; visibility:visible;
}
.covid__popup__a {
	width:640px; position:absolute; top:50%; left:calc(50%  - 320px);
	-o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);
	-webkit-box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 30%);
    box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 30%);
    border-radius: 10px; padding:60px; background-color:#FFFFFF;
}
.covid__popup__b {
	position:relative;
}
.covid__popup__headline {
	color: #ca3d6e;
    text-align: center;
    text-transform: uppercase;
    font-size: 38px;
    line-height: 38px;
    font-family: "Brauer";
}
.covid__popup__sub {
	font-size: 22px;
    color: #5f316c;
    text-align: center;
    margin: 24px 0 20px;
    font-family: "Brauer";
    line-height: 24px;
    text-transform: uppercase;
}
.covid__popup .cta__learhelp {
    margin-top: 30px;
    text-align: center;
}
.covid__popup  .button3d {
    font-size: 20px;
    letter-spacing: 2px; line-height:29px;
}
.popupclose {
	width:30px; height:23px; background-size:30px 23px; background-image:url(images/icon-close-menu.png);
	position:absolute; top:-55px; right:-55px; cursor:pointer
}

.vi .covid__popup__sub, .vi .covid__popup__headline {
	font-family: 'Nunito',sans-serif;
}
.vi .covid__popup__sub {
    line-height: 32px;
}
.vi .covid__popup .button3d {max-width:274px}
@media (max-width: 1280px){
	.events__content {top:70px; left:80px; }
	.vi .flex__item {width: 32%;}
	.vi .covid__do__title {
		font-size: 21px;
	}
	.vi .covid__do__txt a {;
		font-size: 0.9em;
		line-height: 15px;
	}
}
@media (max-width: 1200px){
	.events__content {width:370px; top:50px;}
	.events__content.events__content02 {
		width: 370px;
	}
	.events__content_subject {
		font-size: 40px;
		line-height: 47px;
	}
	.event_cta ul li img {
		max-width: 140px;
	}
}
@media (max-width: 1024px){
	.events__content {left:70px;}
	.event_cta ul li img {
		max-width: 100px;
	}
	.layout__box01 {
		padding: 60px 120px 80px;
	}
	.p-newbornsvn.covidsupport .survival h3 {
		width: 40%;
	}
	.survival .covid__right {
		padding-right: 30px;
		width: 50%;
	}
	.flex__item {
		width: 30%;
	}
	.flex__item:nth-child(1) a {
		margin-left: -28px;
	}
	.vi .p-newbornsvn.covidsupport .survival h3 {
		line-height: 42px;
		font-size: 32px;
	}
	.vi .covid__do__title {
		font-size: 18px;
	}
}
@media (max-width: 1023px){
	.events__content, .events__content.events__content02 {
		position:relative; top: 0px; left:0px; width:100%; text-align:center; padding-top:30px; padding-bottom:60px; 
	}
	.jssor_1new__img03 {
		height: 100%;
		top: 0px;
		right: inherit;
		left:50%;
		-o-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%);
	}
	.jssor_1new_item01 {
		background-color:#dce7da; padding-top:30px;
	}
	.events__content .events__content_link {
		width:380px; margin-left:auto; margin-right:auto;
	}
	.events__content_subject {
		font-size: 50px;
		line-height: 56px;
	}
	.jssor_1new_item02 {
		background-color:#cde7f8; padding-top:30px;
	}
	.event_cta ul li img {
		max-width: 140px;
	}
	#jssor_1.jssor_1new .caption-preserce3d {
		left: 0px;
		width: 100%;
		height: auto;
		top: 0px;
		transform: none;
		-o-transform: none;
		-webkit-transform: none;
		position:relative;
		padding:30px ;
	}
	#jssor_1.jssor_1new {
		background-color:#dce7da; 
	}
	#jssor_1.jssor_1new .caption-preserce3d-co {
		width: 100%;
		top: 0px;
		background-image: none;
		padding: 0px 60px;
		text-align: center;
		color:#6d6e70;
	}
	#jssor_1.jssor_1new .newbornshomecaption h1 p, #jssor_1.jssor_1new .newbornshomecaption h2 p, #jssor_1.jssor_1new .newbornshomecaption h3 p  {
		font-size: 50px;
		line-height: 56px; 
	}
	#jssor_1.jssor_1new .newbornshomecaption p {
		text-shadow: none;
	}
	#jssor_1.jssor_1new .newbornshomecaption p {
		font-size: 18px;
		line-height: 23px;
	}
	.covid__left, .survival .covid__left {
		float: inherit;
		width: 100%;
		padding-right: 0px; padding-left: 0px;
	}
	.covid__right, .survival .covid__right {
		float: inherit;
		width: 100%;
		padding-right: 0px; padding-left: 0px;
	}
	.covid__row01, .covid__row02 {padding-left:0px; padding-right:0px;}
	.p-newbornsvn.covidsupport .survival h3 {
		position: relative;
		top: 0%;
		-o-transform: none;
		-webkit-transform: none;
		transform: none;
		width:100%;
	}
	.goal__box__txt {
		width: 100%;
		position: relative;
		top: 0%;
		-o-transform: none;
		-webkit-transform: none;
		transform: none;
		left: 0px;
		padding: 80px 30px 60px;
	}
	.goal__box {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.flex__item {
		width: 60%;
	}
	.flex__item:nth-child(n + 2) {margin-top:30px;}
	.flex__item:nth-child(1) a {
		margin-left: 0px;
	}
	.vi .layout__box01 {
		padding: 60px 40px 80px;
	}
	.vi .flex__item {
		width: 430px;
	}
	.vi .covid__do__title {
		font-size: 24px;
	}
	
	.vi .covid__donate__img {width:100%;}
	.vi .covid__donate__txt {
		position:relative; top:0px; left:0px; -o-transform:none; -webkit-transform:none; transform:none; width:100%; text-align:center;
		padding: 60px 0px ;
	}
	.vi .covid__donate li:nth-child(odd) .covid__donate__img {
		margin-left: 0%;
	}
	.vi .covid__donate li:nth-child(even) .covid__donate__txt {
		left: 0%;
	}
	.vi .covid__do__txt a {
		font-size: 1em;
		line-height: 15px;
	}
	
}
@media (max-width: 767px){ 
	.events__content_subject {
		font-size: 32px;
		line-height: 40px;
	}
	#jssor_1.jssor_1new .newbornshomecaption h1 p, #jssor_1.jssor_1new .newbornshomecaption h2 p, #jssor_1.jssor_1new .newbornshomecaption h3 p  {
		font-size: 32px;
		line-height: 40px;
		margin-bottom:20px;
	}
	.events__content .button3d {
		font-size: 14px;
	}
	.events__content, .events__content.events__content02 {
		padding-left:40px; padding-right:40px;
	}
	.events__content .events__content_link {width:100%; max-width:300px;}
	.event_cta ul li img {
		max-width: 100px;
	}
	.event_cta {
		font-size: 14px;
	}
	.jssor_1new_item02 .events__content_txt {
		padding-left:30px; padding-right:30px;
	}
	.event_cta ul li:last-child img {
		max-width: 40px;
	}
	.event_cta ul li {;
		margin: 0 5px 0;
	}
	#jssor_1.jssor_1new .caption-preserce3d {
		
		left: 0px;
		width: 100%;
		top: 0%;
		-o-transform:none; -webkit-transform:none; transform:none;
	}
	#jssor_1.jssor_1new .newbornshomecaption p {
		display: block;
	}
	#jssor_1.jssor_1new .caption-preserce3d-co {
		padding: 0 25px;
	}
	.events__content .button3d {
		line-height: 44px;
		height: 44px;
	}
	.covid__row01 {
		margin-top: 30px;
	}
	.layout__box01 {
		padding: 0px 0px 60px; -webkit-box-shadow: none;
		box-shadow: none; border-radius:0px;
	}
	.survival:before {display:none;}
	.flex__item {
		width: calc( 100% - 40px); display:block; margin-left:auto; margin-right:auto;
	}
	.covid__donate__img {width:100%;}
	.covid__donate__txt {
		position:relative; top:0px; left:0px; -o-transform:none; -webkit-transform:none; transform:none; width:100%; text-align:center;
		padding: 60px 0px 30px 0px;
	}
	.covid__donate li:nth-child(odd) .covid__donate__img {
		margin-left: 0%;
	}
	.covid__donate li:nth-child(even) .covid__donate__txt {
		left: 0%;
	}
	.p-newbornsvn.covidsupport .layout__box01__header h3 {
		line-height: 39px;
	}
	.covid__do__txt {
		padding: 20px 20px 30px;
	}
	.vi .layout__box01 {
		padding: 0 0 60px;
		-webkit-box-shadow: none;
		box-shadow: none;
		border-radius: 0;
	}
	.vi .layout__box01__header {line-height:25px}
	.vi .layout__box01 .button3d {
		font-size: 14px;
	}
	.vi .p-newbornsvn.covidsupport .survival h3 {
		line-height: 42px;
		font-size: 29px;
	}
	.vi .flex__item {
		width: calc(100% - 40px);
	}
	.vi .covid__donate a {
		line-height: 34px;
		font-size: 20px;
	}
	.covid__popup__a {
		width: calc(100% - 30px);
		left: 15px; padding: 60px 30px;
	}
	.popupclose {right:-25px;}
}
@media (max-width: 375px){
	.vi .p-newbornsvn.covidsupport .layout__box01__header h3 {
		line-height: 48px;
		font-size: 34px;
	}
	.vi .p-newbornsvn.covidsupport .survival h3 {
		line-height: 42px;
		font-size: 26px;
	}
	.vi .p-newbornsvn.covidsupport h3 {
		line-height: 35px;
		font-size: 29px;
	}
	.vi .goal__box {
		width: 100%;
	}
	.vi .covid__do__txt a {
		font-size: .8em;
	}
	.vi .covid__do__title {
		font-size: 22px;
	}
	
}
@media (max-width: 370px){
	#jssor_1.jssor_1new .newbornshomecaption {
		display: block;
	}
	.events__content_subject {
		font-size: 26px;
		line-height: 36px;
	}
	#jssor_1.jssor_1new .newbornshomecaption h1 p, #jssor_1.jssor_1new .newbornshomecaption h2 p, #jssor_1.jssor_1new .newbornshomecaption h3 p  {
		font-size: 26px;
		line-height: 36px;
	}
	.events__content .button3d {
		font-size: 12px;
	}
	.flex__item:nth-child(1) a {
		margin-left: -17px;
	}
	.covidsupport.p-newbornsvn h1, .p-newbornsvn.covidsupport .survival h3, .p-newbornsvn.covidsupport .covid__do h3  {
		line-height: 40px;
		font-size: 33px;
	}
	
	.vi .p-newbornsvn.covidsupport h3 {
		line-height: 30px;
		font-size: 22px;
	}
	.vi .p-newbornsvn.covidsupport .layout__box01__header h3 {
		line-height: 43px;
		font-size: 29px;
	}
	.vi .layout__box01__header {
		line-height: 28px;
	}
	.vi .layout__box01 .button3d {
		font-size: 10px;
	}
	.vi .p-newbornsvn.covidsupport .survival h3 {
		line-height: 36px;
		font-size: 21px;
	}
	.vi .covid__goal h5 {
		line-height: 22px;
	}
	
}
