@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'tauriregular';
    src: url('fonts/tauri-regular-webfont.eot');
    src: url('fonts/tauri-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tauri-regular-webfont.woff') format('woff'),
         url('fonts/tauri-regular-webfont.ttf') format('truetype'),
         url('fonts/tauri-regular-webfont.svg#tauriregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'HelveticaNeueCondensedBold';
    src: url('fonts/helveticaneue-condensedbold.eot');
    src: url('fonts/helveticaneue-condensedbold.eot') format('embedded-opentype'),
         url('fonts/helveticaneue-condensedbold.woff') format('woff'),
         url('fonts/helveticaneue-condensedbold.ttf') format('truetype'),
         url('fonts/helveticaneue-condensedbold.svg#HelveticaNeueCondensedBold') format('svg');
}

@font-face {
    font-family: 'helveticaneueroman';
    src: url('fonts/helveticaneue_roman-webfont.eot');
    src: url('fonts/helveticaneue_roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue_roman-webfont.woff') format('woff'),
         url('fonts/helveticaneue_roman-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue_roman-webfont.svg#helveticaneueroman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'libre_baskervilleitalic';
    src: url('fonts/librebaskerville-italic-webfont.eot');
    src: url('fonts/librebaskerville-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/librebaskerville-italic-webfont.woff') format('woff'),
         url('fonts/librebaskerville-italic-webfont.ttf') format('truetype'),
         url('fonts/librebaskerville-italic-webfont.svg#libre_baskervilleitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


*{-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
.transition, .transition:before, .transition:after, .transition:hover {transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ border:none; outline:none; vertical-align:middle; }
a:hover{ color:#4F5197; text-decoration:underline; }
a, a:focus{ outline:none;}
body{ background:#FFF; margin:0; padding:0; font-family:'tauriregular', Arial, Helvetica, sans-serif;}
a{ font-weight:normal; color:#e38000; text-decoration:none;}
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
h1{ color:#f58220; font-size:25px; font-family: 'HelveticaNeueCondensedBold'; line-height:30px;}
h2{ color:#f58220; font-size:20.44px; font-family: 'tauriregular';}
h3{ color:#f69146; font-size:15px;}
p{ color:#8c8c8d; font-size:13.3px; line-height:19px; font-family:'helveticaneueroman';  letter-spacing: -0.2px;}
.clear{ clear:both;}
div, input, textarea{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box;  }

.header{ height:133px; background:#FFF; width:100%; float:left; border-bottom:1px solid #d6d1c1; padding-bottom:0;}
.main-fix{ max-width:1050px; width:100%; margin:0 auto;}
.main-full{ width:100%; float:left;}
.logo{ float:left; padding-top:15px;}
.header-right{ float:right;}
.header-main{ z-index:999; position:relative; float:left; width:100%;}

ul.top-social{ margin:0; padding:28px 0 0 0; float:right;}
ul.top-social li{ padding: 0 4px; list-style:none; float:left; font-family:Arial, Helvetica, sans-serif; color:#f58220; font-size:17px; font-weight:bold;}
ul.top-social li small{ font-size:11px; color:#404041; font-weight:normal;}
ul.top-social li a{ transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; width:23px; height:23px; display:table-cell; vertical-align:middle; text-align:center; background:#535354; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;}
ul.top-social li a:hover, ul.top-social li a:focus{ background:#f58220;}
ul.top-social .phone-number{ padding-right:20px; padding-top: 4px;} 

.nav {	/*position:relative;*/	display:inline-block;	padding-top: 44px;}
.nav-list { z-index:999; text-align:left; margin:0; float:right; padding:0;}
.nav-item { list-style:none;	float:left; *display:inline; zoom:1;	/*position:relative;*/}
.nav-item a {transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; display:block;	color:#5c5c5d;	padding:0 6px 25px; font-size:12px; text-decoration:none; font-family: 'tauriregular';}
.nav-item > a:hover, .nav-item > a:focus { color:#f58220;}
.nav-item > a.current{ color:#f58220;}


.nav-item:hover .nav-submenu {	display:block;}
.nav-submenu { border-top:2px solid #e48400; background:url(../images/trans.png) repeat; z-index:999; list-style:none; margin:0; padding:18px 35px; top:132px;	display:none;	position:absolute;	left:0;	width:100%;}
.nav-submenu-item a { display:block;padding:15px 7px; text-transform:uppercase;}
.nav-submenu-item a:hover { color:#e58f32;}
.nav-mobile {display:none;cursor:pointer;position:absolute;top:0;	right:0;	background:#fff url(../images/nav.png) no-repeat center center;	background-size:89px;height:34px;	width:89px;}
.nav-click {	position:absolute;top:0;	right:0;display:none; height:49px;width:50px;cursor:pointer;}
.nav-click i {display:block;height:45px;width:50px;	background:#f68121 url(../images/drop.png) no-repeat center center;background-size:20px;}
.nav-click:hover {}
.nav-rotate {-webkit-transform:rotate(180deg);	-moz-transform:rotate(180deg);	-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.nav-item .nav-submenu .nav-item .nav-submenu-two { display:none; left:100%; top:0;}
.nav-item .nav-submenu .nav-item:hover .nav-submenu-two {display: block;}

.menu-arrow{ display:none; width:100%; text-align:center; position:relative; z-index:999999; bottom:13px; left:0;}
.nav-item:hover .menu-arrow {display: block;}
.nav-submenu-item {display: inline-block;}
.section{ width:100%; float:left; padding-bottom:60px;}


.slider-bottom{ width:100%; float:left; position:relative; z-index:9; margin-top: -80px;}
.slider-bottom-top{ text-align:center; border-bottom:2px solid #d6d1c1; position:relative; z-index:99;}
.slider-bottom-top a{  letter-spacing: -0.5px; font-size:43px; color:#FFF;  font-family: 'HelveticaNeueCondensedBold'; background:#f58220; text-decoration:none; border-top:2px solid #d6d1c1; border-left:2px solid #d6d1c1; border-right:2px solid #d6d1c1; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px; padding:5px 17px 0 17px; min-height:50px; position:relative; bottom:-3px;}
.slider-bottom-bottom{ width:100%; float:left; background:#f58220; padding:7px 0;  margin-top:-2px;}
.slider-bottom-bottom-left{ float:left; width:50%;}
ul.slide-dv{ position:relative; float: left; margin: 0; padding: 0;}
ul.slide-dv li{ border-bottom:6px solid #fff; font-family: 'HelveticaNeueCondensedBold'; position:relative; font-size:17px; color:#fff; float:left; list-style:none; padding:0 8px 0 8px;}
ul.slide-dv li small{ font-size:13px;}
ul.slide-dv li a{ width:16px; height:16px; background:transparent; display:block; position:relative;   bottom: -11px; margin:-6px auto 0; border-radius:50%; z-index:999;}
ul.slide-dv li a:hover{}
ul.slide-dv li:after{ position:absolute; bottom:0; left:48%; background:#fff; width:1px; height:4px; content:"";}
ul.slide-dv li:first-child{ padding-left:0;}

ul.slide-dv li a.current-slide, ul.slide-dv li a:hover{ background:#535354;}
.slider-bottom-bottom-right{ font-size:20px; width:47%; float:right; color:#fff; font-family: 'HelveticaNeueCondensedBold'; margin-top: -5px;}
.txt-big{ font-size:42px;}

.slider-bottom-top:hover, .slider-bottom-top:hover a {color:#4f5197; border-color:#4f5197;}
.slider-bottom-top a:hover .slider-bottom-top{ border-bottom:2px solid #4f5197; z-index:999;}

.slider-dec{position:absolute; width:340px; top:62px; right:0; text-transform:uppercase;}
.flexslider .slides > li {position:relative;}
.main-full1 {position:absolute; top:20px; width:100%; }
.main-fix1 {position:relative; max-width:1050px; margin:0 auto;}
.slider-dec p{ margin:0; padding:0; color:#535354; font-size:28px; font-family:'tauriregular'; line-height:34px;}

.section-one{ padding-top:31px; float:left; width:100%; border-bottom:1px solid #d6d1c1; padding-bottom:32px;}
.section-one-left{ float:left; width:48%; border-right:1px solid #d6d1c1; padding-right:35px; }
.section-one-left h1{ margin:0; padding:0; text-transform:uppercase;}
.section-one-left p{ letter-spacing:-0.2px; line-height:20px; color:#8c8c8d; font-size:13.3px;  font-family: 'helveticaneueroman';}
.link{ color:#535354;}
.section-one-right{ float:right; width:48%;}
.sectian-plot-l{ float:left; width:210px;}
.sectian-plot-r{ float:right; position:relative;}

.sectian-plot-l h1{ margin:0; padding:0;}
.sectian-plot-l p{letter-spacing:-0.2px; line-height:20px; color:#8c8c8d; font-size:13.3px;  font-family: 'helveticaneueroman';}
.donate{ position:absolute; top:0; right:0; font-family: 'HelveticaNeueCondensedBold'; background:#e27e00; font-size:17.3px; height:29px; line-height:29px; padding:0 8px; text-decoration:none; color:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.donate:hover, .donate:focus{ color:#fff; background:#4F5197;}

.section-two{ float:left; width:100%; padding-top:27px;}
.find-more{ background:url(../images/arrow.png) no-repeat right center; color:#535354; font-size:12px; padding-right:18px; font-family: 'helveticaneueroman'; text-decoration:none; letter-spacing:-0.2px;}
.section-two-left{  float:left; width:70%; border-right:1px solid #d7d2c2; padding-right:30px;}
.section-two-left h2{ padding:0 0 10px 0; margin:0;}
.section-two-left p{ padding-top:10px; letter-spacing:-0.2px; line-height:20px; color:#8c8c8d; font-size:13.3px;  font-family: 'helveticaneueroman';  margin-top:0;}
.owl-pagination{ display:none;}
.slide-dec{  padding: 0 30px; margin-bottom:30px; float:left; width:100%; border-bottom:1px solid #d6d1c1; }
#owl-demo .item {  padding: 3px 5px;}
#owl-demo-one .item{ padding:3px 10px;}
.owl-prev {left: -32px; position: absolute; top: 22%;}
.owl-next {right: -32px; position: absolute;top: 22%;}
.owl-prev{ background:url(../images/s-l.png) no-repeat; width:17px; height:40px;}
.owl-prev:hover{ background:url(../images/s-l-h.png) no-repeat;}
.owl-next{ background:url(../images/s-r.png) no-repeat; width:17px; height:40px;}
.owl-next:hover{ background:url(../images/s-r-h.png) no-repeat; }
.play-btn{ position:absolute; top:38px; left:37%; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.play-btn:hover{ transform: rotate(360deg);}
.date-dv{ font-family:Arial, Helvetica, sans-serif; color:#535354; font-size:11px;  line-height:18px;}

.second-caro h3{ color:#f69146; font-size:15px; margin:0; padding:0;}
.second-caro p{ color:#99999a;  font-family:Arial, Helvetica, sans-serif; padding-top:10px; color:#8c8c8d; font-size:12px; line-height:18px; padding:0; margin:0;} 
.more{ margin-top: 12px; text-align:right; display:block; color:#535354; font-size:10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; background:url(../images/arrow-more.png) no-repeat right center; padding-right:15px;}
.slide-top{ float:left; width:100%; padding:0 34px;}
.second-caro .item{ border-right:1px dotted #d7d2c2; margin-bottom:10px; }
.second-caro .owl-prev {top: 72px;}
.second-caro .owl-next {top: 72px;}

.section-two-right{ float:right; width:28%; }
.box{ float:left; width:100%; border-bottom:1px dotted #d7d2c2; padding-bottom:15px; margin-bottom:15px;}
.box-left{ float:left; width:50px; height:50px; border:1px solid #d6d1c1; text-align:center;  border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
.box-left img{ padding-top:5px;}
.box-right{ float:right; width:75%;}
.box-right h3{ margin:0; padding:0;}
.box-right p{ line-height:19px; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0;  color:#8c8c8d; font-size:12px;}

.more-center{text-align:center; display:block; color:#535354; font-size:10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;  padding-right:15px;}
.last-slide{ width:59%;}
.txt-block{ font-size:18px; color:#535354; display:block; line-height:23px;}

.txt-padd{ text-indent:-33px;}

.c-n-left{ float:left; width:68%;}
.diff-color{ color:#d5d5d5;}
.c-n-left h1{ padding:0; margin:0;}
ul.current-need{  border-left: 1px solid #D6D1C1; float: left;height: 844px; margin-bottom: 0; margin-left: 0; margin-top: 20px; padding-left: 0; width: 100%;}
ul.current-need li{ padding:0 6px; float:left; border-right:1px dotted #d6d1c1; list-style:none; width:20%;}
ul.current-need li:hover .pro-pic > img{ opacity:0.6;} 
ul.current-need li:nth-child(5n+5){ border-right:none;}

ul.current-need li a{ text-decoration:none; color:#737373; font-size:13px;height:228px; width:100%; display:block; padding:12px;}
.product{ transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.product.show-product{ display:block;}
ul.current-need li a:hover{ background:#f58220; color:#fff;}


ul.current-need li a:hover p{  color:#fff;}
.pro-pic{  display:block; height: 122px; text-align: center; vertical-align: middle; }
.pro-main{border-bottom:1px dotted #d6d1c1; padding-bottom:6px; height:230px;  margin-bottom: 6px; position:relative;}

.c-n-right{ width:32%; float:right;}
.current-need-detail{ width:100%; float:left; height:844px; margin-top: 50px;}
.top-padd{ padding-top:0; margin-top:0;} 
.current-big-pic{}
.txt-size{ font-size:13px;  border-top:1px solid #d6d1c1; padding-top:10px;}

ul.current-box{ margin:0; padding:0; float:left; width:100%;}
ul.current-box li{ padding:8px 0;  float:left; width:50%; text-align:center; list-style:none; border-top:1px solid #d6d1c1; }
.yellow-small-txt{ color:#f58220; font-size:12px; padding-bottom:2px;}
.money-txt{ color:#737373; font-size:33px;}
.inc-vat{ font-size:11px;   font-family: 'arial narrow';}
.inc-main{ border-right:1px dotted #d6d1c1;}
.second-border{ border:none;}
.money-txt-small{ font-size:25px;}

.make-donate{ width:100%; float:left;}
.make-donate-top{ padding-bottom:2px; background:#f58220; width:100%; float:left; border-left:2px solid #d6d1c1; border-right:2px solid #d6d1c1;}

.slider-current-need{  width:100%; float:left; border-bottom:1px solid #d6d1c1; padding-bottom:15px;}
.more-slide{ float:left;}
.slide-dv:after {background:#F58220; content: ""; height: 16px; left: 0; position: absolute; top: 30px; width: 5px;}
.slide-dv.slider-dv-inner{ padding-top:14px; float:right; right:-2px;}
.slide-dv.slider-dv-inner li{ padding:0 6px;}

.more-current {    display: block;    float: right;    position: relative;    right: -6px;    top: -6px;}
.slide-dv.slider-dv-inner li .more-current a:hover{ background:none;}
.slide-dv.slider-dv-inner:after { background: #F58220; content: ""; height: 16px; left: 0; position: absolute; top: 37px; width: 5px;}
.need-search{ background:#FFF; border:none; color:#737373; font-size:23.87px; text-align:center; font-family:'tauriregular'; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; height:44px;}
.search-need-main{ padding:6px 11px; float:left; width:100%;}
.search-need-main input{ width:100%;}
.make-donate-link{ top:2px; position:relative; margin-top:6px; padding-bottom:4px;  padding-top:5px; background:#f58220; width:100%; float:left; border-left:2px solid #d6d1c1; border-bottom:2px solid #d6d1c1;  border-right:2px solid #d6d1c1; text-align:center; -webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 10px;border-bottom-left-radius: 8px;}
.make-donate-link a{ transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; text-decoration:none; color:#fff; font-size:38px;  font-family: 'HelveticaNeueCondensedBold';} 
.make-donate-link a:hover, .make-donate-link a:focus{ color:#4f5197;}
.make-donate-link:hover{top:0px; margin-bottom:-2px; border-left:2px solid #4f5197; border-bottom:2px solid #4f5197; border-right:2px solid #4f5197;  border-top:2px solid #4f5197; }

.share-with{ float:left; width:100%; padding-bottom:11px; border-bottom:1px solid #d6d1c1; border-top:1px dotted #d6d1c1; margin-top:17px; padding-top:8px;}
.top-social.top-social-padd-min{ padding-top:0;}
.share-txt {color: #737373; float: right; font-size: 13px; padding-bottom: 8px; text-indent: 180px; width: 100%;}
.donations{ float:left; width:100%; color:#f58220; font-size:20.44px; padding:20px 0 0 0; padding-bottom:12px;}
.box-full{ width:100%; border-bottom:1px dotted #d6d1c1; padding-bottom:12px; margin-bottom:12px;}
.page-link{ text-decoration:none; color:#F58220;}
.page-link:hover{ color:#ff7500;}
.no-border{ border:none;}
.top-margin{ margin-top:0;}

.testimonial{ padding:20px 0; border-top:1px dotted #d6d1c1; width:80%; float:left; margin:20px 10% 20px 10%;  border-bottom:1px dotted #d6d1c1;}
.testimonial-head{ padding-bottom:10px; float:left; width:100%; color:#737373; font-size:13px;}
.testimonial-dec { padding-left:15px; float:left; width:100%; position:relative; color:#c3beab; font-size:15px; line-height:24px;  font-family: 'libre_baskervilleitalic'; font-style:italic;}
.testimonial-dec > img { vertical-align: top;}
.testimonial-dec:after{ background:url(../images/txt-t.png) no-repeat; width:11px; height:8px; position:absolute; left:0; top:0; content:"";}

.top-big-heading{ width:100%; float:left; text-align:center;}
.top-big-heading h1{ font-size:43.06px; color:#fff; font-family: 'HelveticaNeueCondensedBold'; padding:15px 5px; background:#f58220; border-left:2px solid #c9c1b0; border-right:2px solid #c9c1b0; border-bottom:2px solid #c9c1b0;  width:360px; margin:0 auto; -webkit-border-bottom-right-radius: 10px; webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.people-left h1{ margin:0; padding-bottom:5px;}
.people-name{ display:block; font-size:13px; color:#737373; height: 51px;overflow: hidden;}
.people-position{ color:#cfcab9; font-size:12px; display:block;}
ul.current-need li:hover .people-name, ul.current-need li:hover .people-position{ color:#fff;}
ul.current-need.people-partner li:nth-child(4n+4){border-right:none;}
ul.current-need li:nth-child(5n+5){ border-right:1px dotted #D6D1C1;}

ul.current-need.people-partner li{ width:25%;}
.people-left{ float:left; width:25%; padding-right:30px;}
.people-middle{ width:50%;}
.people-right{ width:23%; float:right; height:844px;   padding-top: 21px;}
.people-pic{ padding-bottom:13px; width:100%; float:left;}
.people-pic img{ border:1px solid #d6d1c1;} 
.people-right .people-position{padding-top:6px;  border-bottom:1px dotted #d6d1c1; padding-bottom:15px; margin-bottom:15px;}
.share-with.border-none{ border-bottom:none; margin-top:0;}
.bio-logo{ float:right;}
.change-size{ color:#8c8c8d; font-size:15px; font-family:Arial, Helvetica, sans-serif; padding-top:5px;}
.download-pdf{ position:relative; padding-top:64px;}
.download-pdf a{ width:240px; height:39px; line-height:39px; color:#fff; font-size:25px; font-family: 'HelveticaNeueCondensedBold'; background:#d91f15; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; -ms-border-radius:6px; display:block; text-decoration:none; text-align:center;}
.pdf{ position:absolute; right:0; bottom:10px;}
.download-pdf a:hover, .download-pdf a:focus{ background:#b20e05;}

ul.extra-link{ padding:0; margin:0;}
ul.extra-link li{ margin:0; list-style:none; background:url(../images/dot.png) no-repeat left center; padding-left:10px;}
ul.extra-link li a{ transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; color:#8c8c8d; font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:20px;}
ul.extra-link li a:hover{ text-decoration:none; color:#e37f00; padding-left:5px;}

.center-of-care-left{ float:left; width:34%; padding-right:50px;}
.center-of-care-left h1{ margin:0; padding:0;}
.center-of-care-middle{ float:left; width:32%;}
.blank-dv{ height: 30px;}
.virtual-tour{ background:url(../images/virtual.png) no-repeat; width:252px; height:81px; margin:90px auto 0;}
.virtual-tour p{ padding-bottom:0; margin-bottom:0; font-size:14px;  padding-top: 18px; font-family:Arial, Helvetica, sans-serif;} 
.virtual-tour a{ color:#fff; font-size:25px; font-family: 'HelveticaNeueCondensedBold'; text-decoration:none;  padding: 8px 0 5px 23px; display:block;}
.virtual-tour a:hover{ text-decoration:none; color:#4F5197;}
.center-of-care-right{ float:right; width:27%; padding-top: 17px;}
.date-bottom{ color:#737373; font-size:10px; position:absolute; bottom:8px; left:12px;}
ul.current-need li:hover .date-bottom{ color:#fff;}

.slider-right{ width:100%; border-bottom:1px dotted #d6d1c1;}

.slider-right .owl-prev{top: 250px; left: -5px;  background:url(../images/l-s.png) no-repeat;}
.slider-right .owl-next{top: 250px; right: -12px;   background:url(../images/r-s.png) no-repeat;}
.slide-bottom-txt{ min-height: 46px; color:#737373; font-size:13px; text-align:center; padding:10px 30px 0 30px; line-height:18px; width:96%;}
.search-box{ float:right; width:30%;  height:30px; border:1px solid #b6b6b6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; position:relative;}
.search-txt{ font-family: 'tauriregular';  border:none; background:none; float:left; width:100%; padding:6px 34px 6px 10px;}
.search-btn{ cursor:pointer; position:absolute; right:7px; top:4px; background:url(../images/search-icon.png) no-repeat; width:20px; height:20px; border:none; z-index:999;}
.search-btn:hover{ background:url(../images/search-icon-h.png) no-repeat;}
.full-top-heading{ width:100%; float:left;}
.full-top-heading h1{ float:left; padding:0; margin:0;}
.top-margin-less{ margin-top:20px;}

ul.other-link{ margin:0; padding:0 0 0 14px;}
ul.other-link li{ color:#e37f00; font-size:13px;}
ul.other-link li a{ transition: 0.8s; -webkit-transition: 0.8s; -ms-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; color:#8c8c8d; font-size:13px; line-height:25px; font-family:Arial, Helvetica, sans-serif;}
ul.other-link li a:hover{ margin-left:5px; color:#e37f00;}

.future-right-bottom{ width:100%; float:left; padding-top:15px;}
.more-info{-webkit-transition: 0.8s; -ms-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; color:#8c8c8d;  color:#e4e1d7; font-size:10px; font-family:Arial, Helvetica, sans-serif; background:url(../images/arrow.png) no-repeat right center; padding-right:10px;}
.line-block{ display:block;}
.future-right-bottom-left{ float:left; width:60%;}
.more-info:hover{ color:#e37f00; margin-left:5px;}
.future-right-bottom-right{ margin-top: 20px; float:right; width:38%; background:#9ac100; padding:2px; -webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.future-txt{ text-align:center; padding:5px 10px 8px 10px; background:#FFF; color:#9ac100; font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:18px; }
.click-here{ display:block; text-align:center; color:#fff; font-size:25px;  font-family: 'HelveticaNeueCondensedBold'; padding:5px 0;}
.click-here:hover{  text-decoration:none;}
.top-padd-max{}
.key{ width:100%; float:left; padding-top:25px;}
.key-left{ float:left; width:18%;}
.key-txt{ padding-bottom:10px; color:#f58220; font-size:15px; font-family:Arial, Helvetica, sans-serif;}
.key-left p{ color:#8c8c8d; font-size:13px; margin:0; padding:0; line-height:20px;}
.key-value{ color:#f58220;}
.key-right{ float:right; width:80%; }
.padd-right-none{ padding-right:0;}
.pic-top-padd{ padding-top:66px;}
.pic-pre{ text-align:center; padding-bottom:20px;}
.pic-pre-underline{border-bottom:1px dotted #d6d1c1; color:#737373; font-size:13px; padding-bottom:10px;}
ul.current-need.change-hover li a:hover{ background:none; color:#737373;}
ul.current-need.change-hover li:hover .people-name, ul.current-need.change-hover li:hover .people-position{color:#737373}

.r1{ background:url(../images/r1.png) no-repeat; width:72px; height:72px;}
.r2{ background:url(../images/r2.png) no-repeat; width:63px; height:71px;}
.r3{ background:url(../images/r3.png) no-repeat; width:74px; height:74px;}
.r4{ background:url(../images/r4.png) no-repeat; width:51px; height:86px;}
.r5{ background:url(../images/r5.png) no-repeat; width:81px; height:65px;}
.r6{ background:url(../images/r6.png) no-repeat; width:42px; height:90px;}
.r7{ background:url(../images/r7.png) no-repeat; width:67px; height:84px;}
.r8{ background:url(../images/r8.png) no-repeat; width:86px; height:78px;}
.r9{ background:url(../images/r9.png) no-repeat; width:76px; height:65px;}
.r10{ background:url(../images/r10.png) no-repeat; width:74px; height:81px;}
.r11{ background:url(../images/r11.png) no-repeat; width:84px; height:85px;}
.r12{ background:url(../images/r12.png) no-repeat; width:82px; height:79px;}
.r13{ background:url(../images/r13.png) no-repeat; width:53px; height:89px;}
.r14{ background:url(../images/r14.png) no-repeat; width:82px; height:82px;}
.r15{ background:url(../images/r15.png) no-repeat; width:75px; height:76px;}



.c-n-right .no-border{ border:none;}
.top-padd-min{ padding-top:50px;}
.right-border{ border-right:1px solid #d6d1c1; padding-right:15px;}
.current-need.change-hover.height-auto{height:auto;}
.bottom-border{ border-bottom:none;}
.full-width{ width:100%;}

.events-left{ float:left; width:20%;}
.events-middle{ width:80%;}
.events-middle{ width:80%; float:left;}
ul.current-need.people-partner.event-full{ width:100%;}
ul.current-need.people-partner.event-full li{ width:100%; border-right:none;}
ul.current-need.border-left{ border-left:none;}
ul.current-need.border-left li{ border-left:1px dotted #D6D1C1; border-right:none;}
.view-full{top: 50%; position: absolute; right: 13px; z-index: 99999;}
.view-map{ padding-bottom:18px; color:#f58220; font-size:13px;}
.share-left{ float:left; width:50%;}
.attent-event{ transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; color:#fff; font-size:21.05px; font-family: 'HelveticaNeueCondensedBold'; background:#e7e4dc; border:2px solid #e7e4dc; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; padding:10px 0; display:block; text-align:center;}
.share-right{ float:right; width:50%;  padding-top: 35px;}
.attent-event:hover, .attent-event:focus{ background:#f58220; color:#fff; text-decoration:none; border:2px solid #d0cab9;}
.share-right .share-txt{ text-indent:30px;}

.film-media{ float:left; width:40%;}
.gallery-middle{ float:left; width:40%;}
.download-middle ul.current-need li{ width:100%;}

.download-middle{ float:left; width:20%;}
.gallery-middle ul.current-need li{ width:50%;}
.film-media ul.current-need li{ width:50%;}
.play-clip{  left: 30%; position: absolute; top: 18%; z-index: 999;}
ul.current-need li:hover .play-clip img{ transform: rotate(360deg);}
.top-padd-zero{ padding-top:0;}
.contact-form{ width:100%; float:left;}
.contact-form h1{ margin:0; padding:0 0 21px 0;}
.contact-left{ float:left; width:33.33%; border-right:1px dotted #d7d2c2; padding-right:22px;}
.small-heading{ color:#737373; font-size:13px;}
.no-margin p{ margin:0; padding:0; line-height:25px;}
.no-margin{ padding-top:10px;}
.contact-middle{ width:33.33%; padding-right:22px; padding-left:22px; float:left;}
.textfield-one{ width:100%; border:1px solid #c5c5c5; color:#8c8c8d; font-size:15px; padding:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; margin:10px 0 20px 0; }
.contact-right{ border-left:1px dotted #D7D2C2; float:right; width:33.33%; padding-left:22px;}
.select-option{ width:100%; float:left; padding-top:14px; padding-bottom:18px;}
.txtarea-field{ width:100%; color:#8c8c8d; font-size:15px; font-family:Arial, Helvetica, sans-serif;  border: 1px solid #C5C5C5; border-radius: 3px; margin: 10px 0 20px;  padding: 10px; min-height:165px;}
.send{ width:141px; height:39px; float:right; border:2px solid #d0cab9; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; cursor:pointer; color:#fff; font-size:21.05px; font-family: 'HelveticaNeueCondensedBold'; background:#f58220; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.send:hover, .send:focus{ background:#4F5197;}



.well { box-shadow: 0 0 10px rgba(0,0,0,0.3); display:none; margin:1em;    }    
pre.prettyprint { padding: 9px 14px;    }    
.fulltable { max-width: 100%;overflow: auto; }
.page-header {  border-bottom: none;}
	.well {background-color: #fff; border: 1px solid #E3E3E3; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;  margin-bottom: 20px; min-height: 20px; padding: 10px;}
.basic_close{ cursor:pointer; background:url(../images/close.png) no-repeat;  border: medium none; height: 40px;  position: absolute; right: -10px; text-indent: -999999px; top: -10px; width: 40px;}
.current-need-pop-left{ float:left; width:40%; border-right:1px solid #d6d1c1; padding-right:40px;}
.current-need-pop-left h2{ color:#737373; font-size:21px; text-transform:uppercase; font-weight:normal;}
.word-pay{ width:100%; border-top:1px dotted #d7d2c2; border-bottom:1px dotted #d7d2c2; float:left; padding-top:25px;}
.card{ width:100%; float:left; padding-bottom:25px;}


.check-btn[type="checkbox"] {display:none;}
.check-btn[type="checkbox"] + label { padding: 0 0 0 40px; position: relative; color:#333333; font-size:15px;}
.check-btn[type="checkbox"] + label:before {content:''; display:block; width:39px; height:39px;    position:absolute; left:0; top:50%;  background:url(../images/check_radio_sheet.png) 0 0 no-repeat;    cursor:pointer;}
input[type="checkbox"] + label:hover:before {    background:url(../images/check_radio_sheet.png) -38px 0 no-repeat;}
.check-btn[type="checkbox"]:checked + label:before {background:url(../images/check_radio_sheet.png) -76px 0 no-repeat;}
.check-dv{   padding-top: 8px;  float:left; padding-right:37px;}


input[type=radio].css-checkbox {display:none;}
input[type=radio].css-checkbox + label.css-label {	height:14px; display:inline-block; line-height:14px;	background-repeat:no-repeat;	background-position: 0 0;	vertical-align:middle;cursor:pointer;}	
input[type=radio].css-checkbox:checked + label.css-label {	background-position: 0 -20px;}
label.css-label {background-image:url(../images/csscheckbox_radio.png);	-webkit-touch-callout: none;	-webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none; padding-left:20px;}
input.css-checkbox[type="radio"]:checked + label.css-label { background-position: 0 -14px;}
.card-pic{ float:left; width:50%;}
.radio-btn {float: left; padding-top: 8px;}

.check-newsletter{ float:left; width:100%; padding-top:21px;  border-bottom:1px dotted #d7d2c2; padding-bottom:20px; margin-bottom:20px;}
.check-left{ float:left; width:20%;}
.check-right{ float:right; width:78%;}
.check-right h2{ font-size:14px; color:#737373; font-family:Arial, Helvetica, sans-serif;}
.check-right p{font-size:13px; color:#8c8c8d; font-family:Arial, Helvetica, sans-serif; line-height:18px;}

.normal-txt{font-size:14px; color:#737373; font-family:Arial, Helvetica, sans-serif; float:left; width:100%; border-bottom:1px dotted #d7d2c2; padding-top:10px; padding-bottom:30px;}
.pop-logo{ float:left; width:100%; padding-top:109px;}

.current-need-pop-right{ float:right; width:60%; padding-left:34px;}
.current-need-pop-right h2{ color:#e37f00; font-size:21px;}
.pop-up-form{ width:100%; float:left;}
.center-box{}
ul.current-need .full-display{ width:100%; height:310px; float:left;}
.slider-mobile-left{}
.slider-mobile-right{}
.slider-dekstop{}

.full-display{ display:none; height:310px; width:100%; float:left;}
.people-right-dekstop{}
.people-right-mobile{ display:none; width:100%;}
ul.current-need.people-partner .full-display{ width:100%; height:310px; float:left;}



.slider-mobile-left{ width:60%; float:left;}
.slider-mobile-right{ float:right; width:38%;}
.people-pic{}
.peopel-right{}
.peopel-left{}


.pic-normal{ position:absolute; left:0;  transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.pic-hover{ position:absolute; left:-100px;  transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
ul.current-need li a:hover .pic-hover{ left:0;}
ul.current-need li a:hover .pic-normal{ left:100px;}

.pic-change{ position:relative; width:84px; height:90px; overflow:hidden; display:block;  margin:0 auto; }
.pic-change.pic-active .pic-normal{ left:100px;}
.pic-change.pic-active .pic-hover{ left:0;}






.popup-top{ width:100%; float:left;}
.popup-top h4{ color:#e37f00; font-size:22.44px; float:left; padding:0; margin:0;}
.right-date{ color:#737373; font-size:12px; float:right; padding-top:8px; padding-right: 30px;}
ul.popup-gallery{ margin:0; padding:0; height:600px;  float:left; width:100%;}
ul.popup-gallery li{ position:relative; list-style:none; margin:0; padding:0; float:left; padding:8px;}
.play-clip2{  left: 38%; position: absolute; top: 35%; z-index: 999;}

.popup-padding{ padding:20px 30px;}
ul.popup-form{ float:left; width:100%;  margin:0; padding:0;}
ul.popup-form li{float:left; width:100%; list-style:none;  margin:0; padding:0 0 11px 0;}

.popup-txt{ color:#737373; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding-bottom:4px;}
.popup-controll{ height:48px; border:1px solid #c6c6c6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width:100%; float:left;}
.popup-input{ width:100%; border:none; background:none; padding:15px 10px; font-family:Arial, Helvetica, sans-serif; color:#737373; font-size:13px;}
.popup-halp-left{ width:70%;   float:left;}
.popup-halp-right{ float:right; width:30%;}
.popup-input-left{ -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px;border-top-left-radius: 4px; border-bottom-left-radius: 4px; border:1px solid #c6c6c6; padding:15px 10px; font-family:Arial, Helvetica, sans-serif; color:#737373; font-size:13px; width:100%;}
.popup-input-right{ border-top:1px solid #c6c6c6; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; padding:15px 10px; font-family:Arial, Helvetica, sans-serif; color:#737373; font-size:13px; width:100%; border-left:none; -webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px; moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px;border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.popup-fifty{ width:50%; float:left;}

.popup-controll-double{ height:96px; border:1px solid #c6c6c6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width:100%; float:left;}
.popup-input-top-border{ border-top:1px solid #c6c6c6; padding:15px 10px; width:100%; font-family:Arial, Helvetica, sans-serif; color:#737373; font-size:13px; border-left:none; border-right:none; border-bottom:none;}
.popup-controll-message{ border:1px solid #c6c6c6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width:100%; float:left;}
.popup-message{width:100%; border:none; background:none; padding:15px 10px; font-family:Arial, Helvetica, sans-serif; color:#737373; font-size:13px; min-height:90px; resize:none;}
.submit-donate{ padding-top:20px; width:100%; float:left; text-align:center;}
.make-donate-now{ cursor:pointer;  margin-top:6px; padding-bottom:4px;  padding-top:5px; background:#f58220; width:100%; float:left; border-left:2px solid #d6d1c1; border-bottom:2px solid #d6d1c1;  border-right:2px solid #d6d1c1; text-align:center; -webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 10px;border-bottom-left-radius: 8px;  transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; text-decoration:none; color:#fff; font-size:38px;  font-family: 'HelveticaNeueCondensedBold'; text-transform:uppercase; border-top:2px solid transparent;}

.make-donate-now:hover, .make-donate-now:focus{ color:#4f5197;  border-color: #4F5197;    border-left: 2px solid #4F5197;    border-style: solid;    border-width: 2px;}

.zoom li a img{   width: 160px;     -webkit-transition: all .3s ease-out;   -moz-transition: all .3s ease-out;   -o-transition: all .3s ease-out;   transition: all .3s ease-out;}
.zoom li a img:hover {   -moz-transform: scale(2); z-index:999; border: 5px solid #fff;   -webkit-transform: scale(2);   -o-transform: scale(2);  transform: scale(2);-ms-transform: scale(2);filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',   M11=2, M12=-0, M21=0, M22=2);   }
.zoom li a  .play-clip2 img{ width:auto;}
.zoom li a  .play-clip2 img:hover{ border:none;}
















.new-popup{ max-width:1000px; width:90%;}
.grid { max-width: 69em; list-style: none; margin: 30px auto; padding: 0; }
.grid li { display: block; float: left; padding: 7px; width: 33%; opacity: 0; }
.grid li.shown, .no-js .grid li, .no-cssanimations .grid li { opacity: 1; }
.grid li a, .grid li img { outline: none; border: none; display: block; max-width: 100%; }
/* Effect 1: opacity */
.grid.effect-1 li.animate { -webkit-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; }
 @-webkit-keyframes fadeIn {  0% {
}
 100% {
opacity: 1;
}
}
 @keyframes fadeIn {  0% {
}
 100% {
opacity: 1;
}
}
/* Effect 2: Move Up */
.grid.effect-2 li.animate { -webkit-transform: translateY(200px); transform: translateY(200px); -webkit-animation: moveUp 0.65s ease forwards; animation: moveUp 0.65s ease forwards; }
 @-webkit-keyframes moveUp {  0% {
}
 100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
 @keyframes moveUp {  0% {
}
 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
/* Effect 3: Scale up */
.grid.effect-3 li.animate { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: scaleUp 0.65s ease-in-out forwards; animation: scaleUp 0.65s ease-in-out forwards; }
 @-webkit-keyframes scaleUp {  0% {
}
 100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
 @keyframes scaleUp {  0% {
}
 100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
/* Effect 4: fall perspective */
.grid.effect-4 { -webkit-perspective: 1300px; perspective: 1300px; }
.grid.effect-4 li.animate { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg); transform: translateZ(400px) translateY(300px) rotateX(-90deg); -webkit-animation: fallPerspective .8s ease-in-out forwards; animation: fallPerspective .8s ease-in-out forwards; }
 @-webkit-keyframes fallPerspective {  0% {
}
 100% {
-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
opacity: 1;
}
}
 @keyframes fallPerspective {  0% {
}
 100% {
-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
transform: translateZ(0px) translateY(0px) rotateX(0deg);
opacity: 1;
}
}
/* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-5 { -webkit-perspective: 1300px; perspective: 1300px; }
.grid.effect-5 li.animate { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 50% -300px; transform-origin: 50% 50% -300px; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-animation: fly .8s ease-in-out forwards; animation: fly .8s ease-in-out forwards; }
 @-webkit-keyframes fly {  0% {
}
 100% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
 @keyframes fly {  0% {
}
 100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-6 { -webkit-perspective: 1300px; perspective: 1300px; }
.grid.effect-6 li.animate { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateX(-80deg); transform: rotateX(-80deg); -webkit-animation: flip .8s ease-in-out forwards; animation: flip .8s ease-in-out forwards; }
 @-webkit-keyframes flip {  0% {
}
 100% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
 @keyframes flip {  0% {
}
 100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-7 { -webkit-perspective: 1300px; perspective: 1300px; }
.grid.effect-7 li.animate { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-animation: helix .8s ease-in-out forwards; animation: helix .8s ease-in-out forwards; }
 @-webkit-keyframes helix {  0% {
}
 100% {
-webkit-transform: rotateY(0deg);
opacity: 1;
}
}
 @keyframes helix {  0% {
}
 100% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
}
/* Effect 8:  */
.grid.effect-8 { -webkit-perspective: 1300px; perspective: 1300px; }
.grid.effect-8 li.animate { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(0.4); transform: scale(0.4); -webkit-animation: popUp .8s ease-in forwards; animation: popUp .8s ease-in forwards; }
 @-webkit-keyframes popUp {  0% {
}
 70% {
-webkit-transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out;
}
 100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
 @keyframes popUp {  0% {
}
 70% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
 100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@media screen and (max-width: 900px) {
.grid li { width: 50%; }
}
 @media screen and (max-width: 400px) {
.grid li { width: 100%; }
}