.entry-title-mission {
font-size: 45px;
font-weight: 800;
margin-top: 100px;
}
@media screen and (max-width: 767px) {
.entry-title-mission {
font-size: 24px;
}
} .thankyou-ticket {
color: #fff;
padding: 200px 0;
}
.thankyou-ticket h1 {
color: var(--yellow);
font-size: 28px;
font-weight: 800;
}
.thankyou-ticket .subtitle {
font-size: 28px;
font-weight: 800;
}
.thankyou-ticket .img-box .desctop {
display: block;
}
.thankyou-ticket .img-box .mobile {
display: none;
}
.thankyou-ticket .dark-yellow {
justify-content: center;
display: flex;
margin: 0 auto;
margin-top: 50px;
}
.evac-ticket .str-vet-box-wide .right {
padding: 20px 30px 0 60px;
}
.evac-ticket .vet-btn {
min-width: 40%;
}
@media screen and (max-width: 767px) {
.evac-ticket .str-vet-box-wide .right {
height: auto;
padding: 0 30px;
}
.thankyou-ticket {
padding: 150px 0;
}
.thankyou-ticket .img-box .desctop {
display: none;
}
.thankyou-ticket .img-box .mobile {
display: block;
width: 100%;
}
.thankyou-ticket .subtitle {
font-size: 18px;
}
} #scrollToTopBtn {
position: fixed;
bottom: 20px;
right: 20px;
display: block;
width: 30px;
height: 30px;
text-align: center;
cursor: pointer;
z-index: 999999999;
}
#scrollToTopBtn img {
width: 30px;
height: 30px;
} .search-results .page-header {
padding-top: 170px;
color: #fff;
}
.search-results .post {
padding: 0;
}
.search-results h1 {
font-size: 45px;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 30px;
margin-top: 0;
color: #fff;
}
.search-results h1 span {
text-transform: none;
color: #FFC301;
}
.search-post {
display: flex;
align-items: flex-start;
justify-content: space-between;
background-color: #001733;
border: 1px solid #003575;
color: #fff;
margin-bottom: 20px;
border-radius: 20px;
}
.search-post .left {
padding: 30px 20px;
}
.search-post .title {
font-size: 22px;
font-weight: 600;
color: #fff;
margin-bottom: 20px;
}
.search-post .title a {
color: #fff;
}
.search-post .date {
margin-bottom: 0;
}
.search-post .image {
width: 25%;
min-width: 25%;
border-radius: 20px;
height: 170px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.header__search-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: transparent;
border: none;
padding: 0;
margin: 0 0 0 15px;
cursor: pointer;
}
.header__form-search input::placeholder {
color: #fff;
opacity: 1; }
.header__form-search input::-ms-input-placeholder { color: #fff;
}
.search-more {
color: #666;
}
.header__form-left .search-more {
color: #666;
}
.header__form-left ul li {
margin-bottom: 10px;
}
.header__form-box {
opacity: 0;
transition: all .5s;
}
.header__form-box.open {
opacity: 1;
transition: all .5s;
} .header__search-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: transparent;
border: none;
padding: 0;
margin: 0 0 0 15px;
cursor: pointer;
}
.header__mob-btn {
display: none;
}
.header__form-wrap {
position: fixed;
top: 60px;
left: 0;
right: 0;
width: 100%;
-webkit-transform: translateY(-100vh);
-ms-transform: translateY(-100vh);
transform: translateY(-100vh);
-webkit-transition: linear .2s;
-o-transition: linear .2s;
transition: linear .2s;
}
.header__form-wrap.open {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.header__form-search {
background-color: #00151E;
border-bottom: 1px solid #fff;
-webkit-transition: linear .3s;
-o-transition: linear .3s;
transition: linear .3s;
}
.header__form-search input {
padding: 10px;
margin: 0 20px;
background-color: transparent;
border: none;
width: 100%;
font-size: 18px;
color: #fff;
}
.header__form-search input:focus {
color: #fff;
}
.header__form-search .container {
height: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__form-close {
cursor: pointer;
font-size: 12px;
color: #fff;
}
.header__form-close img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 5px auto;
}
.header__form-box {
padding: 25px 0 80px;
background-color: #00151E;
color: #fff;
max-height: calc(100vh - 200px);
overflow: auto;
}
.header__form-box h6 {
color: #ffc301;
font-size: 22px;
font-weight: 600;
line-height: 120%;
margin: 0 0 20px 0;
}
.header__form-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header__form-left {
max-width: 285px;
width: 100%;
margin: 0 20px 0 0;
}
.header__form-left li {
display: none;
margin: 0 0 20px 0;
}
.header__form-left li:nth-child(1),
.header__form-left li:nth-child(2),
.header__form-left li:nth-child(3),
.header__form-left li:nth-child(4),
.header__form-left li:nth-child(5) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header__form-left a {
color: white;
font-size: 16px;
font-weight: 400;
line-height: 120%;
text-decoration: underline;
-webkit-text-decoration-color: transparent;
text-decoration-color: transparent;
-webkit-transition: linear .2s;
-o-transition: linear .2s;
transition: linear .2s;
}
.header__form-left a:hover {
-webkit-text-decoration-color: #fff;
text-decoration-color: #fff;
}
.header__form-show {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 0;
color: rgba(255, 255, 255, 0.5);
font-size: 16px;
font-weight: 400;
line-height: 120%;
background-color: transparent;
border: none;
-webkit-transition: linear .2s;
-o-transition: linear .2s;
transition: linear .2s;
cursor: pointer;
text-align: left;
}
.header__form-show:hover {
color: #fff;
}
.header__form-right {
max-width: 820px;
width: 100%;
}
.header__form-right .header__form-show {
margin: 0 0 0 auto;
}
.header__form-df {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 0 -20px;
}
.header__form-item {
margin: 0 0 0 20px;
width: calc(50% - 20px);
}
.header__form-item li {
display: none;
margin: 0 0 20px 0;
}
.header__form-item li:nth-child(1),
.header__form-item li:nth-child(2),
.header__form-item li:nth-child(3) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header__form-item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__form-item p {
margin: 0;
color: white;
font-size: 16px;
font-weight: 400;
line-height: 120%;
}
.header__form-item img {
width: 80px;
height: 65px;
-o-object-fit: contain;
object-fit: contain;
margin: 0 25px 0 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
@media (max-width: 992px) {
.header__form-item {
width: calc(100% - 20px);
}
.header__form-item {
margin: 0 0 30px 0;
}
.header__form-show {
color: rgba(255, 255, 255, 0.5) !important;
}
.header__form-search {
z-index: 99999;
}
.search-results h1 {
font-size: 28px;
}
}
@media (max-width: 768px) {
.header__search-btn {
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
margin-right: 20px;
}
.header__form-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.header__form-left {
max-width: 100%;
margin: 0 0 40px 0;
}
.header__form-left li {
margin: 0 0 15px 0;
}
.header__form-left a,
.header__form-item p {
font-size: 14px;
}
.header__form-item img {
margin: 0 10px 0 0;
}
.header__form-right .header__form-show {
margin: 0 auto 0 0;
}
.header__form-wrap {
top: 95px;
}
.header__form-box {
max-height: calc(100vh - 175px);
}
.search-results h1 {
font-size: 21px;
}
.search-post {
flex-direction: column;
}
.search-post .image {
width: 100%;
min-width: 100%;
height: 200px;
}
.search-post .title {
font-size: 18px;
margin-bottom: 10px;
}
}  .zbir_label {
padding: 5px 10px;
background-color: #FFC301;
font-size: 12px;
font-weight: 600;
color: #00151E;
border-radius: 10px;
line-height: 1.2;
margin: 20px 10px;
display: inline-block;
}
.single_zbir_label {
padding: 5px 10px;
background-color: #FFC301;
font-size: 14px;
font-weight: 600;
color: #00151E;
border-radius: 10px;
line-height: 1.2;
margin: 40px 0 20px 0;
display: inline-block;
}
.zbir .description-section .dark-yellow {
display: block;
width: 100%;
text-align: center;
margin-bottom: 30px;
}
@media (min-width: 768px) and (max-width: 1199px) {
.zbir_label {
font-size: 10px;
}
}
@media screen and (max-width: 767px) {
.zbir_label {
font-size: 11px;
}
.single_zbir_label {
font-size: 12px;
margin: 20px 0;
}
} .grecaptcha-badge {
z-index: -99999;
opacity: 0;
} .nh-news {
background-color: #00151E;
padding: 50px 0;
color: #fff;
}
.nh-news .title {
font-size: 55px;
font-weight: 600;
margin-bottom: 30px;
}
.article-type-top {
background-color: #001733;
border: 1px solid #003575;
border-radius: 15px;
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 20px;
}
.article-type-top .left {
padding: 50px 25px 50px 15px;
width: 70%;
}
.article-type-top .left .article-date {
font-size: 12px;
color: #FFC301;
font-weight: 600;
margin-bottom: 10px;
}
.article-type-top .left .article-title {
font-size: 26px;
font-weight: 600;
line-height: 1.5;
margin-bottom: 15px;
}
.article-type-top .left .article-desc {
font-size: 14px;
margin-bottom: 30px;
}
.article-type-top .right {
width: 30%;
height: 375px;
border-radius: 20px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.article-type-bottom-box {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.article-type-bottom-box-d {
display: flex;
}
.article-type-bottom-box-m {
display: none;
}
.article-type-bottom-box a {
width: 32%;
}
.article-type-bottom {
background-color: #001733;
border: 1px solid #003575;
border-radius: 10px;
padding: 20px 10px 40px 10px;
}
.article-type-bottom .article-date {
font-size: 12px;
color: #FFC301;
font-weight: 600;
margin-bottom: 10px;
}
.article-type-bottom .article-title {
font-size: 14px;
font-weight: 600;
line-height: 1.5;
margin-bottom: 0;
min-height: 85px;
}
.article-type-right-box {
background-color: #001733;
border: 1px solid #003575;
border-radius: 10px;
padding: 0;
}
.article-type-right-box .box-title {
font-size: 26px;
font-weight: 600;
line-height: 1.5;
display: flex;
align-items: center;
justify-content: flex-start;
margin: 10px;
}
.article-type-right-box .box-title img {
margin-left: 15px;
height: 40px;
}
.article-type-right-bg {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
height: 200px;
width: 100%;
padding: 15px 10px;
border-radius: 10px;
background-size: cover;
background-position: center;
transition: all .5s;
}
.article-type-right-bg .article-date {
font-size: 12px;
color: #FFC301;
font-weight: 600;
margin-bottom: 10px;
}
.article-type-right-bg .article-title {
font-size: 18px;
font-weight: 600;
line-height: 1.5;
}
.article-type-right {
padding: 15px 10px;
display: flex;
align-items: flex-start;
justify-content: space-between;
column-gap: 20px;
}
.article-type-right .article-title {
font-size: 14px;
font-weight: 600;
line-height: 1.5;
}
.article-type-right .article-img {
min-width: 75px;
height: 75px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 5px;
}
.article-type-right-box .divider {
width: 100%;
height: 1px;
background-color: #003575;
}
.article-type-right-box .btn-box {
margin: 0 10px 30px;
}
.article-type-right-box .dark-yellow {
border-radius: 15px;
max-width: 100%;
width: 100%;
display: flex;
justify-content: center;
}
@media (min-width: 992px) and (max-width: 1199px) {
.nh-news .title {
font-size: 36px;
}
.article-type-top .left .article-title {
font-size: 22px;
}
.article-type-right-box .box-title {
font-size: 22px;
}
.article-type-right-bg .article-title {
font-size: 16px;
}
.article-type-right-box .dark-yellow {
font-size: 14px;
}
.article-type-bottom .article-title {
min-height: 130px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.nh-news .title {
font-size: 36px;
}
.article-type-top {
flex-direction: column;
min-height: 585px;
}
.article-type-top .left {
order: 2;
width: 100%;
padding: 20px 25px 50px 15px;
min-height: 325px;
}
.article-type-top .right {
width: 100%;
order: 1;
height: 260px;
}
.article-type-right-box {
min-height: 585px;
}
.article-type-top .left .article-title {
font-size: 16px;
}
.article-type-right-box .box-title {
font-size: 22px;
}
.article-type-right-bg .article-title {
font-size: 16px;
}
.article-type-right .article-title {
font-size: 13px;
}
.article-type-bottom-box-d {
display: none;
}
.article-type-bottom-box-m {
display: flex;
}
}
@media screen and (max-width: 767px) {
.nh-news {
padding: 35px 0;
}
.nh-news .title {
font-size: 26px;
}
.article-type-top {
flex-direction: column;
min-height: 585px;
}
.article-type-top .left {
order: 2;
width: 100%;
padding: 20px 25px 50px 15px;
min-height: 325px;
}
.article-type-top .right {
width: 100%;
order: 1;
height: 260px;
}
.article-type-right-box {
min-height: auto;
margin-top: 10px;
}
.article-type-top .left .article-title {
font-size: 16px;
}
.article-type-right-box .box-title {
font-size: 22px;
}
.article-type-right-bg .article-title {
font-size: 16px;
}
.article-type-right .article-title {
font-size: 13px;
}
.article-type-bottom {
padding: 20px 10px;
}
.article-type-bottom-box-d {
flex-direction: column;
}
.article-type-bottom-box a {
width: 100%;
margin-bottom: 15px;
}
.article-type-bottom .article-title {
min-height: 50px;
}
} .nh-partners {
background-color: #00151E;
padding: 50px 0;
color: #fff;
}
.nh-partners .title {
font-size: 55px;
font-weight: 600;
margin-bottom: 20px;
}
.nh-partners .partnerSwiper {
height: auto;
}
.partnerSwiper .swiper-slide {
background: none;
}
.partnerSwiper .swiper-slide img {
display: block;
width: 100%;
height: auto;
object-fit: unset;
border: none;
}
.partnerSwiper .swiper-pagination-bullet {
background: #003575;
opacity: 1;
}
.partnerSwiper .swiper-pagination-bullet-active {
background: #fff;
}
.partnerSwiper .swiper-wrapper {
padding-bottom: 30px;
}
.nh-btns .btn-p-inner {
border-radius: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.nh-partners .title {
font-size: 36px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.nh-partners .title {
font-size: 36px;
}
}
@media screen and (max-width: 767px) {
.nh-partners {
padding: 35px 0;
}
.nh-partners .title {
font-size: 26px;
}
} .certificate {
background-color: #003575;
padding: 50px 0;
color: #fff;
}
.certificate .title {
font-size: 36px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 10px;
}
.certificate .info {
font-size: 16px;
margin-bottom: 50px;
}
.certificate .img-box {
text-align: right;
}
.certificate .img-box img {
width: 200px;
}
@media (min-width: 768px) and (max-width: 992px) {
.certificate .title {
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
.certificate {
margin: 35px 0;
}
.certificate .title {
font-size: 22px;
}
.certificate .img-box {
text-align: center;
margin-top: 50px;
}
} .uan-projects.nh-projects {
background-color: #00151E;
padding: 50px 0;
color: #fff;
}
.nh-projects .swp-prj {
background-color: #001733;
border: 1px solid #003575;
}
.nh-projects .swp-prj .info {
font-size: 16px;
margin-bottom: 50px;
}
.nh-projects .prj-swiper {
margin-bottom: 0px;
} .take-help {
background-color: #FFC301;
padding: 50px 0;
color: #00151E;
background-image: url(//uanimals.org/en//wp-content/uploads/2024/05/logo-bg.svg);
background-size: contain;
background-position: -8% 0%;
background-repeat: no-repeat;
}
.take-help-box {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 70px;
padding-left: 100px;
}
.take-help-box .left .title {
font-size: 55px;
font-weight: 600;
margin-bottom: 20px;
}
.take-help-box .left .info {
font-size: 14px;
margin-bottom: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.take-help-box .left .title {
font-size: 36px;
}
.take-help {
background-position: -15% 0%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.take-help-box .left .title {
font-size: 24px;
}
.take-help {
background-position: -23% 0%;
}
.take-help-box {
column-gap: 30px;
padding-left: 50px;
}
}
@media screen and (max-width: 767px) {
.take-help {
margin: 35px 0;
}
.take-help-box .left .title {
font-size: 26px;
}
.take-help-box {
padding-left: 0;
flex-direction: column;
}
.take-help-box .left {
margin-bottom: 20px;
}
.take-help {
padding: 50px 0 200px 0;
background-size: 65%;
background-position: 50% 130%;
}
.nh-projects .prj-swiper {
margin-bottom: 0px;
}
.uan-projects.nh-projects {
padding: 35px 0;
}
} .nh-how-to-support {
background-color: #00151E;
padding: 50px 0;
color: #fff;
}
.nh-how-to-support .title {
font-size: 55px;
font-weight: 600;
margin-bottom: 50px;
}
.nh-hth-box {
padding: 25px 25px 0 20px;
border: 1px solid #003575;
border-radius: 20px;
background-color: #001733;
background-image: url(//uanimals.org/en//wp-content/uploads/2024/05/arrow-right-top-yellow.svg);
background-position: calc(100% - 25px) calc(0% + 25px);
background-repeat: no-repeat;
}
.nh-hth-box .title {
font-size: 26px;
font-weight: 700;
text-transform: uppercase;
margin: 130px 0 25px 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.nh-how-to-support .title {
font-size: 36px;
}
.nh-how-to-support .nh-hth-box .title {
font-size: 21px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.nh-how-to-support .title {
font-size: 36px;
}
.nh-how-to-support .nh-hth-box .title {
font-size: 21px;
}
}
@media screen and (max-width: 767px) {
.nh-how-to-support .title {
font-size: 26px;
}
.nh-hth-box {
margin-bottom: 20px;
}
.nh-hth-box .title {
font-size: 24px;
margin: 100px 0 25px 0;
}
} .nh-collection {
background-color: #00151E;
padding: 50px 0;
color: #fff;
}
.nh-collection .title {
font-size: 55px;
font-weight: 600;
margin-bottom: 0;
}
.title-btn {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 50px;
}
.dark-yellow {
background-color: #FFC301;
border: 1px solid #FFC301;
border-radius: 20px;
padding: 15px;
color: #00151E;
font-size: 18px;
font-weight: 600;
max-width: 300px;
transition: all .5s;
}
.dark-yellow:hover {
background-color: #fff;
border: 1px solid #fff;
color: #00151E;
transition: all .5s;
}
.dark-yellow:visited {
color: #00151E;
}
.collection-img {
width: 100%;
height: 250px;
background-size: cover;
background-position: center;
border-radius: 20px 20px 0 0;
}
.collection-box-inner {
border: 1px solid #003575;
border-top: none;
border-radius: 0 0 20px 20px;
background-color: #001733;
padding: 20px;
}
.collection-title {
font-size: 24px;
font-weight: 600;
margin-bottom: 10px;
min-height: 120px;
}
.collection-info .title {
font-size: 16px;
color: #C1C1C2;
margin-bottom: 10px;
}
.collection-info {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 30px;
}
.collection-sum {
text-align: right;
}
.collection-info .date, .collection-info .sum {
font-size: 16px;
font-weight: 700;
margin-bottom: 0;
}
.collection-box-inner .dark-yellow {
width: 100%;
display: block;
max-width: 100%;
text-align: center;
}
@media (min-width: 992px) and (max-width: 1199px) {
.nh-collection .title {
font-size: 36px;
}
.nh-collection .collection-info .title {
font-size: 14px;
}
.collection-title {
font-size: 21px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.nh-collection .title {
font-size: 28px;
}
.nh-collection .collection-info .title {
font-size: 12px;
}
.collection-info .date, .collection-info .sum {
font-size: 12px;
}
.collection-title {
font-size: 16px;
min-height: 80px;
}
.dark-yellow {
font-size: 16px;
}
.collection-img {
height: 150px;
}
}
@media screen and (max-width: 767px) {
.nh-collection {
padding: 35px 0 15px 0;
}
.nh-collection .title {
font-size: 26px;
margin-bottom: 20px;
}
.collection-title {
font-size: 18px;
min-height: 100px;
}
.title-btn {
flex-direction: column;
}
.dark-yellow {
width: 100%;
text-align: center;
max-width: 100%;
}
.collection-box {
margin-bottom: 20px;
}
.nh-collection .title {
font-size: 16px;
margin-bottom: 10px;
}
.nh-collection .title-btn .title {
font-size: 34px;
margin-bottom: 20px;
}
} .nh-how-we-work {
background-color: #00151E;
padding: 50px 0;
color: #fff;
}
.nh-how-we-work .title {
font-size: 55px;
font-weight: 600;
margin-bottom: 50px;
}
.nh-how-we-work .number {
font-size: 16px;
margin-bottom: 10px;
}
.nh-how-we-work .work-box {
background-color: #001733;
border: 1px solid #003575;
border-radius: 20px;
padding: 30px 20px 50px 20px;
margin-bottom: 0;
}
.nh-how-we-work .work-box .title {
font-size: 22px;
font-weight: 700;
margin-bottom: 20px;
color: #FFC301;
min-height: 66px;
}
.nh-how-we-work .work-box .info {
font-size: 14px;
margin-bottom: 0;
min-height: 210px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.nh-how-we-work .work-box .title {
min-height: 66px;
}
.nh-how-we-work .work-box .info {
min-height: 255px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.nh-how-we-work .title {
font-size: 36px;
}
.nh-how-we-work .work-box .title {
font-size: 16px;
}
.nh-how-we-work .work-box .title {
min-height: 50px;
}
.nh-how-we-work .work-box .info {
min-height: 315px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.nh-how-we-work .title {
font-size: 36px;
}
.nh-how-we-work .work-box .title {
font-size: 16px;
min-height: 20px;
}
.nh-how-we-work .work-box {
margin-bottom: 20px;
}
.nh-how-we-work .work-box .info {
min-height: 190px;
}
}
@media screen and (max-width: 767px) {
.nh-how-we-work {
padding: 35px 0;
}
.nh-how-we-work .title {
font-size: 26px;
margin-bottom: 30px;
}
.nh-how-we-work .work-box:last-child {
margin-bottom: 20px;
}
.nh-how-we-work .work-box .title {
min-height: 20px;
}
.nh-how-we-work .work-box .info {
min-height: 100px;
}
} .nh-about {
background-color: #00151E;
padding: 50px 0;
color: #fff;
}
.nh-about .img-box img {
width: 90%;
border-radius: 20px;
}
.nh-about .title {
font-size: 60px;
font-weight: 600;
margin-bottom: 20px;
}
.nh-about .info {
font-size: 18px;
margin-bottom: 30px;
}
.nh-btns {
display: flex;
align-items: center;
justify-content: flex-start;
column-gap: 20px;
}
.dark-blue {
background-color: #001733;
border: 1px solid #003575;
border-radius: 20px;
padding: 15px 40px;
color: #fff;
font-size: 18px;
font-weight: 600;
max-width: 300px;
white-space: nowrap;
transition: all .5s;
}
.dark-blue:hover {
background-color: #003575;
border: 1px solid #003575;
transition: all .5s;
}
.dark-blue:visited {
color: #fff;
}
.light-blue {
background-color: #003575;
border: 1px solid #fff;
border-radius: 20px;
padding: 15px 40px;
color: #fff;
font-size: 18px;
font-weight: 600;
max-width: 300px;
white-space: nowrap;
transition: all .5s;
}
.light-blue:hover {
background-color: #fff;
border: 1px solid #fff;
color: #001733;
transition: all .5s;
}
.light-blue:visited {
color: #fff;
}
.light-white {
background-color: #fff;
border: 1px solid #fff;
border-radius: 20px;
padding: 15px 40px;
color: #00151E;
font-size: 18px;
font-weight: 600;
max-width: 300px;
transition: all .5s;
}
.light-white:hover {
background-color: #FFC301;
border: 1px solid #FFC301;
color: #00151E;
transition: all .5s;
}
.light-white:visited {
color: #00151E;
}
.nh-numbers {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-top: 70px;
}
.nh-number {
width: 25%;
border-right: 1px solid #003575;
border-bottom: 1px solid #003575;
padding: 30px 15px 15px 15px;
text-align: center;
color: #fff;
}
.nh-number:last-child {
border-right: none;
}
.nh-number .title {
font-size: 50px;
font-weight: 700;
margin-bottom: 25px;
}
.nh-number .subtitle {
font-size: 16px;
margin-bottom: 0;
min-height: 75px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.nh-about .title {
font-size: 36px;
}
.nh-about .info {
font-size: 16px;
}
.nh-number .title {
font-size: 36px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.nh-about .title {
font-size: 36px;
}
.nh-about .info {
font-size: 14px;
}
.dark-blue, .light-white {
padding: 15px 20px;
font-size: 16px;
border-radius: 20px;
}
.light-blue {
font-size: 16px;
}
.nh-numbers {
flex-wrap: wrap;
}
.nh-number {
width: 50%;
}
.nh-number:nth-child(2) {
border-right: none;
}
.nh-number:nth-child(3) {
border-bottom: none;
}
.nh-number:nth-child(4) {
border-bottom: none;
}
}
@media screen and (max-width: 767px) {
.nh-about {
padding: 35px 0;
}
.nh-about .img-box img {
width: 100%;
margin-bottom: 30px;
}
.nh-about .title {
font-size: 36px;
}
.nh-about .info {
font-size: 16px;
margin-bottom: 20px;
}
.nh-btns {
flex-direction: column;
padding-top: 35px !important;
padding-bottom: 35px !important;
}
.dark-blue, .light-white {
padding: 15px 20px;
font-size: 16px;
border-radius: 20px;
text-align: center;
margin-bottom: 20px;
width: 100%;
max-width: 100%;
}
.light-blue {
width: 100%;
display: block;
text-align: center;
max-width: 100%;
}
.nh-about .title {
font-size: 26px;
}
.nh-number .subtitle {
font-size: 13px;
}
.nh-numbers {
flex-wrap: wrap;
margin-top: 50px;
}
.nh-number {
width: 50%;
padding: 30px 10px 15px 10px;
}
.nh-number:nth-child(2) {
border-right: none;
}
.nh-number:nth-child(3) {
border-bottom: none;
}
.nh-number:nth-child(4) {
border-bottom: none;
}
} .media-banner {
margin-top: -40px;
z-index: 99999999;
position: relative;
margin-bottom: 50px;
}
.media-banner .banner-box {
padding: 16px 100px 16px 40px;
margin: 0 -40px;
background-color: #003575;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 30px;
background-image: url(//uanimals.org/en//wp-content/uploads/2024/05/media-banner-bird.svg);
background-size: 60px;
background-position: 99% 50%;
background-repeat: no-repeat;
}
.media-banner .banner-box p {
margin-bottom: 0;
font-size: 20px;
color: #fff;
font-weight: 600;
}
.media-banner .banner-box a {
background-color: var(--yellow);
padding: 12px 30px;
border-radius: 15px;
text-align: center;
color: #00151E;
text-decoration: none;
font-weight: 600;
white-space: nowrap;
}
.media-popup {
position: fixed;
display: none;
background-color: #fff;
padding: 13px 10px 13px 30px;
border-radius: 5px;
bottom: 20px;
left: 20px;
z-index: 99999999;
transition: all .5s;
}
.media-popup .left {
margin-right: 30px;
}
.media-popup .left p {
margin-bottom: 0;
font-size: 14px;
}
.media-popup .name {
font-weight: 800;
color: #CBA135;
}
.media-popup .site-cta {
text-align: right;
display: flex;
}
.media-popup .site-cta a:before {
opacity: 0;
}
.media-popup .cta-btn {
padding: 10px 14px;
}
@media screen and (max-width: 767px) {
.media-popup .cta-btn {
padding: 12px;
font-size: 12px;
}
.media-popup {
max-width: 90%;
}
}
.media-popup {
background-color: #013575;
max-width: 310px;
}
.media-popup .close {
background-color: transparent !important;
}
.media-popup .name {
font-weight: 400 !important;
color: #ffffff !important;
font-size: 12px !important;
}
.media-popup .left {
margin-right: 10px;
}
.media-popup .right img {
min-width: 50px;
}
@media (min-width: 1200px) and (max-width: 1400px) {
.media-banner .banner-box p {
font-size: 17px;
}
.media-banner .banner-box {
padding: 16px 100px 16px 20px;
margin: 0 -20px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.media-banner .banner-box p {
font-size: 16px;
}
.media-banner .banner-box {
padding: 16px 100px 16px 20px;
margin: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.media-banner .banner-box p {
font-size: 15px;
}
.media-banner .banner-box {
padding: 16px 100px 16px 20px;
margin: 0;
}
}
@media screen and (max-width: 767px) {
.media-banner {
margin-top: -85px;
}
.media-banner .banner-box {
margin: 0;
flex-direction: column;
padding: 16px 20px 16px 20px;
background-size: 50px;
background-position: 97% 84%;
}
.media-banner .banner-box p {
margin-bottom: 20px;
font-size: 16px;
text-align: center;
}
} .key-v3 {
background-color: #001733;
border-bottom: 1px solid #003575;
border-radius: 0 0 20px 20px;
padding-top: 130px;
color: #fff;
}
.key-v3-box {
padding: 70px 0;
}
.key-v3-box h1 {
font-size: 60px;
font-weight: 600;
margin-bottom: 20px;
}
.u-faq {
margin: 70px 0 30px 0;
}
.u-faq-row {
margin-bottom: 100px;
}
.u-faq h2 {
font-weight: 600;
font-size: 45px;
color: #FFC301;
margin-top: -25px;
}
.u-faq .accordeon {
margin: -40px 0 0 0;
max-width: 705px;
width: 100%;
color: #fff;
}
.u-faq .accordeon dl {
border-bottom: 1px solid #013575;
margin-bottom: 0;
}
.u-faq .accordeon dt {
padding: 25px 80px 25px 0;
position: relative;
font-size: 22px;
font-weight: 600;
line-height: 150%;
cursor: pointer;
}
.u-faq .accordeon dt::after {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
width: 20px;
height: 20px;
background-image: url(//uanimals.org/en//wp-content/uploads/2024/04/plus.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
-webkit-transition: linear .2s;
-o-transition: linear .2s;
transition: linear .2s;
}
.u-faq .accordeon dt.active::after {
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.u-faq .accordeon dd {
padding: 0 0 20px 0;
margin: 0;
}
.u-faq .accordeon dd p {
margin: 0 0 10px 0;
font-size: 16px;
font-weight: 400;
line-height: 150%;
}
@media (max-width: 1200px) {
.u-faq .accordeon dt {
padding: 15px 40px 15px 0;
font-size: 22px;
}
.u-faq .accordeon dd p {
font-size: 16px;
}
}
@media (max-width: 768px) {
.u-faq .accordeon dt {
font-size: 20px;
}
.u-faq .accordeon ul {
margin: 0;
padding: 0;
}
.u-faq h2 {
font-size: 28px;
margin-bottom: 50px;
}
.key-v3-box h1 {
font-size: 32px;
}
} .tzv .w3-button {
background-color: transparent;
padding: 15px 50px;
border-radius: 20px;
border: 1px solid #FFC301;
color: #FFC301;
font-size: 20px;
font-weight: 800;
transition: all .5s;
margin-right: 10px;
}
.tzv .w3-button:hover {
background-color: #FFC301;
color: #00151E;
transition: all .5s;
}
.tzv .w3-active {
background-color: #FFC301;
border: 1px solid #FFC301;
color: #00151E;
}
.tzv .w3-container {
padding: 50px 0 100px 0;
}
@media (min-width: 768px) and (max-width: 992px) {
.tzv .w3-button {
padding: 15px 25px;
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.tzv .w3-button {
width: 100%;
margin-bottom: 10px;
}
} .hf-box-titles {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
font-size: 18px;
font-weight: 700;
color: #aaa;
cursor: pointer;
}
.hf-box-titles .active {
color: #022b5a;
}
.hf-box-fields {
display: flex;
flex-direction: column;
margin-top: -10px;
}
.hf-box-fields .hf-mail {
border: 1px solid var(--blue);
border-radius: 10px;
width: 100%;
height: 50px;
margin-bottom: 10px;
padding: 5px 15px;
}
.hf-box-tabs .hf-box-sum {
margin: 20px -5px 20px -5px;
}
.hf-container {
margin-bottom: 100px;
z-index: 5;
min-height: 410px;
}
.hf-container .hf-box {
margin-bottom: 0;
}
.hf-box-add-1, .hf-box-add-2 {
padding: 12px 30px;
border: 1px solid #013575;
border-radius: 5px;
font-size: 16px;
font-weight: 800;
color: #013575;
width: 100%;
text-align: center;
margin: 0 5px;
cursor: pointer;
}
.hf-box-add-1:hover, .hf-box-add-2:hover {
background-color: #013575;
color: #fff;
}
@media (min-width: 992px) and (max-width: 1199px) {
.hf-box-titles {
font-size: 14px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hf-box-titles {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.hf-box-titles {
font-size: 14px;
}
.hf-box-add-1, .hf-box-add-2 {
padding: 12px 10px;
}
} .hover-1 {
position: absolute;
width: 130%;
font-size: 12px;
font-weight: 300;
background-color: #fff;
color: #000;
top: 40px;
left: -15%;
z-index: 999999999;
padding: 10px;
border-radius: 5px;
box-shadow: 0px 0px 5px 0px #000000;
display: none;
}
.header__btns .btn {
position: relative;
}
.header__btns .btn--blue:hover .hover-1 {
display: block;
top: 60px;
}
.hover-2 {
position: absolute;
width: 100%;
font-size: 12px;
font-weight: 300;
background-color: #fff;
color: #000;
top: 40px;
left: 0;
z-index: 999999999;
padding: 10px;
border-radius: 5px;
box-shadow: 0px 0px 5px 0px #000000;
display: none;
}
.header__btns .btn--yellow:hover .hover-2 {
display: block;
top: 60px;
} .pegasSwiper .swiper-slide img {
display: block;
width: 100%;
height: 100%;
border: none;
}
.docs-title {
font-size: 28px;
font-weight: 800;
margin-top: 50px;
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.docs-title {
font-size: 18px;
}
.documents h1 {
font-size: 32px;
}
} .page-template-help-uanimals-template .h-need-help {
padding-top: 200px;
}
@media screen and (max-width: 768px) {
.page-template-help-uanimals-template .h-need-help {
padding: 130px 0 50px 0;
}
} .str-8 {
padding-bottom: 75px;
}
.str-8 .title {
font-size: 55px;
font-weight: 800;
color: #fff;
margin-bottom: 20px;
}
.str-8 .subtitle {
font-size: 18px;
color: #fff;
margin-bottom: 30px;
}
.str-vet-box-wide {
color: #fff;
display: flex;
border-radius: 30px;
background-color: var(--blue);
margin-bottom: 20px;
}
.str-vet-box-wide .left {
width: 50%;
padding: 30px 30px 50px 30px;
}
.str-vet-box-wide .right {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
flex-shrink: 0;
width: 50%;
border-radius: 0 30px 30px 0;
}
.str-vet-box-wide .vet-title {
color: var(--yellow);
font-weight: 800;
font-size: 28px;
margin-bottom: 20px;
}
.str-vet-box-wide .vet-subtitle {
min-height: 100px;
}
.vet-buy {
display: flex;
align-items: center;
justify-content: space-between;
}
.vet-buy .input-wrap {
border-radius: 10px;
height: 54px;
}
.vet-buy .input-wrap input {
font-family: ZonaPro;
font-weight: 800;
}
.vet-buy .price {
font-size: 32px;
margin-bottom: 0;
font-weight: 800;
margin-right: 15px;
}
.vet-buy-box {
display: flex;
align-items: center;
justify-content: space-between;
}
.vet-btn {
}
.vet-btn a {
text-decoration: none;
}
.vet-btn-inner {
background-color: var(--yellow);
color: var(--blue);
font-weight: 800;
text-align: center;
padding: 15px;
border-radius: 10px;
}
.str-vet-box {
padding: 20px 30px;
border-radius: 30px;
background-color: var(--blue);
color: #fff;
margin-bottom: 20px;
}
.str-vet-box .vet-title {
font-size: 22px;
font-weight: 800;
color: var(--yellow);
margin-bottom: 10px;
}
.str-vet-box .vet-subtitle {
min-height: 130px;
}
.str-vet-box .vet-buy {
margin-bottom: 20px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.str-8 .title {
font-size: 42px;
}
.str-vet-box-wide .vet-title {
font-size: 24px;
}
.str-vet-box .vet-title {
font-size: 18px;
}
.vet-buy .price {
font-size: 24px;
}
.vet-buy .input-wrap {
width: 120px;
}
.vet-buy-box .vet-buy {
width: 50%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.str-8 .title {
font-size: 42px;
}
.str-vet-box-wide .vet-title {
font-size: 24px;
}
.str-vet-box .vet-title {
font-size: 18px;
}
.vet-buy .price {
font-size: 24px;
}
.vet-buy .input-wrap {
width: 120px;
}
.vet-buy-box {
flex-direction: column;
align-items: normal;
}
.vet-buy .box-wrap {
max-width: 50%;
}
.vet-btn {
width: 100%;
}
.vet-buy {
margin-bottom: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.str-8 .title {
font-size: 28px;
}
.str-8 .subtitle {
font-size: 16px;
}
.str-vet-box-wide .vet-title {
font-size: 18px;
}
.str-vet-box .vet-title {
font-size: 18px;
}
.vet-buy .price {
font-size: 24px;
}
.vet-buy .input-wrap {
width: 120px;
}
.vet-buy-box {
flex-direction: column;
align-items: normal;
}
.vet-buy .box-wrap {
max-width: 50%;
}
.vet-btn {
width: 100%;
}
.vet-buy {
margin-bottom: 20px;
}
}
@media screen and (max-width: 767px) {
.str-8 .title {
font-size: 24px;
}
.str-vet-box-wide {
flex-direction: column;
}
.str-vet-box-wide .left {
width: 100%;
}
.str-vet-box-wide .right {
width: 100%;
border-radius: 0 0 30px 30px;
height: 200px;
}
.vet-buy-box {
flex-direction: column;
}
.vet-buy .box-wrap {
max-width: 50%;
}
.vet-btn {
width: 100%;
}
.vet-buy {
margin-bottom: 20px;
}
.str-vet-box-wide .vet-title {
font-size: 18px;
}
.str-vet-box .vet-subtitle {
min-height: 80px;
}
.vet-buy .price {
font-size: 28px;
}
} .n-help-box {
background-color: #013575;
border-radius: 30px;
padding: 80px 30px 30px 30px;
position: relative;
overflow: hidden;
margin-bottom: 20px;
}
.nh-box-1,  .nh-box-2 {
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
.nh-box-3,  .nh-box-4 {
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
.h-need-help .n-help-box .info {
width: 50%;
margin-bottom: 0;
min-height: 75px;
display: flex;
align-items: flex-end;
}
.h-need-help .n-help-box .info p {
margin-bottom: 0;
}
.n-help-box .number-1 {
position: absolute;
left: 20px;
bottom: -25px;
font-size: 180px;
color: var(--yellow);
line-height: 1;
}
.n-help-box .number-2 {
position: absolute;
left: 20px;
bottom: -25px;
font-size: 180px;
color: var(--yellow);
line-height: 1;
}
.n-help-box .number-3 {
position: absolute;
right: 0;
bottom: -25px;
font-size: 180px;
color: var(--yellow);
line-height: 1;
}
.n-help-box .number-4 {
position: absolute;
right: 0;
bottom: -25px;
font-size: 180px;
color: var(--yellow);
line-height: 1;
}
.h-need-help .n-help-btn {
margin-top: 50px;
}
.n-help-btn {
display: flex;
align-items: center;
justify-content: center;
}
.n-help-btn a {
text-decoration: none;
}
.n-help-btn-inner {
padding: 20px 50px;
background-color: var(--yellow);
border-radius: 10px;
color: #1F140F;
font-weight: 800;
text-align: center;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.h-need-help .n-help-box .info {
min-height: 95px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.h-need-help .n-help-box .info {
min-height: 95px;
}
.n-help-box .number-1 {
bottom: -15px;
font-size: 140px;
}
.n-help-box .number-2 {
bottom: -15px;
font-size: 140px;
}
.n-help-box .number-3 {
bottom: -15px;
font-size: 140px;
}
.n-help-box .number-4 {
bottom: -15px;
font-size: 140px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.h-need-help .n-help-box .info {
min-height: 95px;
}
.n-help-box .number-1 {
bottom: -15px;
font-size: 120px;
}
.n-help-box .number-2 {
bottom: -15px;
font-size: 120px;
}
.n-help-box .number-3 {
bottom: -15px;
font-size: 120px;
}
.n-help-box .number-4 {
bottom: -15px;
font-size: 120px;
}
.h-need-help .n-help-box .info {
width: 100%;
align-items: flex-start;
}
.n-help-box {
padding: 30px 30px 100px 30px;
}
}
@media screen and (max-width: 767px) {
.n-help-box .number-1 {
bottom: -10px;
font-size: 80px;
}
.n-help-box .number-2 {
bottom: -10px;
font-size: 80px;
}
.n-help-box .number-3 {
bottom: -10px;
font-size: 80px;
}
.n-help-box .number-4 {
bottom: -10px;
font-size: 80px;
}
.h-need-help .n-help-box .info {
width: 100%;
min-height: 10px;
}
.n-help-box {
padding: 30px 30px 80px 30px;
}
} .premia24-blk1 {
background-image: url(//uanimals.org/en//wp-content/uploads/2024/01/premia24-bg-1.svg), url(//uanimals.org/en//wp-content/uploads/2024/01/premia24-bg-2.svg);
background-repeat: no-repeat;
background-position: 0 100%, 100% 100%;
background-size: 50%, 50%;
padding: 180px 0 0 0;
border-radius: 50px;
}
.premia24-blk1 .row-bg {
background-image: url(//uanimals.org/en//wp-content/uploads/2024/01/premia-24-stars.svg);
background-size: 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.premia24-logo-box {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 50px;
padding-top: 20vw;
}
.premia24-logo-box img {
width: 15vw;
}
.premia24-blk1 .img-box {
text-align: center;
}
.premia24-blk1 .img-box img {
width: 300px;
margin-top: 30px;
}
.premia24-blk1 h1 {
text-align: center;
text-transform: uppercase;
color: #fff;
font-weight: 800;
font-size: 60px;
margin-bottom: 50px;
}
.premia24-blk1 .yellow-btn {
justify-content: center;
}
.premia24-blk2 {
padding: 100px 0 0 0;
color: #fff;
}
.premia24-blk2 .title {
padding-bottom: 50px;
margin-bottom: 50px;
border-bottom: 1px solid #fff;
font-size: 36px;
font-weight: 800;
}
.premia24-blk2 .text {
font-size: 18px;
margin-bottom: 50px;
}
.yellow-btn {
display: flex;
justify-content: flex-start;
align-items: center;
}
.yellow-btn a {
text-decoration: none;
}
.yellow-btn-inner {
background-color: #CBA133;
color: #fff;
font-weight: 800;
font-size: 18px;
text-align: center;
width: 300px;
height: 60px;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.white-line-thin {
width: 100%;
height: 1px;
background-color: #fff;
}
.premia24-blk2 .white-line-thin {
margin-top: 100px;
}
.premia24-blk3 {
padding: 50px 0;
color: #fff;
}
.premia24-blk3 .large-text {
font-size: 32px;
font-weight: 800;
}
.premia24-blk4 {
padding: 50px 0;
color: #fff;
background-image: url(//uanimals.org/en//wp-content/uploads/2024/01/premia24-bg-form.svg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 50px;
}
.premia24-blk4 .title {
font-size: 40px;
font-weight: 800;
text-align: center;
}
.premia24-blk4 .naividdanishi input[type="submit"] {
background: #CBA133;
color: #fff;
border: 1px solid #CBA133;
border-radius: 20px;
padding: 5px 50px;
width: 100%;
}
.premia24-blk5 {
color: #fff;
padding: 70px 0;
}
.premia24-blk5 .title {
font-size: 36px;
font-weight: 800;
}
.premia24-blk5 .person-title {
font-weight: 800;
margin: 20px 0;
}
.premia24-blk5 .person-description {
font-size: 14px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.premia24-blk2 .title {
font-size: 30px;
}
.premia24-blk2 .text {
font-size: 16px;
}
.premia24-blk2 .img-box img {
max-width: 90%;
}
.premia24-blk3 .large-text {
font-size: 28px;
}
.premia24-blk4 .title {
font-size: 32px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.premia24-blk2 {
padding: 50px 0 0 0;
}
.premia24-blk2 .title {
font-size: 21px;
}
.premia24-blk2 .text {
font-size: 16px;
}
.premia24-blk2 .img-box img {
max-width: 90%;
}
.premia24-blk3 .large-text {
font-size: 21px;
}
.premia24-blk4 .title {
font-size: 24px;
}
.yellow-btn {
display: block;
}
.yellow-btn-inner {
width: 100%;
height: 50px;
}
.premia24-blk2 .white-line-thin {
margin-top: 50px;
}
.premia24-blk1 .yellow-btn {
display: flex;
justify-content: center;
}
.premia24-blk1 .yellow-btn-inner {
width: 300px;
height: 60px;
}
.premia24-blk1 h1 {
font-size: 42px;
}
.premia24-blk1 .img-box img {
width: 200px;
margin-top: 10px;
}
}
@media screen and (max-width: 767px) {
.premia24-blk2 {
padding: 50px 0 0 0;
}
.premia24-blk2 .title {
font-size: 24px;
}
.premia24-blk2 .text {
max-width: 100%;
margin-top: 50px;
}
.yellow-btn {
display: block;
width: 100%;
height: 50px;
}
.premia24-blk2 .white-line-thin {
margin-top: 60px;
}
.premia24-blk3 .large-text {
font-size: 21px;
}
.premia24-blk3 .text {
max-width: 100%;
}
.premia24-blk4 .title {
font-size: 21px;
margin-bottom: 0;
}
.premia24-blk5 .title {
font-size: 24px;
}
.premia24-blk1 {
padding: 100px 0 0 0;
border-radius: 20px;
}
.premia24-logo-box {
padding-bottom: 20px;
padding-top: 30vw;
}
.premia24-blk1 h1 {
font-size: 28px;
margin-bottom: 30px;
}
.premia24-blk1 .img-box img {
width: 150px;
}
.premia24-blk1 .yellow-btn-inner {
width: 220px;
height: 50px;
}
.premia24-blk1 .yellow-btn {
display: flex;
justify-content: center;
}
} .s-dream-blk1 {
padding: 200px 0 80px;
}
.s-dream-blk2 .w-content {
background-color: #FAFF7F;
color: #00151E;
font-family: Spaceland-Seven;
text-transform: uppercase;
font-size: 45px;
}
.s-dream-blk2 .w-content img {
margin: 0 20px;
}
.s-dream-blk2 .cyfer {
color: #9D2421;
}
.key-s-dream {
background-image: url(//uanimals.org/en//wp-content/uploads/2023/12/key-bg-1-1.svg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
display: flex;
align-items: flex-start;
justify-content: space-between;
margin: 0 -70px;
padding: 50px 70px 100px 70px;
border-radius: 50px;
}
.key-s-dream .left {
width: 55%;
}
.key-s-dream .right {
width: 45%;
}
.key-s-dream h1 {
color: #fff;
font-family: Spaceland-Seven;
text-transform: uppercase;
font-size: 130px;
margin: 0;
line-height: 1;
}
.key-s-dream .info {
color: #fff;
font-size: 18px;
margin-top: 30px;
margin-bottom: 50px;
}
.dream-btn {
display: flex;
}
.dream-btn a {
text-decoration: none;
}
.dream-btn-inner {
background-color: #00151E;
color: #fff;
font-family: Spaceland-Seven;
text-transform: uppercase;
font-size: 45px;
text-align: center;
border-radius: 50px;
padding: 15px 130px;
line-height: 1;
}
.s-dream-blk3 {
color: #fff;
padding: 80px 0;
}
.s-dream-blk3 .title {
font-family: Spaceland-Seven;
text-transform: uppercase;
font-size: 95px;
line-height: 1;
margin-bottom: 30px;
}
.s-dream-blk3 .info p {
margin-bottom: 20px;
}
.dream-rotate-box {
background-color: #fff;
padding: 30px;
border-radius: 30px;
transform: rotate(7deg);
color: #00151E;
width: 90%;
margin: 0 auto;
}
.dream-rb-inner {
padding: 30px;
border-radius: 30px;
border: 1px solid #9D0014;
}
.dream-rb-inner .title {
font-family: Spaceland-Seven;
text-transform: uppercase;
font-size: 45px;
line-height: 1;
margin-bottom: 20px;
}
.dream-rb-inner .title span {
color: #9D0014;
}
.dream-rb-inner ul {
margin: 0 0 30px 0;
padding: 0;
list-style: none;
}
.dream-rb-inner li {
margin: 0;
padding: 0;
}
.dream-rb-inner .more a {
font-family: Spaceland-Seven;
text-transform: uppercase;
font-size: 45px;
line-height: 1;
text-decoration: underline;
font-weight: 300;
color: #00151E;
}
.dream-rb-inner .more {
margin-bottom: 10px;
}
.s-dream-blk4 {
margin: 70px 0;
color: #fff;
}
.s-dream-blk4 .dreams-key-inner {
background-image: url(//uanimals.org/en//wp-content/uploads/2023/12/dreams-bg-1.svg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin: 0 -70px;
padding: 50px 70px 100px 70px;
border-radius: 50px;
}
.dreams-key-inner .title {
font-family: Spaceland-Seven;
text-transform: uppercase;
font-size: 85px;
line-height: 1;
text-align: center;
margin-bottom: 20px;
}
.dreams-key-inner .subtitle {
text-align: center;
font-size: 18px;
}
.dreams-key-inner .dream-item {
background-color: #001121;
border-radius: 30px;
padding: 15px;
text-align: center;
}
.dreams-key-inner .dream-item .title {
font-family: Spaceland-Seven;
text-transform: uppercase;
font-size: 60px;
line-height: 1;
text-align: center;
margin-bottom: 10px;
}
.dreams-key-inner .dream-item .subtitle {
text-align: center;
font-size: 14px;
margin-bottom: 30px;
min-height: 80px;
}
.dreams-key-inner .dream-item .buy {
display: flex;
align-items: center;
justify-content: space-between;
}
.dreams-key-inner .dream-item .buy .price {
font-family: Spaceland-Seven;
text-transform: uppercase;
font-size: 45px;
line-height: 1;
margin-bottom: 0;
}
.dreams-key-inner .dream-item .box-wrap .input-wrap {
height: 45px;
width: 120px;
}
.dreamy-btn {
display: block;
margin-top: 30px;
margin-bottom: 20px;
}
.dreamy-btn a {
text-decoration: none;
width: 100%;
text-align: center;
}
.dreamy-btn-inner {
background-color: #FAFF7F;
color: #00151E;
font-family: Spaceland-Seven;
text-transform: uppercase;
font-size: 32px;
text-align: center;
border-radius: 50px;
padding: 10px 30px;
line-height: 1;
}
.s-dream-blk5 {
color: #fff;
padding: 80px 0;
}
.s-dream-blk5 .title {
font-family: Spaceland-Seven;
text-transform: uppercase;
font-size: 95px;
line-height: 1;
margin-bottom: 30px;
}
.s-dream-blk5 .info p {
margin-bottom: 20px;
}
.s-dream-blk5 .img-box {
text-align: center;
}
.s-dream-blk5 .img-box img {
border-radius: 30px;
width: 90%;
transform: rotate(5deg);
}
.dreamr-btn {
display: flex;
margin-top: 50px;
}
.dreamr-btn a {
text-decoration: none;
}
.dreamr-btn-inner {
background-color: #BB041B;
color: #fff;
font-family: Spaceland-Seven;
text-transform: uppercase;
font-size: 45px;
text-align: center;
border-radius: 50px;
padding: 15px 130px;
line-height: 1;
}
.s-dream-blk6 {
margin-bottom: 80px;
}
.s-dream-blk7 {
text-align: center;
color: #fff;
margin-bottom: 70px;
}
.s-dream-blk7 .title {
font-family: Spaceland-Seven;
text-transform: uppercase;
font-size: 95px;
text-align: center;
line-height: 1;
margin-bottom: 30px;
}
.s-dream-blk7 .dreamr-btn {
justify-content: center;
margin-bottom: 50px;
}
.s-dream-blk7 .img-box {
text-align: center;
}
.share-dream .share__inner h6 {
font-size: 60px;
color: #fff;
}
.share-dream .share__inner {
align-items: flex-start;
}
.share-dream {
background-color: #BB041B !important;
background-image: url(//uanimals.org/en//wp-content/uploads/2023/12/dream-share-bg.svg);
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: 20%;
}
.share-dream .share__inner a {
background-color: #00151E;
}
.share-dream .share__inner a:hover {
background-color: #022838;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.key-s-dream, .s-dream-blk4 .dreams-key-inner {
margin: 0 -30px;
padding: 50px 30px 100px 30px;
}
.key-s-dream h1 {
font-size: 115px;
}
.dreams-key-inner .title {
font-size: 75px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.key-s-dream, .s-dream-blk4 .dreams-key-inner {
margin: 0 -10px;
padding: 50px 10px 100px 10px;
}
.key-s-dream h1 {
font-size: 100px;
}
.key-s-dream .info {
font-size: 16px;
}
.dreams-key-inner .title {
font-size: 65px;
}
.dream-rotate-box {
padding: 10px;
width: 80%;
}
.s-dream-blk3 .title {
font-size: 75px;
}
.s-dream-blk5 .title {
font-size: 75px;
}
.dream-rb-inner {
padding: 20px;
}
.dreams-key-inner .dream-item .title {
font-size: 42px;
}
.dreams-key-inner .dream-item .box-wrap .input-wrap {
width: 90px;
}
.dreams-key-inner .dream-item .input-wrap button {
font-size: 25px;
}
.dreamr-btn-inner {
padding: 15px 90px;
}
.s-dream-blk7 .title {
font-size: 70px;
}
.share-dream .share__inner h6 {
font-size: 55px;
}
.share-dream {
padding-bottom: 50px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.key-s-dream, .s-dream-blk4 .dreams-key-inner {
margin: 0 -20px;
padding: 50px 20px 100px 20px;
}
.key-s-dream h1 {
       font-size: 80px;
}
.key-s-dream .info {
font-size: 14px;
}
.dream-btn-inner {
padding: 15px 80px;
font-size: 40px;
}
.s-dream-blk3 .dream-rb-inner .title {
font-size: 28px;
}
.dream-rb-inner ul {
font-size: 14px;
}
.dream-rb-inner .more a {
font-size: 28px;
}
.dreams-key-inner .title {
font-size: 50px;
}
.dream-rotate-box {
padding: 10px;
width: 80%;
}
.s-dream-blk3 .title {
font-size: 50px;
}
.s-dream-blk5 .title {
font-size: 50px;
}
.dream-rb-inner {
padding: 20px;
}
.dreams-key-inner .dream-item .title {
font-size: 42px;
}
.dreams-key-inner .dream-item .box-wrap .input-wrap {
width: 90px;
}
.dreams-key-inner .dream-item .input-wrap button {
font-size: 25px;
}
.dreamr-btn-inner {
padding: 15px 50px;
font-size: 35px;
}
.s-dream-blk7 .title {
font-size: 75px;
}
.share-dream .share__inner h6 {
font-size: 35px;
}
.share-dream {
padding-bottom: 50px !important;
}
}
@media screen and (max-width: 767px) {
.s-dream-blk1 {
padding: 150px 0 50px;
}
.key-s-dream {
flex-direction: column;
margin: 0 -20px;
padding: 30px 20px 50px 20px;
background-position: 33% 100%;
}
.key-s-dream .left {
width: 100%;
}
.key-s-dream .info {
font-size: 14px;
margin-top: 0;
}
.key-s-dream .right {
width: 100%;
margin-top: 20px;
}
.key-s-dream h1 {
font-size: 65px;
}
.dream-btn {
display: block;
}
.dream-btn a {
width: 100%;
text-align: center;
}
.dream-btn-inner {
padding: 15px 80px;
}
.s-dream-blk3 .title {
font-size: 60px;
}
.dream-rotate-box {
transform: rotate(2deg);
padding: 10px;
}
.dream-rb-inner {
padding: 20px;
}
.s-dream-blk3 .dream-rb-inner .title {
font-size: 30px;
}
.dream-rb-inner .more a {
font-size: 35px;
}
.s-dream-blk3 {
padding: 80px 0 0 0;
}
.s-dream-blk4 {
margin: 50px 0;
}
.s-dream-blk4 .dreams-key-inner {
margin: 0 -20px;
padding: 50px 20px 100px 20px;
}
.dreams-key-inner .title {
font-size: 45px;
}
.s-dream-blk5 .title {
font-size: 60px;
}
.dreams-key-inner .subtitle {
font-size: 14px;
}
.dreamr-btn {
display: block;
margin-bottom: 50px;
}
.dreamr-btn a {
width: 100%;
text-align: center;
}
.dreamr-btn-inner {
padding: 15px 50px;
font-size: 45px;
}
.s-dream-blk5 {
padding: 0px 0 30px 0;
}
.s-dream-blk7 .title {
font-size: 45px;
}
.share-dream .share__inner h6 {
font-size: 35px;
}
.share-dream {
padding-bottom: 50px !important;
}
} .law-custom-title {
font-size: 36px;
font-weight: 800;
margin: 50px 0;
}
.law-custom-images img {
width: 45%;
}
@media screen and (max-width: 767px) {
.law-custom-title {
font-size: 24px;
margin-top: 50px;
}
.law-custom-images {
display: flex;
flex-direction: column;
}
.law-custom-images img {
width: 100%;
margin-bottom: 10px;
}
} .dss-form-pdf .wpcf7 form.sent .wpcf7-response-output {
border: none;
padding: 0;
margin: 0;
}
.dss-form-pdf .download-lnk-pdf {
background-color: #013575;
padding: 15px 30px;
border-radius: 10px;
display: inline-block;
margin-top: 20px;
font-weight: 600;
}
.dss-form-pdf .download-lnk-pdf:hover {
background-color: var(--yellow);
color: #00151E;
}
.form-law .form-law-radio input[type=radio], .form-law .form-law-radio input[type=checkbox] {
min-width: 5%;
margin-right: 10px;
width: 20px;
border-radius: 0;
height: 20px;
font-size: 18px;
padding: 0;
margin-bottom: 0px;
margin-top: 3px;
}
.form-law .form-law-radio input[type=checkbox]:before, .form-law .form-law-radio input[type=checkbox]:after {
opacity: 0;
}
.form-law .form-law-radio .wpcf7-list-item-label {
width: 95%;
}
.form-law-radio {
margin-bottom: 30px;
}
.form-law-radio .wpcf7-list-item {
margin-left: 0;
display: block;
margin-bottom: 10px;
}
.form-law-radio .wpcf7-list-item label {
display: flex;
align-items: flex-start;
justify-content: flex-start;
} .titlle {
color: #FFF;
font-family: 'Droidd';
font-size: 80px;
font-weight: 400;
line-height: 120%;
letter-spacing: 2.3px;
text-transform: uppercase;
}
.titlle span {
color: #62C9FE;
}
.btnn {
height: 90px;
padding: 21px 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: 'Droidd';
font-size: 40px;
font-weight: 400;
line-height: normal;
letter-spacing: 0.8px;
cursor: pointer;
border: none;
outline: none;
border-radius: 45px;
-webkit-transition: linear .2s;
-o-transition: linear .2s;
transition: linear .2s;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.btnn svg path {
-webkit-transition: linear .2s;
-o-transition: linear .2s;
transition: linear .2s;
}
.btnn span {
display: block;
margin: 0 35px;
}
.btnn--blue {
background-color: #62C9FE;
color: #223A72;
}
.btnn--blue:hover {
background-color: #fff;
color: #223A72;
}
.btnn--dark-blue {
background-color: #223A72;
color: #FFF;
}
.btnn--dark-blue:hover {
color: #223A72;
background-color: #fff;
}
.btnn--dark-blue:hover svg path {
fill: #223A72;
} .section-one {
padding: 200px 0 180px;
}
.section-one__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.section-one__left {
max-width: 925px;
width: 100%;
}
.section-one__left h1 {
margin: 0 0 20px 0;
}
.section-one__left p {
margin: 0 0 15px 0;
max-width: 825px;
width: 100%;
color: #FFF;
font-family: 'ZonaPro';
font-size: 18px;
font-weight: 400;
line-height: 150%;
}
.section-one__left p span {
color: #62C9FE;
font-size: 22px;
}
.section-one__left strong {
display: block;
margin: 70px 0 0 0;
color: #FFF;
font-family: 'ZonaPro';
font-size: 18px;
font-weight: 800;
line-height: 150%;
}
.section-one__box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section-one__box::after {
position: absolute;
content: "";
top: 146px;
right: 6%;
width: 80%;
height: 170px;
background-image: url(//uanimals.org/en//wp-content/uploads/2023/11/arrow-1.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.section-one__box > span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 50px 0 0;
color: #FFF;
font-family: 'Droidd';
font-size: 55px;
font-weight: 400;
line-height: 120%;
letter-spacing: 1.3px;
text-transform: uppercase;
}
.section-one__box .wsum {
margin-right: 8px;
}
.section-one__right {
max-width: 650px;
}
.section-one__right img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.section-one .box-wrap {
margin: 20px 50px 0 0;
}
.section-one .box-wrap p {
margin: 10px 0 0 0;
text-align: center;
font-family: 'ZonaPro';
font-size: 12px;
} .input-wrap {
position: relative;
width: 150px;
border-radius: 30px;
border: 1px solid #FFF;
overflow: hidden;
height: 90px;
}
.input-wrap input {
width: 100%;
height: 100%;
padding: 0 40px;
background-color: transparent;
color: #FFF !important;
font-family: 'Droidd';
font-size: 30px;
font-weight: 400;
line-height: 120%;
letter-spacing: 0.6px;
text-transform: uppercase;
text-align: center;
}
.input-wrap button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 40px;
position: absolute;
top: 0;
bottom: 0;
height: 100%;
color: #FFF;
font-family: 'Droidd';
font-size: 30px;
font-weight: 400;
line-height: 120%;
letter-spacing: 0.6px;
text-transform: uppercase;
cursor: pointer;
background-color: transparent;
outline: none;
border: none;
}
.input-wrap__minus {
left: 0;
}
.input-wrap__plus {
right: 0;
} .marquee {
position: relative;
width: 100vw;
max-width: 100%;
height: 100px;
overflow-x: hidden;
}
.track {
position: absolute;
white-space: nowrap;
will-change: transform;
animation: marquee 48s linear infinite;
}
@keyframes marquee {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
.w-content{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #223A72;
height: 80px;
color: #FFF;
font-family: ZonaPro;
font-size: 32px;
font-weight: 400;
line-height: 120%;
letter-spacing: 0.9px;
text-transform: none;
}
.w-content span{
display: flex;
margin: 0 5px;
color: #62C9FE;
}
.w-content svg{
margin: 0 50px;
}  .gather {
padding: 100px 0 50px;
}
.gather__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.gather__left {
margin: 0 5% 0 0;
max-width: 725px;
width: 100%;
}
.gather__left h3 {
margin: 0 0 50px 0;
color: #FFF;
font-family: 'Droidd';
font-size: 95px;
font-weight: 400;
line-height: 100%;
letter-spacing: 1.9px;
text-transform: uppercase;
}
.gather__left p {
margin: 0 0 20px 0;
color: #FFF;
font-family: 'ZonaPro';
font-size: 16px;
font-weight: 400;
line-height: 150%;
}
.gather__right {
padding: 2% 0 0 0;
width: 100%;
color: #223A72;
}
.gather__right h4 {
margin: 0 0 20px 0;
font-family: 'Droidd';
font-size: 50px;
font-weight: 400;
line-height: 120%;
letter-spacing: 1.1px;
text-transform: uppercase;
}
.gather__right li {
color: #223A72;
font-family: 'ZonaPro';
font-size: 18px;
font-weight: 400;
line-height: 150%;
}
.gather__info {
position: relative;
padding: 20px;
max-width: 622px;
width: 100%;
-webkit-transform: rotate(-3.001deg);
-ms-transform: rotate(-3.001deg);
transform: rotate(-3.001deg);
-ms-flex-negative: 0;
flex-shrink: 0;
background-color: #fff;
border-radius: 50px;
}
.gather__info::after {
content: "";
position: absolute;
width: 40px;
height: 38px;
top: 40%;
left: -57px;
background-image: url(//uanimals.org/en//wp-content/uploads/2023/11/gather.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.gather__info-inner {
border: 1px solid #223A72;
padding: 35px;
border-radius: 30px;
}
.gather__info-inner ul, .gather__info-inner li {
list-style: none;
margin: 0;
padding: 0;
}
.gather__img {
margin: -50px 0 0 0;
position: relative;
z-index: -1;
width: 100%;
}
.gather__img img {
width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}  .game {
padding: 50px 0 75px;
}
.game__inner {
background-image: url(//uanimals.org/en//wp-content/uploads/2023/11/game.svg);
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
padding: 28px 46px;
}
.game__box {
padding: 60px 75px;
background-color: #62C9FE;
border-radius: 35px;
background-image: url(//uanimals.org/en//wp-content/uploads/2023/11/game-2.svg);
background-repeat: no-repeat;
background-size: 12%;
background-position: bottom 5% right 5%;
}
.game__box h4 {
margin: 0 0 75px 0;
color: #223A72;
font-family: 'Droidd';
font-size: 50px;
font-weight: 400;
line-height: 120%;
letter-spacing: 1.3px;
text-transform: uppercase;
}  .storry {
padding: 75px 0 105px;
}
.storry__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.storry__left {
margin: 0 20px 0 0;
max-width: 700px;
width: 100%;
}
.storry__left h4 {
margin: 0 0 20px 0;
}
.storry__left p {
position: relative;
margin: 0 0 50px 0;
color: #FFF;
font-family: 'ZonaPro';
font-size: 16px;
font-weight: 400;
line-height: 150%;
}
.storry__left p::after {
position: absolute;
content: "";
bottom: -90px;
right: 0;
width: 90px;
height: 100px;
background-image: url(//uanimals.org/en//wp-content/uploads/2023/11/arrow-2.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.storry__right {
width: 100%;
}
.storry__img {
margin: 0 0 0 auto;
max-width: 600px;
}
.storry__img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}  .partner-second {
padding: 75px 0;
}
.partner-second h5 {
margin: 0 0 50px 0;
}
.partner-second ul {
margin: 0 0 0 -50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style: none;
padding: 0;
}
.partner-second li {
margin: 0 0 25px 50px;
width: calc(25% - 50px);
padding: 0;
}
.partner-second li img {
width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}  .joinn {
padding: 75px 0 150px;
}
.joinn h5 {
margin: 0 0 60px 0;
}
.joinn ul {
margin: 0 0 0 -30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.joinn__item {
margin: 0 0 25px 30px;
width: calc(25% - 30px);
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.joinn__item span {
display: block;
margin: 0 0 10px 0;
color: #FFF;
font-family: 'Droidd';
font-size: 65px;
font-weight: 400;
line-height: 120%;
text-transform: uppercase;
}
.joinn__item p {
color: #FFF;
font-family: 'ZonaPro';
font-size: 16px;
font-weight: 400;
line-height: 28px;
text-align: center;
}
.joinn__img {
margin: 0 0 20px 0;
width: 100%;
height: 335px;
border-radius: 30px;
overflow: hidden;
background-color: #fff;
}
.joinn__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}  .share {
padding: 100px 0 0;
background-color: #62C9FE;
}
.share__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.share__inner ul, .share__inner li {
margin: 0;
padding: 0;
list-style: none;
}
.share h6 {
margin: 0 0 50px 0;
color: #223A72;
font-family: 'Droidd';
font-size: 85px;
font-weight: 400;
line-height: 120%;
letter-spacing: 1.9px;
text-transform: uppercase;
}
.share ul {
max-width: 1365px;
width: 100%;
margin: 0 0 65px -35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.share li {
margin: 0 0 25px 35px;
width: calc(33.33333% - 35px);
}
.share a {
position: relative;
height: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 26px 50px 26px 40px;
border-radius: 50px;
background-color: #223A72;
color: #FFF;
font-family: 'Droidd';
font-size: 40px;
font-weight: 400;
letter-spacing: 0.8px;
line-height: 1.15;
-webkit-transition: linear .2s;
-o-transition: linear .2s;
transition: linear .2s;
}
.share a::after {
position: absolute;
content: "";
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 30px;
background-image: url(//uanimals.org/en//wp-content/uploads/2023/11/arrow-3svg.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 29px;
height: 24px;
}
.share a:hover {
background-color: #314c8a;
}
.share__img {
max-width: 1095px;
width: 100%;
margin: 0 auto;
}
.share__img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
} @media (max-width: 1300px) {
.titlle {
font-size: 90px !important;
}
.section-one__box > span {
margin: 0 28px 0 0;
font-size: 46px;
}
.input-wrap,
.btnn {
height: 65px;
}
.btnn {
font-size: 28px;
padding: 21px 30px;
}
.section-one__box::after {
top: 115px;
right: 43%;
width: 42%;
}
.titlle {
font-size: 60px !important;
}
.share h6 {
font-size: 60px;
}
.gather__right h4 {
font-size: 32px;
}
.gather__right li {
font-size: 14px;
}
.game__box{
padding: 20px;
}
.game__box h4 {
font-size: 38px;
}
.share a{
display: flex;
align-items: center;
font-size: 32px;
height: 65px;
}
}
@media (max-width: 1100px) {
.titlle {
font-size: 50px !important;
}
.section-one__inner{
flex-direction: column;
}
.section-one__right{
max-width: 450px;
margin: 50px auto 0;
}
.section-one {
padding: 180px 0 40px !important;
}
.section-one__box::after{
display: none;
}
.section-one__left p,
.gather__left p,
.storry__left p {
font-size: 14px;
}
.section-one__left p span {
font-size: 14px;
}
.section-one__left strong {
font-size: 14px;
}
.wrap .item {
height: 60px;
font-size: 32px;
}
.gather__right h4 {
font-size: 32px;
}
.gather__right li {
font-size: 14px;
}
.gather__left h3 {
margin: 0 0 30px 0;
}
.game__inner {
padding: 0;
background-image: none;
}
.game__box {
padding: 30px 35px;
}
.game__box h4 {
margin: 0 0 35px 0;
font-size: 44px;
}
.joinn h5 {
margin: 0 0 30px 0;
}
.joinn__img {
margin: 0 0 15px 0;
height: 235px;
}
.joinn__item span {
font-size: 34px;
}
.joinn__item p {
font-size: 14px;
}
.storry {
padding: 50px 0 25px;
}
.joinn,
.partner-second {
padding: 50px 0;
}
.share h6 {
font-size: 46px;
}
.share a {
height: 65px;
padding: 10px 50px 10px 40px;
font-size: 26px;
line-height: 65px;
display: flex;
align-items: center;
}
.share ul {
margin: 0;
max-width: 600px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.share li {
margin: 0 0 12.5px 0;
width: 100%;
}
}
@media (min-width: 700px) and (max-width: 1300px){
.section-one .box-wrap {
margin: 20px 13px 0 0;
}
.section-one .btnn span {
display: block;
margin: 0 5px;
}
.section-one .btnn{
margin-top: -5px;
height: 65px;
}
}
@media (max-width: 900px) {
.section-one__box::after {
right: 31%;
}
.section-one {
padding: 150px 0 75px;
}
.gather__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.gather {
padding: 50px 0 25px;
}
.storry__right {
max-width: 300px;
}
.storry__img {
position: -webkit-sticky;
position: sticky;
top: 0;
margin: 0 0 0 auto;
max-width: 300px;
}
.partner-second li {
width: calc(33.33333% - 50px);
}
.joinn__item {
width: calc(33.33333% - 30px);
}
}
@media (max-width: 700px) {
.section-one__left h1 {
font-size: 60px !important;
}
.titlle {
font-size: 36px !important;
}
.section-one__box::after {
display: none;
}
.section-one__box {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section-one__box .btnn {
margin: 15px 0 0 0;
width: 100%;
}
.section-one__box > span{
max-width: 1258px;
}
.section-one .box-wrap{
margin: 20px 0 0 auto;
width: calc(100% - 150px);
}
.input-wrap{
width: 100%;
}
.content {
font-size: 24px;
}
.gather__info {
padding: 10px;
border-radius: 35px;
}
.gather__info-inner {
padding: 15px;
}
.gather__img {
margin: -20px auto 0 auto;
}
.game__box {
padding: 20px 15px;
border-radius: 15px;
}
.game__box h4 {
font-size: 30px;
}
.game__box .btnn{
width: 100%;
}
.storry__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.storry__inner .btnn{
width: 100%;
}
.storry__right {
max-width: 300px;
margin: 50px auto 0;
}
.storry__left p::after {
display: none;
}
.partner-second li {
width: calc(50% - 50px);
}
.joinn__item {
width: calc(50% - 30px);
}
.joinn__img {
height: 180px;
}
.share {
padding: 50px 0 0;
}
.share h6 {
margin: 0 0 30px 0;
font-size: 42px;
}
} .lawyer-blk-2-1, .lawyer-blk-2-2 {
color: #fff;
}
.lawyer-blk-2-1 {
margin: 75px 0;
}
.lawyer-blk-2-1 .row, .lawyer-blk-2-2 .row {
border-bottom: 1px solid #fff;
padding-bottom: 75px;
}
.lawyer-blk-2-1 h2, .lawyer-blk-2-2 h2 {
color: #fff;
font-size: 42px;
font-weight: 800;
margin-bottom: 30px;
}
.page-template-lawyer-advice-tpl ul {
margin: 0;
padding: 0 0 0 1em;
}
.page-template-lawyer-advice-tpl ul li {
margin-bottom: 10px;
}
.custom-btn-1 {
display: block;
margin-top: 50px;
}
@media screen and (max-width: 767px) {
.custom-btn-1 {
margin-bottom: 50px;
width: 100%;
}
.custom-btn-1 a {
width: 100%;
display: block;
text-align: center;
}
} .advblk1 {
padding-top: 210px;
padding-bottom: 100px;
color: #fff;
}
.advblk1 h1 {
font-size: 36px;
font-weight: 800;
margin-top: 0;
}
.advblk1 ol {
margin: 0 0 1.5em 1em;
padding-left: 0;
}
.center-btn {
display: flex;
justify-content: center;
}
.advblk1 .center-btn .y-btn {
margin: 0 10px;
}
.y-btn a {
text-decoration: none;
}
.y-btn-inner {
color: #00151E;
padding: 15px 40px;
background-color: var(--yellow);
border-radius: 20px;
}
.lawyer-blk-1 .subtitle {
max-width: 60%;
margin-bottom: 50px;
}
.lawyer-blk-1 .y-btn-i {
padding: 15px 20px;
}
.lawyer-blk-1 h1 {
text-transform: uppercase;
}
.lawyer-blk-2 {
margin-top: 70px;
color: #fff;
margin-bottom: 50px;
}
.lawyer-blk-2 h2 {
color: #fff;
font-size: 42px;
font-weight: 800;
margin-bottom: 30px;
}
.advice {
padding: 20px 30px;
margin-bottom: 20px;
border-radius: 20px;
border: 1px solid var(--blue);
display: flex;
align-items: center;
justify-content: space-between;
}
.advice p {
margin-bottom: 0;
max-width: 80%;
font-size: 18px;
font-weight: 800;
}
.adv-link {
display: flex;
align-items: center;
justify-content: flex-end;
}
.adv-link a {
color: var(--yellow);
font-weight: 800;
}
.adv-link img {
margin-left: 10px;
}
@media screen and (max-width: 767px) {
.lawyer-blk-2-1 h2, .lawyer-blk-2-2 h2, .lawyer-blk-2 h2 {
color: #fff;
font-size: 24px;
}
.advblk1 h1 {
font-size: 24px;
}
.lawyer-blk-1 .subtitle {
max-width: 100%;
margin-bottom: 20px;
}
.lawyer-blk-2-1 .row, .lawyer-blk-2-2 .row {
padding-bottom: 25px;
}
.lawyer-blk-2-1 {
margin: 50px 0;
}
.lawyer-blk-2-1 ul, .lawyer-blk-2-2 ul {
margin: 0;
}
.advice {
align-items: flex-start;
justify-content: space-between;
flex-direction: column;
}
.advice p {
margin-bottom: 10px;
max-width: 100%;
font-size: 16px;
}
} .team-blk1 {
padding-top: 210px;
padding-bottom: 0;
color: #fff;
margin-bottom: 50px;
}
.team-blk1 h1 {
font-size: 75px;
font-weight: 800;
margin-top: 0;
}
.team-blk1 .subtitle {
margin-top: 20px;
}
.team-blk2 {
margin-bottom: 100px;
}
.team-blk3 h2 {
font-size: 60px;
font-weight: 800;
margin-bottom: 30px;
color: #fff;
}
.team-person {
color: #fff;
}
.team-person img {
border-radius: 15px;
margin-bottom: 10px;
}
.team-person .name {
font-size: 21px;
font-weight: 800;
margin-bottom: 10px;
}
.team-person .position {
font-size: 14px;
}
.team-blk4 {
margin-bottom: 100px;
}
.team-blk4 .accordion {
background-color: #00151E;
border: 1px solid var(--blue);
color: #fff;
font-weight: 800;
font-size: 36px;
cursor: pointer;
padding: 30px;
width: 100%;
text-align: left;
outline: none;
margin-top: 20px;
border-radius: 30px;
transition: 0.4s;
display: flex;
align-items: center;
justify-content: space-between;
}
.team-blk4 .active, .team-blk4 .accordion:hover {
background-color: var(--blue);
border: 1px solid var(--blue);
color: #fff;
transition: 0.4s;
}
.team-blk4 .accordion:hover .accordion:after {
color: #fff;
}
.team-blk4 .panel {
padding: 0;
border-radius: 30px;
background-color: #00151E;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.team-blk4 .accordion:after {
content: '\02193';
font-size: 20px;
color: #00151E;
float: right;
margin-left: 15px;
background-color: var(--yellow);
border-radius: 20px;
padding: 5px;
width: 30px;
height: 30px;
text-align: center;
}
.team-blk4 .active:after {
content: "\02191";
color: #00151E;
}
.team-blk4 .panel .content {
margin: 20px 0;
}
.team-blk5 {
margin-bottom: 100px;
color: #fff;
text-align: center;
background-image: url(//uanimals.org/en//wp-content/uploads/2023/09/arrow.svg);
background-repeat: no-repeat;
background-size: 10%;
background-position: 95% 50%;
}
.team-blk5 .title {
font-size: 45px;
font-weight: 800;
margin-bottom: 20px;
}
.team-blk5 .subtitle {
font-size: 18px;
margin-bottom: 50px;
}
.team-blk5 .y-btn {
justify-content: center;
}
.team .team-row .y-btn {
justify-content: center;
margin-top: 50px;
}
.team-key-v1 {
padding-top: 0 !important;
}
.team-key-v1 .key-v1-box {
background-position: 90% 100%;
}
@media screen and (max-width: 767px) {
.team-blk1 {
padding-top: 150px;
}
.team-blk1 h1 {
font-size: 36px;
margin-bottom: 10px;
}
.team-blk1 .y-btn {
display: block;
text-align: center;
}
.team-blk2 {
margin-bottom: 50px;
}
.team-blk3 h2 {
font-size: 28px;
margin-bottom: 20px;
}
.team-blk4 .accordion {
font-size: 18px;
padding: 20px 30px;
line-height: 1.5;
}
.team-blk4 .accordion:after {
line-height: 1;
min-width: 30px;
}
.team-blk5 .title {
font-size: 24px;
}
.team-blk5 .subtitle {
font-size: 14px;
margin-bottom: 30px;
}
.team-blk5 .y-btn {
justify-content: center;
display: block;
}
.team-blk5 {
background-size: 12%;
background-position: 100% 75%;
}
.team .team-row .y-btn {
width: 100%;
display: block;
text-align: center;
}
.team-key-v1 .key-v1-box {
background-position: 50% 100%;
background-size: 75%;
}
.team-key-v1 .key-v1-box .y-btn {
margin-bottom: 250px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.team-blk1 h1 {
font-size: 42px;
}
.team-blk1 .subtitle {
margin-top: 10px;
font-size: 14px;
}
.team-blk1 .y-btn-i {
padding: 15px 30px;
}
.team-blk3 h2 {
font-size: 36px;
}
.team-person .name {
font-size: 16px;
}
.team-person .position {
font-size: 12px;
}
.team-blk4 .accordion {
font-size: 24px;
padding: 20px 30px;
}
.team-blk5 .title {
font-size: 24px;
}
.team-blk5 .subtitle {
font-size: 14px;
}
.team-blk5 {
background-size: 15%;
background-position: 95% 20%;
}
}
@media (min-width: 992px) and (max-width: 1399px) {
.team-blk1 h1 {
font-size: 60px;
}
.team-blk3 h2 {
font-size: 48px;
}
.team-person .name {
font-size: 16px;
}
.team-person .position {
font-size: 12px;
}
.team-blk4 .accordion {
font-size: 28px;
}
.team-blk5 .title {
font-size: 32px;
}
.team-blk5 {
background-size: 12%;
background-position: 93% 25%;
}
} .protection {
background-color: #FECA3B;
padding: 100px 0;
color: #333;
text-align: center;
z-index: 0;
position: relative;
}
.protection-title {
font-size: 60px;
font-weight: 800;
line-height: 1.1;
text-transform: uppercase;
margin: 0 0 20px 0;
}
.protection-subtitle {
font-size: 22px;
margin-bottom: 50px;
}
.protection .btn-nh {
width: auto;
display: flex;
justify-content: center;
}
.protection .btn-nh-inner {
background-color: var(--blue);
border: 1px solid var(--blue);
color: #fff;
padding: 15px 50px;
}
.btns, .our-results, .h-need-help, .how-to-support, .about {
position: relative;
z-index: 1;
}
.protection .row {
z-index: 9;
position: relative;
}
.protection-img-mob {
display: none;
}
.protection-img-bg {
position: relative;
}
.img-bg-1 img {
position: absolute;
left: 0;
top: -900px;
width: 150px;
z-index: 1;
border-radius: 20px;
animation: movebg-1 10s infinite;
animation-timing-function: linear;
}
@keyframes movebg-1 {
0%   {
top: -900px;
}
100% {
top: 750px;
}
}
.img-bg-2 img {
position: absolute;
left: 100px;
top: -600px;
width: 125px;
z-index: 1;
border-radius: 20px;
animation: movebg-2 10s infinite;
animation-timing-function: linear;
animation-delay: 0s;
}
@keyframes movebg-2 {
0%   {
top: -600px;
}
100% {
top: 1050px;
}
}
.img-bg-3 img {
position: absolute;
left: 0px;
top: -400px;
width: 200px;
z-index: 1;
border-radius: 20px;
animation: movebg-3 10s infinite;
animation-timing-function: linear;
}
@keyframes movebg-3 {
0%   {
top: -400px;
}
100% {
top: 1250px;
}
}
.img-bg-4 img {
position: absolute;
left: 0;
top: -900px;
width: 150px;
z-index: 1;
border-radius: 20px;
animation: movebg-4 10s infinite;
animation-timing-function: linear;
animation-delay: 5s;
}
@keyframes movebg-4 {
0%   {
top: -900px;
}
100% {
top: 750px;
}
}
.img-bg-5 img {
position: absolute;
left: 100px;
top: -600px;
width: 125px;
z-index: 1;
border-radius: 20px;
animation: movebg-5 10s infinite;
animation-timing-function: linear;
animation-delay: 5s;
}
@keyframes movebg-5 {
0%   {
top: -600px;
}
100% {
top: 1050px;
}
}
.img-bg-6 img {
position: absolute;
left: 0px;
top: -400px;
width: 200px;
z-index: 1;
border-radius: 20px;
animation: movebg-6 10s infinite;
animation-timing-function: linear;
animation-delay: 5s;
}
@keyframes movebg-6 {
0%   {
top: -400px;
}
100% {
top: 1250px;
}
} .img-bg-7 img {
position: absolute;
right: 0;
top: -900px;
width: 190px;
z-index: 1;
border-radius: 20px;
animation: movebg-7 10s infinite;
animation-timing-function: linear;
}
@keyframes movebg-7 {
0%   {
top: -900px;
}
100% {
top: 750px;
}
}
.img-bg-8 img {
position: absolute;
right: 100px;
top: -600px;
width: 100px;
z-index: 1;
border-radius: 20px;
animation: movebg-8 10s infinite;
animation-timing-function: linear;
animation-delay: 0s;
}
@keyframes movebg-8 {
0%   {
top: -600px;
}
100% {
top: 1050px;
}
}
.img-bg-9 img {
position: absolute;
right: 0;
top: -400px;
width: 125px;
z-index: 1;
border-radius: 20px;
animation: movebg-9 10s infinite;
animation-timing-function: linear;
}
@keyframes movebg-9 {
0%   {
top: -400px;
}
100% {
top: 1250px;
}
}
.img-bg-10 img {
position: absolute;
right: 0;
top: -900px;
width: 190px;
z-index: 1;
border-radius: 20px;
animation: movebg-10 10s infinite;
animation-timing-function: linear;
animation-delay: 5s;
}
@keyframes movebg-10 {
0%   {
top: -900px;
}
100% {
top: 750px;
}
}
.img-bg-11 img {
position: absolute;
right: 100px;
top: -600px;
width: 100px;
z-index: 1;
border-radius: 20px;
animation: movebg-11 10s infinite;
animation-timing-function: linear;
animation-delay: 5s;
}
@keyframes movebg-11 {
0%   {
top: -600px;
}
100% {
top: 1050px;
}
}
.img-bg-12 img {
position: absolute;
right: 0;
top: -400px;
width: 125px;
z-index: 1;
border-radius: 20px;
animation: movebg-12 10s infinite;
animation-timing-function: linear;
animation-delay: 5s;
}
@keyframes movebg-12 {
0%   {
top: -400px;
}
100% {
top: 1250px;
}
}
.useful {
padding: 0 0 100px 0;
color: #fff;
}
.useful h2 {
font-weight: 600;
font-size: 55px;
margin-bottom: 20px;
}
.useful-box {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 30px;
}
.useful-box .left {
width: 33%;
}
.useful-box .right {
width: 67%;
padding-left: 20px;
}
.useful-box img {
border-radius: 20px;
}
.useful-box .title {
font-size: 28px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 20px;
}
.useful-box a {
color: var(--yellow);
text-align: left;
font-weight: 800;
}
.useful-box a img {
width: 8px;
border: none;
margin-left: 10px;
display: inline-block;
border-radius: 0;
}
.uan-projects {
padding: 0 0 100px 0;
color: #fff;
background-color: #00161e;
z-index: 9;
position: relative;
}
.uan-projects h2 {
font-weight: 600;
font-size: 60px;
margin-bottom: 50px;
}
.swp-prj .title {
font-size: 36px;
font-weight: 700;
color: #fff;
text-align: left;
text-transform: uppercase;
margin-bottom: 30px;
}
.swp-prj a {
color: #fff;
text-align: left;
font-weight: 600;
}
.prj-swiper .swiper-slide {
background: transparent;
}
.swiper-slide .swp-prj img {
width: 8px;
border: none;
margin-left: 10px;
display: inline-block;
}
.swp-prj {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #223A72;
border-radius: 20px;
}
.swp-prj .left {
width: 40%;
padding: 50px 40px;
text-align: left;
}
.swp-prj .right {
width: 60%;
}
.swiper-slide .swp-prj .right img {
width: 100%;
border-radius: 20px;
margin-left: 0;
}
.prj-swiper {
position: relative;
}
.prj-swiper .swiper-button-prev {
margin-left: -60px;
}
.prj-swiper .swiper-button-next {
margin-right: -60px;
}
.prj-swiper .swiper-slide {
background: transparent;
}
.prj-swiper .swiper-button-next, .prj-swiper .swiper-button-prev {
width: calc(var(--swiper-navigation-size)/ 50 * 50);
background-color: var(--yellow);
border-radius: 50px;
}
.prj-swiper .swiper-button-next:after, .prj-swiper .swiper-button-prev:after {
font-size: 10px;
color: #00151E;
}
.how-to-support {
padding: 50px 0 50px 0;
color: #fff;
background-color: #00161e;
}
.how-to-support h2 {
font-weight: 600;
font-size: 55px;
margin-bottom: 50px;
}
.swp-sup {
border-radius: 20px;
padding: 30px 20px 150px 20px;
text-align: left;
background-color: #001733;
border: 1px solid #003575;
background-repeat: no-repeat;
background-size: 50%;
background-position: 115% 130%;
}
.sup-swiper {
position: relative;
}
.sup-swiper .swiper-button-prev {
margin-left: -60px;
}
.sup-swiper .swiper-button-next {
margin-right: -60px;
}
.sup-swiper .swiper-slide {
background: transparent;
}
.sup-swiper .swiper-button-next, .sup-swiper .swiper-button-prev {
width: calc(var(--swiper-navigation-size)/ 50 * 50);
background-color: var(--yellow);
border-radius: 50px;
}
.sup-swiper .swiper-button-next:after, .sup-swiper .swiper-button-prev:after {
font-size: 10px;
color: #00151E;
}
.swp-sup .title {
font-size: 26px;
font-weight: 800;
color: #fff;
text-align: left;
text-transform: uppercase;
margin-bottom: 30px;
}
.swp-sup a {
color: var(--yellow);
text-align: left;
font-weight: 800;
}
.swiper-slide .swp-sup img {
width: 8px;
border: none;
margin-left: 10px;
display: inline-block;
}
.h-need-help {
color: #fff;
padding: 0 0 100px 0;
background-color: #00161e;
}
.h-need-help h2 {
font-weight: 800;
font-size: 60px;
margin-bottom: 20px;
}
.h-need-help .info {
margin-bottom: 50px;
}
.h-need-help .text {
color: #fff;
}
.h-need-help-box {
background-color: #013575;
padding: 30px;
border-radius: 30px;
}
.h-need-help-box .title {
text-transform: uppercase;
font-weight: 800;
color: #fff;
font-size: 24px;
min-height: 110px;
}
.btn-nh {
width: 100%;
}
.btn-nh a {
font-weight: 800;
}
.btn-nh-inner {
background-color: var(--yellow);
border: 1px solid var(--yellow);
padding: 15px 30px;
border-radius: 20px;
color: #1F140F;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
transition: all 0.5s;
}
.btn-nh-brd-inner {
background-color: #013575;
border: 1px solid var(--yellow);
padding: 15px 20px;
border-radius: 20px;
color: var(--yellow);
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
font-size: 15px;
}
.our-results {
padding: 100px 0 50px 0;
color: #fff;
background-color: #00151E;
}
.our-results h2 {
font-weight: 800;
font-size: 60px;
margin-bottom: 50px;
}
.our-results .number {
font-weight: 800;
font-size: 60px;
margin-bottom: 0;
line-height: 1;
}
.our-results .info {
margin-bottom: 0;
}
.our-results .result {
display: flex;
align-items: flex-end;
padding-bottom: 20px;
padding-top: 20px;
}
.result-line {
border-bottom: 1px solid #003575;
}
@media (min-width: 992px) and (max-width: 1200px) {
.protection-title {
font-size: 42px;
}
.protection-subtitle {
font-size: 18px;
margin: 0 auto;
margin-bottom: 50px;
max-width: 550px;
}
.btn-nh-inner, .btn-nh-brd-inner {
padding: 15px;
}
.our-results h2, .h-need-help h2, .how-to-support h2, .uan-projects h2, .useful h2 {
font-size: 45px;
}
.our-results .number {
font-size: 45px;
}
.our-results .info {
font-size: 14px;
}
.h-need-help-box .title {
font-size: 18px;
min-height: 90px;
}
.swp-sup .title {
font-size: 28px;
}
.swp-sup {
background-size: 40%;
padding: 30px 20px 100px 20px;
}
.swp-prj .left {
padding: 30px 40px;
}
.swp-prj .title {
font-size: 28px;
}
.swp-prj .left .info {
font-size: 14px;
}
.useful-box .title {
font-size: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.protection-title {
font-size: 36px;
}
.protection-subtitle {
font-size: 18px;
margin: 0 auto;
margin-bottom: 50px;
max-width: 550px;
}
.protection-img-bg img {
max-width: 120px;
}
.img-bg-2 img, .img-bg-5 img {
left: 50px;
}
.img-bg-8 img, .img-bg-11 img {
right: 50px;
}
.btn-nh-inner, .btn-nh-brd-inner {
padding: 10px;
font-size: 12px;
}
.our-results h2, .h-need-help h2, .how-to-support h2, .uan-projects h2, .useful h2 {
font-size: 36px;
}
.our-results .number {
font-size: 32px;
}
.our-results .info {
font-size: 12px;
min-height: 55px;
display: flex;
align-items: flex-end;
}
.h-need-help-box {
padding: 20px;
}
.h-need-help-box .title {
font-size: 16px;
min-height: 90px;
}
.swp-sup .title {
font-size: 24px;
margin-bottom: 20px;
}
.swp-sup {
background-size: 35%;
padding: 20px 20px 70px 20px;
}
.swp-sup a {
font-size: 16px;
}
.swp-prj .left {
padding: 20px;
}
.swp-prj .title {
font-size: 18px;
margin-bottom: 20px;
}
.swp-prj a {
font-size: 16px;
}
.swp-prj .left .info {
font-size: 12px;
}
.useful-box .title {
font-size: 16px;
}
.useful-box a {
font-size: 16px;
}
.btns .btn-p-inner {
padding: 15px;
}
}
@media screen and (max-width: 767px) {
.protection {
padding: 50px 0; z-index: 9;
}
.protection-title {
font-size: 28px;
}
.protection-subtitle {
font-size: 18px;
}
.protection-img-bg {
display: none;
}
.protection-img-mob {
display: none;
position: relative;
}
.protection-img-mob img {
border-radius: 20px;
position: absolute;
}
.img-bgmob-1 img {
width: 100px;
left: 0%;
top: -170px;
z-index: 9;
}
.img-bgmob-2 img {
width: 100px;
left: 8%;
bottom: -410px;
z-index: 9;
}
.img-bgmob-3 img {
width: 100px;
right: 8%;
top: -140px;
z-index: 9;
}
.img-bgmob-4 img {
width: 100px;
right: 0%;
bottom: -420px;
z-index: 9;
}
.our-results h2 {
font-size: 28px;
margin-bottom: 30px;
}
.our-results .number {
font-size: 28px;
}
.our-results .info {
font-size: 13px;
}
.our-results {
padding: 50px 0 50px 0;
}
.h-need-help h2 {
font-size: 28px;
}
.h-need-help {
padding: 0 0 50px 0;
}
.h-need-help .text {
max-width: 428px;
}
.how-to-support {
padding: 35px 0;
}
.h-need-help-box .title {
min-height: 0;
font-size: 21px;
}
.h-need-help-box {
margin-bottom: 20px;
}
.how-to-support h2 {
font-size: 28px;
margin-bottom: 30px;
}
.uan-projects h2 {
font-size: 28px;
margin-bottom: 30px;
}
.swp-prj .title {
font-size: 24px;
}
.swp-prj {
flex-direction: column;
}
.swp-prj .left {
width: auto;
padding: 50px 30px;
}
.swp-prj .right {
width: 100%;
}
.swiper-slide .swp-prj .right img {
width: 100%;
margin-left: 0;
}
.prj-swiper .swiper-button-prev {
margin-left: -30px;
opacity: 0.8;
}
.prj-swiper .swiper-button-next {
margin-right: -30px;
opacity: 0.8;
}
.swp-sup .title {
font-size: 24px;
}
.sup-swiper .swiper-button-prev {
margin-left: -30px;
opacity: 0.8;
}
.sup-swiper .swiper-button-next {
margin-right: -30px;
opacity: 0.8;
}
.useful {
padding: 35px 0;
}
.useful h2 {
font-size: 28px;
}
.useful-box .title {
font-size: 21px;
}
.useful-box {
flex-direction: column;
}
.useful-box .left {
width: 100%;
}
.useful-box .right {
width: 100%;
padding-left: 0;
padding-top: 20px;
}
} .thankyou-2 {
color: #fff;
text-align: center;
padding: 200px 0;
}
.thankyou-2 .thankyou-text {
font-size: 45px;
text-transform: unset;
margin-top: 0;
margin-bottom: 30px;
}
.thankyou-2 .thankyou-description {
text-align: center;
margin-bottom: 50px;
}
.thankyou-2 .site-cta {
text-align: center;
}
@media screen and (max-width: 767px) {
.thankyou-2 .thankyou-text {
font-size: 24px;
}
} .thankyou-3 {
color: #fff;
padding: 200px 0;
}
.thankyou-3 .thankyou-text {
font-size: 45px;
text-transform: unset;
margin-top: 0;
margin-bottom: 20px;
text-align: left;
line-height: 1.3;
}
.thankyou-3 .thankyou-description {
margin-bottom: 50px;
}
.thankyou-3 .row {
justify-content: space-between;
}
.thankyou-3 .y-btn-i {
padding: 15px 20px;
font-size: 16px;
}
.thankyou-3 .hf-box-sum {
margin: 20px -5px 20px -5px;
}
.thankyou-3 .hf-user-fields input {
padding: 12px 30px;
border: 1px solid #013575;
border-radius: 10px;
font-size: 16px;
font-weight: 600;
color: #00151E;
width: 100%;
margin-bottom: 20px;
}
@media screen and (max-width: 1399px) {
.thankyou-3 .find-cover-btns {
flex-direction: column;
}
.thankyou-3 .find-cover-btns .y-btn {
text-align: center;
display: block;
width: 100%;
margin-bottom: 10px;
margin-right: 0 !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.thankyou-3 .thankyou-text {
font-size: 36px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.thankyou-3 .thankyou-text {
font-size: 32px;
}
}
@media screen and (max-width: 767px) {
.thankyou-3 {
padding: 150px 0;
}
.thankyou-3 .thankyou-text {
font-size: 32px;
}
.thankyou-3 .hf-box-text {
font-size: 16px;
}
} .vac-archive-1 {
padding: 200px 0 50px 0;
color: #fff;
}
.vac-archive-1 h1 {
font-size: 60px;
font-weight: 800;
margin-bottom: 20px;
}
.vac-archive-1 .subtitle {
font-size: 36px;
font-weight: 800;
color: var(--yellow);
margin-bottom: 20px;
}
.vac-list {
padding: 0 0 100px 0;
color: #fff;
}
.vac-list h2 {
font-size: 60px;
font-weight: 800;
margin-bottom: 30px;
}
.vac-list-item {
padding: 30px;
background-color: var(--blue);
border-radius: 30px;
min-height: 300px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.vac-list-item .title {
font-weight: 800;
font-size: 24px;
}
.vac-list-item .detail {
font-size: 18px;
text-align: center;
background-color: var(--blue);
border: 1px solid var(--yellow);
padding: 15px;
border-radius: 20px;
margin-bottom: 0;
color: var(--yellow);
font-weight: 800;
transition: all .5s;
}
.vac-list-item .detail:hover {
background-color: var(--yellow);
border: 1px solid var(--yellow);
color: #1F140F;
transition: all .5s;
}
.vac-archive-2 {
color: #fff;
padding: 100px 0;
}
.vac-archive-2 .img-box img {
width: 90%;
}
.vac-archive-2 .img-decor {
position: relative;
top: -150px;
left: -30px;
margin-bottom: -200px;
}
.vac-archive-2 .img-box-2 {
padding: 100px 0 50px 0;
}
.vac-archive-3 {
color: #fff;
padding: 0 0 100px 0;
}
.vac-archive-3 h2 {
color: #fff;
font-size: 60px;
font-weight: 800;
}
.vac-archive-4 {
padding: 0 0 100px 0;
color: #fff;
}
.vac-archive-4 .under-vac-title {
font-size: 36px;
font-weight: 800;
margin-bottom: 20px;
}
.vac-archive-4 .under-vac-text a {
color: var(--yellow);
font-weight: 800;
}
@media screen and (max-width: 767px) {
.vac-archive-1 {
padding: 150px 0 50px 0;
}
.vac-archive-1 h1 {
font-size: 28px;
}
.vac-archive-1 .subtitle {
font-size: 21px;
}
.vac-archive-2 {
padding: 0;
}
.vac-archive-2 .img-box img {
width: 100%;
}
.vac-archive-2 .img-decor {
width: 100px;
top: -100px;
left: -15px;
margin-bottom: -80px;
}
.vac-archive-2 .img-box-2 {
padding: 0 0 50px 0;
}
.vac-archive-3 h2 {
font-size: 36px;
}
.vac-archive-3 {
padding: 0 0 50px 0;
}
.vac-list h2 {
font-size: 36px;
font-weight: 800;
margin-bottom: 10px;
}
.vac-list-item {
padding: 20px;
border-radius: 20px;
min-height: 100%;
}
.vac-list-item .title {
font-size: 21px;
}
.vac-archive-4 .under-vac-title {
font-size: 21px;
font-weight: 800;
margin-bottom: 20px;
}
} .vacblk1 {
padding: 200px 0 0 0;
color: #fff;
}
.vacblk1 h1 {
font-weight: 800;
font-size: 48px;
}
.vacblk2 .description {
color: #fff;
}
.vacblk2 .description h2 {
color: var(--yellow);
font-weight: 800;
font-size: 28px;
margin-bottom: 20px;
margin-top: 50px;
}
.vacblk2 .description ul {
margin: 0 0 1.5em 0;
padding-left: 1rem;
}
.vacblk2 .description ul li {
margin-bottom: 10px;
}
.vacblk3 {
padding: 50px 0 100px 0;
color: #fff;
}
.vacblk3 h2 {
   font-weight: 800;
font-size: 36px;
margin-bottom: 20px;
}
.vac-all input {
width: 100%;
border-radius: 20px;
height: 80px;
font-size: 18px;
padding: 20px;
margin-bottom: 20px;
}
.vac-all select {
width: 100%;
border-radius: 20px;
height: 80px;
font-size: 18px;
padding: 20px;
margin-bottom: 20px;
}
.vac-all textarea {
width: 100%;
border-radius: 20px;
height: 100px;
font-size: 18px;
padding: 20px;
margin-bottom: 20px;
}
.vac-all input[type="submit"] {
background: var(--yellow);
color: #00151E;
border: 1px solid var(--yellow);
font-size: 24px !important;
transition: all .5s;
}
.vac-all input[type="submit"]:hover {
background: #003575;
border: 1px solid #003575;
color: #fff;
transition: all .5s;
}
.vac-all .accept input {
width: auto;
height: auto;
}
.wpcf7 input[type="file"] {
width: 0;
height: 0;
visibility: hidden;
margin: 0;
padding: 0;
max-width: inherit !important;
}
.vac-file {
margin-bottom: 20px;
}
.vac-file-text {
color: #00151E;
display: inline-block;
background: #ffc300;
border: 2px solid #ffc300;
border-radius: 10px;
padding: 10px 30px;
outline: none;
white-space: nowrap;
-webkit-user-select: none;
cursor: pointer;
font-weight: 800;
text-transform: uppercase;
font-family: "ZonaPro";
font-size: 16px;
text-align: center;
transition: all .5s;
}
#list_file {
font-size: 12px;
margin-left: 10px;
}
.vac-submit {
margin-top: 20px;
} @media screen and (max-width: 767px) {
.vacblk1 {
padding: 150px 0 0 0;
}
.vacblk1 h1 {
font-size: 28px;
}
.vacblk2 .description h2 {
font-size: 21px;
margin-top: 30px;
}
.vacblk3 h2 {
font-size: 21px;
}
.vac-all input {
height: 60px;
font-size: 12px;
padding: 15px;
border-radius: 10px;
}
.vac-all textarea {
font-size: 12px;
padding: 15px;
border-radius: 10px;
margin-bottom: 15px;
}
.vac-all .accept .wpcf7-list-item-label {
margin-top: -50px;
}
.vac-all .accept input[type=checkbox]:checked:after {
top: 7px;
left: 12px;
}
.vac-all .accept input[type=checkbox]:before {
top: 5px;
left: 5px;
}
.vac-all input[type="submit"] {
font-size: 21px !important;
margin-top: 20px;
}
.vac-file {
width: 100%;
margin-bottom: 0px;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-direction: column;
}
.vac-file-text {
width: 100%;
padding: 10px 15px;
font-size: 14px;
}
#list_file {
font-size: 12px;
margin-top: -10px;
margin-left: 0;
} }
.zbory-title-btn {
display: flex;
align-items: center;
justify-content: space-between;
}
.zbory-title-btn .site-cta {
display: none;
}
@media screen and (max-width: 767px) {
.zbory-title-btn {
margin-bottom: 30px;
}
.zbory-title-btn .contact-title {
font-size: 21px;
max-width: 70%;
}
} .humanutarian-form {
margin: 0 auto;
width: 600px;
}
.humanutarian-form input[type="text"], .humanutarian-form input[type="email"], .humanutarian-form input[type="tel"], .humanutarian-form textarea {
width: 100%;
margin-bottom: 10px;
border-radius: 10px;
height: 60px;
}
.humanutarian-form .pf-submit input[type="submit"] {
width: 100%;
}
.humanutarian-form .accept {
margin: -10px 0 10px 0;
}
@media screen and (max-width: 767px) {
.humanutarian-form {
width: 100%;
}
} .coop-list {
margin-bottom: 100px;
}
.coop-list-item {
border: 2px solid #003575;
border-radius: 20px;
margin-bottom: 30px;
}
.coop-list-img {
height: 250px;
background-size: cover;
border-radius: 20px;
}
.coop-list-item .title {
font-size: 22px;
font-weight: 800;
text-transform: uppercase;
margin: 20px 20px 30px 20px;
min-height: 65px;
}
.coop-list-item .detail {
color: var(--yellow);
display: flex;
align-items: center;
justify-content: flex-start;
margin: 0 20px 30px 20px;
font-weight: 800;
}
.coop-list-item .detail img {
margin-left: 15px;
margin-top: 5px;
}
.main-coop-list {
margin: 100px 0;
}
.main-coop-info {
color: #fff;
margin-bottom: 100px;
}
.main-coop-info .image img {
border-radius: 20px;
width: 100%;
}
@media screen and (max-width: 767px) {
.page-template-cooperation-types-tpl .key-v2-box .text {
margin-bottom: 100px;
}
.main-coop-list {
margin: 50px 0;
}
.coop-list-item .title {
font-size: 20px;
margin: 20px 20px 20px 20px;
min-height: 0;
}
.coop-s1 h1 {
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.coop-list-item .title {
font-size: 16px;
font-weight: 800;
text-transform: uppercase;
margin: 20px;
min-height: 50px;
}
.coop-list-img {
height: 180px;
}
.page-template-cooperation-types-tpl .key-v2-box {
background-size: 50%;
}
.page-template-cooperation-types-tpl .key-v2-box h1 {
font-size: 42px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.coop-list-item .title {
font-size: 12px;
min-height: 40px;
margin: 15px;
}
.coop-list-item .detail {
font-size: 14px;
margin: 0 15px 15px 15px;
}
} .coop-s1 {
padding-top: 210px;
padding-bottom: 0;
margin-bottom: 30px;
color: #fff;
font-family: ZonaPro;
}
.coop-s1 h1 {
color: var(--yellow);
text-transform: uppercase;
font-weight: 800;
font-size: 45px;
margin-bottom: 50px;
}
.coop-box {
display: flex;
align-items: flex-start;
justify-content: space-between;
border: 2px solid #003575;
border-radius: 20px;
margin-bottom: 50px;
}
.coop-box .coop-box-info .number {
color: var(--yellow);
font-weight: 800;
font-size: 45px;
margin-bottom: 50px;
line-height: 1.2;
}
.coop-box .coop-box-info {
padding: 20px 75px 30px 50px;
font-size: 16px;
}
.coop-box .coop-box-image img {
border-radius: 20px;
min-width: 450px;
}
.coop-box:nth-child(2n-1) {
flex-direction: row-reverse;
}
.coop-s1-1 {
margin-bottom: 75px;
color: #fff;
}
.coop-s1-1 h2 {
color: #fff;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 50px;
}
.coop-s1-1 .subtitle {
color: var(--yellow);
font-size: 20px;
font-weight: 800;
margin-bottom: 10px;
}
.coop-s1-1 .info {
font-size: 14px;
margin-bottom: 20px;
}
.coop-s1-1 .info a {
color: var(--yellow);
font-weight: 800;
}
.coop-s1-2 .info-box {
padding: 0 0 75px 0;
}
.coop-s1-2 h2 {
color: #fff;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 50px;
}
.coop-s2 {
margin-bottom: 75px;
color: #fff;
}
.coop-s2 .info-box {
padding: 75px 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.coop-s2 .info-box .info {
margin-bottom: 20px;
}
.coop-s2 .info-box .y-btn {
justify-content: center;
}
@media screen and (max-width: 767px) {
.coop-s1 h1 {
font-size: 28px;
}
.coop-box {
flex-direction: column;
}
.coop-box .coop-box-info {
padding: 20px;
}
.coop-box .coop-box-info .number {
font-size: 36px;
margin-bottom: 20px;
}
.coop-box .coop-box-image img {
min-width: 100%;
}
.coop-box:nth-child(2n-1) {
flex-direction: column;
}
.coop-s1 {
margin-bottom: 0;
}
.coop-s1-1 {
margin-bottom: 30px;
}
.coop-s1-1 .col {
flex: auto;
width: 100%;
}
.coop-s1-1 h2 {
margin-bottom: 30px;
}
.coop-s2 .info-box {
padding: 50px 0;
}
.coop-s2 {
margin-bottom: 50px;
}
.coop-s2 .info-box .y-btn {
display: block;
width: 100%;
text-align: center;
}
.coop-s1 {
padding-top: 150px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.coop-s1 h1 {
font-size: 36px;
}
.coop-box .coop-box-info .number {
font-size: 36px;
margin-bottom: 20px;
}
.coop-box .coop-box-info {
padding: 20px 30px 30px 30px;
font-size: 15px;
}
.coop-box .coop-box-image img {
min-width: 400px;
}
.coop-box .coop-box-info .info p:first-child span {
font-size: 16px !important;
}
.coop-box .coop-box-info .info p:last-child {
margin-bottom: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.coop-box .coop-box-image img {
min-width: 230px;
}
} .page-template-partnership-form-tpl .key-v1-box h1 {
font-size: 65px;
}
.page-template-partnership-form-tpl .key-v1 .subtitle {
width: 60%;
}
.page-template-partnership-form-tpl .prt-2 .title {
font-size: 40px;
text-transform: uppercase;
margin-bottom: 20px;
}
.page-template-partnership-form-tpl .prt-2 .text {
font-size: 20px;
}
.page-template-partnership-form-tpl .y-btn-i {
padding: 15px 100px;
}
.prt-form .col-md-12 {
padding: 75px 0 150px 0;
border-top: 1px solid #fff;
}
.prt-form .title {
font-size: 40px;
text-transform: uppercase;
font-weight: 800;
color: #fff;
margin-bottom: 50px;
}
.pf-all {
display: flex;
justify-content: space-between;
}
.pf-left {
width: 49%;
}
.pf-right {
width: 49%;
}
.pf-left input, .pf-right input {
width: 100%;
border-radius: 20px;
height: 80px;
font-size: 20px;
padding: 20px;
margin-bottom: 20px;
}
.pf-left select, .pf-right select {
width: 100%;
border-radius: 20px;
height: 80px;
font-size: 20px;
padding: 20px;
margin-bottom: 20px;
-moz-appearance:none; -webkit-appearance:none; appearance:none;
background-image: url(//uanimals.org/en//wp-content/uploads/2023/07/select-arrow.svg);
background-repeat: no-repeat;
background-size: 14px;
background-position: calc(100% - 20px) 50%;
}
.pf-full textarea, .pf-full textarea {
width: 100%;
border-radius: 20px;
height: 180px;
font-size: 20px;
padding: 20px;
margin-bottom: 20px;
}
.accept .wpcf7-list-item {
margin-left: 0;
color: #fff;
}
.accept input[type=checkbox]:before {
top: -3px;
border-radius: 2px;
}
.accept input[type=checkbox]:checked:after {
top: 0;
}
.accept .wpcf7-list-item-label {
margin-left: 20px;
display: inline-block;
}
.pf-submit {
display: flex;
justify-content: center;
}
.pf-submit input[type="submit"] {
width: 50%;
background-color: #FFC301;
border: #FFC301;
color: #1F140F;
height: 80px;
border-radius: 20px;
font-size: 24px;
margin-right: 0;
margin-top: 20px;
}
.pf-submit .wpcf7-spinner {
display: none;
}
.prt-form-box .wpcf7 form.sent .wpcf7-response-output {
border-color: #ffc300;
border-radius: 20px;
padding: 10px;
width: 50%;
margin: 0 auto;
margin-top: 20px;
color: #fff;
text-align: center;
}
@media screen and (max-width: 767px) {
.page-template-partnership-form-tpl .key-v1-box h1 {
font-size: 32px;
}
.page-template-partnership-form-tpl .key-v1 .subtitle {
width: 100%;
margin-bottom: 100px;
}
.page-template-partnership-form-tpl .prt-2 .title {
font-size: 28px;
}
.prt-form .title {
font-size: 32px;
}
.pf-all {
flex-direction: column;
}
.pf-left {
width: 100%;
}
.pf-right {
width: 100%;
}
.pf-left input, .pf-right input {
font-size: 17px;
height: 60px;
}
.pf-left select, .pf-right select {
font-size: 17px;
height: 60px;
padding: 10px 20px;
}
.pf-left textarea, .pf-right textarea {
font-size: 17px;
height: 200px;
}
.accept .wpcf7-list-item-label {
margin-left: 20px;
padding-left: 20px;
display: flex;
margin-top: -25px;
}
.pf-submit input[type="submit"] {
width: 100%;
height: 60px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.page-template-partnership-form-tpl .key-v1-box h1 {
width: 100%;
font-size: 42px;
}
.page-template-partnership-form-tpl .prt-2 .title {
font-size: 32px;
}
.page-template-partnership-form-tpl .prt-2 .text {
font-size: 16px;
}
.prt-form .title {
font-size: 32px;
}
.pf-left input, .pf-right input {
font-size: 16px;
height: 60px;
}
.pf-left select, .pf-right select {
font-size: 16px;
height: 60px;
padding: 10px 20px;
}
.pf-left textarea, .pf-right textarea {
font-size: 17px;
height: 140px;
}
.accept .wpcf7-list-item-label {
margin-left: 20px;
padding-left: 20px;
display: flex;
margin-top: -25px;
}
.pf-submit input[type="submit"] {
height: 60px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.page-template-partnership-form-tpl .prt-2 .title {
font-size: 36px;
}
} .page-template-partnership-tpl .key-v1-box h1 {
text-transform: uppercase;
font-size: 50px;
margin-bottom: 20px;
width: 75%;
}
.page-template-partnership-tpl .subtitle {
margin-bottom: 30px;
}
.page-template-partnership-tpl .y-btn-i {
padding: 15px 70px;
}
.prt-2 {
padding: 100px 0;
color: #fff;
}
.prt-2 .img-box img {
width: 90%;
border-radius: 20px;
}
.prt-2 .title {
font-size: 24px;
font-weight: 800;
}
.prt-3 {
margin: 0;
color: #fff;
}
.prt-3 .col-md-12 {
padding-top: 75px;
padding-bottom: 75px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.prt-3 .title {
font-size: 36px;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 20px;
}
.prt-3 .text {
margin-bottom: 30px;
}
.prt-3-international .col-md-12 {
padding-top: 75px;
padding-bottom: 75px;
border-top: none;
border-bottom: 1px solid #fff;
}
.prt-3 .swiper-slide img {
height: auto;
border: none;
}
.prt-3 .swiper-slide {
background: none;
display: flex !important;
justify-content: center;
align-items: center;
height: inherit;
}
.prt-3-swiper {
display: block;
}
.prt-4 {
padding: 50px 0 150px 0;
margin: 0;
color: #fff;
}
.prt-4 .prt-4-btns .y-btn {
display: flex;
width: 100%;
display: block;
text-align: center;
}
.page-template-partnership-tpl .prt-4-btns .y-btn-i {
padding: 15px 40px;
}
.prt-4-btns .y-btn-b {
margin-top: 20px;
}
.prt-4 .title {
font-size: 36px;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.page-template-partnership-tpl .key-v1-box h1 {
font-size: 26px;
width: 100%;
}
.prt-2 .img-box img {
width: 100%;
margin-bottom: 30px;
}
.prt-2 .text {
max-width: 100%;
}
.prt-2 .y-btn {
display: block;
width: 100%;
text-align: center;
}
.prt-2 .y-btn-i {
margin-bottom: 30px;
}
.prt-3 .title {
font-size: 24px;
}
.prt-3 .text {
max-width: 100%;
}
.prt-4 .title {
font-size: 24px;
}
.prt-4 .text {
max-width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.page-template-partnership-tpl .key-v1-box h1 {
font-size: 36px;
width: 100%;
}
.page-template-partnership-tpl .prt-4-btns .y-btn-i {
padding: 15px 15px;
font-size: 16px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.key-v1-box {
background-size: 50%;
}
.page-template-partnership-tpl .key-v1-box h1 {
font-size: 42px;
}
.page-template-partnership-tpl .y-btn-i {
padding: 15px 50px;
}
} .key-v2 {
padding-top: 210px;
padding-bottom: 0;
margin-bottom: 30px;
color: #fff;
}
.key-v2-box {
position: relative;
background-color: #013575;
border-radius: 20px;
margin: 0 -70px;
padding: 50px 70px;
background-size: contain;
background-position: 100% 100%;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.key-v2-box h1 {
font-weight: 800;
font-size: 60px;
line-height: 1.3;
margin-top: 0;
margin-bottom: 15px;
width: 65%;
}
.key-v2-box .text {
width: 65%;
}
.key-v2-box .buttons {
display: flex;
}
.key-v2-box .y-btn-i {
border: 1px solid #ffc300;
}
.key-v2-box .bordered {
margin-left: 10px;
}
.key-v2-box .bordered .y-btn-i {
background-color: transparent;
border: 1px solid #ffc300;
color: #ffc300;
}
.se-blk4 {
padding: 70px 0 0 0;
}
.se-blk4 .y-text {
font-size: 45px;
font-weight: 800;
line-height: 1;
color: #ffc300;
margin-bottom: 20px;
}
.se-blk4 .text {
font-size: 22px;
line-height: 1.5;
color: #fff;
}
.se-blk4 .row {
margin-bottom: 100px;
}
.se-news h2 {
color: #fff;
font-size: 42px;
font-weight: 800;
margin-bottom: 30px;
}
.page-template-comunity-tpl .se-news, .page-template-evacuation-tpl .se-news, .single-advice .se-news, .page-template-lawyer-advice-tpl .se-news {
margin-bottom: 100px;
}
.share-v1 {
padding: 100px 0;
color: #fff;
}
.share-v1-box {
position: relative;
background-color: #013575;
border-radius: 20px;
margin: 0 -70px;
padding: 50px 70px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.share-v1-box .title {
font-size: 32px;
font-weight: 800;
margin-bottom: 20px;
}
.share-v1-box .text {
margin-bottom: 30px;
}
.share-v1-box .buttons {
display: flex;
justify-content: space-between;
gap: 20px;
}
.sh-btn {
display: flex;
width: 100%;
}
.sh-btn a {
color: #00151E;
font-size: 20px;
font-weight: 800;
width: 100%;
}
.sh-btn-i {
background-color: #FFC301;
padding: 15px 30px;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.se-form {
padding: 50px 0 100px 0;
}
.se-form .title {
font-size: 42px;
color: #fff;
font-weight: 800;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.key-v2 {
padding-top: 130px;
}
.key-v2-box {
margin: 0;
padding: 30px 20px;
justify-content: flex-start;
background-size: 75%;
background-position: 125% 100%;
}
.key-v2-box h1 {
font-size: 26px;
width: 100%;
margin-bottom: 20px;
}
.key-v2-box .y-btn {
text-align: center;
display: block;
margin-bottom: 10px;
}
.share-v1-box {
margin: 0;
padding: 30px 20px;
justify-content: flex-start;
}
.key-v2-box .text {
width: 100%;
}
.key-v2-box .buttons {
flex-direction: column;
margin-bottom: 140px;
}
.key-v2-box .bordered {
margin-left: 0;
}
.se-blk4 {
padding: 50px 0;
}
.share-v1-box .buttons {
flex-direction: column;
}
.se-blk4 .y-text {
font-size: 32px;
margin-top: 30px;
}
.se-blk4 .text {
font-size: 18px;
max-width: 100%;
}
.se-blk4 .row {
margin-bottom: 30px;
}
.se-news h2 {
font-size: 28px;
}
.share-v1-box .title {
font-size: 24px;
}
.se-form {
padding: 0 0 100px 0;
}
.se-form .title {
font-size: 22px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.key-v2-box {
background-size: 50%;
background-position: 110% 100%;
}
.key-v2-box h1 {
width: 80%;
font-size: 28px;
}
} .subscribe-formbox {
display: flex;
}
.subscribe .col-md-6:first-child {
border-right: 1px solid #00151E;
}
.subscribe-formbox input[type="text"], .subscribe-formbox input[type="email"] {
width: 95%;
margin-right: 0;
}
.subscribe-formbox input[type="submit"] {
padding: 5px 20px;
margin-right: 0;
background: #003575;
color: #fff;
}
.subscribe-formbox .wpcf7-spinner {
display: none;
}
.subscribe .subscribe-title {
font-size: 28px;
margin-bottom: 0;
}
.subscribe .subscribe-subtitle {
color: #fff;
}
.share-blk {
display: flex;
justify-content: space-between;
}
.share-blk-btn {
width: 32%;
}
.share-blk-btn a {
}
.share-btn-inner {
background-color: #013575;
color: #fff;
padding: 10px;
text-align: center;
font-weight: 800;
font-size: 18px;
height: 50px;
}
.subscribe-inner-l {
padding-right: 20px;
}
.subscribe-inner-r {
padding-left: 20px;
}
@media screen and (max-width: 767px) {
.share-btn-inner {
font-size: 16px;
height: 45px;
}
.subscribe-formbox {
flex-direction: column;
}
.subscribe-formbox input[type="text"], .subscribe-formbox input[type="email"] {
width: 100%;
}
.subscribe .col-md-6 {
border-right: none;
padding-top: 30px;
padding-bottom: 30px;
}
.subscribe .col-md-6:first-child {
border-bottom: 1px solid #00151E;
border-right: none;
}
.share-blk {
margin-bottom: 10px;
}
.subscribe-inner-l, .subscribe-inner-r {
padding: 0;
}
} .page-template-evacuation-tpl .key-v1 h1 {
font-size: 60px;
}
.page-template-evacuation-tpl .key-v1 .subtitle {
margin-bottom: 50px;
}
.image-numbers {
padding: 60px 0 80px 0;
}
.image-numbers .row {
align-items: center;
}
.image-numbers img {
width: 90%;
border-radius: 20px;
}
.image-numbers .number {
color: #FFC301;
font-size: 60px;
font-weight: 800;
line-height: 1;
margin-bottom: 20px;
}
.image-numbers .text {
color: #fff;
font-size: 16px;
margin-bottom: 0;
}
.image-numbers .mb50 {
margin-bottom: 50px;
}
.title-text-col {
padding: 75px 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
color: #fff;
}
.title-text-col .title {
font-size: 50px;
line-height: 1.3;
font-weight: 800;
text-transform: uppercase;
}
.stories {
padding: 75px 0;
color: #fff;
}
.stories h2 {
font-size: 42px;
text-transform: uppercase;
font-weight: 800;
margin-bottom: 50px;
}
.story {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.story img {
border-radius: 20px;
}
.story .text {
padding: 30px 30px 30px 70px;
margin-left: -40px;
border-radius: 20px;
background-color: #013575;
}
.story .text p:last-child {
margin-bottom: 0;
}
.stories .row:nth-child(2n-1) .story {
flex-direction: row-reverse;
}
.stories .row:nth-child(2n-1) .story .text {
padding: 30px 70px 30px 30px;
margin-left: 0px;
margin-right: -40px;
}
.need-evacuation {
padding: 100px 0;
color: #fff;
border-top: 1px solid #fff;
}
.need-evacuation h2 {
font-size: 50px;
text-transform: uppercase;
font-weight: 800;
margin-bottom: 30px;
}
.need-evacuation img {
width: 90%;
}
.need-evacuation .row {
margin-bottom: 30px;
}
.page-template-evacuation-tpl .str5 {
margin-bottom: 75px;
}
@media screen and (max-width: 767px) {
.page-template-evacuation-tpl .key-v1 h1 {
font-size: 28px;
}
.title-text-col .title {
font-size: 28px;
}
.image-numbers img {
width: 100%;
margin-bottom: 30px;
}
.image-numbers .number {
font-size: 48px;
}
.image-numbers .text {
max-width: 100%;
}
.title-text-col .text {
max-width: 100%;
}
.stories h2 {
font-size: 28px;
}
.story {
flex-direction: column;
}
.story .text {
padding: 60px 20px 20px 20px;
margin-left: 0;
margin-top: -20px;
border-radius: 20px;
}
.stories .row:nth-child(2n-1) .story {
flex-direction: column;
}
.stories .row:nth-child(2n-1) .story .text {
padding: 60px 20px 20px 20px;
margin-left: 0px;
margin-right: 0;
}
.need-evacuation h2 {
font-size: 28px;
}
.need-evacuation img {
width: 100%;
margin-bottom: 30px;
}
.need-evacuation .y-btn {
display: block;
text-align: center;
}
} .validated-d {
display: block;
}
.validated-m {
display: none;
}
.validated-d img, .validated-m img {
width: 35px;
height: 35px;
}
@media screen and (max-width: 767px) {
.validated-d {
display: none;
}
.validated-m {
display: block;
margin-right: 20px;
}
.lang li:nth-child(2) a, .lang li:nth-child(3) a {
padding-left: 10px;
font-size: 14px;
}
.lang li:first-child a, .lang li:nth-child(2) a {
padding-right: 10px;
}
}
.main-navigation ul ul a {
width: 240px;
}
.pic {
display: block;
}
.pic-m {
display: none;
}
.y-btn-b-i {
color: #FFC301;
border: 1px solid #FFC301;
background-color: transparent !important;
}
.find-cover-btns .y-btn-b a, .find-cover-btns .y-btn a {
text-decoration: none;
}
.find-cover-btns .y-btn:first-child {
margin-right: 20px;
}
.find-cover-btns {
display: flex;
align-items: center;
justify-content: flex-start;
}
.text-content .find-cover-btns {
justify-content: center;
margin: 50px 0;
}
@media screen and (max-width: 992px) {
.find-cover-btns {
flex-direction: column;
}
.key-v1-box .find-cover-btns .y-btn, .find-cover-btns .y-btn {
text-align: center;
display: block;
width: 100%;
margin-bottom: 10px;
margin-right: 0 !important;
}
.key-v1-box .find-cover-btns .y-btn-b {
margin-bottom: 140px;
}
.pic-m {
display: block;
}
.pic {
display: none;
}
} .key-v1 {
padding-top: 210px;
padding-bottom: 0;
margin-bottom: 30px;
color: #fff;
}
.key-v1-box {
position: relative;
background-color: #013575;
border-radius: 20px;
margin: 0 -70px;
padding: 50px 70px;
background-size: contain;
background-position: 100% 100%;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.key-v1-box h1 {
font-weight: 800;
font-size: 36px;
line-height: 1.3;
margin-top: 0;
margin-bottom: 15px;
width: 65%;
}
.key-v1 .subtitle {
width: 50%;
}
.text-content {
color: #fff;
padding: 50px 0;
}
.text-content a {
text-decoration: underline;
}
.text-content ul {
margin-left: 0;
}
.text-content table tr:first-child {
text-align: center;
color: #FFC301;
font-weight: 800;
}
.text-content table td {
border: 1px solid #fff;
padding: 20px;
}
.text-content-table {
overflow-x: auto;
}
.double-image {
padding: 50px 0;
}
.double-image img {
border-radius: 20px;
}
.useful-links {
padding: 50px 0;
}
.useful-links .title-h2 {
color: #fff;
font-size: 36px;
text-transform: uppercase;
font-weight: 800;
margin-bottom: 30px;
}
.useful-link {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #013575;
border-radius: 20px;
padding: 20px 30px;
margin-bottom: 10px;
}
.useful-link p {
margin-bottom: 0;
color: #fff;
font-size: 18px;
font-weight: 800;
}
.useful-link p a {
color: #FFC301;
white-space: nowrap;
}
.useful-link p a svg {
margin-left: 10px;
}
.table-country {
padding: 50px 0;
}
.table-country .title-h2 {
color: #fff;
font-size: 32px;
font-weight: 800;
margin-bottom: 30px;
}
.country {
border: 1px solid #fff;
border-bottom: none;
padding: 20px 50px;
color: #fff;
display: flex;
flex-direction: column;
}
.country:last-child {
border-bottom: 1px solid #fff;
}
.country-link {
display: flex;
align-items: center;
justify-content: space-between;
}
.country-name {
font-size: 24px;
font-weight: 800;
}
.country-part {
font-weight: 400;
font-size: 18px;
}
.country-link p {
margin-bottom: 0;
}
.country-link .more-btn {
color: #FFC301;
font-weight: bold;
white-space: nowrap;
}
.country-link .more-btn svg {
margin-left: 10px;
}
.country-files p {
padding-left: 20px;
background-image: url(//uanimals.org/en//wp-content/uploads/2023/06/skripka.svg);
background-repeat: no-repeat;
background-position: 0% 10%;
margin-top: 10px;
}
.w-line {
width: 100%;
height: 1px;
background-color: #fff;
}
.title-double-images {
padding: 50px 0;
color: #fff;
}
.title-double-images .title-h2 {
color: #fff;
font-size: 32px;
font-weight: 800;
margin-bottom: 30px;
}
.title-double-images img {
border-radius: 20px;
}
.text-content .simple-table-1 table tr:first-child{
text-align: left;
color: #fff;
font-weight: 400;
}
.text-content .title-h2 {
color: #fff;
font-size: 32px;
font-weight: 800;
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.key-v1 {
padding-top: 130px;
}
.key-v1-box {
margin: 0;
padding: 30px 20px;
justify-content: flex-start;
background-size: 75%;
background-position: 125% 100%;
}
.key-v1-box h1 {
font-size: 21px;
width: 100%;
margin-bottom: 20px;
}
.key-v1-box .y-btn {
text-align: center;
display: block;
margin-bottom: 140px;
}
.key-v1 .subtitle {
width: 100%;
}
.text-content table td {
padding: 10px;
font-size: 14px;
}
.text-content table ul {
padding-left: 1rem;
}
.double-image {
padding: 0;
}
.double-image img {
margin-bottom: 20px;
}
.useful-links {
padding: 25px 0;
}
.useful-link {
flex-direction: column;
align-items: flex-start;
padding: 15px 20px;
}
.useful-links .title-h2 {
font-size: 21px;
}
.useful-link p {
margin-bottom: 10px;
font-size: 16px;
font-weight: 400;
}
.useful-link p a {
font-weight: 800;
}
.table-country .title-h2, .title-double-images .title-h2, .text-content .title-h2 {
font-size: 21px;
}
.table-country, .title-double-images {
padding: 25px 0;
}
.country {
padding: 20px;
}
.country-link {
align-items: flex-start;
flex-direction: column;
}
.country-link p {
margin-bottom: 10px;
}
.country-name {
font-size: 14px;
}
.country-files {
font-size: 14px;
}
.country-part {
font-size: 14px;
}
.title-double-images img {
margin-bottom: 20px;
}
.simple-table-1 span {
font-size: 16px;
line-height: 1;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.key-v1-box {
background-size: 50%;
background-position: 110% 100%;
}
.key-v1-box h1 {
width: 80%;
font-size: 28px;
}
.key-v1 .subtitle {
width: 65%;
}
} .tumo-blk1 {
padding-top: 200px;
color: #fff;
}
.tumo-blk1 h1 {
font-family: ZonaPro;
font-size: 44px;
text-transform: uppercase;
font-weight: 800;
color: #DEE98F;
margin: 0 0 10px 0;
}
.tumo-blk1 p {
margin-bottom: 50px;
}
.btn-pink {
display: flex;
}
.btn-pink a {
color: #fff;
text-decoration: none;
}
.btn-pink-inner {
background-color: #CC7AC2;
border-radius: 20px;
padding: 15px 40px;
text-align: center;
font-weight: 800;
font-size: 20px;
}
.tumo-blk1 .image-right {
text-align: right;
}
.tumo-blk2 {
padding: 75px 0 100px 0;
}
.tumo-sum-box {
background-color: #DEE98F;
border-radius: 20px;
margin: 0 -70px;
padding: 100px 70px;
background-image: url(//uanimals.org/en//wp-content/uploads/2023/06/tumo-box-bg-1.svg);
background-repeat: no-repeat;
background-size: 40%;
background-position: 100% 50%;
display: flex;
align-items: center;
justify-content: space-between;
}
.tumo-sum-box .sum-title {
font-size: 48px;
color: #00151E;
text-transform: uppercase;
font-weight: 800;
margin-bottom: 0;
}
.tumo-sum-box .sum-value {
color: #CC7AC2;
font-size: 80px;
font-weight: 800;
margin-bottom: 0;
}
.tumo-blk3 .title-blk {
font-size: 48px;
color: #DEE98F;
font-weight: 800;
text-transform: uppercase;
display: flex;
}
.tumo-blk3 .title-blk img {
margin-left: 20px;
width: 50px;
}
.work-box {
color: #fff;
margin-bottom: 50px;
}
.work-box img {
width: 100%;
margin-bottom: 20px;
}
.work-box .name {
font-size: 24px;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 20px;
}
.work-box .description {
margin-bottom: 40px;
}
.tumo-blk4 {
padding: 75px 0 100px 0;
}
.tumo-collect-box {
background-color: #DEE98F;
border-radius: 20px;
margin: 0 -70px;
padding: 70px 70px;
background-image: url(//uanimals.org/en//wp-content/uploads/2023/06/tumo-box-bg-1.svg);
background-repeat: no-repeat;
background-size: 55%;
background-position: 100% 100%;
color: #00151E;
}
.tumo-collect-box .title {
font-size: 48px;
margin-bottom: 20px;
font-weight: 800;
text-transform: uppercase;
}
.tumo-collect-box .text {
margin-bottom: 50px;
}
.tumo-collect-box .text p {
font-size: 18px;
margin-bottom: 20px;
}
.tumo-collect-box .image-right {
text-align: right;
}
@media screen and (max-width: 767px) {
.tumo-blk1 {
padding-top: 150px;
}
.tumo-blk1 h1 {
font-size: 30px;
}
.btn-pink {
display: block;
}
.btn-pink-inner {
font-size: 18px;
}
.tumo-blk1 .image-right {
text-align: center;
margin-top: 50px;
}
.tumo-blk2 {
padding: 50px 0 50px 0;
}
.tumo-sum-box {
flex-direction: column;
align-items: flex-start;
margin: 0;
padding: 30px 20px 30px 20px;
background-size: 70%;
background-position: 100% 0%;
}
.tumo-sum-box .sum-title {
font-size: 28px;
}
.tumo-sum-box .sum-value {
font-size: 48px;
}
.tumo-blk3 .title-blk {
font-size: 28px;
margin-bottom: 30px;
}
.work-box .name {
font-size: 21px;
}
.work-box video {
height: 250px;
}
.tumo-collect-box {
flex-direction: column;
align-items: flex-start;
margin: 0;
padding: 30px 20px 30px 20px;
background-size: 70%;
background-position: 100% 0%;
}
.tumo-collect-box .title {
font-size: 28px;
}
.tumo-collect-box .text p {
font-size: 16px;
}
.tumo-collect-box .text {
margin-bottom: 30px;
}
.tumo-collect-box .image-right {
text-align: center;
margin-top: 50px;
}
.tumo-blk4 {
padding: 0 0 50px 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.tumo-blk1 h1 {
font-size: 28px;
}
.tumo-sum-box {
margin: 0 -20px;
padding: 50px 20px;
}
.tumo-sum-box .sum-title {
font-size: 28px;
}
.tumo-sum-box .sum-value {
font-size: 48px;
}
.tumo-blk3 .title-blk {
font-size: 36px;
}
.btn-pink-inner {
padding: 15px 30px;
font-size: 18px;
}
.tumo-collect-box .title {
font-size: 36px;
}
.tumo-collect-box {
margin: 0 -20px;
padding: 50px 20px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.tumo-blk1 h1 {
font-size: 44px;
}
.tumo-sum-box .sum-title {
font-size: 36px;
}
.tumo-sum-box .sum-value {
font-size: 60px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.tumo-sum-box {
margin: 0 -40px;
padding: 50px 40px;
}
.tumo-collect-box {
margin: 0 -40px;
padding: 50px 40px;
}
} .spil31 {
padding: 0 0 100px 0;
}
.spil31 .title {
font-size: 36px;
font-weight: 900;
line-height: 1.2;
}
.spil31 .number {
font-family: Spaceland;
font-size: 96px;
margin-bottom: 0;
}
.spil31 .list-number p {
margin-bottom: 20px;
}
.spil31 .list-number span {
margin-right: 15px;
font-family: Spaceland;
font-size: 28px;
}
@media screen and (max-width: 767px) {
.spil31 .title {
font-size: 28px;
margin-bottom: 20px;
}
.spil31 .btn-or-desc {
display: block;
}
} .r-costs {
margin-top: 100px;
margin-bottom: 100px;
}
.costs-table {
overflow-x: auto;
}
.costs-table tr td, .costs-table tr th {
color: #fff;
border: 1px solid #fff;
padding: 20px;
}
.costs-table tr th {
color: #FFC301;
text-align: center;
}
@media screen and (max-width: 768px) {
.costs-table tr td, .costs-table tr th {
padding: 10px;
}
.costs-table table {
font-size: 12px;
}
} .spil6 .swiper-slide img {
border: none;
}
.spil6 .swiper-slide {
border-radius: 20px;
}
.spil6 {
padding: 150px 0;
}
.spil6 .row-gallery {
margin-bottom: 50px;
}
.spil6 img {
border-radius: 20px;
}
.spil21 {
margin-bottom: 150px;
}
.spil21 .number {
font-family: Spaceland;
font-size: 96px;
margin-bottom: 0;
}
.spil21 .btn-blue, .spil6 .btn-blue {
display: flex;
justify-content: center;
margin-top: 50px;
}
.spil21 .btn-blue a, .spil6 .btn-blue a {
color: #fff;
font-weight: 800;
}
.spil21 .btn-blue-inner, .spil6 .btn-blue-inner {
background-color: #022B5A;
padding: 15px;
border-radius: 10px;
}
.spil5 .spil5-box {
border: 3px solid #003575;
border-radius: 10px;
padding: 50px;
}
.spil5-box .row {
align-items: center;
}
.spil5 .title {
font-size: 45px;
font-weight: 800;
line-height: 1.2;
margin-bottom: 30px;
}
.spil4 {
padding: 150px 0 100px 0;
}
.spil4 .title {
font-size: 36px;
font-weight: 800;
line-height: 1.2;
margin-bottom: 50px;
}
.spil4 .list-number {
}
.spil4 .list-number p {
margin-bottom: 50px;
font-size: 24px;
}
.spil4 .list-number span {
margin-right: 15px;
font-family: Spaceland;
font-size: 32px;
}
.blue {
color: #6EBFBA;
}
.yellow {
color: #ffc300;
}
.purple {
color: #CC7AC2;
}
.orange {
color: #F77F02;
}
.spil3 .title {
font-size: 45px;
font-weight: 800;
line-height: 1.2;
margin-bottom: 30px;
}
.spil3 .list-icon img {
margin-right: 15px;
}
.spil2 {
padding: 150px 0;
}
.spil2 .title {
font-size: 80px;
font-weight: 900;
line-height: 1.2;
}
.btn-or {
display: flex;
margin-top: 50px;
}
.btn-or a {
color: #fff;
font-weight: 800;
}
.btn-or-inner {
background-color: #F77F02;
padding: 15px;
border-radius: 10px;
}
.btn-or-desc {
display: flex;
}
.btn-or-mob {
display: none;
}
.spil1 {
padding-top: 200px;
}
.spil1 .ms {
display: flex;
align-items: center;
justify-content: space-between;
}
.spil1 .ms-r {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-left: 20px;
}
.spil1 .ms-r img:first-child {
margin-bottom: 15px;
}
.spilnota {
color: #fff;
}
@media screen and (max-width: 767px) {
.spil1 {
padding-top: 130px;
}
.spil1 .ms-r {
margin-left: 5px;
}
.spil1 .ms-r img:first-child {
margin-bottom: 5px;
}
.spil2 {
padding: 50px 0 20px 0;
}
.spil2 .title {
font-size: 28px;
margin-bottom: 20px;
}
.spil3 .title {
font-size: 28px;
margin-bottom: 20px;
}
.list-icon p {
display: flex;
align-items: flex-start;
}
.spil3 .list-icon img {
margin-top: 7px;
}
.spil4 {
padding: 50px 0;
}
.spil4 .title {
font-size: 28px;
margin-bottom: 20px;
}
.spil4 .list-number p {
margin-bottom: 10px;
font-size: 21px;
display: flex;
align-items: center;
}
.spil5 .spil5-box {
padding: 20px;
}
.spil5 .title {
font-size: 28px;
margin-bottom: 20px;
}
.btn-or-inner {
text-align: center;
}
.btn-or {
margin-top: 30px;
margin-bottom: 30px;
}
.btn-or-desc {
display: none;
}
.btn-or-mob {
display: flex;
margin-bottom: 0;
}
.spil6 {
padding: 50px 0;
}
.spil6 img {
margin-bottom: 20px;
}
.spil6 .row-gallery {
margin-bottom: 20px;
}
.spil21 .number {
font-size: 75px;
line-height: 1.2;
}
.spil21 .text {
max-width: 100%;
margin-bottom: 30px;
}
.spil21 .btn-blue, .spil6 .btn-blue {
margin-top: 30px;
}
.spil21 {
margin-bottom: 50px;
}
} .btns {
padding-bottom: 100px;
background-color: #00151E;
}
.btns-p {
display: flex;
justify-content: space-between;
align-items: center;
}
.btn-p {
width: 33%;
}
.btn-p a {
color: #013575;
font-weight: 800;
}
.btn-p-inner {
background-color: #fff;
padding: 15px 30px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: space-between;
transition: all 0.5s;
}
.btn-p-inner svg path {
stroke: #013575;
transition: all 0.5s;
}
.btn-p:hover a {
color: #fff;
}
.btn-p:hover .btn-p-inner {
background-color: #013575;
transition: all 0.5s;
}
.btn-p:hover .btn-p-inner svg path {
stroke: #fff;
transition: all 0.5s;
}
.btn-pb a {
color: #fff;
}
.btn-pb .btn-p-inner {
background-color: #013575;
}
.btn-pb .btn-p-inner svg path {
stroke: #fff;
}
.btn-pb:hover a {
color: #013575;
}
.btn-pb:hover .btn-p-inner {
background-color: #fff;
transition: all 0.5s;
}
.btn-pb:hover .btn-p-inner svg path {
stroke: #013575;
transition: all 0.5s;
}
@media screen and (max-width: 767px) {
.btn-p {
width: 100%;
margin-bottom: 10px;
}
.btns-p {
flex-direction: column;
}
.btns {
padding-top: 20px;
padding-bottom: 50px;
}
} .home-form {
display: flex;
position: relative;
padding-top: 250px;
}
.hf-text {
z-index: 1;
}
.hf-text .home-form-title {
font-size: 80px;
text-transform: uppercase;
text-align: left;
font-weight: 800;
line-height: 1;
margin-bottom: 10px;
margin-top: 0;
color: #fff;
}
.hf-text .home-subtitle {
font-size: 32px;
font-weight: 800;
text-transform: uppercase;
color: #fff;
}
.hf-box {
background-color: #fff;
z-index: 5;
padding: 30px 30px 50px 30px;
border-radius: 20px;
min-width: 500px;
margin-bottom: 100px;
}
.hf-box-text {
color: #022B5A;
font-size: 20px;
font-weight: 800;
margin-bottom: 20px;
}
.hf-box .hf-donate-sum {
width: 100%;
margin-right: 0;
border: 1px solid #013575;
border-radius: 10px;
height: 90px;
text-align: center;
font-size: 40px;
color: #013575;
display: flex;
align-items: center;
justify-content: center;
}
.hf-box .hf-donate-sum input {
margin-right: 0;
text-align: right;
font-size: 40px;
color: #013575;
border: none;
width: 100%;
line-height: 1;
}
.hf-donate-curr {
text-align: left;
width: 30%;
color: #999;
}
.hf-box-sum {
display: flex;
align-items: center;
justify-content: space-between;
margin: 20px -5px 40px -5px;
}
.hf-box-add {
padding: 12px 30px;
border: 1px solid #013575;
border-radius: 5px;
font-size: 16px;
font-weight: 800;
color: #013575;
width: 100%;
text-align: center;
margin: 0 5px;
cursor: pointer;
}
.hf-box-add:hover {
background-color: #013575;
color: #fff;
}
.hf-box-btn {
width: 100%;
height: 50px;
border: none;
background-color: #013575;
color: #fff;
font-weight: 800;
border-radius: 5px;
padding: 15px;
}
.hf-img {
position: absolute;
z-index: 3;
text-align: center;
width: 100%;
left: 0;
bottom: 0;
}
.hf-img img {
width: 600px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.hf-img img {
width: 550px;
}
.hf-box {
width: 450px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.home-form {
padding-top: 200px;
}
.hf-text .home-form-title {
font-size: 50px;
}
.hf-text .home-subtitle {
font-size: 21px;
}
.hf-box {
min-width: 400px;
}
.hf-img img {
width: 500px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.home-form {
padding-top: 180px;
}
.hf-text .home-form-title {
font-size: 55px;
}
.hf-text .home-subtitle {
font-size: 16px;
}
.hf-box {
min-width: 300px;
width: 360px;
}
.hf-img img {
width: 400px;
}
.hf-box-add {
padding: 8px;
}
.hf-box-sum {
margin: 10px -5px 20px -5px;
}
.hf-box {
padding: 20px 20px 30px 20px;
margin-bottom: 50px;
}
.hf-box-text {
font-size: 18px;
margin-bottom: 15px;
}
.hf-box .hf-donate-sum input {
font-size: 32px;
}
.hf-donate-curr {
font-size: 28px;
}
.hf-box .hf-donate-sum {
height: 70px;
}
}
@media screen and (max-width: 767px) {
.home-form {
flex-direction: column;
padding-top: 130px;
}
.hf-text .home-form-title {
font-size: 36px;
}
.hf-text .home-subtitle {
font-size: 14px;
}
.hf-box {
min-width: 200px;
width: 100%;
margin-top: 20px;
padding: 20px 20px 30px 20px;
}
.hf-box-add {
padding: 8px;
}
.hf-img {
bottom: auto;
text-align: right;
top: 140px;
}
.hf-img img {
width: 180px;
}
.home-screen {
background-position: center;
}
.hf-box .hf-donate-sum {
height: 60px;
font-size: 30px;
}
} .modal-wild {
background-image: url(//uanimals.org/en//wp-content/uploads/2023/05/ms-bg.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: fixed;
width: 90%;
height: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 800px;
z-index: 99999;
padding-bottom: 50px;
opacity: 0;
transition: all 0.5s;
}
.modal-wild .title {
text-align: center;
padding: 0 10%;
}
.modal-wild .title .first {
margin-top: 100px;
margin-bottom: -30px;
width: 80%;
}
.modal-wild .mw-close {
top: 0;
right: 0;
background-color: #fff;
padding: 5px;
border-radius: 30px;
width: 40px;
height: 40px;
cursor: pointer;
float: right;
position: relative;
margin: 10px;
}
.modal-wild .text {
text-align: center;
color: #fff;
text-transform: uppercase;
font-size: 28px;
margin-bottom: 50px;
padding: 0 10%;
}
.modal-wild .y-btn {
display: flex;
justify-content: center;
}
.modal-wild .y-btn a {
text-decoration: none;
}
.modal-wild .y-btn-inner:hover {
color: #00151E;
background-color: #FFFF00;
transition: all 0.5s;
}
.modal-wild .y-btn-inner {
padding: 10px 20px;
font-size: 20px;
border-radius: 30px;
color: #00151E;
background-color: #FFFF00;
width: 270px;
text-align: center;
transition: all 0.5s;
}
.modal-bg {
background-color: #000;
opacity: 0;
position: fixed;
z-index: 99998;
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: all 0.5s;
}
@media screen and (max-width: 768px) {
.modal-wild .text {
font-size: 18px;
}
.modal-wild .title .first {
margin-bottom: -10px;
}
} .documents {
padding: 150px 0 150px 0;
color: #fff;
}
.documents h1 {
color: #fff;
font-size: 45px;
font-weight: 800;
}
.documents-inner {
padding: 30px 0;
border-bottom: 1px solid #fff;
display: flex;
justify-content: space-between;
align-items: center;
}
.documents-inner .documents-title {
font-size: 24px;
margin-bottom: 0;
}
.documents-inner .documents-link {
color: #CBA135;
font-size: 18px;
margin-bottom: 0;
}
.documents-inner .documents-link a {
color: #CBA135;
margin-right: 10px;
}
@media screen and (max-width: 768px) {
.documents-inner .documents-title {
font-size: 16px;
}
.documents-inner .documents-link {
font-size: 14px;
}
.documents-inner .documents-link a {
display: none;
}
.documents {
padding: 100px 0 100px 0;
color: #fff;
}
} .str1 {
padding-top: 210px;
padding-bottom: 0;
margin-bottom: 30px;
color: #fff;
font-family: ZonaPro;
}
.str1-box {
position: relative;
background-color: #013575;
border-radius: 20px;
margin: 0 -70px;
padding: 50px 70px;
}
.str1 h1 {
font-weight: 800;
font-size: 55px;
text-transform: uppercase;
line-height: 1.3;
margin-top: 0;
margin-bottom: 15px;
width: 75%;
}
.str1 .subtitle {
font-size: 24px;
text-transform: uppercase;
font-weight: 800;
margin-bottom: 10px;
}
.str1 .text {
font-size: 16px;
width: 50%;
margin-bottom: 50px;
}
.str1 .cat-dog {
position: absolute;
right: 0;
bottom: 0;
width: 43%;
}
.y-btn {
display: flex;
}
.y-btn a {
color: #00151E;
font-size: 20px;
font-weight: 800;
}
.y-btn-i {
background-color: #FFC301;
padding: 15px 50px;
border-radius: 20px;
}
.str2 {
font-family: ZonaPro;
padding-bottom: 100px;
}
.str2 .row {
padding-top: 100px;
border-top: 1px solid #fff;
}
.str2-box {
margin: 0 -70px;
display: flex;
justify-content: space-between;
}
.str2-box2-bg {
background: linear-gradient(181.37deg, #BAADA5 1.27%, #C4B4AB 28.98%, #C4B3AB 47.42%, #B8A499 77.31%, #A9988E 91.72%, #A9988D 98.78%);
border-radius: 20px;
width: 100%;
}
.str2-box2 {
background-image: url(//uanimals.org/en//wp-content/uploads/2023/04/sterilization-dog-top-3.png);
background-repeat: no-repeat;
background-position: 100% 100%;
background-size: contain;
padding: 50px;
height: 300px;
}
.str2-box1 .title, .str2-box2 .title {
font-size: 42px;
color: #022B5A;
font-weight: 800;
margin-bottom: 10px;
}
.str2-box1 .text, .str2-box2 .text {
color: #022B5A;
font-size: 16px;
width: 60%;
}
.str3 {
margin-top: 65px;
margin-bottom: 50px;
}
.str3 .str-small-title {
font-size: 36px;
}
.str-title {
font-size: 55px;
color: #fff;
font-family: ZonaPro;
font-weight: 800;
text-transform: uppercase;
line-height: 1.3;
margin-top: 0;
margin-bottom: 20px;
}
.str-text {
font-size: 16px;
color: #fff;
line-height: 1.5;
}
.str4 {
margin-top: 80px;
display: none;
}
.map-bottom-text {
color: #fff;
margin-bottom: 75px;
margin-top: 20px;
}
.map-bottom-text p {
margin-bottom: 0;
}
.map-box {
position: relative;
border-radius: 20px;
-webkit-transform: translateZ(0);
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}
.map-box #map {
border: none;
width: 100%;
height: 450px;
max-width: 74%;
box-shadow: 10px 10px 20px 0px rgb(0 114 187 / 0.1);
border-radius: 20px;
}
.map-side {
position: absolute;
right: 0;
top: 0;
height: 450px;
width: 330px;
background-color: #013575;
border-radius: 18px;
padding: 25px;
}
.map-info {
display: none;
}
.map-info .info {
color: #fff;
font-size: 14px;
position: absolute;
bottom: 0;
width: 88%;
}
.active-map-info {
display: block;
}
.map-side .title {
color: #fff;
font-size: 16px;
font-weight: 800;
}
.map-side .cities {
border-radius: 10px;
padding: 10px;
border: none;
height: 40px;
}
.map-side .person {
margin: 40px 0 10px 0;
color: #fff;
font-size: 22px;
font-weight: 800;
}
.map-social {
display: flex;
}
.map-social a {
float: left;
margin-right: 10px;
}
.map-phone a, .map-phone a:visited, .map-phone a:active {
font-weight: 800;
color: #fff;
}
.str7 {
margin-top: 65px;
}
.graph {
margin-top: 50px;
}
.str-brd {
border-top: 1px solid #fff;
padding-top: 75px;
}
.str6 {
margin-top: 100px;
}
.str5 .str-title {
margin-bottom: 25px;
}
.str5 .swiper {
width: auto;
height: auto;
}
.str5 .swiper-slide {
background: none;
}
.str5 .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
border: none;
}
.str-subtext {
color: #fff;
}
.str-subtext a {
color: #fff;
text-decoration: underline;
}
.myth-box {
padding: 30px;
border: 1px solid #fff;
border-radius: 20px;
margin-bottom: 30px;
}
.myth-box .title {
font-size: 24px;
text-transform: uppercase;
color: #FFC301;
margin-bottom: 0;
font-weight: 800;
}
.myth-box .subtitle {
font-size: 24px;
color: #fff;
font-weight: 800;
margin-bottom: 20px;
}
.myth-box .text {
font-size: 16px;
line-height: 1.5;
color: #fff;
}
.str1-bottom {
padding-top: 30px;
margin-bottom: 100px;
display: none;
}
.str1-bottom .title {
font-weight: 800;
font-size: 45px;
text-transform: uppercase;
line-height: 1.3;
margin-top: 0;
margin-bottom: 15px;
width: 75%;
}
.str1-bottom .cat-dog {
width: 35%;
}
@media screen and (max-width: 767px) {
.map-box #map {
max-width: 100%;
}
.str1 {
padding-top: 130px;
}
.str1-box {
margin: 0;
padding: 30px 20px 100px 20px;
}
.str1 h1, .str1-bottom .title {
font-size: 22px;
width: 100%;
}
.str1 .subtitle {
font-size: 16px;
}
.str1 .text {
width: 100%;
max-width: 100%;
margin-bottom: 30px;
}
.y-btn-i {
padding: 15px;
}
.y-btn a {
color: #00151E;
font-size: 16px;
font-weight: 800;
}
.str2-box {
margin: 0;
flex-direction: column;
row-gap: 30px;
}
.str2-box1-bg, .str2-box2-bg {
width: 100%;
}
.str2-box1, .str2-box2 {
padding: 30px 20px;
}
.str2-box2 {
height: 400px;
background-size: 65%;
}
.str2-box1 .title, .str2-box2 .title {
font-size: 32px;
}
.str2-box1 .text, .str2-box2 .text {
width: 100%;
}
.str-title {
font-size: 24px;
}
.str3 {
margin-top: 75px;
}
.str3 .str-small-title {
font-size: 22px;
}
.str3 .y-btn a {
width: 100%;
text-align: center;
}
.str6 {
margin-top: 75px;
}
.myth-box {
padding: 20px;
}
.myth-box .subtitle {
font-size: 22px;
}
.str1-bottom {
padding-top: 30px;
}
.map-box iframe {
border-radius: 20px 20px 0 0 !important;
}
.map-side {
position: relative;
top: 0;
margin-top: -25px;
width: 100%;
}
.graph {
margin-top: 30px;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.str1 h1 {
font-size: 32px;
}
.str1-box {
margin: 0 -30px;
padding: 50px 30px;
}
.str1 .subtitle {
font-size: 20px;
}
.str2-box1 {
padding: 25px;
}
.str2-box2 {
padding: 25px;
background-size: 40%;
}
.str2-box {
margin: 0 -30px;
}
.str2-box1 .title, .str2-box2 .title {
font-size: 32px;
}
.str2-box1 .text, .str2-box2 .text {
width: 65%;
}
.str-title {
font-size: 32px;
}
.myth-box .subtitle {
font-size: 20px;
}
.str1-bottom .title {
font-size: 28px;
width: 70%;
}
.map-box #map {
max-width: 65%;
}
} .footer-text {
text-align: center;
}
.subscribe, .site-footer {
z-index: 9999999;
position: relative;
}
.footer-main .menu {
visibility: visible;
opacity: 1;
background: none;
display: block !important;
} .report-head {
padding-top: 200px;
padding-bottom: 50px;
color: #fff;
}
.report-head h1 {
font-size: 65px;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 30px;
margin-top: 0;
}
.report-head .title-1, .report-head .title-2 {
margin-bottom: 10px;
}
.report-head .subtitle-1, .report-head .subtitle-2 {
font-size: 45px;
font-weight: 800;
margin-bottom: 20px;
}
.report-head .r-line {
height: 1px;
width: 100%;
border-top: 1px solid #fff;
margin-bottom: 20px;
}
.r-gallery {
margin: 50px 0 100px 0;
}
.swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border: 5px solid #fff;
}
.mySwiper .swiper-wrapper, .myMobileSwiper .swiper-wrapper {
transition-timing-function: linear;
}
.myMobileSwiper {
display: none !important;
}
.mySwiper {
display: block !important;
}
.r-content {
color: #fff;
margin-bottom: 100px;
}
.r-content .title {
font-size: 45px;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 40px;
}
.r-content .site-cta {
text-align: left;
}
.col-md-6-d-l {
width: 50%;
position: sticky;
top: 200px;
float: left;
}
.col-md-6-d-r {
width: 50%;
display: inline-block;
}
.r-full-text {
margin-top: 30px;
}
.r-full-text img {
width: 100%;
}
.reports {
padding: 150px 0 150px 0;
color: #fff;
}
.reports-summary {
margin-bottom: 100px;
}
.reports h1 {
text-transform: uppercase;
font-weight: 800;
font-size: 48px;
}
.reports-inner {
padding: 40px 0;
border-bottom: 1px solid #fff;
display: flex;
justify-content: space-between;
align-items: center;
}
.reports-inner .reports-title {
font-size: 48px;
text-transform: uppercase;
margin-bottom: 0;
font-weight: 800;
}
.reports .col-md-10 {
margin-top: 0;
}
.reports-inner .reports-link {
color: #CBA135;
font-size: 18px;
margin-bottom: 0;
white-space: nowrap;
}
.reports-inner .reports-link a {
color: #CBA135;
margin-right: 10px;
}
@media screen and (max-width: 767px) {
.report-head {
padding-top: 150px;
}
.report-head h1 {
font-size: 32px;
}
.report-head .subtitle-1, .report-head .subtitle-2 {
font-size: 28px;
}
.r-gallery {
margin: 0 0 50px 0;
}
.col-md-6-d-l, .col-md-6-d-r {
width: 100%;
position: inherit;
}
.r-content .title {
font-size: 28px;
}
.myMobileSwiper {
display: block !important;
}
.mySwiper {
display: none !important;
}
.reports {
padding: 100px 0 100px 0 !important;
}
.reports h1 {
font-size: 32px;
}
.reports-image {
margin-top: 30px;
}
.reports-inner .reports-title {
font-size: 24px;
}
.reports-inner .reports-link {
font-size: 14px;
}
.reports-inner .reports-link a {
margin-right: 5px;
}
.reports-inner {
padding: 20px 0;
}
.reports .col-md-1 {
display: none;
}
} .col-md-5-d {
width: 40%;
position: sticky;
top: 200px;
float: left;
}
.col-md-7-d {
width: 55%;
margin-left: 5%;
display: inline-block;
}
.payment-period {
margin: 0 0 20px 0 !important;
padding: 0 5px;
}
.reg-pay-info {
font-size: 14px;
margin-bottom: 10px;
}
.credentials .payment-period .nav-item {
margin: 0;
}
.payment-period input[type="radio"] {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
margin-top: -35px;
margin-left: -20px;
cursor: pointer;
}
.payment-period label {
display: block;
height: inherit;
position: relative;
}
.payment-period label {
padding: 10px 20px;
border: 1px solid #013575;
}
.payment-period .active label {
background-color: #013575;
}
.payment-title {
font-size: 28px;
font-weight: 800;
}
.rec-name {
font-size: 28px;
font-weight: 800;
color: #fff;
text-transform: uppercase;
margin-bottom: 20px;
}
.rec-box {
border-radius: 5px;
padding: 20px;
margin-bottom: 20px;
border: 1px solid #013575;
}
.rec-title {
font-weight: 800;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 14px;
}
.rec-title span {
font-weight: 300;
text-transform: none;
margin-right: 10px;
}
.rec-item {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #013575;
padding: 10px 20px;
border-radius: 5px;
margin: 20px 0 10px 0;
}
.rec-item p {
margin-bottom: 0;
}
.rec-item .rec-item-title {
font-size: 14px;
}
.rec-item .rec-item-value {
font-weight: 800;
margin-bottom: 5px;
}
.click {
cursor: pointer;
transition: all 0.5s;
}
.click:hover {
background-color: #044492;
transition: all 0.5s;
}
#copied {
z-index: 999;
}
.rec-btn-m {
margin-bottom: 10px;
}
.rec-btn-m a {
color: #000;
text-decoration: none;
font-weight: 800;
font-size: 18px;
}
.rec-btn-m-inner {
text-align: center;
background-color: #fff;
padding: 10px;
border-radius: 5px;
}
.rec-btn-patreon {
margin-bottom: 10px;
}
.rec-btn-patreon a {
color: #fff;
text-decoration: none;
font-weight: 800;
font-size: 18px;
}
.rec-btn-patreon-inner {
text-align: center;
background-color: #fe434d;
padding: 10px;
border-radius: 5px;
}
.rec-btn-patreon-inner img {
height: 20px;
margin-right: 10px;
}
.rec-btn {
margin-bottom: 10px;
}
.rec-btn a {
color: #fff;
text-decoration: none;
font-weight: 800;
font-size: 18px;
}
.rec-btn-inner {
text-align: center;
background-color: #013575;
padding: 10px;
border-radius: 5px;
}
@media screen and (max-width: 767px) {
.col-md-5-d, .col-md-7-d {
width: 100%;
position: inherit;
margin-left: 0;
}
.rec-item .rec-item-value {
font-weight: 800;
margin-bottom: 5px;
word-break: break-word;
}
.rec-item p {
font-size: 14px;
}
.rec-item-copy-text {
font-size: 12px;
margin-left: 10px;
}
.rec-link {
font-size: 14px;
}
.rec-box {
padding: 20px 10px;
}
.rec-item {
padding: 10px;
}
.rec-name {
font-size: 21px;
}
form.donate-form .contact-data {
margin-bottom: 30px;
}
.advblk1 .center-btn {
flex-direction: column;
}
.advblk1 .center-btn .y-btn {
margin: 10px 0px;
}
.advblk1 .center-btn .y-btn a {
width: 100%;
text-align: center;
}
}
@media (min-width: 768px) and (max-width: 1439px) {
form.donate-form label .radio-text {
font-size: 14px !important;
}
.payment-title {
display: none;
}
}
@media (max-width: 380px){
.titlle {
font-size: 34px !important;
}
}
a.btnn--blue:visited {
color: #223A72 !important;
}
:root {
--yellow: #FFC301;
--blue: #013575;
}.uaanimals-modal__radio-group {
display: flex;
align-items: center;
justify-content: flex-start;
color: #fff;
margin-top: 20px !important;
}
.uaanimals-modal__radio {
display: flex;
align-items: center;
justify-content: flex-start;
margin-right: 50px;
}
.uaanimals-modal__input-wrap .uaanimals-modal__radio input {
height: 25px;
width: 25px;
margin-right: 10px;
} .uaanimals-body {
font-family: 'ZonaPro';
background-color: #00151e;
color: #FFFFFF;
background-image: url(//uanimals.org/en//wp-content/uploads/2024/04/bg-body.png);
background-size: contain;
background-repeat: no-repeat;
background-position: top;
padding-top: 100px;
}
.container-fluid {
max-width: 1920px;
width: 100%;
padding: 0px 20px;
margin: 0 auto;
}
.uaanimals-btn {
height: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
color: white;
font-size: 24px;
font-weight: 800;
line-height: 28px;
padding: 25px 30px;
border-radius: 5px;
background-color: #cba035;
-webkit-transition: linear .2s;
-o-transition: linear .2s;
transition: linear .2s;
border: none;
}
.uaanimals-btn:hover {
background-color: #dfb857;
} .uaanimals-top {
overflow: hidden;
}
.uaanimals-top__inner {
padding: 60px 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.uaanimals-top__left {
margin: 0 15px 0 0;
max-width: 890px;
width: 100%;
}
.uaanimals-top__left h1 {
font-size: 80px;
font-weight: 600;
line-height: 120%;
}
.uaanimals-top__right {
margin: 0 -140px 0 0;
max-width: 600px;
width: 100%;
}
.uaanimals-top__img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}  .uaanimals-img {
padding: 10px 0 65px;
}
.uaanimals-img__inner {
width: 100%;
height: auto;
}
.uaanimals-img__inner img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}  .uaanimals-friends__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 0 -20px;
}
.uaanimals-friends__item {
padding: 20px;
margin: 0 0 20px 20px;
width: calc(20% - 20px);
border-radius: 15px;
background-color: #013575;
}
.uaanimals-friends h4 {
margin: 0 0 30px 0;
font-size: 24px;
font-weight: 600;
line-height: 120%;
}
.uaanimals-friends p {
margin: 0 0 5px 0;
font-size: 22px;
font-weight: 600;
line-height: 26px;
}
.uaanimals-friends span {
margin: 0 0 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #a3a3a3;
font-size: 16px;
font-weight: 400;
line-height: 19px;
}
.uaanimals-friends .uaanimals-btn {
height: 45px;
width: 100%;
font-size: 18px;
}  .uaanimals-about {
padding: 65px 0 40px;
overflow: hidden;
}
.uaanimals-about__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.uaanimals-about__left {
max-width: 705px;
width: 100%;
margin: 0 15px 0 0;
}
.uaanimals-about h3 {
margin: 0 0 20px 0;
font-size: 65px;
font-weight: 600;
line-height: 120%;
}
.uaanimals-about p {
margin: 0 0 30px 0;
font-size: 20px;
font-weight: 400;
line-height: 150%;
}
.uaanimals-about__right {
margin: 0 -80px 0 0;
max-width: 780px;
width: 100%;
}
.uaanimals-about__img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}  .uaanimals-slider {
padding: 55px 0 125px;
background-image: url(//uanimals.org/en//wp-content/uploads/2024/04/uaanimals-sliderbg.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: bottom;
}
.uaanimals-slider__inner {
position: relative;
}
.uaanimals-slider__slider {
overflow: hidden;
height: 400px;
}
.uaanimals-slider__slider .swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.uaanimals-slider__slider .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 20px;
height: 200px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
-webkit-transition: linear .2s;
-o-transition: linear .2s;
transition: linear .2s;
border-radius: 20px;
}
.uaanimals-slider__slider .swiper-slide span {
padding: 10px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 24px;
font-weight: 800;
line-height: 90%;
text-align: center;
height: 45px;
border-radius: 10px;
background-color: #013575;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-transition: linear .2s;
-o-transition: linear .2s;
transition: linear .2s;
}
.uaanimals-slider__slider .swiper-slide-active {
width: 38% !important;
height: 400px;
}
.uaanimals-slider__slider .swiper-slide-active span {
font-size: 32px;
height: 55px;
}
.uaanimals-slider__content {
position: absolute;
right: 0;
top: 0;
width: 60%;
}
.uaanimals-slider__content h3 {
margin: 0 0 20px 0;
font-size: 65px;
font-weight: 600;
line-height: 120%;
}
.uaanimals-slider__content p {
margin: 0 0 15px 0;
font-size: 20px;
font-weight: 400;
line-height: 150%;
}  .uaanimals-modal {
display: none;
padding: 30px 50px 50px 50px;
max-width: 700px;
width: 100%;
border-radius: 15px;
background-color: #013575;
}
.uaanimals-modal h4 {
padding: 0 100px 0 0;
margin: 0 0 10px 0;
font-size: 32px;
font-weight: 600;
line-height: 120%;
color: #fff;
}
.uaanimals-modal__inner > span {
margin: 0 0 25px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #a3a3a3;
font-size: 16px;
font-weight: 400;
line-height: 19px;
}
.uaanimals-modal__input-wrap {
width: 100%;
margin: 0 0 10px 0;
}
.uaanimals-modal__input-wrap input {
height: 55px;
width: 100%;
border: none;
padding: 15px 20px;
border-radius: 10px;
background-color: #f4f4f4;
}
.uaanimals-modal__input-wrap input::-webkit-input-placeholder {
color: #00151e;
}
.uaanimals-modal__input-wrap input::-moz-placeholder {
color: #00151e;
}
.uaanimals-modal__input-wrap input:-ms-input-placeholder {
color: #00151e;
}
.uaanimals-modal__input-wrap input::-ms-input-placeholder {
color: #00151e;
}
.uaanimals-modal__input-wrap input::placeholder {
color: #00151e;
}
.uaanimals-modal .uaanimals-btn {
margin: 30px 0 0 0;
width: 100%;
}
.uaanimals-modal .fancybox-close-small {
top: 35px;
right: 35px;
opacity: 1;
width: 65px;
height: 65px;
background-image: url(//uanimals.org/en//wp-content/uploads/2024/04/close-mod.png);
}
.uaanimals-modal .fancybox-close-small svg {
display: none;
}
.account-addLogo {
padding: 15px 20px;
height: 55px;
width: 100%;
border: none;
border-radius: 10px;
background-color: #f4f4f4;
cursor: pointer;
}
.account-addLogo input[type="file"] {
display: none;
}
.account-addLogo__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.account-addLogo__sup {
color: #00151e;
font-size: 16px;
font-weight: 400;
line-height: 19px;
}  .map {
padding: 165px 0 0 0;
height: 1220px;
overflow: hidden;
position: relative;
}
.map::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 350px;
width: 100%;
background: -webkit-gradient(linear, left bottom, left top, color-stop(1.659%, rgba(0, 21, 30, 0)), color-stop(72.976%, #00151e));
background: -o-linear-gradient(bottom, rgba(0, 21, 30, 0) 1.659%, #00151e 72.976%);
background: linear-gradient(0deg, rgba(0, 21, 30, 0) 1.659%, #00151e 72.976%);
}
.map h3 {
position: relative;
z-index: 2;
padding: 0 20px;
font-size: 90px;
font-weight: 600;
line-height: 120%;
text-align: center;
}
.map__inner {
width: 1920px;
margin: 0 auto;
height: 1220px;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
}
.map__bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.map__box {
width: 900px;
height: 600px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.map__item-one {
position: absolute;
top: 30px;
right: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 224px;
height: 224px;
font-size: 36px;
font-weight: 600;
line-height: 120%;
text-align: center;
background-image: url(//uanimals.org/en//wp-content/uploads/2024/04/map-1.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.map__item-two {
position: absolute;
bottom: 80px;
left: 27px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 250px;
height: 210px;
font-size: 32px;
font-weight: 600;
line-height: 120%;
text-align: center;
background-image: url(//uanimals.org/en//wp-content/uploads/2024/04/map-2.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.map__item-three {
position: absolute;
bottom: -30px;
right: -235px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 495px;
height: 255px;
font-size: 45px;
font-weight: 600;
line-height: 120%;
text-align: center;
background-image: url(//uanimals.org/en//wp-content/uploads/2024/04/map-3.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: linear .2s;
-o-transition: linear .2s;
transition: linear .2s;
-webkit-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
.map__item-three:hover {
opacity: .8;
}
.map__item-content {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 350px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 64px;
font-weight: 600;
line-height: 120%;
text-align: center;
} @media (max-width: 1600px) {
.uaanimals-friends .uaanimals-btn {
font-size: 16px;
padding: 25px 10px;
}
.uaanimals-friends h4 {
font-size: 21px;
}
.uaanimals-top__left h1,
.map h3 {
font-size: 70px;
}
.uaanimals-top__right {
margin: 0;
max-width: 450px;
}
.uaanimals-about h3,
.uaanimals-slider__content h3 {
font-size: 45px;
}
.uaanimals-about p,
.uaanimals-slider__content p {
margin: 0 0 20px 0;
font-size: 16px;
}
}
@media (max-width: 1400px) {
.uaanimals-friends__item {
width: calc(33.33333% - 20px);
}
.map__box {
-webkit-transform: translate(-50%, -50%) scale(0.8);
-ms-transform: translate(-50%, -50%) scale(0.8);
transform: translate(-50%, -50%) scale(0.8);
}
}
@media (max-width: 1200px) {
.container {
max-width: 960px;
}
.map {
padding: 100px 0 0 0;
}
.uaanimals-top__left h1,
.map h3 {
font-size: 45px;
}
.map::after {
height: 250px;
}
.map,
.map__inner {
height: 1000px;
}
.map__inner {
width: 1800px;
}
}
@media (max-width: 992px) {
.container {
max-width: 720px;
}
.uaanimals-top__right {
max-width: 250px;
}
.uaanimals-slider__slider .swiper-slide span {
font-size: 18px;
height: 35px;
}
.uaanimals-slider__content {
width: 58%;
}
.uaanimals-friends__item {
padding: 15px;
width: calc(50% - 20px);
}
.uaanimals-friends h4 {
margin: 0 0 20px 0;
font-size: 20px;
}
.uaanimals-friends p {
font-size: 18px;
}
.uaanimals-friends .uaanimals-btn {
padding: 5px 15px;
height: 40px;
font-size: 18px;
}
.map {
padding: 50px 0 0 0;
}
.map,
.map__inner {
height: 850px;
}
.map__inner {
width: 1500px;
}
.map__box {
-webkit-transform: translate(-50%, -50%) scale(0.5);
-ms-transform: translate(-50%, -50%) scale(0.5);
transform: translate(-50%, -50%) scale(0.5);
}
}
@media (max-width: 768px) {
.container {
max-width: 540px;
}
.uaanimals-top__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
text-align: center;
}
.uaanimals-top__right {
margin: 0 0 30px 0;
}
.uaanimals-top__left h1,
.map h3,
.uaanimals-about h3,
.uaanimals-slider__content h3 {
font-size: 24px;
}
.uaanimals-friends__item {
width: calc(100% - 20px);
}
.uaanimals-about__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.uaanimals-friends h4 {
margin: 0 0 15px 0;
font-size: 18px;
}
.uaanimals-friends p {
font-size: 16px;
}
.uaanimals-about__right {
margin: 0;
}
.uaanimals-slider__slider {
height: 300px;
}
.uaanimals-slider__slider .swiper-slide-active {
width: 75% !important;
height: 300px;
}
.uaanimals-slider__content {
position: static;
width: 100%;
margin: 0 0 30px 0;
}
.uaanimals-slider__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.uaanimals-about__left {
margin: 0;
}
.map__box {
-webkit-transform: translate(-50%, -50%) scale(0.4);
-ms-transform: translate(-50%, -50%) scale(0.4);
transform: translate(-50%, -50%) scale(0.4);
}
.map,
.map__inner {
height: 500px;
}
.map__inner {
width: 800px;
}
}
@media (max-width: 576px) {
.map__box {
left: 46%;
-webkit-transform: translate(-50%, -50%) scale(0.3);
-ms-transform: translate(-50%, -50%) scale(0.3);
transform: translate(-50%, -50%) scale(0.3);
}
.uaanimals-modal h4 {
font-size: 18px;
}
.uaanimals-modal {
padding: 30px 30px 50px 30px;
}
.uaanimals-btn {
font-size: 21px;
}
} .header {
position: fixed;
width: 100%;
z-index: 99999999999;
}
.header ul,
.header li {
list-style: none;
margin: 0;
padding: 0;
}
body.lock {
overflow: hidden;
}
.wpml-ls-legacy-list-horizontal {
padding: 0;
}
.header .wpml-ls-statics-shortcode_actions .wpml-ls-first-item a {
padding-left: 0;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item-de {
display: none;
}
.header__mob-btn {
display: none;
} .soc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.soc__item {
margin: 0 5px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 35px;
height: 35px;
border-radius: 50%;
background-color: rgba(34, 58, 114, 0.5);
}
@font-face {
font-family: 'ZonaPro';
src: local("ZonaPro-Regular"), local("ZonaPro-Regular"), url(https://uanimals.org/wp-content/themes/uanimals/fonts/ZonaPro-Regular.woff2) format("woff2"), url(https://uanimals.org/wp-content/themes/uanimals/fonts/ZonaPro-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'ZonaPro';
src: local("ZonaPro-SemiBold"), local("ZonaPro-SemiBold"), url(https://uanimals.org/wp-content/themes/uanimals/fonts/ZonaPro-SemiBold.woff2) format("woff2"), url(https://uanimals.org/wp-content/themes/uanimals/fonts/ZonaPro-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'ZonaPro';
src: local("ZonaPro-ExtraBold"), local("ZonaPro-ExtraBold"), url(https://uanimals.org/wp-content/themes/uanimals/fonts/ZonaPro-ExtraBold.woff2) format("woff2"), url(https://uanimals.org/wp-content/themes/uanimals/fonts/ZonaPro-ExtraBold.woff) format("woff");
font-weight: 800;
font-style: normal;
}
.header__btns .btn {
padding: 13px 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 10px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 45px;
color: #FFF;
font-size: 14px;
font-weight: 800;
line-height: 120%;
cursor: pointer;
outline: none;
border: none;
-webkit-transition: linear .2s;
-o-transition: linear .2s;
transition: linear .2s;
}
.header__btns .btn img,
.header__btns .btn svg {
margin: 0 0 0 30px;
}
.header__btns .btn--blue {
color: #FFF;
background-color: #003575;
}
.header__btns .btn--blue:hover {
color: #FFF;
background-color: #003575;
}
.header__btns .btn--yellow {
color: #1F140F;
background-color: #FFC301;
} .header .wpml-ls-statics-shortcode_actions ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 0 -10px;
}
.header .wpml-ls-statics-shortcode_actions li:nth-child(2) {
border-left: 1px solid rgba(255, 255, 255, 0.3);
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.header .wpml-ls-statics-shortcode_actions a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 10px;
color: rgba(255, 255, 255, 0.5);
font-family: ZonaPro;
font-size: 14px;
font-weight: 800;
}
.header .wpml-ls-current-language a {
color: #FFF !important;
font-weight: 600 !important;
}
.header__top {
height: 60px;
padding: 8px 0;
background-color: #000;
position: relative;
}
.header__top .soc {
margin: 0 0 0 30px;
}
.header__top-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__btns {
margin: 0 0 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header__btns .btn--yellow {
margin: 0 0 0 20px;
}
.header__bottom {
background-color: #00151E;
-webkit-box-shadow: 0px 2px 20px 0px rgba(123, 200, 231, 0.3);
box-shadow: 0px 2px 20px 0px rgba(123, 200, 231, 0.3);
}
.header__bottom .header__btns--mob {
display: none;
}
.header__bottom nav {
margin: 0 auto;
}
.header__bottom nav > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__bottom nav > ul li span,
.header__bottom nav > ul li a {
color: #FFF;
font-size: 14px;
font-weight: 400;
line-height: 120%;
}
.header__bottom nav > ul li span {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 26px 17px 26px 0;
cursor: pointer;
}
.header__bottom nav > ul li span::after {
content: "";
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 9px;
height: 5.5px;
background-image: url(/wp-content/themes/uanimals/images/dest/icons/arrow.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
-webkit-transition: linear .2s;
-o-transition: linear .2s;
transition: linear .2s;
}
.header__bottom nav > ul li span::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 4px;
width: 100%;
background-color: #FFC301;
opacity: 0;
-webkit-transition: linear .2s;
-o-transition: linear .2s;
transition: linear .2s;
}
.header__bottom nav > ul li + li {
margin: 0 0 0 40px;
}
.header__item-child .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
left: 0;
right: 0;
top: 130px;
z-index: 999;
background-color: #00151E;
}
.header__bottom-inner {
height: 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__logo {
max-width: 210px;
width: 100%;
margin: 0 30px 0 0;
}
.header__logo img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}  .menu {
padding: 50px 0 70px;
background: -webkit-gradient(linear, left bottom, left top, color-stop(71%, rgba(123, 200, 231, 0)), color-stop(154%, #7bc8e7));
background: -o-linear-gradient(bottom, rgba(123, 200, 231, 0) 71%, #7bc8e7 154%);
background: linear-gradient(0deg, rgba(123, 200, 231, 0) 71%, #7bc8e7 154%);
background-size: 100% 55px;
background-repeat: no-repeat;
background-position: top;
}
.menu__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.menu__left {
margin: 0 35px 0 0;
width: 100%;
}
.menu__left ul {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.menu__left li + li {
margin: 15px 0 0 0 !important;
}
.menu__left a {
color: #FFF;
font-size: 14px;
font-weight: 400;
line-height: 120%;
}
.menu__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.menu__right-item h6 {
color: #FFF;
font-size: 16px;
font-weight: 800;
line-height: 120%;
}
.menu h5 {
color: #FFC301;
font-size: 16px;
font-weight: 800;
line-height: 120%;
}
.menu__right-img {
margin: 0 0 15px 0;
border-radius: 15px;
overflow: hidden;
height: 175px;
}
.menu__right-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.menu--one .menu__left {
max-width: 535px;
}
.menu--one .menu__left ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.menu--one .menu__right {
margin: 0 0 0 -23px;
max-width: 630px;
}
.menu--one .menu__right-item {
margin: 0 0 0 23px;
width: calc(50% - 23px);
}
.menu--two .menu__left {
max-width: 200px;
}
.menu--two .menu__right {
max-width: 945px;
}
.menu--two .menu__right-item {
margin: 0 0 0 23px;
width: calc(33.33333% - 23px);
}
.menu--three .menu__left {
max-width: 500px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.menu--three .menu__left ul:first-child {
margin: 0;
width: 50%;
}
.menu--three .menu__right {
margin: 0 0 0 -23px;
max-width: 630px;
}
.menu--three .menu__right-item {
margin: 0 0 0 23px;
width: calc(50% - 23px);
}
.menu--five .menu__left {
max-width: 230px;
}
.menu--five .menu__right {
margin: 0 0 0 -23px;
max-width: 935px;
}
.menu--five .menu__right-item {
margin: 0 0 0 15px;
width: calc(25% - 15px);
} @media (min-width: 992px) {
.menu {
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.header__item-child:hover .menu {
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.header__item-child:hover span::after {
-webkit-transform: rotate(180deg) !important;
-ms-transform: rotate(180deg) !important;
transform: rotate(180deg) !important;
}
.header__item-child:hover span::before {
opacity: 1 !important;
}
}
@media (max-width: 1200px) {
.header__logo {
max-width: 160px;
}
.header__bottom nav > ul li + li {
margin: 0 0 0 20px;
}
.header__bottom nav > ul li span {
font-size: 12px;
}
}
@media (max-width: 992px) {
.menu__right-item {
display: none;
}
.menu__right-item:nth-child(1),
.menu__right-item:nth-child(2) {
display: block;
}
.header__bottom nav > ul > li > span.active::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.header__bottom nav > ul > li > span.active::before {
opacity: 1;
}
.header__btns {
display: none;
}
.header__top .soc {
margin: 0 0 0 auto;
}
.soc__item {
width: 20px;
height: 20px;
}
.soc__item img {
width: 12px;
height: 12px;
}
.header__mob-btn {
margin: 0 0 0 auto;
padding: 0;
display: block;
width: 30px;
height: 20px;
position: relative;
background-color: transparent;
cursor: pointer;
outline: none;
border: none;
-ms-flex-negative: 0;
flex-shrink: 0;
}.header__mob-btn {
margin: 0 0 0 auto;
padding: 0;
display: block;
width: 50px;
height: 20px;
position: relative;
background-color: transparent;
cursor: pointer;
outline: none;
border: none;
-ms-flex-negative: 0;
flex-shrink: 0;
color: #fff;
font-size: 12px;
line-height: 120%;
text-align: right;
}
.header__mob-btn::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #fff;
-webkit-transition: linear .2s;
-o-transition: linear .2s;
transition: linear .2s;
}
.header__mob-btn::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #fff;
-webkit-transition: linear .2s;
-o-transition: linear .2s;
transition: linear .2s;
}
.header__mob-btn.active {
font-size: 0;
width: 25px !important;
}
.header__mob-btn.active::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 9px;
}
.header__mob-btn.active::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: 9px;
}
.header__mob-btn.active span {
opacity: 0;
}
.header__mob-btn.active::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 9px;
}
.header__mob-btn.active::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: 9px;
}
.header__bottom nav {
margin: 0;
position: fixed;
top: 130px;
right: 0;
bottom: 0;
left: 0;
width: 100%;
z-index: 9999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 15px;
padding-bottom: 5px;
padding-left: calc((100vw - 720px) / 2);
padding-right: calc((100vw - 720px) / 2);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
overflow: auto;
background-color: #00151E;
}
.header__bottom nav > ul {
height: calc(100vh - 380px);
overflow-y: auto;
}
.header__bottom nav > ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.header__bottom nav.open {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.menu {
padding: 7px 0 5px;
position: static !important;
display: none !important;
background: none;
}
.menu.open {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.header__bottom nav > ul li + li {
margin: 6px 0 0 0 !important;
}
.header__bottom nav > ul {
width: 100%;
}
.header__bottom nav > ul > li > span,
.header__bottom nav > ul > li > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100% !important;
font-size: 16px;
padding: 10px 20px 10px 20px;
}
.header__bottom nav > ul li a {
font-size: 16px;
}
.header__bottom nav .menu__left > ul li a {
font-size: 14px;
}
.menu h5 {
font-size: 14px;
}
.header__bottom nav > ul li span::before {
height: 1px;
left: 20px;
right: 20px;
width: calc(100% - 40px);
}
.header__bottom nav > ul li span::after {
right: 20px;
}
.header__bottom nav > ul > li {
width: 100%;
}
.menu__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.menu__left {
max-width: 100% !important;
margin: 0 0 20px 0 !important;
}
.menu__right {
margin: 0 0 0 -15px !important;
width: 100%;
}
.menu__right-item {
margin: 0 0 20px 15px !important;
width: calc(50% - 15px) !important;
}
.header__item-child:hover span {
font-weight: 800;
font-size: 16px;
}
.menu__right-item h6 {
font-size: 14px;
font-weight: 400;
}
.header__bottom .header__btns--mob {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding-left: calc((100vw - 720px) / 2);
padding-right: calc((100vw - 720px) / 2);
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: auto 0 0 0;
height: 200px;
}
.header__bottom .header__btns--mob .btn {
width: 100%;
justify-content: space-between;
}
.header__bottom .header__btns--mob .btn--yellow {
margin: 15px 0 0 0;
}
.header__bottom .header__btns--mob .btn--blue {
margin: 15px 0 0 0;
}
}
@media (max-width: 768px) {
.header__bottom nav,
.header__bottom .header__btns--mob {
padding-left: calc((100vw - 540px) / 2) !important;
padding-right: calc((100vw - 540px) / 2) !important;
}
.header__bottom .header__btns--mob {
padding: 10px 20px !important;
height: 200px;
}
.menu__right-img {
height: 95px;
}
.header__top {
height: 45px;
padding: 12px 0;
}
.header__bottom-inner {
height: 50px;
}
.header__bottom nav {
top: 95px;
}
.header__logo {
max-width: 130px;
}
.header .wpml-ls-statics-shortcode_actions a {
font-size: 12px;
}
}.wsum-one, .wsum-two, .wsum-three {
margin-right: 5px;
}
.peg-layers {
position: relative;
padding: 200px 0 250px 0;
min-height: 100vh;
overflow: hidden;
}
.peg-layers .container {
position: relative;
z-index: 10;
}
.section-one__box > span{
min-width: 115px;
margin: 0 15px 0 0;
}
.peg-layers h1 {
margin: 0 0 5px 0;
font-family: Spaceland;
font-size: 82px;
line-height: 120%;
color: var(--yellow);
text-transform: uppercase;
letter-spacing: 5px;
}
.peg-layers strong {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 95px 0;
font-weight: 800;
font-size: 28px;
line-height: 150%;
color: #fff;
max-width: 575px;
}
.peg-layers p {
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: #fff;
}
.peg-layers .input-wrap {
height: 60px;
}
.peg-layers .box-wrap p {
font-size: 14px;
text-align: center;
}
.peg-layers .btnn {
height: 60px;
background-color: var(--yellow);
color: #00151e;
}
.peg-layers .section-one__box::after {
display: none;
}
.peg-layers .box-wrap {
margin: -1px 20px -45px 0;
}
.layer {
position: absolute;
height: 100%;
width: 100%;
background-size: 100% 100%;
background-position: center;
bottom: 0;
right: 0;
will-change: transform;
width: 100%;
}
.peg-layers__base {
-webkit-transform: translate3d(0, calc(var(--scrollTop) / 1.6), 0);
transform: translate3d(0, calc(var(--scrollTop) / 1.3), 0);
}
.peg-layers__middle {
-webkit-transform: translate3d(0, calc(var(--scrollTop) / 2), 0);
transform: translate3d(0, calc(var(--scrollTop) / 2), 0);
}
.peg-layers__front {
-webkit-transform: translate3d(0, calc(var(--scrollTop) / 10), 0);
transform: translate3d(0, calc(var(--scrollTop) / 10), 0);
}
.peg-layer__text {
-webkit-transform: translate3d(0, calc(var(--scrollTop) / 3), 0);
transform: translate3d(0, calc(var(--scrollTop) / 3), 0);
will-change: transform;
} .peg-important {
padding: 70px 0 50px;
}
.peg-important h2 {
font-family: Spaceland;
position: relative;
padding: 0 110px 0 0;
font-weight: 800;
font-size: 60px;
margin-bottom: 50px;
color: #fff;
text-transform: uppercase;
width: fit-content;
}
.peg-important h2::after {
content: "";
position: absolute;
width: 70px;
height: 1px;
background-color: #fff;
top: 40px;
right: 0;
}
.peg-important p {
color: #fff;
}  .peg-scroll {
position: relative;
min-height: 100vh;
overflow: hidden;
}
.peg-scroll .peg-layers__base {
-webkit-transform: translate3d(0, calc(var(--scrollTop) / 5), 0);
transform: translate3d(0, calc(var(--scrollTop) / 15), 0);
}
.peg-scroll .peg-layers__middle {
-webkit-transform: translate3d(0, calc(var(--scrollTop) / 6), 0);
transform: translate3d(0, calc(var(--scrollTop) / -95), 0);
}
.peg-scroll .peg-layers__front {
-webkit-transform: translate3d(0, calc(var(--scrollTop) / 15), 0);
transform: translate3d(0, calc(var(--scrollTop) / 55), 0);
}  .peg-donate {
padding: 100px 0 150px;
}
.peg-donate form .section-one__box{
margin: 30px 0 0 0;
}
.peg-donate .row{
justify-content: space-between;
}
.peg-donate h2 {
font-family: Spaceland;
position: relative;
padding: 0 110px 0 0;
font-weight: 800;
font-size: 60px;
margin-bottom: 50px;
color: #fff;
text-transform: uppercase;
width: fit-content;
}
.peg-donate h2::after {
content: "";
position: absolute;
width: 70px;
height: 1px;
background-color: #fff;
top: 40px;
right: 0;
}
.peg-donate p,
.peg-donate strong {
color: #fff;
}
.peg-donate .peg-donate__box {
margin: 0 0 30px 0;
border: 1px solid #fff;
border-radius: 20px;
padding: 30px;
}
.peg-donate h3 {
margin: 0 0 20px 0;
font-family: Spaceland;
font-size: 36px;
line-height: 120%;
color: var(--yellow);
text-transform: uppercase;
}
.peg-donate .section-one__box > span {
margin: 0 10px 0 0;
font-family: Spaceland;
font-size: 28px;
letter-spacing: 1px;
white-space: nowrap;
}
.peg-donate .input-wrap {
margin: 0 20px 0 0;
width: 90px;
height: 50px;
}
.peg-donate .input-wrap input {
padding: 0 20px;
font-size: 22px;
}
.peg-donate .input-wrap button {
width: 20px;
font-size: 16px;
color: #fff !important;
background-color: transparent;
}
.peg-donate .btnn {
font-family: Spaceland;
background-color: var(--yellow);
height: 50px;
color: #00151E;
font-size: 26px;
padding: 10px 20px;
margin: 0 0 0 auto;
width: 100%;
}
.peg-donate .section-one__box::after {
display: none;
}
.peg-donate__input-wrap {
width: 100%;
margin: 0 0 10px 0;
}
.peg-donate__input-wrap input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px 20px;
width: 100%;
margin: 0;
border: 1px solid #fff;
border-radius: 15px;
height: 50px;
font-size: 16px;
color: #fff !important;
background-color: transparent;
}
.peg-donate__input-wrap input::-webkit-input-placeholder {
color: #fff;
}
.peg-donate__input-wrap input::-moz-placeholder {
color: #fff;
}
.peg-donate__input-wrap input:-ms-input-placeholder {
color: #fff;
}
.peg-donate__input-wrap input::-ms-input-placeholder {
color: #fff;
}
.peg-donate__input-wrap input::placeholder {
color: #fff;
}
.peg-donate__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: Spaceland;
background-color: #fff;
height: 55px !important;
color: #00151E !important;
font-size: 26px;
padding: 10px 20px;
border-radius: 50px;
width: 100% !important;
text-transform: uppercase;
}  .wrapp{
overflow: hidden;
}
.swiper-line .swiper-wrapper {
-webkit-transition-timing-function: linear !important;
-o-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}
.swiper-line .swiper-slide{
padding: 0 30px;
background-color: #3593BA;
height: 80px;
display: flex;
align-items: center;
font-family: Spaceland;
font-weight: 550;
font-size: 45px;
color: #fff;
white-space: nowrap;
min-width: 580px;
margin: 0 0 0 -1px;
}
.swiper-line .swiper-slide span{
color: var(--yellow);
}  .peg-about {
padding: 120px 0 75px;
}
.peg-about__img {
width: 90%;
border-radius: 20px;
overflow: hidden;
}
.peg-about__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.peg-about h2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: Spaceland;
position: relative;
padding: 0 130px 0 0;
font-weight: 800;
font-size: 60px;
margin-bottom: 50px;
color: #fff;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
text-transform: uppercase;
}
.peg-about h2::after {
content: "";
position: absolute;
width: 70px;
height: 1px;
background-color: #fff;
top: 40px;
right: 0;
}
.peg-about p {
color: #fff;
}
.peg-about__btn {
display: flex;
width: fit-content;
font-family: Spaceland;
background-color: var(--yellow);
height: 50px !important;
color: #00151E !important;
font-size: 26px;
line-height: 100%;
padding: 10px 70px;
margin: 40px 0 0 0;
border-radius: 50px;
height: 55px;
}  .peg-buy {
padding: 75px 0 75px;
}
.peg-buy h2 {
font-family: Spaceland;
position: relative;
padding: 0 110px 0 0;
font-weight: 800;
font-size: 54px;
margin-bottom: 50px;
color: #fff;
text-transform: uppercase;
width: fit-content;
}
.peg-buy h2::after {
content: "";
position: absolute;
width: 70px;
height: 1px;
background-color: #fff;
top: 40px;
right: 0;
}
.peg-buy__item {
display: none;
margin: 0 0 30px 0;
width: 50%;
padding: 0 15px 0 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.peg-buy__item:nth-child(1),
.peg-buy__item:nth-child(2),
.peg-buy__item:nth-child(3),
.peg-buy__item:nth-child(4),
.peg-buy__item:nth-child(5),
.peg-buy__item:nth-child(6),
.peg-buy__item:nth-child(7),
.peg-buy__item:nth-child(8) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.peg-buy .col-md-6:nth-child(2) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.peg-buy__items.show .peg-buy__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.peg-buy__item strong {
font-family: Spaceland;
display: block;
color: #FFCA3A;
font-size: 28px;
line-height: 120%;
}
.peg-buy__item span {
display: block;
color: #FFFFFF;
font-size: 18px;
line-height: 150%;
}
.peg-buy__btn {
margin: 85px 0 0 0;
font-family: Spaceland;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
border: 1px solid #fff;
border-radius: 50px;
height: 60px;
font-size: 26px;
line-height: 100%;
color: #fff;
background-color: transparent;
text-transform: uppercase;
}
.peg-buy__btn.active {
display: none;
} .youtube-embed {
border-radius: 20px;
overflow: hidden;
position: relative;
padding-bottom: 56%;
width: 100%;
text-align: left;
}
.youtube-embed iframe {
width: 100%;
position: absolute;
height: 100%;
overflow: hidden;
}
.youtube-video {
padding: 75px 0 150px;
}
.youtube-video h2 {
font-family: Spaceland;
position: relative;
padding: 0 110px 0 0;
font-weight: 800;
font-size: 54px;
margin-bottom: 50px;
color: #fff;
text-transform: uppercase;
width: fit-content;
text-align: center;
}
.youtube-video h2::after {
content: "";
position: absolute;
width: 70px;
height: 1px;
background-color: #fff;
top: 40px;
right: 0;
}
@media (min-width: 992px) and (max-width: 1199px){
.peg-layers h1 {
font-size: 72px;
letter-spacing: 4px;
}
.peg-layers strong {
margin: 0 0 75px 0;
font-size: 22px;
max-width: 475px;
font-weight: 800;
}
.peg-important h2,
.peg-donate h2,
.peg-about h2,
.peg-buy h2,
.youtube-video h2{
font-size: 45px;
}
.peg-important h2:after,
.peg-donate h2:after,
.peg-about h2:after,
.peg-buy h2:after
..youtube-video h2:after{
top: 27px;
}
.peg-donate .btnn{
font-size: 16px;
padding: 10px 5px;
}
.peg-donate h3 {
font-size: 22px;
}
.peg-buy__item strong {
font-size: 24px;
}
.peg-buy__item span {
font-size: 16px;
}
.peg-scroll .peg-layers__middle{
background-size: cover;
}
.peg-layers .peg-layers__middle {
-webkit-transform: translate3d(0, calc(var(--scrollTop) / 1), 0);
transform: translate3d(0, calc(var(--scrollTop) / 1), 0);
background-position: 20px 45px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.peg-layers {
padding: 190px 0 250px 0;
}
.peg-donate .section-one__box{
flex-wrap: wrap;
}
.peg-donate .btnn{
margin: 15px 0 0 0
}
.peg-important h2,
.peg-donate h2,
.peg-about h2,
.peg-buy h2,
.youtube-video h2{
width: fit-content;
font-size: 40px;
}
.peg-important h2:after,
.peg-donate h2:after,
.peg-about h2:after,
.peg-buy h2:after,
.youtube-video h2:after{
top: 20px;
right: 0;
}
.peg-layers h1 {
font-size: 56px;
}
.peg-layers strong {
margin: 0 0 55px 0;
font-size: 18px;
max-width: 405px;
}
.peg-scroll .peg-layers__middle{
background-size: cover;
}
.peg-layer__text{
-webkit-transform: translate3d(0, calc(var(--scrollTop) / 8), 0);
transform: translate3d(0, calc(var(--scrollTop) / 8), 0);
}
.peg-layers .peg-layers__middle{
-webkit-transform: translate3d(0, calc(var(--scrollTop) / 1), 0);
transform: translate3d(0, calc(var(--scrollTop) / 1), 0);
}
.peg-donate {
padding: 100px 0 100px;
}
.peg-scroll {
min-height: 50vh;
}
.peg-donate .peg-donate__box {
padding: 15px;
}
.peg-donate h3 {
font-size: 34px;
}
.peg-scroll .peg-layers__middle{
bottom: -20px;
}
.peg-scroll .peg-layers__front {
transform: translate3d(0, calc(var(--scrollTop) / 80), 0);
}
.peg-layers .peg-layers__middle {
background-position: right bottom;
bottom: 0;
background-size: 900px;
bottom: 0;
background-repeat: no-repeat;
webkit-transform: translate3d(0, calc(var(--scrollTop) / 25), 0);
transform: translate3d(0, calc(var(--scrollTop) / 25), 0);
}
}
@media screen and (max-width: 767px) {
.peg-scroll .peg-layers__middle{
background-size: cover;
background-position: center 150px;
background-repeat: no-repeat;
}
.peg-layers {
padding: 150px 0 300px 0;
}
.peg-layers .peg-layers__base{
background-position: 0 -50px;
}
.peg-layers p {
font-size: 14px;
}
.peg-layers h1 {
font-size: 44px;
}
.peg-layers strong {
font-size: 18px;
max-width: 575px;
margin: 0 0 40px 0;
}
.peg-donate .btnn{
margin: 15px 0 0 0;
width: 100%;
}
.peg-donate .section-one__box{
flex-wrap: wrap;
}
.peg-important h2,
.peg-donate h2,
.peg-about h2,
.peg-buy h2,
.youtube-video h2{
width: fit-content;
font-size: 36px;
margin: 0 0 30px 0;
}
.peg-important h2:after,
.peg-donate h2:after,
.peg-about h2:after,
.peg-buy h2:after,
.youtube-video h2:after{
width: 20%;
top: 20px;
right: 0;
}
.peg-layer__text{
-webkit-transform: translate3d(0, calc(var(--scrollTop) / 8), 0);
transform: translate3d(0, calc(var(--scrollTop) / 8), 0);
}
.peg-layers .peg-layers__middle{
-webkit-transform: translate3d(0, calc(var(--scrollTop) / 1), 0);
transform: translate3d(0, calc(var(--scrollTop) / 1), 0);
background-position: 20px 45px;
}
.peg-donate .col-md-5:first-child{
margin: 0 0 30px 0;
}
.peg-donate .peg-donate__box {
padding: 15px;
}
.peg-buy__item strong {
font-size: 22px;
}
.peg-buy__item {
margin: 0 0 25px 0;
}
.peg-buy__item span {
font-size: 16px;
}
.peg-layers .btnn {
margin: 40px 0 0 0;
}
.peg-about__img {
margin: 0 0 30px 0;
}
.peg-about {
padding: 100px 0 75px;
}
.peg-buy__btn {
margin: 55px 0 0 0;
}
.peg-buy {
padding: 50px 0 50px;
}
.youtube-video {
padding: 50px 0 80px;
}
.peg-about__img {
width: 100%;
}
.peg-scroll {
min-height: 90vh;
}
.peg-layers .box-wrap {
width: 50%;
margin: -1px 0 -45px auto;
}
.peg-donate .box-wrap {
margin: 0 0 0 auto;
width: 50%;
}
.peg-donate .input-wrap{
width: 100%;
margin: 0;
}
.peg-about__btn{
width: 100%;
justify-content: center;
}
.peg-layers .peg-layers__middle {
background-position: right bottom;
bottom: 0;
background-size: 900px;
bottom: 0;
background-repeat: no-repeat;
webkit-transform: translate3d(0, calc(var(--scrollTop) / 25), 0);
transform: translate3d(0, calc(var(--scrollTop) / 25), 0);
}
.peg-layers__front{
background-size: 100% 100%;
}
.peg-layers__front {
background-size: 100% 400px;
background-repeat: no-repeat;
background-position: bottom;
}
.peg-important {
padding: 70px 0 0;
}
.peg-scroll .peg-layers__middle{
bottom: -20px;
}
.peg-scroll .peg-layers__front {
transform: translate3d(0, calc(var(--scrollTop) / 80), 0);
}
}