@charset "UTF-8";
@font-face {
font-family: 'iconfont';
src: url(//www.peaca.org/wp-content/plugins/ecofine-core/assets/fonts/iconfont.woff?icuiu1) format('woff');
font-weight: 400;
font-style: normal
}
.ico {
font-family: 'iconfont'!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.ico-search-minus:before {
content: "\e98d"
}
.ico-search:before {
content: "\e98e"
}
.ico-down-arrow:before {
content: "\e98f"
}
.ico-up-arrow:before {
content: "\e990"
}
.ico-right-arrow:before {
content: "\e991"
}
.ico-left-arrows:before {
content: "\e992"
}
.ico-heart:before {
content: "\e987"
}
.ico-medical2:before {
content: "\e954"
}
.ico-eye2:before {
content: "\e955"
}
.ico-full-screen:before {
content: "\e956"
}
.ico-shuffle-arrow:before {
content: "\e976"
}
.ico-online-shopping-cart:before {
content: "\e988"
}
.ico-shopping-cart2:before {
content: "\e989"
}
.ico-apple-1:before {
content: "\e981"
}
.ico-apple:before {
content: "\e982"
}
.ico-watch:before {
content: "\e983"
}
.ico-cogwheel:before {
content: "\e984"
}
.ico-light-bulb:before {
content: "\e985"
}
.ico-light-bulb-1:before {
content: "\e986"
}
.ico-u-turn:before {
content: "\e96b"
}
.ico-medal:before {
content: "\e97e"
}
.ico-team-1:before {
content: "\e97f"
}
.ico-team2:before {
content: "\e980"
}
.ico-team:before {
content: "\e95c"
}
.ico-tshirt:before {
content: "\e95d"
}
.ico-cancel:before {
content: "\e95e"
}
.ico-drink:before {
content: "\e95f"
}
.ico-home2:before {
content: "\e960"
}
.ico-music:before {
content: "\e961"
}
.ico-rich:before {
content: "\e962"
}
.ico-brush:before {
content: "\e963"
}
.ico-opposite-way:before {
content: "\e964"
}
.ico-cloud-computing:before {
content: "\e965"
}
.ico-technology-1:before {
content: "\e966"
}
.ico-rotate:before {
content: "\e967"
}
.ico-medical:before {
content: "\e968"
}
.ico-flash-1:before {
content: "\e969"
}
.ico-flash:before {
content: "\e96a"
}
.ico-hours-support:before {
content: "\e96d"
}
.ico-bag:before {
content: "\e96e"
}
.ico-photo-camera:before {
content: "\e96f"
}
.ico-school:before {
content: "\e970"
}
.ico-settings:before {
content: "\e971"
}
.ico-smartphone2:before {
content: "\e972"
}
.ico-technology-12:before {
content: "\e973"
}
.ico-tool:before {
content: "\e974"
}
.ico-business2:before {
content: "\e975"
}
.ico-star:before {
content: "\e98a"
}
.ico-star-1:before {
content: "\e98b"
}
.ico-favorite:before {
content: "\e98c"
}
.ico-valentines-heart:before {
content: "\e95a"
}
.ico-van-1:before {
content: "\e977"
}
.ico-van:before {
content: "\e978"
}
.ico-vegetables:before {
content: "\e979"
}
.ico-women:before {
content: "\e97a"
}
.ico-left-arrow:before {
content: "\e919"
}
.ico-vintage:before {
content: "\e97b"
}
.ico-up-arrow2:before {
content: "\e97c"
}
.ico-arrows:before {
content: "\e97d"
}
.ico-download-arrow:before {
content: "\e940"
}
.ico-facebook:before {
content: "\e905"
}
.ico-twitter:before {
content: "\e90a"
}
.ico-dribbble:before {
content: "\e90b"
}
.ico-linkedin:before {
content: "\e90f"
}
.ico-youtube:before {
content: "\e912"
}
.ico-twitter3:before {
content: "\e914"
}
.ico-pinterest:before {
content: "\e915"
}
.ico-vimeo:before {
content: "\e918"
}
.ico-soundcloud:before {
content: "\e91c"
}
.ico-youtube-v:before {
content: "\e925"
}
.ico-behance:before {
content: "\e927"
}
.ico-google-plus:before {
content: "\e92d"
}
.ico-instagram:before {
content: "\e936"
}
.ico-double-left-chevron:before {
content: "\e939"
}
.ico-double-angle-pointing-to-right:before {
content: "\e93a"
}
.ico-down-arrow2:before {
content: "\e96c"
}
.ico-arrow-point-to-down:before {
content: "\e93b"
}
.ico-play-button:before {
content: "\e93c"
}
.ico-minus:before {
content: "\e93d"
}
.ico-plus:before {
content: "\e93e"
}
.ico-tick:before {
content: "\e93f"
}
.ico-edit:before {
content: "\e941"
}
.ico-reply:before {
content: "\e942"
}
.ico-cogwheel-outline:before {
content: "\e943"
}
.ico-symbol:before {
content: "\e944"
}
.ico-calendar:before {
content: "\e945"
}
.ico-shopping-cart:before {
content: "\e946"
}
.ico-shopping-basket:before {
content: "\e947"
}
.ico-users2:before {
content: "\e948"
}
.ico-man:before {
content: "\e949"
}
.ico-support:before {
content: "\e94a"
}
.ico-favorites:before {
content: "\e94b"
}
.ico-calendar3:before {
content: "\e94c"
}
.ico-paper-plane:before {
content: "\e94d"
}
.ico-placeholder:before {
content: "\e94e"
}
.ico-phone-call:before {
content: "\e94f"
}
.ico-newsletter:before {
content: "\e901"
}
.ico-contact:before {
content: "\e950"
}
.ico-email:before {
content: "\e951"
}
.ico-envelope:before {
content: "\e926"
}
.ico-internet:before {
content: "\e952"
}
.ico-quote2:before {
content: "\e953"
}
.ico-tools2:before {
content: "\e957"
}
.ico-pie-chart2:before {
content: "\e958"
}
.ico-diamond:before {
content: "\e959"
}
.ico-like:before {
content: "\e95b"
}
.ico-deal:before {
content: "\e924"
}
.ico-left-arrow2:before {
content: "\e931"
}
.ico-quote22:before {
content: "\e937"
}
.ico-right-arrow2:before {
content: "\e938"
}
.ico-coins-2:before {
content: "\e902"
}
.ico-commerce-2:before {
content: "\e903"
}
.ico-monitor:before {
content: "\e904"
}
.ico-business:before {
content: "\e906"
}
.ico-graphic-2:before {
content: "\e907"
}
.ico-commerce-1:before {
content: "\e908"
}
.ico-hammer:before {
content: "\e909"
}
.ico-justice-1:before {
content: "\e90c"
}
.ico-line:before {
content: "\e90d"
}
.ico-money-3:before {
content: "\e90e"
}
.ico-commerce:before {
content: "\e910"
}
.ico-agenda:before {
content: "\e911"
}
.ico-justice:before {
content: "\e913"
}
.ico-technology:before {
content: "\e916"
}
.ico-coins-1:before {
content: "\e917"
}
.ico-bank:before {
content: "\e91a"
}
.ico-calculator:before {
content: "\e91b"
}
.ico-chart22:before {
content: "\e91d"
}
.ico-checked:before {
content: "\e91e"
}
.ico-clock3:before {
content: "\e91f"
}
.ico-comment:before {
content: "\e920"
}
.ico-comments:before {
content: "\e921"
}
.ico-consult:before {
content: "\e922"
}
.ico-consut2:before {
content: "\e923"
}
.ico-folder:before {
content: "\e928"
}
.ico-invest:before {
content: "\e929"
}
.ico-loan:before {
content: "\e92a"
}
.ico-map-marker2:before {
content: "\e92b"
}
.ico-mutual-fund:before {
content: "\e92c"
}
.ico-phone3:before {
content: "\e92e"
}
.ico-pie-chart22:before {
content: "\e92f"
}
.ico-play:before {
content: "\e930"
}
.ico-savings:before {
content: "\e932"
}
.ico-search3:before {
content: "\e933"
}
.ico-tag:before {
content: "\e934"
}
.ico-tags:before {
content: "\e935"
}
.ico-vplay:before {
content: "\e900"
}
.ico-mobile2:before {
content: "\e000"
}
.ico-laptop2:before {
content: "\e001"
}
.ico-desktop2:before {
content: "\e002"
}
.ico-tablet2:before {
content: "\e003"
}
.ico-phone2:before {
content: "\e004"
}
.ico-document:before {
content: "\e005"
}
.ico-documents:before {
content: "\e006"
}
.ico-search2:before {
content: "\e007"
}
.ico-clipboard2:before {
content: "\e008"
}
.ico-newspaper:before {
content: "\e009"
}
.ico-notebook:before {
content: "\e00a"
}
.ico-book-open:before {
content: "\e00b"
}
.ico-browser:before {
content: "\e00c"
}
.ico-calendar2:before {
content: "\e00d"
}
.ico-presentation:before {
content: "\e00e"
}
.ico-picture:before {
content: "\e00f"
}
.ico-pictures:before {
content: "\e010"
}
.ico-video:before {
content: "\e011"
}
.ico-camera2:before {
content: "\e012"
}
.ico-printer:before {
content: "\e013"
}
.ico-toolbox:before {
content: "\e014"
}
.ico-briefcase2:before {
content: "\e015"
}
.ico-wallet:before {
content: "\e016"
}
.ico-gift2:before {
content: "\e017"
}
.ico-bargraph:before {
content: "\e018"
}
.ico-grid:before {
content: "\e019"
}
.ico-expand2:before {
content: "\e01a"
}
.ico-focus:before {
content: "\e01b"
}
.ico-edit2:before {
content: "\e01c"
}
.ico-adjustments:before {
content: "\e01d"
}
.ico-ribbon:before {
content: "\e01e"
}
.ico-hourglass2:before {
content: "\e01f"
}
.ico-lock2:before {
content: "\e020"
}
.ico-megaphone:before {
content: "\e021"
}
.ico-shield2:before {
content: "\e022"
}
.ico-trophy2:before {
content: "\e023"
}
.ico-flag2:before {
content: "\e024"
}
.ico-map2:before {
content: "\e025"
}
.ico-puzzle:before {
content: "\e026"
}
.ico-basket:before {
content: "\e027"
}
.ico-envelope2:before {
content: "\e028"
}
.ico-streetsign:before {
content: "\e029"
}
.ico-telescope:before {
content: "\e02a"
}
.ico-gears2:before {
content: "\e02b"
}
.ico-key2:before {
content: "\e02c"
}
.ico-paperclip2:before {
content: "\e02d"
}
.ico-attachment:before {
content: "\e02e"
}
.ico-pricetags:before {
content: "\e02f"
}
.ico-lightbulb:before {
content: "\e030"
}
.ico-layers:before {
content: "\e031"
}
.ico-pencil2:before {
content: "\e032"
}
.ico-tools:before {
content: "\e033"
}
.ico-tools-2:before {
content: "\e034"
}
.ico-scissors2:before {
content: "\e035"
}
.ico-paintbrush:before {
content: "\e036"
}
.ico-magnifying-glass:before {
content: "\e037"
}
.ico-circle-compass:before {
content: "\e038"
}
.ico-linegraph:before {
content: "\e039"
}
.ico-mic:before {
content: "\e03a"
}
.ico-strategy:before {
content: "\e03b"
}
.ico-beaker:before {
content: "\e03c"
}
.ico-caution:before {
content: "\e03d"
}
.ico-recycle2:before {
content: "\e03e"
}
.ico-anchor2:before {
content: "\e03f"
}
.ico-profile-male:before {
content: "\e040"
}
.ico-profile-female:before {
content: "\e041"
}
.ico-bike:before {
content: "\e042"
}
.ico-wine:before {
content: "\e043"
}
.ico-hotairballoon:before {
content: "\e044"
}
.ico-globe2:before {
content: "\e045"
}
.ico-genius:before {
content: "\e046"
}
.ico-map-pin2:before {
content: "\e047"
}
.ico-dial:before {
content: "\e048"
}
.ico-chat:before {
content: "\e049"
}
.ico-heart2:before {
content: "\e04a"
}
.ico-cloud2:before {
content: "\e04b"
}
.ico-upload2:before {
content: "\e04c"
}
.ico-download2:before {
content: "\e04d"
}
.ico-target:before {
content: "\e04e"
}
.ico-hazardous:before {
content: "\e04f"
}
.ico-piechart:before {
content: "\e050"
}
.ico-speedometer:before {
content: "\e051"
}
.ico-global:before {
content: "\e052"
}
.ico-compass2:before {
content: "\e053"
}
.ico-lifesaver:before {
content: "\e054"
}
.ico-clock:before {
content: "\e055"
}
.ico-aperture:before {
content: "\e056"
}
.ico-quote:before {
content: "\e057"
}
.ico-scope:before {
content: "\e058"
}
.ico-alarmclock:before {
content: "\e059"
}
.ico-refresh2:before {
content: "\e05a"
}
.ico-happy:before {
content: "\e05b"
}
.ico-sad:before {
content: "\e05c"
}
.ico-facebook2:before {
content: "\e05d"
}
.ico-twitter2:before {
content: "\e05e"
}
.ico-googleplus:before {
content: "\e05f"
}
.ico-rss2:before {
content: "\e060"
}
.ico-tumblr2:before {
content: "\e061"
}
.ico-linkedin2:before {
content: "\e062"
}
.ico-dribbble2:before {
content: "\e063"
}
.ico-home:before {
content: "\e800"
}
.ico-apartment:before {
content: "\e801"
}
.ico-pencil:before {
content: "\e802"
}
.ico-magic-wand:before {
content: "\e803"
}
.ico-drop:before {
content: "\e804"
}
.ico-lighter:before {
content: "\e805"
}
.ico-poop:before {
content: "\e806"
}
.ico-sun:before {
content: "\e807"
}
.ico-moon:before {
content: "\e808"
}
.ico-cloud:before {
content: "\e809"
}
.ico-cloud-upload:before {
content: "\e80a"
}
.ico-cloud-download:before {
content: "\e80b"
}
.ico-cloud-sync:before {
content: "\e80c"
}
.ico-cloud-check:before {
content: "\e80d"
}
.ico-database:before {
content: "\e80e"
}
.ico-lock3:before {
content: "\e80f"
}
.ico-cog2:before {
content: "\e810"
}
.ico-trash2:before {
content: "\e811"
}
.ico-dice:before {
content: "\e812"
}
.ico-heart3:before {
content: "\e813"
}
.ico-star2:before {
content: "\e814"
}
.ico-star-half2:before {
content: "\e815"
}
.ico-star-empty:before {
content: "\e816"
}
.ico-flag3:before {
content: "\e817"
}
.ico-envelope3:before {
content: "\e818"
}
.ico-paperclip:before {
content: "\e819"
}
.ico-inbox:before {
content: "\e81a"
}
.ico-eye:before {
content: "\e81b"
}
.ico-printer2:before {
content: "\e81c"
}
.ico-file-empty:before {
content: "\e81d"
}
.ico-file-add:before {
content: "\e81e"
}
.ico-enter:before {
content: "\e81f"
}
.ico-exit:before {
content: "\e820"
}
.ico-graduation-hat:before {
content: "\e821"
}
.ico-license:before {
content: "\e822"
}
.ico-music-note:before {
content: "\e823"
}
.ico-film-play:before {
content: "\e824"
}
.ico-camera-video:before {
content: "\e825"
}
.ico-camera:before {
content: "\e826"
}
.ico-picture2:before {
content: "\e827"
}
.ico-book:before {
content: "\e828"
}
.ico-bookmark:before {
content: "\e829"
}
.ico-user2:before {
content: "\e82a"
}
.ico-users:before {
content: "\e82b"
}
.ico-shirt:before {
content: "\e82c"
}
.ico-store:before {
content: "\e82d"
}
.ico-cart:before {
content: "\e82e"
}
.ico-tag2:before {
content: "\e82f"
}
.ico-phone-handset:before {
content: "\e830"
}
.ico-phone:before {
content: "\e831"
}
.ico-pushpin:before {
content: "\e832"
}
.ico-map-marker:before {
content: "\e833"
}
.ico-map:before {
content: "\e834"
}
.ico-location:before {
content: "\e835"
}
.ico-calendar-full:before {
content: "\e836"
}
.ico-keyboard:before {
content: "\e837"
}
.ico-spell-check:before {
content: "\e838"
}
.ico-screen:before {
content: "\e839"
}
.ico-smartphone:before {
content: "\e83a"
}
.ico-tablet:before {
content: "\e83b"
}
.ico-laptop:before {
content: "\e83c"
}
.ico-laptop-phone:before {
content: "\e83d"
}
.ico-power-switch:before {
content: "\e83e"
}
.ico-bubble:before {
content: "\e83f"
}
.ico-heart-pulse:before {
content: "\e840"
}
.ico-construction:before {
content: "\e841"
}
.ico-pie-chart:before {
content: "\e842"
}
.ico-chart-bars:before {
content: "\e843"
}
.ico-gift:before {
content: "\e844"
}
.ico-diamond2:before {
content: "\e845"
}
.ico-dinner:before {
content: "\e847"
}
.ico-coffee-cup:before {
content: "\e848"
}
.ico-leaf:before {
content: "\e849"
}
.ico-paw:before {
content: "\e84a"
}
.ico-rocket:before {
content: "\e84b"
}
.ico-briefcase:before {
content: "\e84c"
}
.ico-bus2:before {
content: "\e84d"
}
.ico-car2:before {
content: "\e84e"
}
.ico-train:before {
content: "\e84f"
}
.ico-bicycle2:before {
content: "\e850"
}
.ico-wheelchair:before {
content: "\e851"
}
.ico-select:before {
content: "\e852"
}
.ico-earth:before {
content: "\e853"
}
.ico-smile:before {
content: "\e854"
}
.ico-sad2:before {
content: "\e855"
}
.ico-neutral:before {
content: "\e856"
}
.ico-mustache:before {
content: "\e857"
}
.ico-alarm:before {
content: "\e858"
}
.ico-bullhorn:before {
content: "\e859"
}
.ico-volume-high:before {
content: "\e85a"
}
.ico-volume-medium:before {
content: "\e85b"
}
.ico-volume-low:before {
content: "\e85c"
}
.ico-volume:before {
content: "\e85d"
}
.ico-mic2:before {
content: "\e85e"
}
.ico-hourglass:before {
content: "\e85f"
}
.ico-undo:before {
content: "\e860"
}
.ico-redo:before {
content: "\e861"
}
.ico-sync:before {
content: "\e862"
}
.ico-history:before {
content: "\e863"
}
.ico-clock2:before {
content: "\e864"
}
.ico-download3:before {
content: "\e865"
}
.ico-upload:before {
content: "\e866"
}
.ico-enter-down:before {
content: "\e867"
}
.ico-exit-up:before {
content: "\e868"
}
.ico-bug:before {
content: "\e869"
}
.ico-code2:before {
content: "\e86a"
}
.ico-link:before {
content: "\e86b"
}
.ico-unlink:before {
content: "\e86c"
}
.ico-thumbs-up:before {
content: "\e86d"
}
.ico-thumbs-down:before {
content: "\e86e"
}
.ico-magnifier:before {
content: "\e86f"
}
.ico-cross:before {
content: "\e870"
}
.ico-menu:before {
content: "\e871"
}
.ico-list:before {
content: "\e872"
}
.ico-chevron-up:before {
content: "\e873"
}
.ico-chevron-down:before {
content: "\e874"
}
.ico-chevron-left:before {
content: "\e875"
}
.ico-chevron-right:before {
content: "\e876"
}
.ico-arrow-up:before {
content: "\e877"
}
.ico-arrow-down:before {
content: "\e878"
}
.ico-arrow-left:before {
content: "\e879"
}
.ico-arrow-right:before {
content: "\e87a"
}
.ico-move:before {
content: "\e87b"
}
.ico-warning:before {
content: "\e87c"
}
.ico-question-circle:before {
content: "\e87d"
}
.ico-menu-circle:before {
content: "\e87e"
}
.ico-checkmark-circle:before {
content: "\e87f"
}
.ico-cross-circle:before {
content: "\e880"
}
.ico-plus-circle:before {
content: "\e881"
}
.ico-circle-minus:before {
content: "\e882"
}
.ico-arrow-up-circle:before {
content: "\e883"
}
.ico-arrow-down-circle:before {
content: "\e884"
}
.ico-arrow-left-circle:before {
content: "\e885"
}
.ico-arrow-right-circle:before {
content: "\e886"
}
.ico-chevron-up-circle:before {
content: "\e887"
}
.ico-chevron-down-circle:before {
content: "\e888"
}
.ico-chevron-left-circle:before {
content: "\e889"
}
.ico-chevron-right-circle:before {
content: "\e88a"
}
.ico-crop:before {
content: "\e88b"
}
.ico-frame-expand:before {
content: "\e88c"
}
.ico-frame-contract:before {
content: "\e88d"
}
.ico-layers2:before {
content: "\e88e"
}
.ico-funnel:before {
content: "\e88f"
}
.ico-text-format:before {
content: "\e890"
}
.ico-text-size:before {
content: "\e892"
}
.ico-bold:before {
content: "\e893"
}
.ico-italic:before {
content: "\e894"
}
.ico-underline:before {
content: "\e895"
}
.ico-strikethrough:before {
content: "\e896"
}
.ico-highlight:before {
content: "\e897"
}
.ico-text-align-left:before {
content: "\e898"
}
.ico-text-align-center:before {
content: "\e899"
}
.ico-text-align-right:before {
content: "\e89a"
}
.ico-text-align-justify:before {
content: "\e89b"
}
.ico-line-spacing:before {
content: "\e89c"
}
.ico-indent-increase:before {
content: "\e89d"
}
.ico-indent-decrease:before {
content: "\e89e"
}
.ico-page-break:before {
content: "\e8a2"
}
.ico-hand:before {
content: "\e8a5"
}
.ico-pointer-up:before {
content: "\e8a6"
}
.ico-pointer-right:before {
content: "\e8a7"
}
.ico-pointer-down:before {
content: "\e8a8"
}
.ico-pointer-left:before {
content: "\e8a9"
}@font-face {
font-family: "Flaticon";
src: url(//www.peaca.org/wp-content/plugins/ecofine-core/assets/fonts/Flaticon.woff2) format("woff2"), url(//www.peaca.org/wp-content/plugins/ecofine-core/assets/fonts/Flaticon.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
i[class^="flaticon-"]:before,
i[class*=" flaticon-"]:before {
font-family: flaticon !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.flaticon-computer:before {
content: "\f101";
}
.flaticon-computer-1:before {
content: "\f102";
}
.flaticon-admin:before {
content: "\f103";
}
.flaticon-technical:before {
content: "\f104";
}
.flaticon-help:before {
content: "\f105";
}
.flaticon-information:before {
content: "\f106";
}
.flaticon-technical-support:before {
content: "\f107";
}
.flaticon-setting:before {
content: "\f108";
}
.flaticon-maintenance:before {
content: "\f109";
}
.flaticon-settings:before {
content: "\f10a";
}
.flaticon-flow-chart:before {
content: "\f10b";
}
.flaticon-infographic:before {
content: "\f10c";
}
.flaticon-flow-chart-1:before {
content: "\f10d";
}
.flaticon-seo:before {
content: "\f10e";
}
.flaticon-plan:before {
content: "\f10f";
}
.flaticon-3d-printing:before {
content: "\f110";
}
.flaticon-cloud:before {
content: "\f111";
}
.flaticon-cloud-network:before {
content: "\f112";
}
.flaticon-folder:before {
content: "\f113";
}
.flaticon-file:before {
content: "\f114";
}
.flaticon-seo-1:before {
content: "\f115";
}
.flaticon-settings-1:before {
content: "\f116";
}
.flaticon-web-maintenance:before {
content: "\f117";
}
.flaticon-web:before {
content: "\f118";
}
.flaticon-web-programming:before {
content: "\f119";
}
.flaticon-repair:before {
content: "\f11a";
}
.flaticon-data:before {
content: "\f11b";
}
.flaticon-internet:before {
content: "\f11c";
}
.flaticon-improvement:before {
content: "\f11d";
}
.flaticon-analysis:before {
content: "\f11e";
}
.flaticon-development:before {
content: "\f11f";
}
.flaticon-css:before {
content: "\f120";
}
.flaticon-browser:before {
content: "\f121";
}
.flaticon-web-traffic:before {
content: "\f122";
}
.flaticon-web-traffic-1:before {
content: "\f123";
}
.flaticon-presentation:before {
content: "\f124";
}
.flaticon-configuration:before {
content: "\f125";
}
.flaticon-web-development:before {
content: "\f126";
}
.flaticon-website:before {
content: "\f127";
}
.flaticon-web-development-1:before {
content: "\f128";
}
.flaticon-coding:before {
content: "\f129";
}
.flaticon-development-2:before {
content: "\f12a";
}
.flaticon-web-1:before {
content: "\f12b";
}
.flaticon-coding-1:before {
content: "\f12c";
}
.flaticon-coding-2:before {
content: "\f12d";
}
.flaticon-education:before {
content: "\f12e";
}
.flaticon-coding-3:before {
content: "\f12f";
}
.flaticon-website-1:before {
content: "\f130";
}
.flaticon-front-end:before {
content: "\f131";
}
.flaticon-coding-4:before {
content: "\f132";
}
.flaticon-development-3:before {
content: "\f133";
}
.flaticon-coding-5:before {
content: "\f134";
}
.flaticon-application:before {
content: "\f135";
}
.flaticon-development-4:before {
content: "\f136";
}
.flaticon-development-5:before {
content: "\f137";
}
.flaticon-interface:before {
content: "\f138";
}
.flaticon-code:before {
content: "\f139";
}
.flaticon-web-development-2:before {
content: "\f13a";
}
.flaticon-web-development-3:before {
content: "\f13b";
}
.flaticon-website-2:before {
content: "\f13c";
}
.flaticon-web-development-4:before {
content: "\f13d";
}
.flaticon-algorithm:before {
content: "\f13e";
}
.flaticon-software-development:before {
content: "\f13f";
}
.flaticon-web-development-5:before {
content: "\f140";
}
.flaticon-design-process:before {
content: "\f141";
}
.flaticon-art:before {
content: "\f142";
}
.flaticon-idea:before {
content: "\f143";
}
.flaticon-3d:before {
content: "\f144";
}
.flaticon-graphic-design:before {
content: "\f145";
}
.flaticon-creativity:before {
content: "\f146";
}
.flaticon-prototype:before {
content: "\f147";
}
.flaticon-vector:before {
content: "\f148";
}
.flaticon-crop:before {
content: "\f149";
}
.flaticon-3d-cube:before {
content: "\f14a";
}
.flaticon-conversation:before {
content: "\f14b";
}
.flaticon-chat:before {
content: "\f14c";
}
.flaticon-envelope:before {
content: "\f14d";
}
.flaticon-email:before {
content: "\f14e";
}
.flaticon-chatting:before {
content: "\f14f";
}
.flaticon-mail:before {
content: "\f150";
}
.flaticon-send:before {
content: "\f151";
}
.flaticon-chat-1:before {
content: "\f152";
}
.flaticon-chat-2:before {
content: "\f153";
}
.flaticon-message:before {
content: "\f154";
}
.flaticon-message-1:before {
content: "\f155";
}
.flaticon-send-1:before {
content: "\f156";
}
.flaticon-chat-3:before {
content: "\f157";
}
.flaticon-speech-bubble:before {
content: "\f158";
}
.flaticon-chat-4:before {
content: "\f159";
}
.flaticon-email-1:before {
content: "\f15a";
}
.flaticon-email-2:before {
content: "\f15b";
}
.flaticon-email-3:before {
content: "\f15c";
}
.flaticon-speech-bubble-with-text-lines:before {
content: "\f15d";
}
.flaticon-messages:before {
content: "\f15e";
}
.flaticon-text:before {
content: "\f15f";
}
.flaticon-mobile-phone:before {
content: "\f160";
}
.flaticon-chat-5:before {
content: "\f161";
}
.flaticon-chat-6:before {
content: "\f162";
}
.flaticon-chat-bubble:before {
content: "\f163";
}
.flaticon-like:before {
content: "\f164";
}
.flaticon-like-1:before {
content: "\f165";
}
.flaticon-light-bulb:before {
content: "\f166";
}
.flaticon-lamp:before {
content: "\f167";
}
.flaticon-idea-1:before {
content: "\f168";
}
.flaticon-light-bulb-1:before {
content: "\f169";
}
.flaticon-lightbulb-1:before {
content: "\f16a";
}
.flaticon-bulb:before {
content: "\f16b";
}
.flaticon-idea-2:before {
content: "\f16c";
}
.flaticon-knowledge:before {
content: "\f16d";
}
.flaticon-idea-3:before {
content: "\f16e";
}
.flaticon-light-bulb-2:before {
content: "\f16f";
}
.flaticon-instagram:before {
content: "\f170";
}
.flaticon-instagram-1:before {
content: "\f171";
}
.flaticon-facebook:before {
content: "\f172";
}
.flaticon-linkedin:before {
content: "\f173";
}
.flaticon-linkedin-1:before {
content: "\f174";
}
.flaticon-linkedin-2:before {
content: "\f175";
}
.flaticon-linkedin-3:before {
content: "\f176";
}
.flaticon-linkedin-4:before {
content: "\f177";
}
.flaticon-linkedin-5:before {
content: "\f178";
}
.flaticon-linkedin-6:before {
content: "\f179";
}
.flaticon-facebook-2:before {
content: "\f17a";
}
.flaticon-facebook-3:before {
content: "\f17b";
}
.flaticon-facebook-4:before {
content: "\f17c";
}
.flaticon-facebook-logo:before {
content: "\f17d";
}
.flaticon-facebook-5:before {
content: "\f17e";
}
.flaticon-facebook-circular-logo:before {
content: "\f17f";
}
.flaticon-facebook-6:before {
content: "\f180";
}
.flaticon-twitter-1:before {
content: "\f181";
}
.flaticon-twitter-2:before {
content: "\f182";
}
.flaticon-twitter-3:before {
content: "\f183";
}
.flaticon-twitter-sign:before {
content: "\f184";
}
.flaticon-instagram-2:before {
content: "\f185";
}
.flaticon-instagram-3:before {
content: "\f186";
}
.flaticon-instagram-4:before {
content: "\f187";
}
.flaticon-instagram-5:before {
content: "\f188";
}
.flaticon-pinterest-1:before {
content: "\f189";
}
.flaticon-pinterest-2:before {
content: "\f18a";
}
.flaticon-pinterest-3:before {
content: "\f18b";
}
.flaticon-pinterest-4:before {
content: "\f18c";
}
.flaticon-youtube-1:before {
content: "\f18d";
}
.flaticon-youtube-2:before {
content: "\f18e";
}
.flaticon-youtube-3:before {
content: "\f18f";
}
.flaticon-youtube-4:before {
content: "\f190";
}
.flaticon-youtube-5:before {
content: "\f191";
}
.flaticon-youtube-6:before {
content: "\f192";
}
.flaticon-vimeo:before {
content: "\f193";
}
.flaticon-vimeo-1:before {
content: "\f194";
}
.flaticon-vimeo-social-logo:before {
content: "\f195";
}
.flaticon-vimeo-2:before {
content: "\f196";
}
.flaticon-vimeo-3:before {
content: "\f197";
}
.flaticon-vimeo-4:before {
content: "\f198";
}
.flaticon-vimeo-square-logo:before {
content: "\f199";
}
.flaticon-vimeo-5:before {
content: "\f19a";
}
.flaticon-skype-1:before {
content: "\f19b";
}
.flaticon-whatsapp:before {
content: "\f19c";
}
.flaticon-whatsapp-2:before {
content: "\f19d";
}
.flaticon-whatsapp-3:before {
content: "\f19e";
}
.flaticon-snapchat:before {
content: "\f19f";
}
.flaticon-snapchat-2:before {
content: "\f1a0";
}
.flaticon-snapchat-3:before {
content: "\f1a1";
}
.flaticon-snapchat-5:before {
content: "\f1a2";
}
.flaticon-snapchat-6:before {
content: "\f1a3";
}
.flaticon-share:before {
content: "\f1a4";
}
.flaticon-profile:before {
content: "\f1a5";
}
.flaticon-network:before {
content: "\f1a6";
}
.flaticon-team:before {
content: "\f1a7";
}
.flaticon-team-1:before {
content: "\f1a8";
}
.flaticon-meeting:before {
content: "\f1a9";
}
.flaticon-presentation-1:before {
content: "\f1aa";
}
.flaticon-money:before {
content: "\f1ab";
}
.flaticon-dashboard:before {
content: "\f1ac";
}
.flaticon-business:before {
content: "\f1ad";
}
.flaticon-contract:before {
content: "\f1ae";
}
.flaticon-check:before {
content: "\f1af";
}
.flaticon-salary:before {
content: "\f1b0";
}
.flaticon-bars:before {
content: "\f1b1";
}
.flaticon-analysis-1:before {
content: "\f1b2";
}
.flaticon-branding:before {
content: "\f1b3";
}
.flaticon-business-1:before {
content: "\f1b4";
}
.flaticon-line-graph:before {
content: "\f1b5";
}
.flaticon-idea-4:before {
content: "\f1b6";
}
.flaticon-rocket:before {
content: "\f1b7";
}
.flaticon-product:before {
content: "\f1b8";
}
.flaticon-sme:before {
content: "\f1b9";
}
.flaticon-stock-market:before {
content: "\f1ba";
}
.flaticon-budget:before {
content: "\f1bb";
}
.flaticon-database:before {
content: "\f1bc";
}
.flaticon-retirement:before {
content: "\f1bd";
}
.flaticon-customer-service:before {
content: "\f1be";
}
.flaticon-support:before {
content: "\f1bf";
}
.flaticon-support-1:before {
content: "\f1c0";
}
.flaticon-headphones:before {
content: "\f1c1";
}
.flaticon-conversation-1:before {
content: "\f1c2";
}
.flaticon-technical-support-1:before {
content: "\f1c3";
}
.flaticon-support-2:before {
content: "\f1c4";
}
.flaticon-online-chat:before {
content: "\f1c5";
}
.flaticon-customer-service-1:before {
content: "\f1c6";
}
.flaticon-delivery-box:before {
content: "\f1c7";
}
.flaticon-cloud-network-1:before {
content: "\f1c8";
}
.flaticon-database-1:before {
content: "\f1c9";
}
.flaticon-cloud-1:before {
content: "\f1ca";
}
.flaticon-big-data:before {
content: "\f1cb";
}
.flaticon-server:before {
content: "\f1cc";
}
.flaticon-cloud-2:before {
content: "\f1cd";
}
.flaticon-cloud-computing:before {
content: "\f1ce";
}
.flaticon-cloud-servers:before {
content: "\f1cf";
}
.flaticon-cloud-computing-1:before {
content: "\f1d0";
}
.flaticon-cloud-server:before {
content: "\f1d1";
}
.flaticon-counter:before {
content: "\f1d2";
}
.flaticon-tachometer:before {
content: "\f1d3";
}
.flaticon-counter-1:before {
content: "\f1d4";
}
.flaticon-blueprint:before {
content: "\f1d5";
}
.flaticon-online-shopping:before {
content: "\f1d6";
}
.flaticon-delivery-box-1:before {
content: "\f1d7";
}
.flaticon-food-delivery:before {
content: "\f1d8";
}
.flaticon-shop:before {
content: "\f1d9";
}
.flaticon-email-4:before {
content: "\f1da";
}
.flaticon-chat-7:before {
content: "\f1db";
}
.flaticon-server-1:before {
content: "\f1dc";
}
.flaticon-call-center:before {
content: "\f1dd";
}
.flaticon-support-3:before {
content: "\f1de";
}
.flaticon-tools:before {
content: "\f1df";
}
.flaticon-call-center-1:before {
content: "\f1e0";
}
.flaticon-baking:before {
content: "\f1e1";
}
.flaticon-games:before {
content: "\f1e2";
}
.flaticon-idea-5:before {
content: "\f1e3";
}
.flaticon-bussiness:before {
content: "\f1e4";
}
.flaticon-start-up:before {
content: "\f1e5";
}
.flaticon-presentation-3:before {
content: "\f1e6";
}
.flaticon-creation:before {
content: "\f1e7";
}
.flaticon-rocket-1:before {
content: "\f1e8";
}
.flaticon-startup:before {
content: "\f1e9";
}
.flaticon-startup-1:before {
content: "\f1ea";
}
.flaticon-start-up-1:before {
content: "\f1eb";
}.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.no-js .owl-carousel {
display: block;
}
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.owl-height {
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//www.peaca.org/wp-content/plugins/ecofine-core/assets/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: -webkit-transform 100ms ease;
transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
.megamenu_lists>li>a {
padding: 10px;
color: #000000
}
.xs-container {
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
max-width: 1140px
}
.xs-navbar {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.xs-navbar-brand {
text-decoration: none;
color: #000000
}
.xs-navbar-brand>h2 {
margin-top: 0;
margin-bottom: 0
}
@media (min-width:992px) {
.elementskit-header .elementskit-menu-container {
position: static
}
.elementskit-megamenu-panel>li {
display: inline-block;
width: 25%;
float: left
}
}
.language-content p {
color: #FFFFFF;
text-align: center;
margin-bottom: 40px;
font-size: rem(20px)
}
.flag-lists {
text-align: center
}
.flag-lists li {
display: inline-block;
margin-right: 25px
}
.flag-lists li:last-child {
margin-right: 0
}
.flag-lists li a {
display: block;
color: #FFFFFF;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.flag-lists li a:hover {
opacity: .7
}
.flag-lists li a img {
width: 40px;
height: 40px;
margin-right: 10px;
vertical-align: middle
}
.modal-searchPanel .xs-search-group {
position: relative
}
.modal-searchPanel .xs-search-group input:not([type=submit]) {
height: 70px;
background-color: transparent;
border-radius: 50px;
border: 2px solid #FFFFFF;
color: #FFFFFF;
padding: 0 30px;
width: 100%
}
.modal-searchPanel .xs-search-group input:not([type=submit])::-webkit-input-placeholder {
color: #FFFFFF
}
.modal-searchPanel .xs-search-group input:not([type=submit])::-moz-placeholder {
color: #FFFFFF
}
.modal-searchPanel .xs-search-group input:not([type=submit]):-ms-input-placeholder {
color: #FFFFFF
}
.modal-searchPanel .xs-search-group input:not([type=submit]):-moz-placeholder {
color: #FFFFFF
}
.modal-searchPanel .xs-search-group .search-button {
background-color: transparent;
border: 0px;
padding: 0;
color: #FFFFFF;
position: absolute;
right: 0;
cursor: pointer;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 100%;
width: 70px;
border-radius: 0 50px 50px 0
}
.modal-searchPanel .xs-search-panel {
max-width: 800px;
margin: 1.75rem auto
}
.mfp-bg.xs-promo-popup {
background-color: rgba(0, 0, 0, 0.87);
padding-bottom: 100%;
border-radius: 100%;
overflow: hidden;
-webkit-animation: menu-animation .8s ease-out forwards;
animation: menu-animation .8s ease-out forwards
}
@-webkit-keyframes menu-animation {
0% {
opacity: 0;
-webkit-transform: scale(0.04) translateY(300%);
transform: scale(0.04) translateY(300%)
}
40% {
-webkit-transform: scale(0.04) translateY(0);
transform: scale(0.04) translateY(0);
-webkit-transition: ease-out;
-o-transition: ease-out;
transition: ease-out
}
40% {
-webkit-transform: scale(0.04) translateY(0);
transform: scale(0.04) translateY(0)
}
60% {
opacity: 1;
-webkit-transform: scale(0.02) translateY(0px);
transform: scale(0.02) translateY(0px)
}
61% {
opacity: 1;
-webkit-transform: scale(0.04) translateY(0px);
transform: scale(0.04) translateY(0px)
}
99.9% {
opacity: 1;
height: 0;
padding-bottom: 100%;
border-radius: 100%
}
to {
opacity: 1;
-webkit-transform: scale(2) translateY(0px);
transform: scale(2) translateY(0px);
height: 100%;
padding-bottom: 0;
border-radius: 0
}
}
@keyframes menu-animation {
0% {
opacity: 0;
-webkit-transform: scale(0.04) translateY(300%);
transform: scale(0.04) translateY(300%)
}
40% {
-webkit-transform: scale(0.04) translateY(0);
transform: scale(0.04) translateY(0);
-webkit-transition: ease-out;
-o-transition: ease-out;
transition: ease-out
}
40% {
-webkit-transform: scale(0.04) translateY(0);
transform: scale(0.04) translateY(0)
}
60% {
opacity: 1;
-webkit-transform: scale(0.02) translateY(0px);
transform: scale(0.02) translateY(0px)
}
61% {
opacity: 1;
-webkit-transform: scale(0.04) translateY(0px);
transform: scale(0.04) translateY(0px)
}
99.9% {
opacity: 1;
height: 0;
padding-bottom: 100%;
border-radius: 100%
}
to {
opacity: 1;
-webkit-transform: scale(2) translateY(0px);
transform: scale(2) translateY(0px);
height: 100%;
padding-bottom: 0;
border-radius: 0
}
}
.xs-promo-popup .modal-content {
background-color: transparent;
padding: 0px;
border: 0px
}
.xs-promo-popup .mfp-close {
color: #FFFFFF;
opacity: 0;
-webkit-transition: all 1s ease .8s;
-o-transition: all 1s ease .8s;
transition: all 1s ease .8s;
-webkit-transform: translateY(-500px);
-ms-transform: translateY(-500px);
transform: translateY(-500px)
}
.xs-promo-popup.mfp-ready .mfp-close {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.xs-promo-popup.my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 1s ease .8s;
-o-transition: all 1s ease .8s;
transition: all 1s ease .8s;
-webkit-transform: translateY(-500px);
-ms-transform: translateY(-500px);
transform: translateY(-500px)
}
.xs-promo-popup.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.mini_cart_item {
margin-bottom: 20px;
padding-bottom: 20px
}
.xs-empty-content {
padding: 120px 30px 30px
}
.xs-empty-content .widget-title {
font-size: rem(22px)
}
.xs-empty-content .xs-title {
margin-bottom: 20px;
font-size: rem(18px)
}
.xs-empty-content .woocommerce-mini-cart__empty-message {
font-size: rem(20px)
}
.xs-empty-content .empty-cart-icon {
font-size: rem(50px)
}
.sidebar-textwidget .sidebar-logo-wraper {
margin-bottom: 33px
}
.sidebar-textwidget>p {
font-size: rem(15px);
line-height: 1.5;
margin-bottom: 40px
}
.sidebar-textwidget .social-list {
margin-bottom: 30px
}
.sideabr-list-widget {
margin-bottom: 40px
}
.sideabr-list-widget li {
margin-bottom: 20px
}
.sideabr-list-widget li:last-child {
margin-bottom: 0px
}
.sideabr-list-widget img {
margin-right: 15px;
margin-top: 3px
}
.sideabr-list-widget a,
.sideabr-list-widget p {
margin-bottom: 2px;
color: #000000;
margin-bottom: 8px;
display: block
}
.sideabr-list-widget span {
display: block;
font-size: rem(14px);
color: #1768dd
}
.sideabr-list-widget .media-body {
line-height: 1
}
.subscribe-from {
position: relative;
margin-bottom: 40px
}
.subscribe-from p {
font-size: rem(18px);
font-weight: 700;
margin-bottom: 15px;
line-height: 1;
color: #1768dd
}
.subscribe-from label {
position: absolute;
bottom: -24px;
left: 0px;
margin-bottom: 0;
line-height: 1
}
.subscribe-from .form-control {
border: 1px solid #f5f5f5;
height: 50px;
padding-left: 25px
}
.subscribe-from .sub-btn {
background-color: transparent;
border: 0px;
position: absolute;
top: 0;
right: 0;
padding-right: 25px;
cursor: pointer;
color: #1768dd;
height: 100%
}
.subscribe-from .sub-btn:focus {
outline: none
}
.subscribe-from .form-group {
position: relative;
overflow: hidden;
-webkit-box-shadow: 0px 10px 30px 0px rgba(23, 104, 221, 0.2);
box-shadow: 0px 10px 30px 0px rgba(23, 104, 221, 0.2);
border-radius: 25px;
margin-bottom: 0px
}
.xs-sidebar-group .xs-overlay {
left: 100%;
top: 0;
position: fixed;
z-index: 101;
height: 100%;
opacity: 0;
width: 100%;
visibility: hidden;
-webkit-transition: all .4s ease-in .8s;
-o-transition: all .4s ease-in .8s;
transition: all .4s ease-in .8s;
cursor: url(//www.peaca.org/wp-content/plugins/ecofine-core/assets/images/cross-out.png), pointer
}
.xs-sidebar-group .widget-heading {
position: absolute;
top: 0;
right: 0;
padding: 25px
}
.xs-sidebar-widget {
position: fixed;
right: -100%;
top: 0;
bottom: 0;
width: 100%;
max-width: 360px;
z-index: 999999;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background-color: #272727;
-webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
-o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
visibility: hidden;
opacity: 0
}
.xs-sidebar-group.isActive .xs-overlay {
opacity: .9;
visibility: visible;
-webkit-transition: all .8s ease-out 0s;
-o-transition: all .8s ease-out 0s;
transition: all .8s ease-out 0s;
left: 0
}
.xs-sidebar-group.isActive .xs-sidebar-widget {
opacity: 1;
visibility: visible;
right: 0;
-webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
-o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s
}
.sidebar-textwidget {
padding: 40px;
}
.close-side-widget {
color: #1768dd;
font-size: rem(15px);
display: block
}
.sidebar-widget-container {
position: relative;
top: 150px;
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s ease-in .3s;
-o-transition: all .3s ease-in .3s;
transition: all .3s ease-in .3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.xs-sidebar-group.isActive .sidebar-widget-container {
top: 0px;
opacity: 1;
visibility: visible;
-webkit-transition: all 1s ease-out 1.2s;
-o-transition: all 1s ease-out 1.2s;
transition: all 1s ease-out 1.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.xs-overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: .5;
z-index: 0
}
.xs-bg-black {
background-color: #000000
}
.xs-menu-tools>li {
display: inline-block;
margin-right: 15px
}
.xs-menu-tools>li:last-child {
margin-right: 0
}
.xs-menu-tools>li>a {
color: #000000;
text-decoration: none
}
.nav-alignment-dynamic,
.nav-alignment-flex-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.elementskit-menu-container {
z-index: 10000
}
.elementskit-navbar-nav {
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.elementskit-navbar-nav li {
position: relative;
padding: 0px 15px;
}
.elementskit-navbar-nav li:last-child {
border-bottom: none;
}
.elementskit-navbar-nav li a {
height: 100%;
text-transform: capitalize;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none
}
.elementskit-navbar-nav li a:hover {
text-decoration: none
}
.elementskit-navbar-nav li.elementskit-megamenu-has {
position: static
}
.elementskit-navbar-nav>li>a {
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
text-transform: none;
font-weight: 500;
letter-spacing: normal
}
.elementskit-dropdown {
padding-left: 0;
list-style: none;
opacity: 0;
visibility: hidden;
}
.elementskit-dropdown>li>.elementskit-dropdown {
left: 100%;
top: 0
}
.elementskit-dropdown>li>.elementskit-dropdown.open-fromleft {
left: auto;
right: 100%
}
.elementskit-submenu-panel>li:hover>a,
.elementskit-submenu-panel>li>a:hover {
color: #0d3a4f;
background: rgba(255, 255, 255, 0.5);
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.5)));
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%)
}
.elementskit-megamenu-panel {
width: 100%;
}
.elementskit-overlay {
display: none
}
.elementskit-nav-identity-panel {
display: none
}
.elementskit-menu-hamburger {
border: 1px solid rgba(0, 0, 0, 0.2);
float: right
}
.elementskit-menu-hamburger .elementskit-menu-hamburger-icon {
background-color: rgba(0, 0, 0, 0.5)
}
.elementskit-menu-close,
.elementskit-menu-hamburger {
display: none;
padding: 8px;
background-color: transparent;
border-radius: 0.25rem;
position: relative;
z-index: 10;
cursor: pointer;
width: 45px
}
.elementskit-menu-close .elementskit-menu-hamburger-icon,
.elementskit-menu-hamburger .elementskit-menu-hamburger-icon {
height: 1px;
width: 100%;
display: block;
margin-bottom: 4px
}
.elementskit-menu-close .elementskit-menu-hamburger-icon:last-child,
.elementskit-menu-hamburger .elementskit-menu-hamburger-icon:last-child {
margin-bottom: 0
}
.elementskit-menu-close {
border: 1px solid rgba(0, 0, 0, 0.5);
color: rgba(51, 51, 51, 0.5);
float: right;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px
}
.elementskit-dropdown-has:hover>a:after {
border-color: transparent #1e73be #1e73be transparent
}
.elementskit-dropdown-has>a {
position: relative;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.elementskit-dropdown-has>a:hover:after {
border-color: transparent #1e73be #1e73be transparent
}
.elementskit-dropdown-has>a:after {}
.elementskit-submenu-panel .elementskit-dropdown-has:hover>a:after {
border-color: transparent #0d3a4f #0d3a4f transparent
}
.elementskit-submenu-panel .elementskit-dropdown-has>a:hover:after {
border-color: transparent #0d3a4f #0d3a4f transparent
}
@media (min-width:992px) {
.elementskit-dropdown .elementskit-dropdown-has>a:after {}
.elementskit-menu-container {
background: rgba(255, 255, 255, 0);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
position: relative
}
.elementskit-dropdown {
min-width: 250px
}
.elementskit-navbar-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.elementskit-navbar-nav>li>a {}
.elementskit-dropdown {
-webkit-box-shadow: 0px 10px 30px 0px rgba(45, 45, 45, 0.2);
box-shadow: 0px 10px 30px 0px rgba(45, 45, 45, 0.2);
position: absolute;
top: 100%;
left: 0px;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
pointer-events: none
}
.elementskit-dropdown-has:hover>.elementskit-dropdown {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
pointer-events: auto
}
}
@media (max-width:991px) {
.elementskit-menu-container {
background: #f7f7f7;
background: -webkit-gradient(linear, left bottom, left top, from(#f7f7f7), to(#f7f7f7));
background: -webkit-linear-gradient(bottom, #f7f7f7 0%, #f7f7f7 100%);
background: -o-linear-gradient(bottom, #f7f7f7 0%, #f7f7f7 100%);
background: linear-gradient(0deg, #f7f7f7 0%, #f7f7f7 100%);
max-width: 350px;
width: 100%;
position: fixed;
top: 0;
left: -450px;
height: 100%;
-webkit-box-shadow: 0px 10px 30px 0px rgba(255, 165, 0, 0);
box-shadow: 0px 10px 30px 0px rgba(255, 165, 0, 0);
overflow-y: auto;
overflow-x: hidden;
padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 10px;
-webkit-transition: left 600ms cubic-bezier(0.6, 0.1, 0.68, 0.53) 0ms;
-o-transition: left 600ms cubic-bezier(0.6, 0.1, 0.68, 0.53) 0ms;
transition: left 600ms cubic-bezier(0.6, 0.1, 0.68, 0.53) 0ms
}
.elementskit-menu-container.active {
left: 0
}
.no-scroller {
overflow: hidden
}
.elementskit-menu-overlay {
display: block;
position: fixed;
z-index: 5;
top: 0;
left: -110%;
height: 100%;
width: 100%;
background-color: rgba(51, 51, 51, 0.5);
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 1;
visibility: visible;
-webkit-transition: all 600ms cubic-bezier(0.6, 0.1, 0.68, 0.53) 400ms;
-o-transition: all 600ms cubic-bezier(0.6, 0.1, 0.68, 0.53) 400ms;
transition: all 600ms cubic-bezier(0.6, 0.1, 0.68, 0.53) 400ms
}
.elementskit-menu-overlay.active {
left: 0%;
-webkit-transition: all 600ms cubic-bezier(0.22, 0.61, 0.24, 1) 0ms;
-o-transition: all 600ms cubic-bezier(0.22, 0.61, 0.24, 1) 0ms;
transition: all 600ms cubic-bezier(0.22, 0.61, 0.24, 1) 0ms
}
.elementskit-menu-close,
.elementskit-menu-hamburger {
display: block
}
.elementskit-nav-identity-panel {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 5;
width: 100%
}
.elementskit-nav-identity-panel .elementskit-site-title {
float: left
}
.elementskit-nav-identity-panel .elementskit-menu-close {
float: right
}
.elementskit-navbar-nav {
padding-top: 100px
}
.elementskit-navbar-nav>li>a {
color: #000000;
font-size: 12px;
padding-top: 5px;
padding-left: 10px;
padding-right: 5px;
padding-bottom: 5px
}
.elementskit-navbar-nav>li>a:hover {
color: #0d3a4f
}
.elementskit-navbar-nav>li:hover>a {
color: #0d3a4f
}
.elementskit-submenu-panel>li>a {
color: #000000;
font-size: 12px;
padding-top: 7px;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 7px
}
.elementskit-dropdown {
max-height: 0;
overflow: hidden;
display: block;
border: 0px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: max-height 2s cubic-bezier(0, 1, 0, 1);
-o-transition: max-height 2s cubic-bezier(0, 1, 0, 1);
transition: max-height 2s cubic-bezier(0, 1, 0, 1)
}
.elementskit-dropdown.elementskit-dropdown-open {
max-height: 2500px;
opacity: 1;
visibility: visible;
-webkit-transition: max-height 5s ease-out;
-o-transition: max-height 5s ease-out;
transition: max-height 5s ease-out
}
.elementskit-navbar-nav>.elementskit-dropdown-has>.elementskit-dropdown li a {
padding-left: 15px
}
}
@keyframes scroll {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(46px);
}
}
@keyframes scroll {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(46px);
}
}
@-webkit-keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
} @keyframes rotation {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(90deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(270deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes bar-top {
0% {
transform: scale(0, 1);
}
12.5% {
transform: scale(1, 1);
}
87.5% {
transform: scale(1, 1);
}
100% {
transform: scale(0, 1);
}
}
@keyframes bar-right {
0% {
transform: scale(1, 0);
}
12.5% {
transform: scale(1, 0);
}
25% {
transform: scale(1, 1);
}
75% {
transform: scale(1, 1);
}
87.5% {
transform: scale(1, 0);
}
100% {
transform: scale(1, 0);
}
}
@keyframes bar-bottom {
0% {
transform: scale(0, 1);
}
25% {
transform: scale(0, 1);
}
37.5% {
transform: scale(1, 1);
}
62.5% {
transform: scale(1, 1);
}
75% {
transform: scale(0, 1);
}
100% {
transform: scale(0, 1);
}
}
@keyframes bar-left {
0% {
transform: scale(1, 0);
}
37.5% {
transform: scale(1, 0);
}
50% {
transform: scale(1, 1);
}
62.5% {
transform: scale(1, 0);
}
100% {
transform: scale(1, 0);
}
}
@keyframes slide {
from {
background-position: 0 0;
}
to {
background-position: 200px 0;
}
}
@-webkit-keyframes slide {
from {
background-position: 0 0;
}
to {
background-position: 200px 0;
}
}
@keyframes move {
25% {
opacity: 1;
}
33% {
opacity: 1;
transform: translateY(30px);
}
67% {
opacity: 1;
transform: translateY(40px);
}
100% {
opacity: 0;
transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
}
}
@keyframes pulse {
to {
opacity: 1;
}
} @keyframes ellipse-animation {
0% {
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
}
25% {
border-top-left-radius: 0%;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
transform: rotate(90deg);
}
50% {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
transform: rotate(180deg);
}
75% {
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
transform: rotate(270deg);
}
100% {
border-top-left-radius: 0%;
border-top-right-radius: 0%;
border-bottom-right-radius: 0%;
border-bottom-left-radius: 0%;
transform: rotate(360deg);
}
}
 :root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}section.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1170px;
} :root {
--theme-color: #4BAF47;
--color-secondary: #EDF7ED;
--body-color: #878680;
--white-color: #ffffff;
--bg-color: #F8F7F0;
--black-color: #24231D;
--border-color: #E3E3E3;
--border-color-2: #333F4D;
--box-shedow: 0px 41.04px 42.48px rgba(0, 0, 0, 0.053);
--gradient-color: linear-gradient(180deg, rgba(36, 35, 29, 0.8) 0%, #4BAF47 99.98%, #4AAD46 99.99%);
--body-font: "Manrope", sans-serif;
} .slick-dots {
position: absolute;
bottom: 25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-prev {
z-index: 1;
position: absolute;
left: 100px;
top: 50%;
bottom: 50%;
transform: translate(-50%, -50%);
}
.slick-next {
position: absolute;
right: 100px;
top: 50%;
bottom: 50%;
transform: translate(-50%, -50%);
}
.slick-arrow {
border: none;
background: var(--theme-color);
color: var(--white-color);
font-size: 16px;
height: 67px;
width: 67px;
border-radius: 100PX;
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
.slick-arrow:hover{
background: var(--color-secondary);
color: var(--theme-color);
}
.slick-dots {
position: absolute;
bottom: -50px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots {
position: absolute;
bottom: -30px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
z-index: 1;
}
.slick-dots li {
position: relative;
padding: 0;
cursor: pointer;
display: inline-block;
width: unset;
height: unset;
margin: 0 4px;
}
.slick-dots li button{
width: 8px;
height: 8px;
display: inline-block;
font-size: 0;
line-height: unset;
padding: unset;
border: none;
border-radius: 50px;
box-shadow: var(--box-shadow);
background: var(--theme-color);
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
}
.slick-dots li.slick-active button{
width: 40px;
opacity: 1;
}
.theme-btns.style-two{
background: var(--white-color);
color: var(--black-color);
}
.settings-button-wrapper .theme-btns.style-two:before{
background: var(--theme-color);
border-radius: 0;
}
.theme-btns.style-one {
margin-right: 20px;
}
@media screen and (max-width: 475px) {
.theme-btns.style-one {
margin-bottom: 30px;
}
} .pagination-area {
text-align: center;
margin: 40px 0;
}
.pagination-area ul {
padding: 0;
margin: 0;
list-style: none
}
.pagination-area ul li a {
display: inline-block;
width: 60px;
height: 60px;
border-radius: 100%;
text-align: center;
vertical-align: middle;
color: var(--black-color);
background: var(--color-secondary);
line-height: 60px;
font-weight: 400
}
.pagination-area ul li {
display: inline-block;
margin-right: 5px
}
.pagination-area ul li a.current,.pagination-area ul li a:hover {
background-color: var(--theme-color);
color: var(--white-color);
border-color: transparent
} .eco-section-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background-repeat: no-repeat;
pointer-events: none;
}
.shapeanimation {
-webkit-animation-duration: 9s;
animation-duration: 9s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
animation-duration: 9s;
-webkit-animation-duration: 9s;
z-index: -1;
} @-webkit-keyframes shapeMover {
0%, 100% {
-webkit-transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
}
50% {
-webkit-transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
}
}
@keyframes shapeMover {
0%, 100% {
-webkit-transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
}
50% {
-webkit-transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
}
}
@keyframes shapeMover {
0%, 100% {
transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
}
50% {
transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
}
}
@keyframes bubbleMover {
0% {
-webkit-transform: translateY(0px) translateX(0) rotate(0);
transform: translateY(0px) translateX(0) rotate(0);
}
30% {
-webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
transform: translateY(30px) translateX(50px) rotate(15deg);
-webkit-transform-origin: center center;
transform-origin: center center;
}
50% {
-webkit-transform: translateY(50px) translateX(100px) rotate(45deg);
transform: translateY(50px) translateX(100px) rotate(45deg);
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
80% {
-webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
transform: translateY(30px) translateX(50px) rotate(15deg);
-webkit-transform-origin: left top;
transform-origin: left top;
}
100% {
-webkit-transform: translateY(0px) translateX(0) rotate(0);
transform: translateY(0px) translateX(0) rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
}
} .about-full-width{
width: 168%;
padding: 9% 68% 9% 10%;
background: var(--bg-color);
}
.about-small-stitle {
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 5px;
color: var(--theme-color);
font-size: 14px;
}
.about-title{
margin-bottom: 30px;
font-weight: 800;
}
.about-icon {
height: 60px;
width: 60px;
background: var(--theme-color);
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
color: var(--white-color);
position: absolute;
top: -40px;
transform: rotate(0deg);
transition: .6s;
-webkit-transition: .6s;
-moz-transition: .6s;
-ms-transition: .6s;
-o-transition: .6s;
transition: .6s;
border-radius: 5px;
}
.about-inner-content:hover .about-icon {
transform: rotate(360deg);
border-radius: 30px;
}
.about-inner-content {
padding: 45px 30px 22px;
background: var(--bg-color);
position: relative;
margin-top: 70px;
margin-bottom:30px;
border-radius: 15px;
}
.about-inner-title {
font-size: 20px;
line-height: 28px;
margin-bottom: 5px;
}
.about-inner-title a{
color: var(--black-color);
}
.about-inner-title a:hover{
color: var(--theme-color);
}
.about-des {
margin-bottom: 20px;
}
.about-des ul {
margin: 0;
padding: 0;
list-style: none;
margin-top: 30px;
}
.about-des ul li {
line-height: 28px;
font-size: 17px;
font-weight: 700;
padding-left: 30px;
position: relative;
margin-bottom: 9px;
margin-top: 9px;
display: inline-flex;
width: 100%;
align-items: center;
color: var(--black-color);
}
.about-des ul li:after {
content: "\F26E";
font-family: 'bootstrap-icons';
position: absolute;
left: 0;
color: var(--white-color);
background: var(--theme-color);
border-radius: 30px;
font-size: 12px;
font-weight: 900;
height: 20px;
width: 20px;
text-align: center;
line-height: 20px;
}
.about-section-wraper .about-button {
margin-top: 15px;
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
.about-full-width .about-title {
font-size: 40px;
line-height: 50px;
}
}
@media screen and (min-width: 1025px) and (max-width: 1399px) {
.about-full-width .about-title {
font-size: 36px;
line-height: 46px;
}
.about_content.about-full-width {
padding: 20px 30px 20px 30px;
}
}
@media screen and (max-width: 1399px) {
.about-full-width{
width: 100%;
padding: 30px;
}
}
@media screen and (max-width: 575px) {
.about-title {
margin-right: 0px;
font-size: 36px;
line-height: 42px;
}
.about-full-width{
padding: 30px 15px;
}
.about-des ul li {
font-size: 16px;
font-weight: 600;
}
} .about-section-wraper.about-two .skillbar-item .skill-title {
font-size: 18px;
line-height: 28px;
font-weight: 700;
color: var(--black-color);
margin-bottom: 15px;
}
.about-section-wraper.about-two .skillbar-item .skillbar .skill-percent-count-wrap {
position: absolute;
right: 0;
top: -38px;
color: var(--black-color);
font-size: 18px;
line-height: 28px;
font-weight: 700;
}
.about-two-items {
display: flex;
justify-content: space-between;
align-items: center;
}
.about-v2-item {
display: flex;
align-items: center;
}
.about-v2-item .about-author-image img {
width: 70px;
height: 70px;
margin-right: 20px;
border-radius: 100%;
}
.about-name-designation {
font-weight: 500;
color: var(--theme-color);
font-size: 14px;
}
.about-name{
font-size: 20px;
margin-bottom: 0;
} .eco-skills-wrapper .skillbar-item {
margin-bottom: 40px;
display: inline-block;
width: 100%;
}
.eco-skills-wrapper .skillbar-item .skill-title {
font-size: 16px;
margin-bottom: 8px;
font-weight: bold;
}
.eco-skills-wrapper .skillbar-item .skillbar {
height: 6px;
background: var(--bg-color);
position: relative;
text-align: right;
}
.eco-skills-wrapper .skillbar-item .skillbar .skill-percent-count-wrap {
position: absolute;
right: 0;
top: -37px;
}
.eco-skills-wrapper .skillbar-item .skillbar .count-bar {
background: var(--theme-color);
height: 100%;
position: relative;
text-align: right;
position: relative;
text-align: right;
padding-right: 0;
border-radius: 10px;
overflow: visible !important;
width: 0;
}
@media screen and (max-width: 475px) {
.about-two-items {
display: block;
}
.about-v2-item {
margin-bottom: 30px;
}
} .about-image-wraper{
text-align: right;
}
.about-image_item {
text-align: right;
position: relative;
margin: 0 30px;
display: inline-block;
}
.about-image_item:before {
content: "";
position: absolute;
right: -30px;
top: 0;
height: 50%;
width: 15px;
background: var(--theme-color);
}
.about-image_item::after{
content: "";
position: absolute;
bottom: 0;
left: -30px;
height: 50%;
width: 15px;
background: var(--theme-color);
}
.about-image-wraper .about-image_item img {
max-height: 600px;
border-radius: 15px;
}
.about-image-wraper .about-s-image {
position: absolute;
right: -75px;
bottom: 30px;
width: 260px;
}
@media screen and (max-width: 1024px) {
.about-image-wraper{
text-align: center;
}
}
@media screen and (max-width: 767px) {
.about-s-image {
right: -30px;
}
}
@media screen and (max-width: 575px) {
.about-image-wraper .about-s-image{
right: -30px;
bottom: 0;
width: 200px;
}
} .about-video-wraper{
text-align: right;
margin-bottom: 100px;
}
.about-image {
text-align: right;
position: relative;
margin: 0 30px;
display: inline-block;
}
.about-small-image {
position: absolute;
left: -150px;
bottom: -100px;
max-width: 350px;
} .video-button {
height: 165px;
width: 180px;
background: var(--black-color);
border: 5px solid var(--white-color);
padding-top: 35px;
position: absolute;
top: 85px;
left: -85px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 15px;
}
.play-btn {
width: 80px;
height: 80px;
background: radial-gradient( #4baf47 60%, #4baf47 62%);
border-radius: 50%;
position: relative;
display: block;
margin: auto;
box-shadow: 0px 0px 25px 3px #4baf47;
display: flex;
font-size: 30px;
justify-content: center;
align-items: center;
color: var(--white-color)
}
.play-btn:hover {
color: var(--white-color)
} .play-btn:before {
content: "";
position: absolute;
width: 150%;
height: 150%;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation: pulsate1 2s;
animation: pulsate1 2s;
-webkit-animation-direction: forwards;
animation-direction: forwards;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: steps;
animation-timing-function: steps;
opacity: 1;
border-radius: 50%;
border: 5px solid #4baf47;
top: -25%;
left: -25%;
background: rgba(198, 16, 0, 0);
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
.about-small-image {
position: absolute;
left: -55px;
bottom: -100px;
max-width: 300px;
}
.video-button {
left: -55px;
}
}
@media screen and (min-width: 1025px) and (max-width: 1199px) {
.about-small-image {
left: -30px;
bottom: -100px;
max-width: 250px;
}
.video-button {
height: 150px;
width: 150px;
top: 100px;
left: -30px;
}
.play-btn {
width: 60px;
height: 60px;
}
}
@media screen and (max-width: 767px) {
.video-button {
height: 140px;
width: 140px;
padding-top: 25px;
bottom: 50%;
left: 50%;
transform: translate(-50%, 50%);
}
.about-small-image {
left: -50px;
bottom: -100px;
max-width: 300px;
}
.about-video-wraper {
margin-bottom: 130px;
}
}
@media screen and (max-width: 575px) {
.video-button {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.about-small-image {
left: 50%;
transform: translate(-50%);
bottom: -55px;
max-width: 220px;
}
.about-image{
margin: 0;
}
.about-video-wraper {
margin-bottom: 0px;
}
.about-small-image {
display:none;
}
}
@-webkit-keyframes pulsate1 {
0% {
-webkit-transform: scale(0.6);
transform: scale(0.6);
opacity: 1;
box-shadow: inset 0px 0px 25px 3px #4baf47, 0px 0px 25px 10px #4baf47;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
box-shadow: none;
}
}
@keyframes pulsate1 {
0% {
-webkit-transform: scale(0.6);
transform: scale(0.6);
opacity: 1;
box-shadow: inset 0px 0px 25px 3px #4baf47, 0px 0px 25px 10px #4baf47;
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1);
opacity: 0;
box-shadow: none;
}
} .eco-v2--image {
position: relative;
display: inline-block;
}
.eco-v2--image::after {
content: "";
position: absolute;
top: 0;
left: -30px;
height: 100%;
width: 100%;
border-left: 15px solid var(--theme-color);
}
.video-v2-shape {
position: absolute;
right: -30px;
bottom: -100px;
z-index: -1;
animation: shapeanimation 2s linear 1s infinite alternate;
}
.eco-v2--image img {
padding-bottom: 100px;
}
.video-button.two {
width: 310px;
height: 230px;
bottom: 0;
left: -80px;
top: unset;
display: flex;
align-items: center;
justify-content: center;
padding-top: 0;
z-index: 1;
border-radius: 15px;
}
@keyframes shapeanimation {
0% {
bottom: -20px;
}
100% {
bottom: -80px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1320px) {
.video-button.two {
width: 280px;
height: 200px;
left: -30px;
}
.eco-v2--image {
margin: 0 30px;
}
}
@media screen and (min-width: 1025px) and (max-width: 1199px) {
.video-button.two {
width: 260px;
height: 180px;
left: -30px;
}
.eco-v2--image {
margin: 0 30px;
}
}
@media screen and (max-width: 1024px) {
.eco-video-v2-wraper {
text-align: center;
}
}
@media screen and (max-width: 767px) {
.video-button.two {
height: 140px;
width: 140px;
bottom: 50%;
left: 50%;
transform: translate(-50%, 20%);
}
.eco-v2--image::after {
height: 90%;
}
.eco-v2--image img {
padding-bottom: 0px;
}
@keyframes shapeanimation {
0% {
bottom: -10px;
}
100% {
bottom: -30px;
}
}
}
@media screen and (max-width: 575px) {
.eco-v2--image::after {
height: 100%;
}
.video-button.two {
height: 120px;
width: 120px;
bottom: 50%;
left: 50%;
transform: translate(-50%, 45%);
}
} .eco-section-title-content {
padding: 0 220px;
}
.eco-section-small-title {
letter-spacing: 3px;
color: var(--theme-color);
line-height: 36px;
text-transform: uppercase;
margin-bottom: 5px;
font-size: 14px;
}
.eco-section-title-wrapper h2 {
font-weight: 800;
text-transform: capitalize;
}
@media screen and (max-width: 1480px) {
.eco-section-title-content {
padding: 0 200px;
}
}
@media screen and (max-width: 1199px) {
.eco-section-title-content {
padding: 0 100px;
}
}
@media screen and (max-width: 991px) {
.eco-section-title-content {
padding: 0;
}
}
@media screen and (max-width: 767px) {
.eco-section-title-wrapper .eco-section-title {
font-size: 36px;
line-height: 46px;
}
} .eco-title-two-wrapper .title-two-items {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.eco-title-two-wrapper .eco-section-title{
margin-bottom: 0;
font-weight: 800;
}
.eco-section-title span{
color: var(--theme-color);
}
.tb-two.eco-button {
width: 55%;
text-align: right;
}
@media screen and (max-width: 767px) {
.eco-title-two-wrapper .title-two-items{
display: block;
}
.eco-title-wrapper .title-items {
display: block;
}
.tb-two.eco-button {
width: 100%;
text-align: left;
margin-top: 30px;
}
.eco-title-two-wrapper .eco-section-title {
font-size: 36px;
line-height: 46px;
}
} .servies-card {
background: var(--white-color);
padding: 30px;
margin-bottom: 30px;
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
border-radius: 15px;
}
.service-title {
margin-bottom: 10px;
}
.service-title a{
color: var(--black-color);
}
.servies-card:hover  .service-title a{
color: var(--theme-color);
}
.service-icon {
font-size: 40px;
height: 90px;
width: 90px;
background:var(--theme-color);
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
border: 5px solid var(--white-color);
margin-top: -50px;
position: relative;
margin-left: 30px;
margin-bottom: 20px;
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
color: var(--white-color);
transform: rotate(0deg);
}
.service-icon svg {
width: 40px;
}
.servie-image{
border-radius: 15px;
}
.servies-card .servie-image img {
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
border-radius: 15px;
}
.servies-card:hover .servie-image img {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.servie-image {
overflow: hidden;
}
.servies-card:hover .service-icon {
background: var(--black-color);
transform: rotate(360deg);
}
.service-btn {
margin-top: 20px;
font-weight: 800;
font-size: 14px;
line-height: 1;
}
.service-btn a{
color: var(--theme-color);
}
.servies-card:hover .service-btn a{
color: var(--black-color);
}
.tp-service-item{
padding: 0 15px;
}
.service-text {
margin-bottom: 20px;
} .eco-service-v2-item {
border: 2px solid var(--border-color);
padding: 30px;
margin-bottom: 30px;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
border-radius: 15px;
background: var(--white-color);
}
.eco-service-v2-item:hover{
border: none;
box-shadow: var(--box-shedow);
}
.eco-service-item{
padding: 0 15px;
}
.eco-service-v2-num {
margin-bottom: 30px;
opacity: .1;
}
.eco-service-v2-icon,
.eco-service-v2-icon svg{
height: 80px;
width: 80px;
display: flex;
align-items: center;
justify-content: center;
font-size: 50px;
margin-bottom: 20px;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.eco-service-v2-title {
margin-bottom: 10px;
}
.eco-service-v2-dec {
font-weight: 500;
}
.eco-service-v2-button {
margin-top: 20px;
font-weight: 800;
font-size: 14px;
line-height: 30px;
}
.eco-service-v2-button .btns i {
background: var(--theme-color);
color: var(--white-color);
height: 30px;
width: 30px;
text-align: center;
line-height: 30px;
margin-left: 18px;
border-radius: 15px;
}
.eco-service-v2-wrapper-inner [class*='col-']:nth-child(even) .eco-service-v2-item {
margin-top: 50px;
}
.eco-service-v2-wrapper-inner [class*='col-']:nth-child(even) .eco-service-v2-item:hover {
margin-top: 0px;
}
.eco-service-v2-wrapper-inner [class*='col-']:nth-child(odd) .eco-service-v2-item {
margin-top: 0px;
}
.eco-service-v2-wrapper-inner [class*='col-']:nth-child(odd) .eco-service-v2-item:hover {
margin-top: 50px;
}
@media screen and (max-width: 991px) {
.eco-service-v2-wrapper-inner [class*='col-']:nth-child(even) .eco-service-v2-item {
margin-top: 0;
}
} .service-box-three {
padding: 50px 30px 50px;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
margin-bottom: 30px;
border: 1px solid var(--border-color);
}
.service-box-three.one-style {
border-radius: 15px;
background: var(--white-color);
}
.service-box-three:hover {
border: none;
box-shadow: var(--box-shedow);
}
.service-three-title {
margin-bottom: 12px;
}
.service-box-three:hover .service-three-title a{
color: var(--theme-color);
}
.service-icon-three {
font-size: 50px;
margin-bottom: 30px;
height: 100px;
width: 100px;
border-radius: 100%;
color: var(--theme-color);
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
display: inline-flex;
background: var(--color-secondary);
justify-content: center;
align-items: center;
transform: rotate(0deg);
}
.service-box-three:hover .service-icon-three{
transform: rotate(360deg);
}
.service-icon-three svg{
height: 50px;
width: 50px;
}
.service-box-three:hover .service-icon-three svg path {
fill: var(--white-color);
}
.service-box-three:hover .service-icon-three{
color: var(--white-color);
background: var(--theme-color);
}
.services-three-des {
margin-bottom: 0px;
line-height: 30px;
}
a.services-btn {
height: 30px;
width: 50px;
border-radius: 30px;
border: 1px solid var(--border-color);
text-align: center;
color: var(--theme-color);
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.service-box-three:hover .services-btn{
background: var(--theme-color);
color: var(--white-color);
} .service-box-three.sty-two {
border: none;
background: var(--white-color);
}
.sty-two .service-icon-three {
margin-bottom: 30px;
}
.service-box-three.sty-two {
margin-bottom: 0;
padding: 50px 30px 45px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.service_three-image img{
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
position: relative;
}
.service-three-items:hover .service_three-image img{
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
opacity: 0.5;
-webkit-filter: grayscale(100%); filter: grayscale(100%);
}
.service_three-image{
margin-bottom: 30px;
overflow: hidden;
position: relative;
transition: .4s;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.service_three-image .theme-btns {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--white-color);
border: none;
cursor: pointer;
opacity: 0;
z-index: 1;
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
transform: translate(-50%, -50%) scale(0);
}
.service-three-items:hover .service_three-image .theme-btns {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.service_three-image .theme-btns:hover {
background:var(--white-color);
color: var(--theme-color);
}
.service_three-image .theme-btns:before{
background:var(--white-color);
}
.service_three-image:after {
content: "";
background-color: rgb(15 44 73 / 90%);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
opacity: 0;
}
.service-three-items:hover .service_three-image:after{
opacity: 1;
}
@media only screen and (max-width: 991px) and (min-width: 767px)  {
.service_three-image .theme-btns{
padding: 15px 36px;
}
}
@media only screen and (max-width: 375px) {
.service_three-image .theme-btns{
padding: 15px 20px;
}
} .elementor-widget-wp-widget-nav_menu h5 {
font-size: 24px;
font-weight: 700;
line-height: 34px;
position: relative;
padding-left: 12px;
}
.elementor-widget-wp-widget-nav_menu h5:before {
content: "";
margin-right: 10px;
position: absolute;
height: 20px;
width: 2px;
background: var(--theme-color);
left: 0;
top: 50%;
transform: translate(0%, -50%);
}
.elementor-widget-wp-widget-nav_menu ul.menu {
padding: 0;
}
.elementor-widget-wp-widget-nav_menu ul.menu li {
padding: 0;
list-style: none;
margin-bottom: 0;
}
.elementor-widget-wp-widget-nav_menu ul.menu li a {
background: var(--white-color);
padding: 15px 20px;
width: 100%;
font-weight: 500;
border: 1px solid var(--border-color);
border-radius: 10px;
margin: 5px 0;
}
.elementor-widget-wp-widget-nav_menu ul.menu li a:hover {
background: var(--theme-color);
color: var(--white-color);
}
.elementor-widget-wp-widget-nav_menu ul.menu li a:active {
background: var(--theme-color);
color: var(--white-color);
}
.elementor-widget-wp-widget-nav_menu ul.menu li.current-menu-item a, .elementor-widget-wp-widget-nav_menu ul.menu li.current_page_item a {
background-color: var(--theme-color);
color:var(--white-color);
} .eco-counter-items {
text-align: center;
margin-bottom: 40px;
}
.eco-counter-icon {
font-size: 40px;
height: 150px;
width: 150px;
background: var(--theme-color);
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: var(--white-color);
margin-bottom: 30px;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.eco-counter-icon svg {
font-size: 30px;
height: 75px;
width: 75px;
}
.eco-count-timer.timer {
display: inline-block;
margin-bottom: 5px;
color: var(--white-color);
}
.eco-counter-numner span {
font-size: 48px;
font-weight: 800;
color: var(--white-color);
}
.eco-counter-title {
font-size: 18px;
line-height: 28px;
color: var(--white-color);
margin-bottom: 0px;
}
.testmonial-slide-item {
overflow: hidden;
} .eco-team-image img {
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
width: 100%;
}
.eco-team-member-single:hover .eco-team-image img {
transform: scale(1.1);
}
.eco-team-image {
position: relative;
overflow: hidden;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.eco-section-stitle {
letter-spacing: 3px;
color: var(--theme-color);
margin-bottom: 10px;
font-size: 14px;
}
.team-items .eco-t-title {
margin-right: 100px;
font-weight: 800;
}
.eco-team-item-box{
padding: 0 15px;
}
.team-content {
padding: 30px 0px;
background: #47A143;
border-radius: 0px 0px 15px 15px;
}
.team-single .team-content > a {
font-size: 16px;
font-weight: 600;
color: #2c2d3e;
}
.team-single { 
text-align: center;
border: 1px solid black
}
.eco-team-member-single {
margin-bottom: 30px;
}
.team-title {
font-size: 24px;
line-height: 34px;
margin-bottom: 5px;
}
.team-title a {
color: var(--white-color);
}
.team-title a:hover {
color: var(--black-color);
}
.team-stitle {
font-size: 14px;
line-height: 30px;
color: var(--white-color);
margin-bottom: 20px;
}
.team-content ul li {
display: inline-block;
}
.team-content ul li a {
margin: 0 6px;
display: flex;
padding-top: 0;
color: var(--white-color);
border: 1px solid var(--bg-color);
border-radius: 5px;
height: 40px;
width: 40px;
align-items: center;
justify-content: center;
background: transparent;
}
.team-content ul li a:hover {
background: var(--white-color);
color: var(--theme-color);
}
.team-items {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 45px;
}
.team-next.slick-arrow {
margin-left: 20px;
}
.team-arrow {
width: 50%;
text-align: right;
}
@media screen and (max-width: 767px) {
.team-items .eco-t-title {
margin-right: 0px;
font-size: 36px;
line-height: 46px;
}
.team-items {
display: block;
}
.team-arrow {
width: 100%;
text-align: left;
margin-top: 30px;
} 
} .eco-team-v2-item {
display: flex;
align-items: center;
margin-bottom: 30px;
border: 1px solid var(--border-color);
padding: 55px 40px 60px;
background: var(--white-color);
border-radius: 15px;
}
.eco-team-V2-wrapper [class*='col-']:nth-child(odd) .eco-team-v2-item {
display: flex;
flex-direction: row-reverse;
text-align: right;
}
.eco-team-V2-wrapper [class*='col-']:nth-child(odd) .eco-team-v2-image {
margin-right: 0;
margin-left: 30px;
}
.eco-team-v2-item .eco-team-v2-image {
height: 150px;
width: 150px;
min-width: 150px;
margin-right: 20px;
}
.eco-team-v2-item .eco-team-v2-image img {
height: 100%;
width: 100%;
border-radius: 100%;
}
.team-title-v2 {
display: inline-block;
margin-right: 5px;
margin-bottom: 10px;
}
.team-title-v2 a{
color: var(--black-color);
}
.team-desi {
font-weight: 600;
text-transform: capitalize;
}
.team-v2-text {
font-weight: 500;
margin-bottom: 20px;
}
.team-v2-content ul{
padding: 0;
margin: 0;
}
.team-v2-content ul li {
display: inline-block;
}
.team-v2-content ul li a {
margin: 0 6px;
font-size: 16px;
display: flex;
padding-top: 0;
color: var(--theme-color);
background: var(--color-secondary) ;
height: 40px;
width: 40px;
align-items: center;
justify-content: center;
border-radius: 100px;
}
.team-v2-content ul li a:hover {
background: var(--theme-color);
color: var(--white-color);
}
@media screen and (max-width: 1199px) {
.eco-team-v2-item {
padding: 60px 30px 55px;
}
.eco-team-v2-item .eco-team-v2-image {
height: 135px;
width: 135px;
min-width: 135px;
}
.eco-team-V2-wrapper [class*='col-']:nth-child(odd) .eco-team-v2-image {
margin-left: 20px;
}
.team-v2-content ul li a {
margin: 0 3px;
}
}
@media screen and (max-width: 575px) {
.eco-team-V2-wrapper [class*='col-']:nth-child(odd) .eco-team-v2-item,
.eco-team-v2-item {
display: block;
text-align: center;
}
.eco-team-V2-wrapper [class*='col-']:nth-child(odd) .eco-team-v2-image,
.eco-team-v2-item .eco-team-v2-image {
margin: auto;
margin-bottom: 30px;
}
} .our-team-three {
margin-bottom: 30px;
}
.our-team-three .team-image img {
border-radius: 15px;
}
.team-three-info {
padding: 30px;
background: var(--white-color);
position: relative;
margin: -70px 30px 0px;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
border: 1px solid var(--border-color);
text-align: center;
border-radius: 15px;
}
.our-team-three:hover .team-three-info {
background: var(--theme-color);
border: none;
}
.team-v3-title {
margin-bottom: 0;
}
.team-v3-title a{
color: var(--black-color);
}
.team-v3-stitle{
color: var(--body-color);
margin-bottom: 5px;
display: inline-block;
}
.our-team-three:hover .team-v3-stitle,
.our-team-three:hover .team-v3-title a{
color: var(--white-color);
} .our-team-three .team-image{
position: relative;
text-align: center;
}
.our-team-three .social{
padding: 10px 0;
margin: 0;
list-style: none;
position: absolute;
bottom: 80px;
left: 50%;
background: var(--white-color);
text-align: center;
transform: translate(-50%, 0px) rotateY(90deg);
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
border-radius: 5px;
}
.our-team-three:hover .social{
transform: translate(-50%, 0px) rotateY(0deg);
}
.our-team-three .social li{
display: inline-block;
}
.our-team-three .social li a{
width: 40px;
color: var(--body-color);
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
display: flex;
align-items: center;
justify-content: center;
}
.our-team-three .social li:not(:last-child){
border-right: 1px solid var(--border-color);
}
.our-team-three .social li a:hover{
color: var(--theme-color);
}
@media screen and (max-width: 767px) {
.our-team-three .social{
width: 180px;
}
} .team_details_wraper .container {
padding: 0;
}
.team_details_wraper .team-datails-image img {
border-radius: 15px;
width: 100%;
height: 100%;
object-fit: cover;
}
.team-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.team-details-title {
color: var(--black-color);
margin-bottom: 10px;
text-transform: capitalize;
font-size: 35px;
font-weight: 800;
}
.team-details-designation {
color: var(--theme-color);
margin-bottom: 15px;   
}
.team-sort-dec {
margin-bottom: 15px;
}
.team-info-list-wrapper .info-label {
min-width: 100px;
font-weight: 500;
color:var(--black-color);
}
.team-social-area {
margin-top: 20px;
}
.team-info-wrapper {
padding-left: 60px;
}
.team-info-wrapper ul{
padding: 0;
margin: 0;
}
.team-info-list-wrapper ul li {
padding: 9px 0;
list-style: none;
}
.team-social-area ul li {
display: inline-block;
margin-right: 10px;
}
.team-social-area ul li a {
width: 40px;
height: 40px;
color: var(--black-color);
background:var(--color-secondary);
border-radius: 30px;
text-align: center;
font-size: 14px;
line-height: 40px;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.team-social-area ul li a:hover{
color: var(--white-color);
background:var(--theme-color);
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.team-info-wrapper {
padding-left: 30px;
}
}
@media screen and (max-width: 767px) {
.team-info-wrapper {
padding-left: 0px;
}
.team-datails-image{
margin-bottom: 30px;
}
} .eco-t-titles {
margin-right: 100px;
font-weight: 800;
}
.testimonial-item-content .share {
font-size: 18px;
margin-bottom: 15px;
color: var(--color-primariy);
}
.testimonial-arrow {
width: 50%;
text-align: end;
}
.testimonial-item-content .share i {
padding: 0px 4px;
}
.testimonial-item-box {
padding: 50px 45px;
position: relative;
margin-bottom:30px;
transition: .6s;
-webkit-transition: .6s;
-moz-transition: .6s;
-ms-transition: .6s;
-o-transition: .6s;
transition: .6s;
background: var(--bg-color);
border-radius: 15px;
}
.testi-box{
margin: 0 15px;
} 
.testmonial-content {
font-weight: 500;
margin: 0;
}
.share i {
margin-right: 8px;
color: #FFBA08;
}
.testimonial-info {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.testimonial-info .image-wrap {
width: 90px;
height: 90px;
margin-right: 20px;
}
.testimonial-info .image-wrap img {
width: 100%;
border-radius: 100px;
border: 2px solid var(--theme-color);
padding: 5px;
}
.testimonial-information .testimonial-name {
font-size: 22px;
line-height: 30px;
font-weight: 700;
margin-bottom: 5px;
}
.testimonial-information .testimonial-designation{
display: inline-block;
font-weight: 500;
color: #4BAF47;
}
span.testi-quit {
font-size: 60px;
height: 60px;
width: 60px;
color: var(--theme-color);
display: inline-block;
text-align: center;
line-height: 62px;
position: absolute;
right: 50px;
top: 57px;
}
.testimonial-item-box.testi-box:hover .testi-quit {
color: var(--white-color, #fff);
}
.testimonial-next {
margin-left: 15px;
}
.testimonial-arrow.arrow-style-two {
width: 100%;
text-align: left;
}
.testimonial-arrow-wrapper.two button{
margin-top: 40px;
}
@media screen and (max-width: 767px) {
span.testi-quit {
display: none;
}
} .no-row.slick-slider {
margin: 0 -15px;
}
.testimonial-items {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 45px;
}
.share {
display: inline-block;
margin-bottom: 5px;
}
.testimonial-prev.slick-arrow {
right: 70px;
}
@media screen and (max-width: 767px) {
.eco-t-titles {
margin-right: 0px;
}
}
@media screen and (max-width: 575px) {
.testimonial-items {
display: block;
margin-bottom: 30px;
}
.eco-section-title {
margin-right: 0;
}
.eco-t-title{
margin-bottom: 30px;
font-size: 36px;
line-height: 46px;
}
.testimonial-arrow {
width: 100%;
text-align: left;
}
} .share.share-rating {
display: block;
margin-bottom: 5px;
}
.testimonial-item-box.testi-box.testi-box {
padding: 40px;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
border-radius: 15px;
}
.testimonial-info.two {
display: flex;
align-items: center;
margin-top: 25px;
margin-bottom: 0;
}
span.testi-quit-two {
font-size: 55px;
height: 55px;
width: 55px;
color: var(--theme-color);
display: inline-block;
text-align: center;
line-height: 62px;
margin-bottom: 20px;
border-radius: 100%;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.two .testi-quit {
opacity: 0.8;
top: auto;
margin-bottom: -500px;
color: var(--color-secondary);
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.testi-quit.testi-bg svg{
height: 100px;
width: 100px;
}
.testi-box .share {
display: block;
margin-bottom: 5px;
}
.testi-box .testmonial-content {
margin-top: 10px;
}
.testimonial-item-box.testi-box:hover{
background: var(--theme-color);
}
.testimonial-item-box.testi-box:hover .two .testi-quit {
margin-bottom: 10px;
}
.testimonial-item-box.testi-box:hover .testi-quit-two,
.testimonial-item-box.testi-box:hover .testmonial-content,
.testimonial-item-box.testi-box:hover .testimonial-name,
.testimonial-item-box.testi-box:hover .testimonial-designation,
.testimonial-item-box.testi-box:hover .image-wrap img{
color: var(--white-color);
border-color: var(--white-color);
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.testimonial-wrapper .slick-dots {
bottom: -70px;
}
@media screen and (max-width: 575px) {
.testimonial-item-box.testi-box.testi-box{
padding: 30px;
}
} .news-block-one .inner-box{
position: relative;
display: block;
margin-bottom: 30px;
}
.news-block-one .inner-box .image-box{
position: relative;
display: block;
overflow: hidden;
border-radius: 15px 15px 0px 0px;
}
.news-block-one .inner-box .image-box a {
width: 100%;
}
.news-block-one .inner-box .image-box img{
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
width: 100%;
min-height: 280px;
}
.news-block-one .inner-box:hover .image-box img{
transform: scale(1.1);
opacity: 0.5;
}
.news-block-one .inner-box .image-box .post-date {
position: absolute;
left: 10px;
top: 10px;
min-width: 165px;
padding: 8px 20px;
text-align: center;
z-index: 1;
background: var(--theme-color);
color: var(--white-color);
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.news-block-one .inner-box .image-box .post-date i {
padding-right: 5px;
font-size: 12px;
}
.news-block-one .inner-box .image-box .post-date a{
color: var(--white-color);
font-size: 14px;
line-height: 23px;
font-weight: 500;
display: inline;
}
.news-block-one .inner-box .image-box .post-date:hover,
.news-block-one .inner-box .image-box .post-date:hover a{
color: var(--black-color);
}
.news-block-one .inner-box .lower-content h4 {
display: block;
font-size: 24px;
line-height: 34px;
font-weight: 700;
margin-bottom: 10px;
}
.eco-blog-dec {
margin-bottom: 12px;
}
.news-block-one .inner-box .lower-content{
position: relative;
padding-top: 20px;
margin-bottom: 30px;
}
.news-block-one .inner-box .lower-content .post-info li{
position: relative;
display: inline-block;
font-size: 14px;
line-height: 22px;
color: var(--body-color);
font-weight: 500;
margin-right: 30px;
padding-left: 20px;
}
.news-block-one .inner-box .lower-content .post-info li a{
color: var(--body-color); 
padding-left: 5px;
}
.news-block-one .inner-box .lower-content .post-info li a:hover{
color: var(--theme-color); 
}
.news-block-one .inner-box .lower-content .post-info li:last-child{
margin: 0px !important;
}
.news-block-one .inner-box .lower-content .post-info li i{
position: absolute;
left: 0px;
top: 4px;
font-size: 14px;
color: var(--theme-color);
}
ul.post-info.clearfix {
margin-bottom: 7px;
padding-left: 0;
}
.lower-content .blog-btn a {
background: transparent;
color: var(--black-color);
border: 1px solid var(--border-color);
margin-top: 10px;
}
.lower-content .blog-btn a:hover{
color: var(--white-color);
border: 1px solid var(--theme-color);
} .blog-v2-inner-sectin {
border: 1px solid var(--border-color);
border-radius: 0px 0px 15px 15px;
}
.eco-blog-wrapper-v2 .news-two .lower-content.news-tow-content {
padding: 20px 30px;
margin-bottom: 0;
}
.eco-blog-wrapper-v2 .news-two .news-two-bottom {
padding: 20px 30px;
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid var(--border-color);
}
.blog-btn .btns {
font-size: 14px;
font-weight: 800;
}
.news-comment i {
color: var(--theme-color);
margin-right: 5px;
}
.news-block-one.news-two .eco-blog-dec {
margin-bottom: 0;
}
.eco-blog-wrapper-v2 .news-block-one.news-two .inner-box .image-box .post-date-two {
position: absolute;
right: 0;
bottom: 0;
width: 65px;
padding: 5px 10px;
text-align: center;
z-index: 1;
background: var(--theme-color);
color: var(--white-color);
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
border-top-left-radius: 15px;
}
.eco-blog-wrapper-v2 .news-block-one.news-two .inner-box .image-box .post-date-two a{
color: var(--white-color);
font-weight: 500;
} .news-block-two .inner-box{
position: relative;
display: block;
border: 1px solid var(--border-color);
margin-bottom: 30px;
overflow: hidden;
border-radius: 15px;
}
.news-block-two .inner-box .image-box{
position: relative;
display: block;
overflow: hidden;
}
.news-block-two .inner-box .image-box img{
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
min-height: 280px;
}
.news-block-two .inner-box:hover .image-box img{
transform: scale(1.1);
opacity: 0.5;
min-height: 280px;
}
.news-block-two .post-info.clearfix{
margin-bottom: 10px;
padding-left: 0;
}
.news-block-two .inner-box .lower-content h4 {
display: block;
font-size: 24px;
line-height: 34px;
font-weight: bold;
margin-bottom: 10px;
}
.news-block-two .eco-blog-dec {
margin-bottom: 0px;
}
.news-block-two .inner-box .lower-content{
position: relative;
padding: 20px 25px;
}
.news-block-two .inner-box .lower-content .post-info li{
position: relative;
display: inline-block;
font-size: 14px;
line-height: 22px;
color: var(--body-color);
font-weight: 500;
margin-right: 30px;
padding-left: 20px;
}
.news-block-two .inner-box .lower-content .post-info li a{
color: var(--body-color); 
padding-left: 5px;
}
.news-block-two .inner-box .lower-content .post-info li a:hover{
color: var(--theme-color); 
}
.news-block-two .inner-box .lower-content .post-info li:last-child{
margin: 0px !important;
}
.news-block-two .inner-box .lower-content .post-info li i{
position: absolute;
left: 0px;
top: 4px;
font-size: 14px;
color: var(--theme-color);
}
.eco-blog-post-author{
padding: 14px 25px;
border-top: 1px solid #e3e3e3;
color: var(--black-color);
}
.eco-blog-post-author img {
border-radius: 100% !important;
width: 35px;
height: 35px !important;
object-fit: cover;
margin-right: 15px;
}
.eco-blog-post-author .byline {
text-transform: capitalize;
color: var(--black-color);
font-weight: 500;
}
.eco-blog-post-author .byline i {
display: none;
} .eco-faq-section-item .col-xl-6 {
padding: 0;
}
.eco-faq-section-content {
background: var(--bg-color);
padding: 110px 120px 100px;
position: relative;
}
.faq-title {
margin-bottom: 20px;
font-weight: 800;
}
.faq-dec {
margin-bottom: 40px;
}
.faq-accordion .accordion-item {
border: none;
margin-bottom: 20px;
border-radius: 15px;
overflow: hidden;
}
.accordion-item .accordion-collapse {
border: none;
}
.accordion-header .collapse:not(.show) {
display: block;
}
.accordion-header .accordion-button.collapsed:hover {
border-bottom-width: 0;
color: var(--theme-color);
}
.accordion-header .accordion-button:not(.collapsed) {
color: var(--white-color);
background-color: var(--theme-color);
}
.accordion-header .accordion-button:not(.collapsed)::after {
background-image: none;
content: "\e93d";
background: var(--white-color);
color: var(--theme-color);
}
.faq-accordion .accordion-button {
border: none;
color: var(--color-black);
display: inline-block;
font-size: 18px;
font-weight: 700;
line-height: 28px;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
padding: 23px 30px;
background: var(--white-color);
text-align: left;
border-radius: 0 !important;
}
.faq-accordion .accordion-button::after {
position: absolute;
right: 30px;
background-image: none !important;
content: "\e93e";
font-family: 'iconfont'!important;
padding: 0;
height: 30px;
width: 30px;
background: var(--theme-color);
color: var(--white-color);
text-align: center;
font-size: 16px;
line-height: 30px;
border-radius: 30px;
}
.faq-accordion .accordion-button:focus {
box-shadow: none;
}
.faq-accordion .accordion-body {
padding: 20px 30px;
background: var(--white-color);
font-weight: 500;
}
@media screen and (max-width: 767px) {
.faq-accordion .accordion-button {
font-size: 16px;
padding-right: 40px;
}
.faq-title {
font-size: 36px;
line-height: 46px;
}
} .eco-faq-section-bg {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 51%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
z-index: 0;
}
.eco-faq-section::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 65%)
}
@media only screen and (max-width: 1024px) and (min-width: 991px){
.eco-faq-section-content {
padding: 80px 80px 70px;
}
}
@media screen and (max-width: 991px) {
.eco-faq-section-bg {
width: 100%;
}
.eco-faq-section-item {
padding: 110px;
}
}
@media screen and (max-width: 767px) {
.eco-faq-section-wrapper .eco-faq-section-content {
padding: 60px;
z-index: 1;
position: relative;
}
.eco-faq-section-item {
padding: 110px 60px;
}
}
@media screen and (max-width: 579px){
.eco-faq-section-item {
padding: 110px 30px;
}
.eco-faq-section-wrapper .eco-faq-section-content {
padding: 30px
}
} .Eco-list-box {
display: flex;
margin-bottom: 25px;
}
.eco-list-icon {
font-size: 15px;
height: 30px;
width: 30px;
background: var(--theme-color);
display: flex;
align-items: center;
justify-content: center;
color: var(--white-color);
border-radius: 50px;
margin-right: 20px;
}
.list-title {
margin-bottom: 10px;
} .eco-icon-box-item {
margin-bottom: 30px;
transform: .4s;
}
.icon-title {
margin-bottom: 10px;
}
.eco-icon {
height: 70px;
width: 70px;
background: var(--white-color);
display: flex;
align-items: center;
justify-content: center;
font-size: 50px;
border-radius: 100%;
color: var(--theme-color);
margin-bottom: 35px;
}
.eco-icon svg{
height: 60px;
width: 60px;
}
.eco-icon-box-item:hover .icon-title{
color: var(--theme-color);
}
.eco-icon-position {
position: relative;
top: 10px;
left: 20px;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.eco-icon-box-item:hover .eco-icon-position {
top: 0;
left: 0;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
} .icon-box-v2-title{
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
a .icon-box-v2-title:hover{
color: var(--theme-color);
}
.eco-icon-box-v2-wrapper .eco-v2-single_item {
text-align: center;
position: relative;
margin-bottom: 30px;
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.eco-v3-icon,
.eco-icon-box-v2-wrapper .eco-v2-single_item .eco-v2-icon {
background: var(--bg-color);
color: var(--theme-color);
width: 190px;
height: 190px;
font-size: 80px;
border-radius: 50%;
margin: 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 40px;
position: relative;
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.eco-icon-box-v2-wrapper .eco-v2-single_item .eco-v2-icon svg{
height: 60px;
width: 60px;
}
.eco-icon-box-v2-wrapper .eco-v2-single_item .eco-v2-icon.two::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-image: url(//www.peaca.org/wp-content/plugins/ecofine-core/assets/img/1.png);
background-repeat: no-repeat;
background-position: center right;
left: 95px;
top: 0;
}
.eco-icon-box-v2-wrapper .eco-v2-single_item .eco-v2-icon.two::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-image: url(//www.peaca.org/wp-content/plugins/ecofine-core/assets/img/2.png);
background-repeat: no-repeat;
background-position: center right;
left: 105px;
bottom: -30px;
}
.eco-icon-box-v2-wrapper [class*='col-']:last-child .eco-v2-single_item .eco-v2-icon.two::after,
.eco-icon-box-v2-wrapper [class*='col-']:last-child .eco-v2-single_item .eco-v2-icon.two::before,
.eco-icon-box-v2-wrapper [class*='col-']:nth-child(even) .eco-v2-single_item .eco-v2-icon.two::after,
.eco-icon-box-v2-wrapper [class*='col-']:nth-child(odd) .eco-v2-single_item .eco-v2-icon.two::before  {
display: none;
}
.eco-icon-box-v2-wrapper  [class*='col-']:nth-child(even) .eco-v2-single_item.item-two{
margin-top: 70px;
}
.eco-v3-icon .icon-attr,
.eco-v2-single_item .eco-v2-icon .icon-attr{
font-weight: 700;
font-size: 20px;
line-height: 28px;
color: var(--white-color);
background: var(--theme-color);
height: 50px;
width: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
position: absolute;
top: 0;
right: 0px;
}
.eco-icon-box-v2-wrapper .eco-v2-single_item .eco-v2-icon.three::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-image: url(//www.peaca.org/wp-content/plugins/ecofine-core/assets/img/3.png);
background-repeat: no-repeat;
background-position: center right;
left: 80px;
top: 0;
}
.eco-icon-box-v2-wrapper [class*='col-']:last-child .eco-v2-single_item .eco-v2-icon.three::after{
display: none;
}
.eco-v2-single_item .eco-v2-icon.three .icon-attr{
left: 0;
}
.three-item .icon-box-v2-title {
margin-bottom: 0;
} .icon-box-v3-style {
border-radius: 10px;
background: var(--white-color);
box-shadow: 0px 41.04px 42px 0px rgba(163, 148, 148, 0.05);
padding: 40px 30px 0;
}
.eco-v3-single_item {
text-align: center;
padding: 0 40px;
margin-bottom: 35px;
}
.eco-v3-icon {
height: 120px;
width: 120px;
font-size: 50px;
margin-bottom: 25px;
}
.eco-v3-icon svg{
width: 50px;
}
.eco-v3-icon .icon-attr {
font-size: 16px;
height: 30px;
width: 30px;
font-weight: 500;
}
.eco-v3-single_item .icon-box-v2-title {
color: #24231D;
font-size: 20px;
font-weight: 700;
line-height: 28px;
margin-bottom: 5px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.eco-icon-box-v2-wrapper .eco-v2-single_item .eco-v2-icon.three::after {
left: 60px;
}
}
@media screen and (max-width: 1023px) {
.eco-icon-box-v2-wrapper [class*='col-'] .eco-v2-single_item .eco-v2-icon::before  {
display: none;
}
}
@media screen and (max-width: 991px) {
.eco-icon-box-v2-wrapper .eco-v2-single_item .eco-v2-icon.three::after {
display: none;
}
}
@media screen and (max-width: 767px) {
.eco-icon-box-v2-wrapper [class*='col-'] .eco-v2-single_item .eco-v2-icon::before,
.eco-icon-box-v2-wrapper [class*='col-'] .eco-v2-single_item .eco-v2-icon::after   {
display: none;
}
.eco-icon-box-v2-wrapper  [class*='col-']:nth-child(even) .eco-v2-single_item{
margin-top: 0px;
}
.eco-icon-box-v2-wrapper [class*='col-']:nth-child(even) .eco-v2-single_item.item-two {
margin-top: 0;
}
.eco-icon-box-v2-wrapper .eco-v2-single_item {
margin-bottom: 60px;
}
} .eco-contact-info-item {
display: flex;
margin-bottom: 30px;
padding: 30px 40px;
box-shadow: var(--box-shedow);
background: var(--white-color);
border-bottom: 5px solid var(--theme-color);
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
text-align: center;
}
.eco-contact-icon {
height: 40px;
width: 40px;
font-size: 40px;
margin-right: 20px;
color: var(--theme-color);
}
.eco-contact-title {
font-size: 24px;
line-height: 34px;
margin-bottom: 8px;
} .eco-call-info-item {
padding: 90px 70px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
z-index: 0;
margin-bottom: 30px;
border-radius: 15px;
overflow: hidden;
}
.eco-call-info-item:after {
content: "";
background-color: rgb(28 28 28 / 60%);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.eco-call-icon {
height: 55px;
width: 55px;
border-radius: 50%;
background: var(--theme-color);
color: var(--white-color);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
.eco-call-title {
font-weight: 500;
line-height: 30px;
color: var(--white-color);
display: inline-block;
}
.eco-call-Number {
margin-bottom: 20px;
color: var(--white-color);
}
.eco-call-dec,
.eco-call-dec p,
.eco-contact-dec p{
color: var(--white-color);
}
@media only screen and (max-width: 1200px) and (min-width: 992px)  {
.eco-call-info-item {
padding: 50px;
}
}
@media only screen and (max-width: 991px) and (min-width: 767px)  {
.eco-call-info-item {
padding: 30px;
}
} .eco-portfolio-wrapper .project-filter {
text-align: center;
margin-bottom: 60px;
}
.project-menu .project-filter li {
display: inline;
padding: 8px 30px;
font-size: 16px;
font-weight: 600;
line-height: 20px;
cursor: pointer;
border-radius: 30px;
margin-right: 10px;
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
background: var(--color-secondary);
color: var(--black-color);
}
.project-menu .project-filter li:hover,
.project-menu ul li.active{
color: var(--white-color);
background: var(--theme-color);
}
.eco-portfolio-item{
position: relative;
}
.eco-portfolio-content-wrp{
position: relative;
transition: all 4s;
margin-bottom: 30px;
}
.eco-portfolio-wrapper .eco-portfolio-content-wrp img{
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 15px;
}
.eco-portfolio-content {
position: absolute;
opacity: 0;
bottom: 5%;
left: 0;
margin: 0 auto;
border-left: 5px solid var(--theme-color);
background-color: var(--white-color);
padding: 25px 30px;
width: 96%;
transition: all 0.4s;
box-shadow: var(--box-shadow);
border-radius: 0px 15px 15px 0px;
}
.eco-portfolio-item .eco-portfolio-content-wrp:hover .eco-portfolio-content {
opacity: 1;
width: 86%;
transition: all 0.4s;
}
.project-cats ul {
margin: 0;
padding: 0;
}
.project-cats ul li {
display: inline;
}
.project-cats ul li a {
font-weight: 500;
margin-right: 10px;
color: var(--body-color);
transition: all 0.4s;
}
.project-cats ul li a:hover{
color: var(--black-color);
}
.project-title {
font-size: 22px;
margin: 0;
}
.project-button .project-icon {
display: inline-flex;
height: 40px;
width: 40px;
font-size: 30px;
background: var(--theme-color);
color: var(--theme-color);
border-radius: 5px;
align-items: center;
justify-content: center;
transition: all 0.4s;
}
.project-button .project-icon:hover {
color: var(--theme-color);
background: var(--color-secondary);
}
@media screen and (max-width: 767px) {
.project-menu .project-filter li {
display: block;
}
.project-menu .project-filter li {
display: block;
padding: 15px 30px;
font-size: 14px;
font-weight: 800;
line-height: 30px;
cursor: pointer;
margin: 20px 0px;
}
.project-menu .project-filter li:first-child{
margin-top: 0;
}
.project-menu .project-filter li:last-child{
margin-bottom: 0;
}
.project-menu ul {
padding-left: 0;
}
} .eco-portfolio-two-wrapper .project-filter {
text-align: center;
margin-bottom: 30px;
padding-left: 0;
}
.eco-portfolio-two-wrapper .eco-portfolio-content-wrp img{
width: 100%;
height: 420px;
object-fit: cover;
border-radius: 15px;
}
.portfolio-menu-two .project-filter li {
display: block;
padding: 15px 30px;
font-size: 14px;
font-weight: 800;
line-height: 30px;
cursor: pointer;
background: var(--color-secondary);
margin: 20px 0px;
color: var(--black-color);
border-radius: 100px;
}
.portfolio-menu-two .project-filter li:first-child{
margin-top: 0;
}
.portfolio-menu-two .project-filter li:last-child{
margin-bottom: 0;
}
.portfolio-menu-two ul li.active{
color: var(--white-color);
background: var(--theme-color);
}
@media screen and (max-width: 425px) {
.eco-portfolio-two-wrapper .eco-portfolio-content-wrp img {
height: 300px;
}
} .eco-portfolio-details-box .eco-portfolio-details-image{
margin-right: 30px;
}
.eco-portfolio-details-box .eco-portfolio-details-image img {
object-fit: cover;
width: 100%;
border-radius: 15px;
}
.portfolio-details ul li span {
font-weight: 500;
}
.portfolio-name{
font-size: 18px;
margin-bottom: 0;
}
.portfolio-details-title {
margin-bottom: 20px;
}
.portfolio-content {
margin-bottom: 40px;
}
.portfolio-details ul li {
list-style: none;
width: 49%;
display: inline-block;
margin-bottom: 40px;
border-left: 1px solid var(--border-color);
padding-left: 30px;
}
.portfolio-details ul{
margin: 0;
padding: 0;
}
@media screen and (max-width: 991px) {
.portfolio-details ul{
margin: 0;
padding: 0;
}
.eco-portfolio-details-box .eco-portfolio-details-image{
margin-bottom: 30px;
margin-right: 0;
}
}
@media screen and (max-width: 475px) {
.portfolio-details ul li {
margin-bottom: 20px;
display: block;
width: 100%;
}
.portfolio-details-title {
font-size: 36px;
line-height: 46px;
}
} .eco-client-section-wrapper {
padding: 100px 80px 80px;
}
.brand-full-width {
width: 168%;
padding: 9% 68% 8% 10%;
}
.eco-client-section-wrapper .eco-client-item img {
margin: 0 auto;
}
.eco-client-items.no-slide {
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
}
.no-slide .eco-client-item img{
margin-bottom: 15px;
}
@media screen and (max-width: 1199px) {
.brand-full-width {
width: 100%;
padding: 100px 30px 80px;
}
}
.eco-client-item-style-two {
margin-bottom:30px;
border-radius: 15px;
border: 1px solid #EAF0F9;
background: var(--white-color);
box-shadow: 0px 9px 30px 0px #F0F1F3;
overflow: hidden;
padding: 15px;
}
.eco-client-item-style-two img{
margin: auto;
}
.eco-client-item-style-two {
} .mc4wp-form-fields {
position: relative
}
.mc4wp-form-fields input[type="email"] {
background-color: transparent;
border: 1px solid #454441  !important;
border-radius: 10px;
padding: 14px;
color: var(--white-color);
padding-left: 20px;
}
.mc4wp-form-fields input[type="email"]::placeholder {
color: var(--white-color);
}
.mc4wp-form-fields button {
position:absolute; 
right: 0;
border: none;
height: 58px;
width: 70px;
font-size: 18px;
background: var(--theme-color);
color: var(--white-color);
cursor: pointer;
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
border-radius: 0px 10px 10px 0px;
}
.company-subscribe-widget p{
margin-bottom: 30px;
}
.subscribe-form .mc4wp-form-fields input[type="email"] {
margin-bottom: 0;
} .header-v-three .eco-settings-content {
padding-top: 48px;
}
.eco-single-slide-item {
height: 800px;
display: flex!important;
align-items: center;
position: relative;
z-index: 0;
background-size: cover;
background-repeat: no-repeat;
}
.eco-single-slide-item::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.eco-table {
display: table;
height: 100%;
width: 100%;
}
.eco-table-cell {
display: table-cell;
width: 100%;
vertical-align: middle;
}
.slide-subtitle {
line-height: 36px;
font-weight: 700;
margin-bottom: 8px;
display: inline-block;
color: var(--theme-color);
text-transform: uppercase;
font-size: 14px;
}
.eco-slide-title{
font-size: 76px;
line-height: 87px;
color: var(--black-color);
font-weight: 800;
margin-bottom: 30px;
}
.eco-slide-dec {
margin-bottom: 45px;
font-size: 18px;
line-height: 30px;
}
@media screen and (max-width: 767px) {
.eco-slide-title{
font-size: 60px;
line-height: 72px;
}
.eco-single-slide-item{
height: 750px;
}
}
@media screen and (max-width: 575px) {
.eco-slide-title {
font-size: 46px;
line-height: 56px;
}
} .image-full-width {
width: 163%;
padding-left: 10%;
}
.eco-image-wrapper .eco-image img {
height: 100%;
width: 100%;
}
@media screen and (max-width: 1200px) {
.image-full-width {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.image-full-width {
width: 100%;
padding: 30px;
}
} select, 
.eco-input-area input[type="text"], 
.eco-input-area input[type="email"], 
.eco-input-area input[type="url"], 
.eco-input-area input[type="password"], 
.eco-input-area input[type="search"], 
.eco-input-area input[type="number"], 
.eco-input-area input[type="tel"], 
input[type="range"], 
.eco-input-area input[type="date"], 
.eco-input-area input[type="month"], 
.eco-input-area input[type="week"], 
.eco-input-area input[type="time"], 
.eco-input-area input[type="datetime"], 
.eco-input-area input[type="datetime-local"], 
.eco-input-area input[type="color"], 
.eco-input-area textarea {
background: var(--white-color);
border: none;
padding: 15px 25px;
margin-bottom: 20px;
}
.eco-contact-from-two-wrappwr select, 
.eco-contact-from-two-wrappwr .eco-input-area input[type="text"], 
.eco-contact-from-two-wrappwr .eco-input-area input[type="email"], 
.eco-contact-from-two-wrappwr .eco-input-area input[type="url"], 
.eco-contact-from-two-wrappwr .eco-input-area input[type="password"], 
.eco-contact-from-two-wrappwr .eco-input-area input[type="search"], 
.eco-contact-from-two-wrappwr .eco-input-area input[type="number"], 
.eco-contact-from-two-wrappwr .eco-input-area input[type="tel"], 
.eco-contact-from-two-wrappwr input[type="range"], 
.eco-contact-from-two-wrappwr .eco-input-area input[type="date"], 
.eco-contact-from-two-wrappwr .eco-input-area input[type="month"], 
.eco-contact-from-two-wrappwr .eco-input-area input[type="week"], 
.eco-contact-from-two-wrappwr .eco-input-area input[type="time"], 
.eco-contact-from-two-wrappwr .eco-input-area input[type="datetime"], 
.eco-contact-from-two-wrappwr .eco-input-area input[type="datetime-local"], 
.eco-contact-from-two-wrappwr .eco-input-area input[type="color"], 
.eco-contact-from-two-wrappwr .eco-input-area textarea {
background: transparent;
border: 1px solid var(--border-color);
padding: 15px 25px;
margin-bottom: 20px;
border-radius: 10px;
}
input.wpcf7-form-control.wpcf7-submit {
width: 100%;
border-radius: 5px;
display: unset;
}
.eco-contact-button.button .wpcf7-spinner {
display: none;
} .eco-subscribe-wrappwr {
position: relative;
}
.eco-sign-up input[type="email"] {
padding: 20px 15px;
}
.eco-sign-up .wpcf7-form-control-wrap input[type*="text"] {
padding: 25px 40px;
position: relative;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit.blob-btn:hover {
background: var(--black-color);
}
.eco-sign-up.button {
position: absolute;
top: 50%;
right: 7px;
transform: translate(0%, -48%);
}
.eco-sign-up .wpcf7-form-control.wpcf7-submit {
padding: 15px 20px;
}
@media screen and (max-width: 425px) {
.eco-sign-up .wpcf7-form-control-wrap input[type*="text"] {
padding: 15px 30px;
position: relative;
}
.eco-sign-up.button {
position: unset;
transform: unset;
}
} @media screen and (max-width: 767px) {
h2{
font-size: 36px;
line-height: 46px;
}
.eco-section-title-wrapper .eco-section-title {
font-size: 36px;
line-height: 46px;
}
.about-title {
margin-right: 0;
font-size: 36px;
line-height: 46px;
}
.eco-slide-dec {
padding: 0px;
}
} .slider-item-bg {
height: 900px;
display: flex!important;
align-items: center;
position: relative;
z-index: 0;
background-size: cover;
background-repeat: no-repeat;
}
.slider-item-bg::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.slide-stitle{
text-transform: uppercase;
line-height: 36px;
font-weight: 700;
margin-bottom: 8px;
display: inline-block;
color: var(--theme-color);
font-size: 14px;
letter-spacing: .8px;
}
.slide-title{
color: var(--white-color);
font-size: 76px;
line-height: 87px;
font-weight: 800;
margin-bottom: 30px;
}
.slide-dec{
color: var(--white-color);
margin-bottom: 50px;
font-size: 18px;
line-height: 30px;
}
.eco-slider-wrapper {
position: relative;
}
.slider-arrow-wrapper button {
height: 120px;
width: 120px;
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 50px;
position: absolute;
bottom: 0;
right: 0px;
margin-bottom: 0px;
border: transparent;
background:var(--theme-color);
color :var(--white-color);
}
.eco-slider-wrapper .slider-prev {
right: 120px;
background: var(--white-color);
color: var(--theme-color);
}
.eco-slider-wrapper .slider-prev:hover {
background: var(--theme-color);
color: var(--white-color);
border-right: 1px solid var(--border-color);
}
.eco-slider-wrapper .slider-next:hover {
background: var(--white-color);
color: var(--theme-color);
border-left: 1px solid var(--border-color);
}
.slider-social-area {
position: absolute;
bottom: 20px;
left: 50px;
}
.slider-social-area ul li {
list-style: none;
display: inline-block;
}
.slider-social-area ul li a{
padding: 8px 15px;
color: var(--white-color);
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
}
.slider-social-area ul li a:hover {
color: var(--theme-color);
}
.eco-slider-wrapper .slick-dots {
position: absolute;
display: block;
width: 20px;
top: 58%;
bottom: auto;
left: 70px;
transform: translate( 0%, -50%);
}
.eco-slider-wrapper .slick-dots li{
display: block;
}
.eco-slider-wrapper .slick-dots li button {
width: 15px;
height: 15px;
display: inline-block;
font-size: 0;
line-height: unset;
padding: unset;
background: #4aaf4700;
border: 2px solid var(--white-color);
border-radius: 50px;
box-shadow: var(--box-shadow);
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
}
.eco-slider-wrapper .slick-dots li.slick-active button{
background: var(--white-color);
}
.settings-button-wrapper .theme-btns:hover {
background: var(--white-color);
color: var(--black-color);
}
.settings-button-wrapper .theme-btns:before {
background: var(--white-color);
}
.slider-content-box{
margin-top: 50px;
}
@media only screen and (max-width: 1500px) and (min-width: 1050px)  {
.eco-slider-wrapper .slick-dots{
left: 25px;
}
}
@media only screen and (max-width: 1049px) and (min-width: 768px)  {
.eco-slider-wrapper .slick-dots{
left: 10px;
}
}
@media screen and (max-width: 767px) {
.slider-social-area{
display: none;
}
.slider-arrow-wrapper button {
border: none;
background: var(--theme-color);
height: 100px;
width: 100px;
}
.eco-slider-wrapper .slider-prev{
right: 100px;
}
.eco-slider-wrapper .slider-next{
color:  var(--white-color);
}
.eco-slider-wrapper .slider-prev:hover {
right: 100px;
}
.slide-title {
font-size: 46px;
line-height: 52px;
}
.slider-item-bg {
height: 850px;
}
} .donate-img img {
border-radius: 5px;
}
.donate-contents {
padding: 30px;
border-radius: 5px;
}
.donate-img {
margin-bottom: 10px;
}
.donat-title {
font-size: 20px;
line-height: 28px;
font-weight: bold;
margin-bottom: 0;
}
.donat-dec {
margin-top: 10px;
margin-bottom: 20px;
}
.donat-dec p {
margin: 0;
}
.donate-progress-bar .progress {
height: 5px;
border-radius: 33px;
background: #e5e5e5;
}
.donate-progress-bar .progress-bar {
background: var(--theme-color);
}
a.donate-btn {
padding: 13px;
background-color: var(--theme-color);
color: var(--white-color);
display: block;
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
border-radius: 5px;
}
.donate-button {
margin-top: 20px;
}
a.donate-btn:hover {
background-color: var(--black-color);
color: var(--white-color);
}
.donate-status {
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
color: var(--black-color);
}
.donate-price-area {
margin-top: 5px;
}
.donate-wrapper-inner .slick-slide {
margin: 0 15px;
}
.donate-wrapper-inner .slick-list {
margin: 0px -15px;
}
.donation-image {
text-align: center;
}
.donate-single {
margin-bottom: 30px;
border-radius: 15px;
overflow: hidden;
border: 1px solid var(--border-color);
}
.ecofine-donation-wrapper.donate-one .donate-single {
display: flex;
}
.ecofine-donation-wrapper.donate-one .donate-single .donate-img {
margin: 0;
}
.ecofine-donation-wrapper.donate-one .donate-single .donate-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ecofine-donation-wrapper.donate-one .donate-single {
background: var(--white-color);
}
.donate-area .all-posts-wrapper .images img {
border-radius: 15px;
}
@media screen and (max-width: 1024px) {
.ecofine-donation-wrapper.donate-one .donate-single {
display: block;
}
}   .our-team-four{
text-align: center;
margin-bottom: 30px;
}
.our-team-four-image{
position: relative;
overflow: hidden;
}
.our-team-four:hover .our-team-four-image:after{
bottom: 0;
}
.our-team-four img{
width: 100%;
height: auto;
}
.team-four-social{
padding: 0 0 18px 0;
margin: 0;
list-style: none;
position: absolute;
top: -100%;
left: 30px;
z-index: 1;
transition: all 0.4s ease;
}
.our-team-four:hover .team-four-social {
top: 25px;
}
.team-four-social li a {
display: block;
font-size: 12px;
color: var(--theme-color);
background: var(--white-color);
margin-top: 10px;
height: 35px;
width: 35px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.our-team-four:hover .team-four-social li a:hover{
color: var(--white-color);
background: var(--theme-color);
}
.theme-four-bg {
width: 88%;
clip-path: polygon(0 1%, 100% 0%, 84% 100%, 0% 100%);
background: var(--theme-color);
transition: all 0.4s ease;
}
.our-team-four:hover .theme-four-bg{
background: var(--white-color);
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.05);
}
.team-four-content {
padding: 37px 35px 23px;
background: var(--white-color);
text-align: left;
margin-top: -50px;
margin-right: 6px;
clip-path: polygon(0 1%, 100% 0%, 84% 100%, 0% 100%);
top: -8px;
position: relative;
transition: all 0.4s ease;
}
.our-team-four:hover .team-four-content{
background: var(--theme-color);
}
.team-four-title {
font-size: 20px;
line-height: 28px;
text-transform: capitalize;
margin-bottom: 6px;
}
.team-four-title a{
color: var(--black-color);
}
.our-team-four:hover .team-four-title a{
color: var(--white-color);
}
.team-four-designation {
display: inline-block;
text-transform: capitalize;
font-weight: 500;
color: #878680;
}
.our-team-four:hover .team-four-designation {
color: var(--white-color);
}
.eco-team-four-wrapper ul.slick-dots {
bottom: -40px;
}   .eco-icon-box-four-item {
padding: 45px;
text-align: center;
border: 1px solid #E3E3E3;
transition: .4s;
margin-bottom: 30px;
background: var(--white-color);
}
.eco-icon-box-four-item:hover {
box-shadow: 0px 41.04px 42.48px rgba(0, 0, 0, 0.053);
border: 1px solid transparent;
}
.eco-icon-four {
height: 100px;
width: 100px;
border-radius: 100px;
font-size: 50px;
background: var(--theme-color);
display: flex;
align-items: center;
justify-content: center;
color: var(--white-color);
margin: auto;
margin-bottom: 20px;
}
.eco-icon-four svg{
height: 50px;
width: 50px;
}
h3.icon-box-four-title {
font-size: 20px;
line-height: 28px;
color: #24231D;
}   .service-four-box-item{
transition: .4s;
}
.servie-four-image {
overflow: hidden;
}
.servie-four-image img {
min-height: 300px;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.service-four-box-item:hover .servie-four-image img {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.service-four-content {
padding: 0px 30px 50px;
border: 1px solid #E3E3E3;
background: var(--white-color);
margin-top: -70px;
position: relative;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 50px;
transition: .4s;
}
.service-four-box-item:hover .service-four-content{
box-shadow: 0px 0px 18px 3px rgba(0, 0, 0, 0.05);
border: 1px solid transparent;
}
.servie-four-icon {
height: 80px;
width: 80px;
font-size: 25px;
background: #4BAF47;
display: flex;
align-items: center;
justify-content: center;
border: 3px solid var(--white-color);
margin-top: -40px;
margin-bottom: 23px;
}
.servie-four-icon svg {
height: 50px;
width: 50px;
}
h3.servie-four-title {
font-size: 20px;
line-height: 28px;
font-weight: 700;
margin-bottom: 12px;
}
.service-four-text {
margin-bottom: 20px;
}
.service-four-btn {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 27px);
min-width: 180px;
}
.service-four-btn .btns {
border: 1px solid #E3E3E3;
padding: 16px 30px;
font-size: 15px;
line-height: 20px;
font-weight: 600;
background: var(--white-color);
color: #24231D;
transition: .4s;
}
.service-four-box-item:hover .service-four-btn .btns{
background: var(--theme-color);
color: var(--white-color);
}   .news-block-four  {
position: relative;
display: block;
margin-bottom: 30px;
}
.news-four-image-box {
position: relative;
display: block;
overflow: hidden;
border-radius: 15px 15px 0px 0px;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.news-block-four:hover .news-four-image-box img {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.news-four-image-box a {
width: 100%;
}
.news-four-image-box img {
min-height: 380px;
object-fit: cover;
}
.inner-box .news-four-lower-content {
position: relative;
margin-bottom: 30px;
}
.news-four-lower-content {
position: relative;
margin-bottom: 30px;
margin-left: 30px;
margin-top: -100px;
background: var(--white-color);
}
ul.news-four-post-info {
background: var(--theme-color);
padding: 15px 30px;
display: flex;
justify-content: space-between;
margin: 0;
}
.news-four-lower-content .news-four-post-info li {
position: relative;
display: inline-block;
font-size: 14px;
line-height: 22px;
color: var(--white-color);
font-weight: 500;
}
.news-four-lower-content .news-four-post-info li a {
color: var(--white-color);
}
.news-four-lower-content .news-four-post-info li a:hover {
color: var(--black-color);
}
.news-four-lower-content .news-four-post-info li i{
margin-right: 8px;
}
.news-four-lower-content .blog-btn a {
background: transparent;
color: var(--black-color);
border: 1px solid var(--theme-color);
margin-top: 10px;
font-weight: 700;
}
.news-four-lower-content .blog-btn a:hover {
color: var(--white-color);
border: 1px solid transparent;
}
.news-four-lower-content .blog-btn a:before {
background: var(--theme-color);
}
.blog-four-content {
padding: 20px 30px 30px;
box-shadow: 0px 0px 18px 3px rgba(0, 0, 0, 0.05);
}
.blog-four-title {
font-size: 20px;
font-family: Manrope;
font-weight: 700;
line-height: 28px;
}   .team-five-item{
text-align: center;
background: #24231D;
transition: all 0.3s ease 0s;
position: relative;
padding: 150px 32px 32px;
border: 5px solid rgba(225, 225, 225, 0.1);
transition: .4s;
margin-top: 150px;
margin-bottom: 30px;
}
.team-five-item:hover{
background: var(--theme-color);
}
.team-five-image{
position: absolute;
top: -150px;
left: 50%;
transform: translate(-50%, 0);
}
.team-five-image img:before{
content: "";
width: 100%;
height: 100%;
background: #000;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: all 0.5s ease 0s;
}
.team-five-item:hover .team-five-image:before{
opacity: 0.5;
}
.team-five-item .team-five-image img{
width: 300px;
min-width: 300px;
height: 300px;
object-fit: cover;
border-radius: 100%;
}
.team-five-item .team-five-title{
font-size: 24px;
font-weight: 700;
line-height: 34px;
color: var(--white-color);
margin-bottom: 0;
margin-top: 32px;
}
.team-five-item .team-five-title a{
color: var(--white-color);
}
.team-five-item .team-five-degi{
display: block;
font-size: 16px;
font-weight: 500;
line-height: 30px;
margin-bottom: 21px;
}
.team-five-item:hover .team-five-degi{
color: var(--white-color);
}
.team-five-item .team-five-social{
padding: 0;
margin: 0;
list-style: none;
}
.team-five-item .team-five-social li{
display: inline-block;
margin-right: 10px;
}
.team-five-item .team-five-social li:last-child{
margin-right: 0;
}
.team-five-item .team-five-social li a{
width: 35px;
height: 35px;
border-radius: 5px;
font-size: 14px;
color: var(--white-color);
transition: all 0.3s ease 0s;
background: var(--theme-color);
display: flex;
align-items: center;
justify-content: center;
}
.team-five-item:hover .team-five-social li a{
background: var(--white-color);
color: var(--theme-color);
}
.eco-team-five-wrapper ul.slick-dots {
bottom: -42px;
}
@media screen and (max-width: 1199px) {
.news-four-lower-content {
margin-left: 0;
margin-top: 0;
}
.news-four-image-box img {
min-height: 300px;
}
} .eco-v3-image {
position: relative;
display: inline-block;
}
.video-v3-shape {
position: absolute;
left: -18px;
top: -35px;
z-index: -1;
animation: shapeanimation2 2s linear 1s infinite alternate;
}
@keyframes shapeanimation2 {
0% {
top: -10px;
}
100% {
top: -40px;
}
}
.video-button-three {
position: absolute;
top: 46%;
left: 55%;
transform: translate(-50%, -50%);
}
.video-button-three .play-btn {
width: 70px;
height: 70px;
background: var(--white-color);
box-shadow: 0px 0px 25px 3px var(--white-color);
font-size: 22px;
color: var(--black-color);
-webkit-animation: pulsate2 2s;
animation: pulsate2 2s;
}
.play-btn:before {
border: 5px solid var(--white-color);
}
@-webkit-keyframes pulsate2 {
0% {
-webkit-transform: scale(0.6);
transform: scale(0.6);
opacity: 1;
box-shadow: inset 0px 0px 25px 3px #ffffff, 0px 0px 25px 10px #ffffff;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
box-shadow: none;
}
}
@keyframes pulsate2 {
0% {
-webkit-transform: scale(0.6);
transform: scale(0.6);
opacity: 1;
box-shadow: inset 0px 0px 25px 3px #ffffff, 0px 0px 25px 10px #ffffff;
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1);
opacity: 0;
box-shadow: none;
}
} .video-three-counter-icon {
font-size: 60px;
color: var(--white-color);
margin-right: 15px;
}
.video-three-counter {
display: flex;
background: var(--theme-color);
align-items: center;
padding: 24px 25px 30px;
width: 280px;
position: absolute;
right: -45px;
bottom: 16px;
}
.eco-counter-numner {
font-weight: 800;
}
.video-counter-title {
font-size: 18px;
line-height: 28px;
color: var(--white-color);
margin-bottom: 0px;
}
@media screen and (max-width: 600px) {
.video-three-counter {
right: 0;
}
}   .service-five-content {
padding: 38px;
margin: -70px 30px 30px;
position: relative;
text-align: center;
border-bottom: 4px solid var(--brand-primary, #4BAF47);
background: var(--white-color, #FFF);
box-shadow: 0px 41.040000915527344px 42.47999954223633px 0px rgba(0, 0, 0, 0.05);
transition: .4s;
}
.service-five-image {
overflow: hidden;
}
.service-five-image img{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.service-five-item:hover .service-five-image img {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.service-five-item:hover .service-five-content {
background: var(--theme-color);
}
.service-five-small-title {
margin-bottom: 17px;
font-size: 18px;
line-height: 28px;
font-weight: 700;
transition: .4s;
}
.service-five-title {
font-size: 20px;
line-height: 28px;
margin: 0;
}
.service-five-item:hover .service-five-small-title,
.service-five-item:hover .service-five-title,
.service-five-item:hover .service-five-title a {
color: var(--white-color);
}   .experiance-image_item {
position: relative;
display: inline-block;
}
.experiance-image_item:after {
content: '';
height: 175px;
width: 175px;
background: #FFC947;
position: absolute;
right: -35px;
top: -35px;
z-index: -1;
}
.experiance-image_item:before {
content: '';
height: 175px;
width: 175px;
background: #FFC947;
position: absolute;
left: -35px;
bottom: -35px;
z-index: -1;
}
.expariance-box {
background: var(--theme-color);
padding: 35px 35px 30px;
margin-left: 60px;
height: 200px;
width: 200px;
position: absolute;
right: -30px;
bottom: -55px;
text-align: left;
}
.expariance-box h2 {
font-size: 64px;
font-weight: 700;
color: var(--white-color);
}
.expariance-box span {
font-size: 18px;
line-height: 28px;
font-weight: 700;
color: var(--white-color);
}   .project2-title-items {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 36px;
}
.project-arrow-wrapper {
width: 50%;
text-align: right;
}
.project-arrow-wrapper button {
border: none;
background: var(--theme-color);
color: var(--white-color);
font-size: 25px;
height: 60px;
width: 60px;
border-radius: 100PX;
margin-bottom: 0px;
margin-left: 10px
}
@media screen and (max-width: 767px){
.project2-title-items {
display: block;
}
.project-arrow-wrapper {
width: 100%;
text-align: left;
margin-top: 30px;
}
.project-arrow-wrapper button {
margin-left: 0px
}
}
.eco-project-box {
position: relative;
overflow: hidden;
transition: .4s;
margin-bottom: 30px;
}
.eco-project-box.slide {
margin: 0 15px;
}
.box-content-area {
position: absolute;
bottom: -190px;
width: 90%;
background: var(--white-color);
margin: 0 auto;
left: 0;
right: 0;
padding: 22px 20px;
transition: .4s;
display: flex;
justify-content: space-between;
align-items: center;
z-index: 2;
}
.p-shape{
position: relative;
}
.eco-project-box:hover .p-shape:after {
content: "";
width: 100%;
height: 100%;
background: linear-gradient(8deg, #4BAF47 8.74%, rgba(75, 175, 71, 0.00) 75.79%);
position: absolute;
top: 0;
left: 0;
z-index: 1;
border-radius: 20px;
}
.eco-project-box:hover .box-content-area {
transition: .4s;
bottom: 20px;
}
.eco-project-box img {
min-height: 300px;
object-fit: cover;
}
.project-category ul {
margin: 0;
padding: 0;
list-style: none;
}
.project-category ul li {
display: inline-block;
}
.project-category ul li a {
color: var(--black-color);
font-weight: 500;
line-height: 30px;
}
.project2-title {
margin: 0;
}
.project2-title a {
line-height: 28px;
font-size: 20px;
font-weight: 700;
color: var(--black-color);
margin-bottom: 5px;
}
.project-box-icon {
font-size: 25px;
height: 50px;
width: 50px;
background: var(--theme-color);
color: var(--white-color);
display: flex;
align-items: center;
justify-content: center;
}
.eco-project-box.slide img {
min-height: 450px;
}   .news-block-five {
position: relative;
margin-bottom: 30px;
}
.news-five-image {
position: relative;
display: block;
overflow: hidden;
}
.news-five-image img {
min-height: 450px;
}
.post-date.grid {
position: absolute;
left: 0;
top: 0;
width: 65px;
padding: 5px 10px;
text-align: center;
z-index: 1;
background: var(--theme-color);
color: var(--white-color);
} 
.news-five-content .post-info {
margin-bottom: 7px;
padding-left: 0;
}
.news-five-content .post-info li {
position: relative;
display: inline-block;
font-size: 14px;
line-height: 22px;
color: var(--white-color);
font-weight: 500;
margin-right: 30px;
}
.news-five-content .post-info li:last-child {
margin: 0px;
}
.news-five-content .post-info li i {
margin-right: 5px;
}
.news-five-content {
position: absolute;
bottom: 0;
padding: 30px 40px;
z-index: 1;
}
.news-five-image:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
border-radius: 5px;
background: linear-gradient(180deg, rgba(36, 35, 29, 0.00) 0%, #24231D 99.99%, rgba(36, 35, 29, 0.00) 100%);
}
.blog-five-title {
margin: 0;
}
.blog-five-title a {
color: var(--white-color);
font-size: 20px;
line-height: 28px;
}
.blog-five-title a:hover{
color: var(--theme-color);
} .tab-box-item{
display: flex;
align-items: start;
}
.nav-pills .nav-link {
padding: 0;
margin-bottom: 20px;
}
.tabs-section-wrapper .nav-pills{
margin-right: 40px;
}
.tabs-section-wrapper .nav-pills .nav-link.active, .tabs-section-wrapper .nav-pills .show>.nav-link {
background-color: transparent;
}
.tabs-section-wrapper .nav-link>img {
width: 125px;
object-fit: cover;
height: 125px;
max-width: 200px;
border-radius: 15px;
}
.tab-content-box {
margin-right: 30px;
}
.tab-content {
background: var(--bg-color);
max-height: 100%;
padding: 53px 60px 53px;
border-radius: 15px;
width: 100%;
}
.tab-content-title {
margin-bottom: 24px;
font-size: 20px;
line-height: 28px;
}
.tab-btn a {
margin-top: 34px;
}
.tabs-section-wrapper .tab-content-image img {
max-height: 400px;
height: 308px;
object-fit: cover;
border-radius: 20px;
}
@media screen and (max-width: 991px) {
.tab-content-box {
margin-right: 0px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
.tab-box-item{
display: block;
}
.tab-content {
padding: 30px 40px 40px;
}
}   .eco-newsletter-one input[type="email"] {
border: transparent;
background: var(--white-color);
border-radius: 100px;
padding: 18px 40px;
margin-bottom: 15px;
}
.eco-newsletter-one-btn .wpcf7-spinner {
margin-top: 20px;
}
.eco-newsletter-one-btn {
position: absolute;
top: 0;
right: 0;
}
.eco-newsletter-one-btn input[type="submit"] {
text-transform: capitalize;
position: relative;
font-size: 14px;
font-weight: 800;
line-height: 30px;
padding: 12px 30px;
display: block;
background: var(--black-color);
border: none;
border-radius: 100px;
top: 5px;
left: -17px;
}
.eco-newsletter-one-btn input.wpcf7-form-control.has-spinner.wpcf7-submit.blob-btn:hover {
background: var(--theme-color);
}   .eco-newsletter-two input[type="email"] {
background:transparent;
border-radius: 100px;
padding: 18px 40px;
margin-bottom: 15px;
border: 2px solid var(--white-color, #FFF);
}
.eco-newsletter-two-btn .wpcf7-spinner {
margin-top: 20px;
}
.eco-newsletter-two-btn {
position: absolute;
top: 0;
right: 0;
}
.eco-newsletter-two-btn input[type="submit"] {
text-transform: capitalize;
position: relative;
font-size: 14px;
font-weight: 800;
line-height: 30px;
padding: 12px 35px;
display: block;
background: #EEC044;
border: none;
border-radius: 100px;
top: 7px;
left: -19px;
}
.eco-newsletter-two input[type="email"]::placeholder {
color: var(--white-color);
}
.eco-newsletter-two-btn input.wpcf7-form-control.has-spinner.wpcf7-submit.blob-btn:hover {
background: var(--theme-color);
} .eco-skill-image {
position: relative;
display: inline-block;
}
.eco-progress-box {
padding: 30px 30px 25px;
text-align: center;
background: var(--white-color);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.eco-circle-progress-item {
position: relative;
display: inline-block;
margin-bottom: 5px;
}
.eco-circle-progress-item .eco-count-numbers {
position: absolute;
top: 50%;
left: 53%;
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
}
.eco-circle-progress-item .eco-count-numbers span.eco-count-number {
font-size: 30px;
font-weight: 800;
color: var(--black-color);
}
.eco-circle-progress-item .eco-count-numbers span {
font-size: 30px;
font-weight: 800;
color: var(--black-color);
}
.eco-progress-box .eco-progress-title {
font-size: 18px;
font-weight: 700;
line-height: 28px;
margin: 0;
}
@media screen and (max-width: 375px) {
} .header-five .container-fluid {
padding: 0;
}
.header-five-call-box {
display: flex;
margin-right: 30px;
align-items: center;
}
.header-five-right-area {
display: flex;
}
.header-five-top {
display: flex;
justify-content: space-between;
padding-right: 120px;
padding-left: 350px;
background: var(--bg-color);
align-items: center;
}
.header-five-top-left ul {
padding: 0;
margin: 0;
}
.header-five-top-left ul li {
display: inline-block;
position: relative;
font-size: 14px;
font-weight: 500;
margin-right: 40px;
color: var(--black-color);
padding: 8px 0;
}
.header-five-top-left ul li:last-child {
display: inline-block;
margin: 0;
}
.header-five-top-left ul li i {
margin-right: 10px;
}
.header-five-call-text {
font-weight: 500;
color: var(--black-color);
line-height: 30px;
}
.header-five-call-number {
font-size: 20px;
color: var(--black-color);
font-weight: 700;
line-height: 28px;
}
.header-five-main-menu-area {
display: flex;
justify-content: space-between;
background: var(--white-color);
padding-right: 120px;
padding-left: 350px;
align-items: center;
}
.header-five-logo-item{
display: flex;
align-items: center;
justify-content: center;
}
.header-five-logo {
float: left;
position: relative;
z-index: 1;
width: 250px;
}
.header-five-logo:after {
content: '';
height: 145px;
width: 470px;
background: var(--theme-color);
position: absolute;
clip-path: polygon(0 0, 100% 0, 82% 100%, 0% 100%);
left: 0;
top: 0;
z-index: -1;
}
.header-five-logo a {
position: relative;
left: 150px;
top: 50px;
height: 60px;
}
.header-five-logo img {
width: 185px;
}
.header-five-logo:before {
content: '';
height: 145px;
width: 480px;
background: #000000;
position: absolute;
clip-path: polygon(0 0, 100% 0, 82% 100%, 0% 100%);
left: 0;
top: 0;
z-index: -1;
}
.header-five-top-social a {
font-size: 15px;
margin: 0 20px 0 0;
}
.header-five-top-social a {
font-size: 15px;
margin: 0 20px 0 0;
}
.header-five-top-social a:last-child {
margin-right: 0;
}
@media screen and (max-width: 1720px){
.header-five-right-area .header-five-call-box{
display: none;
}
}
@media screen and (min-width: 1500px) and (max-width: 1720px) {
}
@media screen and (max-width: 1499px){
.header-five-logo:after {
width: 400px;
}
.header-five-logo:before {
width: 410px;
}
.header-five-top {
padding-left: 250px;
padding-right: 100px;
}
.header-five-main-menu-area {
padding-left: 250px;
padding-right: 100px;
}
.header-five-logo a {
left: 100px;
}
}
@media screen and (max-width: 1350px){
.header-five-right-area .header-five-button{
display: none;
}
.header-five-main-menu-area {
justify-content: flex-end;
}
.header-five-top-left ul li:last-child {
display: none;
}
}
@media screen and (max-width: 1199px){
.header-five-logo:after {
width: 300px;
}
.header-five-logo:before {
width: 310px;
}
.header-five-logo a {
left: 60px;
}
.header-five-top {
padding-left: 130px;
padding-right: 60px;
}
.header-five-main-menu-area {
padding-left: 130px;
padding-right: 60px;
}
}
@media screen and (max-width: 991px){
.header-five-main-menu-area {
padding: 15px;
}
.header-five-top {
padding-left: 70px;
padding-right: 15px;
}
.header-five-logo a {
left: 30px;
}
.header-five-top-left ul li:nth-child(2) {
display: none;
}
}
@media screen and (max-width: 767px){
.header-five-top-left{
display: none;
}
.header-five-top {
justify-content: flex-end;
}
.header-five-top {
padding: 10px 15px;
}
.header-five-logo {
width: 200px;
}
}
@media screen and (max-width: 500px){
.header-five-logo a {
left: 15px;
}
.header-five-logo:after {
width: 200px;
}
.header-five-logo:before {
width: 210px;
}
.header-five-logo {
width: 160px;
}
} .header-social.six {
text-align: right;
}
.header-top-bar-six {
padding: 7px 0;
background: #0f3c44;
}
.header-six-section .menu-area {
position: absolute;
left: 0;
width: 100%;
z-index: 99;  
border-bottom: 1px solid rgb(255 255 255 / 7%);
background: transparent;
}
.main-menu.menu-six ul li a {
color: var(--white-color);
}
.main-menu.menu-six ul li a:hover {
color: var(--theme-color);
}
.header-top-bar-six .header-social.six a {
display: inline-flex;
align-items: center;
justify-content: center;
}
.button-six.search-open {
margin-right: 15px;
color: var(--theme-color);
font-weight: 500;
cursor: pointer;
font-size: 18px;
display: inline;
}
.header-links.six ul li {
display: inline-block;
}
@media screen and (max-width: 991px){
.header-social.six {
text-align: center;
margin-bottom: 10px;
}
}   .footer-three-wrapper {
background-size: cover;
background-repeat: no-repeat;
padding: 80px 0px 70px;
background: var(--bg-color);
} .footer-three-top-item {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #B4B3AC;
padding-bottom: 60px;
margin-bottom: 60px;
}
.footer-top-social-item ul {
margin: 0;
padding: 0;
}
.footer-top-social-item ul li {
list-style: nthree;
display: inline-block
}
.footer-top-social-item ul li a {
color: var(--white-color);
width: 50px;
height: 50px;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
color: var(--theme-color);
margin-right: 7px;
background: #4baf471a
}
.footer-top-social-item ul li a:hover{
color: var(--white-color);
background-color: var(--theme-color);
}
@media screen and (max-width: 500px){
.footer-three-top-item {
display: block;
}
.footer-three-top-logo {
margin-bottom: 30px;
}
}
h5.footer-three-widget-title {
margin-bottom: 23px;
text-transform: capitalize;
color: var(--gray-900, #24231D);
font-size: 20px;
font-weight: 700;
line-height: 28px;
}
.footer-three-widget-des {
color: #878680;
font-weight: 500;
line-height: 30px;
} .footer-three-contact-item {
display: flex;
margin-bottom: 10px;
}
.footer-three-contact-iocn {
height: 40px;
width: 40px;
min-width: 40px;
background: var(--theme-color);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
margin-right: 20px;
color: var(--white-color);
}
.footer-three-contact-stitle {
font-weight: 500;
line-height: 30px;
}
.footer-three-contact-title {
color: #24231D;
font-size: 18px;
font-weight: 700;
}
.footer-three-content-wrp .coloum-three {
padding-right: 30px;
} .footer-three-link-menu ul {
margin: 0;
padding: 0;
}
.footer-three-link-menu ul li {
list-style: none;
}
.footer-three-link-menu ul li a {
margin-bottom: 8px;
font-weight: 500;
color: #878680;
line-height: 30px;
}
.footer-three-link-menu ul li a:hover{
color: var(--white-color);
}  .footer-three-recent-post ul {
margin: 0;
padding: 0;
}
.footer-three-recent-post ul li {
list-style: none;
}
.footer-three-post-thum-widget {
display: flex;
margin-bottom: 17px;
padding-top: 8px;
}
.footer-three-post-thum-widget .foote-latest-post-imgage img {
height: 80px;
width: 80px;
object-fit: cover;
min-width: 80px;
border-radius: 10px;
}
.footer-three-latest-post-title a {
color: var(--black-color);
}
.site-footer .footer-three-latest-post-title a:hover {
color: var(--theme-color);
}
.footer-three-latest-post-title a {
color: var(--black-color);
font-size: 18px;
font-weight: 700;
line-height: 28px;
margin-bottom: 7px;
}
.foote-latest-post-imgage {
margin-right: 20px;
}
.footer-three-date {
font-size: 14px;
line-height: 17px;
color: var(--black-color);
font-weight: 500;
}
.footer-three-date i {
margin-right: 8px;
}
@media screen and (max-width: 991px) {
.footer-three-about-widget-info,
.footer-three-menu-widget,
.footer-three-recent-post-widget,
.footer-three-service-list-widget {
margin-bottom: 30px;
border: none;
}
}
.footer-three-copyright_area {
padding: 30px 0;
text-align: center;
background: #0B2048;
color: var(--white-color);
font-family: var(--body-font);
}
.footer-three-copyright-item {
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-three-copyright-item ul {
margin: 0;
padding: 0;
}
.footer-three-copyright-item ul li {
list-style: none;
display: inline-block;
margin-right: 30px;
}
.footer-three-copyright-item ul li:last-child {
margin: 0;
}
.footer-three-copyright-item ul li a {
color: var(--white-color);
}
.footer-three-copyright-item ul li a:hover{
color: var(--theme-color);
}
.coloum-three,
.coloum-tow {
display: flex;
justify-content: center;
}
@media screen and (max-width: 991px) {
.footer-three-copyright-item {
display: block;
}
.footer-three-copyright-item ul li a {
margin-top: 15px;
}
.footer-three-content-wrp .coloum-tow, 
.footer-three-content-wrp .coloum-four {
padding-left: 50px;
}
.coloum-three,
.coloum-tow {
justify-content: flex-start;
}
}
@media screen and (max-width: 767px) {
.footer-three-content-wrp .coloum-tow, 
.footer-three-content-wrp .coloum-four {
padding-left: 10px;
}
} .footer-newsletter-item{
position: relative;
}
.footer-newsletter-item input[type="email"] {
border-radius: 0;
margin-top: 30px;
margin-bottom: 5px;
}
.footer-newsletter-item input.wpcf7-form-control.wpcf7-submit {
position: absolute;
right: 0;
top: 30px;
height: 60px;
width: 90px;
border-radius: 0;
bottom: 0;
padding: 0;
}
.footer-newsletter-wrapper .wpcf7 form .wpcf7-response-output {
margin: 0;
margin-top: 15px;
}
.footer-newsletter-item .wpcf7-spinner {
position: absolute;
right: 0;
bottom: 10px;
} .footer-four-wrapper {
background-size: cover;
background-repeat: no-repeat;
padding: 180px 0px 70px;
background: #24231D;
}
.footer-four-logo {
margin-bottom: 25px;
}
h5.footer-four-widget-title {
margin-bottom: 23px;
text-transform: capitalize;
color: var(--white-color);
font-size: 20px;
font-weight: 700;
line-height: 28px;
}
.footer-four-widget-des {
color: #F6F6F9;
font-weight: 500;
line-height: 30px;
}
.footer-four-social-widget ul {
margin: 0;
padding: 0;
}
.footer-four-social-widget ul li {
list-style: none;
display: inline-block;
}
.footer-four-social-widget ul li a {
color: var(--white-color);
height: 45px;
width: 45px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
background: #e3e3e31a;
margin-top: 25px;
margin-right: 7px;
}
.footer-four-social-widget ul li a:hover{
background: var(--theme-color);
} .footer-four-link-menu ul {
margin: 0;
padding: 0;
}
.footer-four-link-menu ul li {
list-style: none;
display: inline-flex;
width: 49%;
}
.footer-four-link-menu ul li a {
margin-bottom: 8px;
font-weight: 500;
color: #F6F6F9;
line-height: 30px;
}
.footer-four-link-menu ul li a:hover{
color: var(--theme-color);
}
.newslatter-des {
line-height: 30px;
color: #F6F6F9;
}
.footer-four-menu-widget{
padding-left: 50px;
}
@media screen and (max-width: 991px) {
.footer-four-about-widget-info,
.footer-four-menu-widget,
.footer-four-newslatter-widget {
margin-bottom: 30px;
}
.footer-three-content-wrp .coloum-four{
padding-left: 10px;
}
.footer-four-menu-widget{
padding-left: 0px;
}
}
@media screen and (max-width: 500px) {
.footer-four-link-menu ul li {
width: 100%;
}
}
.footer-four-top-wrapper{
background: #4BAF47;
z-index: 1;
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
object-fit: cover;
border-radius: 5px;
margin-bottom: -100px;
}
.footer-four-icon-box {
display: flex;
padding: 60px 50px;
}
.footer-four-icon {
height: 80px;
width: 80px;
min-width: 80px;
background: var(--white-color);
font-size: 31px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 20px;
color: var(--theme-color);
margin-right: 25px;
}
.footer-four-box-title {
line-height: 28px;
color: var(--white-color);
margin-bottom: 12px;
font-size: 20px;
font-weight: 700;
}
.footer-four-box-des {
font-weight: 500;
color: var(--white-color);
}
@media screen and (max-width: 991px) {
.footer-four-wrapper {
padding: 180px 0px 50px;
}
}
@media screen and (max-width: 425px) {
.footer-four-icon-box {
display: block;
text-align: center;
padding: 30px;
}
.footer-four-icon {
margin: auto;
margin-bottom: 30px;
}
.footer-four-top-wrapper {
padding: 30px 0;
}
} .portfolio-five-box.slide {
padding: 0px 15px;
}
.portfolio-five-box {
overflow: hidden;
position: relative;
margin-bottom: 20px;
}
.portfolio-five-box:before{
content: '';
background: #4baf47e6;
opacity: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
transition: all 0.3s ease 0s; 
}
.portfolio-five-box:hover:before{
opacity: 0.9;
left: 30px;
right: 30px;
top: 30px;
bottom: 30px;
border-radius: 15px;
} 
.portfolio-five-wrapper .portfolio-five-box img {
border-radius: 15px;
height: 410px;
min-height: 400px;
}
.portfolio-five-box .portfolio-five-box-content{
width: 86%;
transform: scale(0);
position: absolute;
top: 30%;
left: 0;
right: 0px;
transition: all 0.5s ease 0s;
margin: auto;
padding: 40px 40px;
}
.portfolio-five-box:hover .portfolio-five-box-content{
transform: scale(1); 
}
.portfolio-five-category {
line-height: 0;
margin-bottom: 11px;
}
.portfolio-five-category ul {
margin: 0;
padding: 0;
list-style: none;
}
.portfolio-five-category ul li{
display: inline-block;
}
.portfolio-five-category ul li a{
color: var(--white-color);
font-size: 14px;
font-weight: 600;
line-height: 18px;
margin-bottom: 5px;
}
.portfolio-five-category ul li a:hover{
color: var(--black-color);
}
.portfolio-five-title{
font-weight: 500;
margin-bottom: 0;
}
.portfolio-five-title a{
color: var(--white-color);
}
.portfolio-five-title a:hover{
color: var(--black-color);
}
.portfolio-five-icon a{
font-size: 18px;
line-height: 18px;
background: var(--white-color);
color: var(--theme-color);
border-radius: 100%;
display: flex;
justify-content: center;
height: 50px;
width: 50px;
align-items: center;
margin-top: 20px;
}
.portfolio-five-icon a:hover{
color: var(--white-color);
background: var(--black-color);
}
@media only screen and (max-width:991px){
.portfolio-five-box{ margin: 0 0 30px; }
}
@media only screen and (max-width:767px){
.portfolio-five-wrapper .portfolio-five-box img {
height: 350px;
min-height: 350px;
}
.portfolio-five-box .portfolio-five-box-content {
top: 22%;
}
} .testimonial-three-item-box{
position: relative;
margin-bottom: 30px;
}
.image-three-wrap {
position: relative;
margin-bottom: -73px;
text-align: center;
}
.testimonial-three-item-box .image-three-wrap img {
height: 145px;
width: 145px;
border: 5px solid var(--black-color);
border-radius: 100%;
margin: auto;
}
.testimonial-three-item-info {
padding: 85px 30px 25px;
background: var(--theme-color);
border-radius: 20px;
text-align: center;
}
.testimonial-three-des {
color: var(--white-color);
margin-top: 11px;
margin-bottom: 17px;
}
.testimonial-three-name {
font-size: 20px;
line-height: 28px;
font-weight: 700;
margin: 0;
}
.testimonial-three-deg {
color: rgba(255, 255, 255, 0.80);
text-transform: uppercase;
}
.testimonial-three-rating {
color: #FFBA08;
}
.testimonial-three-rating i {
padding: 0 5px;
}
.testimonial-three-quit {
position: absolute;
left: 0;
top: 0;
color: var(--theme-color);
font-size: 60px;
}
.triangle-down {
width: 0;
height: 0;
border-left: 35px solid transparent;
border-right: 35px solid transparent;
border-top: 45px solid var(--theme-color);
margin: auto;
} .team-six-card{
padding: 0;
border-radius: 0;
border: 0;
background: transparent;
position: relative;
margin-bottom: 30px;
transition: 0.4s;
}
.team-six-card .team-six-card_img img {
height: 440px;
width: 400px;
object-fit: cover;
}
.team-six-card .team-six-card_content {
position: absolute;
left: 0;
bottom: 0;
text-align: left;
}
.team-six-card_content .social-six-btn {
opacity: 1;
transform: none;
margin-bottom: 0;
display: flex;
justify-content: start;
gap: 5px;
transition: 0.4s;
}
.social-six-btn a {
height: 35px;
width: 35px;
line-height: 35px;
display: inline-block;
background-color: var(--theme-color);
color: var(--white-color);
text-align: center;
font-size: 12px;
}
.social-six-btn a:hover {
background: var(--white-color);
}
.team-six-card .team-six-card_title {
background: var(--white-color);
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
padding: 14px 26px;
margin-bottom: 0;
margin-top: 0;
}
.team-six-card .team-six-card-desig {
background:var(--theme-color);
display: inline-block;
color: var(--white-color);
font-size: 16px;
font-weight: 500;
padding: 5.5px 25px 3.5px;
} .service-six-card {
text-align: center;
overflow: hidden;
}
.service-six-icon {
font-size: 60px;
height: 150px;
width: 150px;
background: var(--theme-color);
border-radius: 100px;
display: inline-flex;
justify-content: center;
align-items: center;
margin-top: -75px;
position: relative;
margin-bottom: 33px;
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
color: var(--white-color);
transform: rotate(0deg);
box-shadow: 0px 0px 2px 10px rgba(75, 175, 71, 0.50);
}
.service-six-card:hover .service-six-icon {
transform: rotate(360deg);
box-shadow: 0px 0px 2px 15px rgba(75, 175, 71, 0.50);
}
.servie-six-image {
overflow: hidden;
}
.service-six-card .servie-six-image img {
width: 100%;
height: 240px;
object-fit: cover;
}
.service-six-card:hover .servie-six-image img {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.service-six-content {
border: 1px solid #E3E3E3;
padding: 0 40px 20px;
background: var(--white-color);
margin-bottom: 30px;
}
.service-six-title {
margin-bottom: 20px;
}
.service-six-text {
margin-bottom: 33px;
}
.service-six-card:hover .service-six-title a{
color: var(--theme-color);;
}
.service-six-btn .theme-btns {
background: var(--black-color);
border-radius: 0;
}
.service-six-btn .theme-btns:before{
background: var(--theme-color);
border-radius: 0;
} .about-image-two-item {
position: relative;
display: inline-block;
margin-bottom: 50px;
}
.about-image-two-content h2 {
color: var(--white-color);
font-weight: 800;
margin-bottom: 3px;
}
.about-image-two-content span {
font-size: 18px;
line-height: 28px;
font-weight: 700;
color: var(--white-color);
}
.about-image-two-exp-box {
background: var(--theme-color);
padding: 20px 25px 24px;
width: 285px;
position: absolute;
top: 40px;
left: -140px;
text-align: left;
border: 10px solid #fff;
display: flex;
align-items: center;
}
.about-image-two-exp-icon {
font-size: 60px;
color: var(--white-color);
margin-right: 20px;
}
.about-image-two-exp-icon svg{
height: 60px;
width: 60px;
}
.about-two-small-imge {
position: absolute;
bottom: -80px;
right: -50px;
}
.about-image-two-item .about-two-small-imge img {
height: 270px;
width: 270px;
border: 10px solid #FFF;
box-shadow: 0px 0px 18px 3px rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
.about-image-two-exp-box {
left: -40px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
.about-image-two-exp-box {
left: 0px;
}
}
@media only screen and (max-width:991px){
.about-image-two-exp-box {
left: 110px;
}
}
@media only screen and (max-width:767px){
.about-image-two-exp-box {
left: 0px;
}
.about-two-small-imge {
bottom: -50px;
right: 0px;
}
.about-two-small-imge img{
height: 250px;
width: 250px;
}
} .testimonial-four-item-box {
display: flex;
background: var(--bg-color);
border: 1px solid var(--theme-color);
padding: 30px 30px 23px;
}
.testimonial-four-item-box .testimonial-four-image img {
min-width: 90px;
border-radius: 100%;
}
.testimonial-four-image {
margin-right: 20px;
}
.testimonial-four-name {
font-size: 18px;
line-height: 28px;
font-weight: 700;
margin: 0;
display: inline-block;
}
.testimonial-four-deg {
margin-left: 10px;
color: var(--theme-color);
text-transform: capitalize;
}
.testimonial-four-des {
margin-top: 9px;
} .ecofine-donation-wrapper.donate-one .donate-single .donate-img {
margin: 0;
}
.ecofine-donation-wrapper.donate-one .donate-single .donate-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.donate-contents {
position: relative;
}
.donated-title-box {
margin-bottom: 30px;
}
.ecofine-donation-two-wrapper .slick-slider {
margin-right: -370px;
}
.donate-two-single{
background: var(--bg-color);
border-bottom: 3px solid var(--theme-color);
}
.donate-two-single.slick-slide {
margin: 0 15px;
}
.donatet-category {
margin: auto;
height: 200px;
width: 230px;
background: var(--bg-color);
margin-top: -70px;
text-align: center;
border-radius: 100%;
padding-top: 30px;
position: relative;
font-weight: 500;
color: var(--theme-color);
}
.donatet-category a{
color: var(--theme-color);
font-weight: 500;
text-transform: capitalize;
}
.donatet-category a:hover{
color: var(--black-color);
}
.donate-two-contents {
padding: 30px;
overflow: hidden;
margin-top: -135px;
background: var(--bg-color);
}
.donated-title-box .about-des {
margin-bottom: 60px;
}
.donation-arrow-wrapper button {
font-size: 20px;
}
.donation-arrow-wrapper button.donation-prev {
margin-right: 15px;
}
.donat-title {
font-size: 20px;
line-height: 28px;
font-weight: bold;
}
@media only screen and (max-width:1500px){
.ecofine-donation-two-wrapper .slick-slider {
margin-right: 0px;
}
} .header-section.header-seven {
position: absolute;
left: 0;
width: 100%;
z-index: 1;
background: rgba(0, 1, 2, 0.50);
}
.header-top-bar-seven {
border-bottom: 2px solid var(--theme-color);
padding: 20px 0;
}
.header-links-seven{
text-align: end;
}
.header-links.header-links-seven li:last-child {
margin-right: 0px;
}
.header-seven-social a {
display: inline-flex;
background:var(--theme-color);
color: var(--white-color);
height: 40px;
width: 40px;
align-items: center;
justify-content: center;
margin-left: 10px;
}
.header-seven-social a:hover{
background: var(--white-color);
color: var(--theme-color);
}
@media only screen and (max-width: 1480px){
.header-links.header-links-seven li:last-child {
display: inline-block;
}
}
@media (max-width: 991px){
.header-seven .menu-area {
padding: 20px 0;
}
.header-links.header-links-seven li:first-child {
display:none;
}
}
@media (max-width: 767px){
.header-links.header-links-seven li:nth-child(2) {
display:none;
}
}
@media (max-width: 575px){
.header-links-seven {
display: none;
}
.header-seven-logo {
text-align: center;
}
}
.header-button-seven .theme-btns{
background: var(--theme-color);
color: var(--white-color);
margin-left: 30px;
border-radius: 0;
}
.header-button-seven .theme-btns:hover,
.header-button-seven .theme-btns::before{
background: var(--white-color);
color: var(--theme-color);
} .header-search-popup {
position: fixed;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
z-index: 9999;
padding-left: 20px;
padding-right: 20px;
display: flex;
top: 0;
left: 0;
transform: translateY(-130%);
transition: transform 600ms ease, opacity 600ms ease;
}
.header-search-popup.active {
transform: translateY(0%);
}
.header-search-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #24231D;
opacity: 0.80;
cursor: pointer;
z-index: -1;
}
.button.search-open {
margin-left: 30px;
color: var(--theme-color);
font-weight: 500;
cursor: pointer;
font-size: 18px;
}
.header-search-popup-content {
width: 100%;
max-width: 550px;
}
.header-search-popup-content form {
display: flex;
flex-wrap: wrap;
position: relative;
overflow: hidden;
}
.header-search-popup-content input[type="search"] {
margin-bottom: 0;
}
.header-search-popup-content form button {
border: none;
outline: none;
padding: 0;
width: 70px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
position: absolute;
top: 0;
right: 0px;
border-radius: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background-color: var(--theme-color);
color: var(--white-color);
font-size: 18px;
} footer.footer-five-wrapper {
position: relative;
background-color: #08090C;
}
.footer-five-contact-card {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #4baf4730;
}
.footer-five-info-card {
padding: 60px 0;
display: flex;
gap: 20px;
align-items: center;
}
.footer-five-info-card_icon {
background: var(--theme-color);
display: flex;
justify-content: center;
align-items: center;
flex: none;
height: 70px;
width: 70px;
line-height: 70px;
text-align: center;
border-radius: 50%;
font-size: 24px;
color: var(--white-color);
}
.footer-five-contact-card .footer-five-info-card:not(:first-child) {
border-left: 1px solid #4baf4730;
padding-left: 100px;
}
.footer-five-info-card_label {
color: var(--white-color, #fff);
font-size: 20px;
margin-bottom: 5px;
}
.footer-five-info-card_title {
color: var(--white-color, #FFF);
font-weight: 500;
line-height: 30px;
}
.footer-five-widget-area {
padding: 100px 0 50px;
}
.footer-five-widget{
margin-bottom: 50px;
}
.widget-about .footer-five-logo {
margin-bottom: 37px;
}
.widget-about .footer-five-about-text {
max-width: 350px;
margin-top: -0.65em;
margin-bottom: 27px;
color: var(--white-color);
}
.footer-five-social-btn {
display: flex;
gap: 10px;
}
.footer-five-social-btn a {
height: 45px;
width: 45px;
line-height: 45px;
border-radius: 5px;
display: inline-block;
background-color: var(--theme-color);
color: var(--white-color);
text-align: center;
font-size: 18px;
}
.footer-five-social-btn a:hover{
background-color: var(--white-color);
color: var(--theme-color);
}
.footer-five-widget .widget_title {
max-width: 270px;
color: var(--white-color);
margin: -0.04em 0 40px 0;
font-size: 20px;
font-weight: 500;
}
.quick_link_list ul li a {
color: var(--white-color);
}
.quick_link_list ul li a:hover {
color: var(--theme-color);
}
.quick_link_list ul li:first-child {
padding-top: 0;
} .footer-five-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
overflow: hidden;
position: relative;
border-radius: 10px;
padding-top: 8px;
}
.footer-five-gallery .gallery-thumb:before {
content: "";
height: calc(100% - 14px);
width: calc(100% - 14px);
background-color: var(--theme-color);
opacity: 0.8;
position: absolute;
top: 7px;
left: 7px;
transform: scaleX(0);
transition: 0.4s ease-in-out;
}
.footer-five-gallery .gallery-thumb img {
height: 80px;
width: 80px;
}
.footer-five-gallery .gallery-btn {
position: absolute;
top: 50%;
left: 50%;
color: var(--white-color);
visibility: hidden;
opacity: 0;
transform: translate(-50%, 20px);
}
.footer-five-gallery .gallery-btn:hover {
color: var(--theme-color);
}
.footer-five-gallery .gallery-thumb {
overflow: hidden;
position: relative;
}
.footer-five-gallery .gallery-thumb:hover:before {
transform: scaleX(1);
}
.footer-five-gallery .gallery-thumb:hover .gallery-btn {
visibility: visible;
opacity: 1;
transform: translate(-50%, -50%);
}
@media (max-width: 1199px){
.footer-five-gallery {
max-width: 350px;
}
} .footer-five-newslatter-des{
color: var(--white-color);
} .footer-five-copyright-area {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #4baf4730;
padding: 18px;
}
.footer-five-copyright-menu ul {
padding: 0;
margin: 0;
list-style: none
}
.footer-five-copyright-menu ul li {
display: inline;
}
.footer-five-copyright-menu ul li a {
margin-right: 30px;
color: var(--white-color);
font-weight: 500;
}
.footer-five-copyright-menu ul li:last-child a{
margin-right: 0;
}
.footer-five-copyright-menu ul li a:hover {
color: var(--theme-color);
}
.footer-five-copyright-text{
color: var(--white-color);
font-weight: 500;
}
@media (max-width: 1199px){
.footer-five-contact-card .footer-five-info-card:not(:first-child) {
padding-left: 30px;
}
}
@media (max-width: 991px){
.footer-five-contact-card {
display: block;
padding: 35px 0;
text-align: center;
}
.footer-five-contact-card .footer-five-info-card {
padding: 15px 0;
display: inline-flex;
padding-right: 50px;
text-align: left;
}
.footer-five-contact-card .footer-five-info-card:not(:first-child) {
border-left: 0;
padding-left: 0;
}
.footer-five-copyright-area{
display: block;
text-align: center;
}
.footer-five-copyright-text{
margin-bottom: 10px;
}
}
@media (max-width: 767px){
.footer-five-contact-card {
text-align: left;
}
} .blog-six-card {
display: flex;
margin-bottom: 30px;
}
.blog-six-card .blog-six-img img {
height: 250px;
width: 350px;
min-width: 350px;
}
.blog-six-img{
position: relative;
margin-right: 30px;
}
.blog-six-date {
padding: 10px 20px;
background: var(--theme-color);
width: 160px;
text-align: center;
position: absolute;
top: 10px;
left: 10px;
color: var(--white-color);
}
.blog-six-date a {
color: var(--white-color);
margin-left: 5px;
}
.blog-six-date a:hover{
color: var(--black-color);
}
.blog-six-title {
color: var(--black-color, #24231D);
font-size: 20px;
line-height: 28px;
margin-bottom: 10px;
}
.blog-six-des {
margin-top: 17px;
margin-bottom: 28px;
} .blog-six-meta .byline {
margin-right: 20px;
}
.blog-six-meta .byline .author a,
.blog-six-meta .comments-link a {
font-size: 14px;
font-weight: 500;
margin-left: 5px;
}
.blog-six-meta i {
color: var(--theme-color);
font-size: 14px;
} .blog-six-style-two .news-five-image img {
height: 530px;
object-fit: cover;
}
@media (max-width: 767px){
.blog-six-card {
display: block;
}
.blog-six-img {
margin-bottom: 30px;
}
.blog-six-card .blog-six-img img {
width: 100%;
height: 300px;
min-width: 100%;
}
.blog-six-style-two .news-five-image img {
height: 400px;
object-fit: cover;
}
.blog-six-style-two .news-five-image img {
min-height: 100%;
}
.about-image-two-exp-box {
width: 260px;
}
.about-image-two-exp-icon {
font-size: 50px;
margin-right: 15px;
}
.about-image-two-content h2 {
font-weight: 700;
font-size: 42px;
}
.about-image-two-content span {
font-size: 16px;
}
.about-image-two-item .about-two-small-imge img {
height: 150px;
width: 150px;
border: 5px solid #FFF;
}
}
@media (max-width: 575px){
.testimonial-four-item-box {
display: block;
}
.testimonial-four-image {
margin-right: 0;
margin-bottom: 20px;
}
.triangle-down {
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 30px solid var(--theme-color);
}
} .footer-two-wrapper {
background: #24231D;
}
.footer-two-inner-section {
padding: 80px 0 40px;
}
.footer-two-top {
margin-bottom: 20px;
}
.ft-two-top-info {
display: flex;
background: var(--theme-color);
padding: 25px 30px 23px;
align-items: center;
margin-bottom: 40px;
border-radius: 10px;
}
.ft-two-top-icon {
height: 60px;
width: 60px;
min-width: 60px;
background: var(--white-color);
font-size: 22px;
display: flex;
justify-content: center;
align-items: center;
color: var(--theme-color);
margin-right: 20px;
border-radius: 10px;
}
.ft-two-top-title {
color: var(--white-color);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px; 
margin-bottom: 4px;
}
.ft-two-top-des {
color: var(--white-color);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 30px;
}
.ft-two-top-des p {
margin: 0;
}
.ft-two-top-des strong{
font-weight: 600;
} .widget.footer-two-widget {
margin-bottom: 40px;
}
.footer-two-widget .widget_title {
color: var(--white-color);
font-size: 24px;
font-style: normal;
line-height: 28px;
margin-bottom: 25px;
}
.footer-two-newslatter-des,
.footer-two-about-text {
color: var(--white-color);
line-height: 30px;
}
.footer-two-social-btn .theme-btns {
margin-top: 40px;
}
.footer-two-social-btn .theme-btns:before{
background: var(--white-color);
}
.footer-two-social-btn .theme-btns:hover {
color:var(--theme-color);
} .footer-justify-content{
display: flex;
}
.ft-post-title a {
color: var(--white-color);
font-family: Manrope;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 28px;
}
.ft-two-post-widget {
padding-top: 0;
}
.footer-two-copyright-area {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #333F4D;
padding: 26px 0;
}
.footer-two-copyright-text {
color: #E3E3E3;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 30px;
}
.footer-two-copyright-text a {
color: #E3E3E3;
}
.footer-two-copyright-text a:hover {
color: var(--theme-color);
}
.footer-two-copyright-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer-two-copyright-menu ul li {
display: inline-block;
}
.footer-two-copyright-menu ul li a{
color: #E3E3E3;
margin-right: 10px;
border-right: 1px solid #E3E3E3;
padding-right: 10px;
line-height: normal;
}
.footer-two-copyright-menu ul li a:hover{
color: var(--theme-color);
}
.footer-two-copyright-menu ul li:last-child a{
margin-right: 0;
padding-right: 0;
border-right: none;
}
.ft-post-date {
color: var(--white-color);
font-size: 12px;
font-style: normal;
font-weight: 500;
} .copyright-one-wrap{
background: #4BAF47;
}
.footer-one-copyright-area{
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
}
.f-one-about-img img {
margin-bottom: 20px;
} .servies-v7-card-img {
height: 450px;
width: 100%;
margin-bottom: 30px;
position: relative;
border-radius: 20px;
object-fit: cover;
background-size: cover;
background-position: center;
overflow: hidden;
}
.servies-v7-hover-card,
.servies-v7-card {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 30px;
display: table;
transition: .4s;
}
.service-v7-tablecells,
.service-v7-tablecell {
display: table-cell;
vertical-align: bottom;
}
.service-v7-icon {
font-size: 70px;
color: var(--white-color);
margin-bottom: 25px;
}
.service-v7-title {
color: var(--white-color);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 32px; 
}
.service-v7-title a {
color: var(--white-color);
}
.service-v7-tablecell .service-v7-title {
margin-bottom: 0;
}
.service-v7-des {
color: var(--white-color);
font-family: 'Manrope';
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 30px; 
margin-bottom: 27px;
}
.servies-v7-hover-card {
visibility: hidden;
opacity: 0;
background: linear-gradient(357deg, rgb(16 218 7 / 55%) 20.79%, rgb(6 8 21 / 64%) 60.97%);
top: 100%;
}
.servies-v7-card-img:hover .servies-v7-card {
visibility: hidden;
opacity: 0;
}
.servies-v7-card-img:hover .servies-v7-hover-card {
visibility: visible;
opacity: 1;
top: 0;
}
.service-v7-btn .theme-btns {
background: var(--white-color);
color: var(--theme-color);
}
.service-v7-btn .theme-btns:hover {
color: var(--white-color);
} .team-seven-item {
border-radius: 10px;
background: linear-gradient(187deg, #4BAF47 -5.64%, #24231d 65.54%);
text-align: center;
padding: 40px;
margin-bottom: 40px;
}
.team-seven-item .team-seven-image img {
height: 220px;
width: 220px;
border-radius: 100%;
margin-bottom: 30px;
border: 10px solid var(--white-color);
}
.team-seven-title {
color: var(--white-color);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 30.6px; 
margin-bottom: 6px;
}
.team-seven-title a {
color: var(--white-color);
}
.team-seven-degi {
color: rgba(255, 255, 255, 0.90);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 30px;
margin-bottom: 20px;
}
.team-seven-social{
padding: 0;
margin: 0;
list-style: none;
}
.team-seven-social li{
display: inline-block;
margin-right: 10px;
}
.team-seven-social li:last-child{
margin-right: 0;
}
.team-seven-social li a{
width: 35px;
height: 35px;
border-radius: 5px;
font-size: 14px;
color: var(--white-color);
transition: all 0.3s ease 0s;
background: var(--theme-color);
display: flex;
align-items: center;
justify-content: center;
}
.team-seven-social li a:hover{
background: var(--white-color);
color: var(--theme-color);
} .eco-counter-v2-wrapper {
border-radius: 20px;
background: var(--white-color);
box-shadow: 0px 41.04px 42px 0px rgba(163, 148, 148, 0.05);
padding: 70px 0 25px;
}
.eco-counter-v2-icon {
font-size: 50px;
color: var(--theme-color);
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-bottom: 14px;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.eco-count-v2-timer.timer,
.eco-counter-V2-numner span{
font-size: 48px;
font-style: normal;
font-weight: 800;
line-height: normal;
text-transform: capitalize;
margin-bottom: 0;
display: inline-block;
color: var(--black-color);
}
.eco-counter-V2-title{
color: var(--theme-color);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 28px;
}
.eco-counter-v2-wrapper .eco-counter-item {
border-right: 1px dotted #DADADA;
}
.eco-counter-v2-wrapper [class*='col-']:last-child .eco-counter-item{
border-right: none;
}
.rtl .eco-counter-v2-wrapper .eco-counter-item {
border-left: 1px dotted #DADADA;
border-right: 0;
}
.rtl .eco-counter-v2-wrapper [class*='col-']:last-child .eco-counter-item{
border-left: none;
}
@media screen and (max-width: 991px) {
.eco-counter-v2-wrapper .eco-counter-item {
border-right: none;
}
} .testimonial-v5-item-box {
margin-bottom: 40px;
}
.testimonial-v5-content {
position: relative;
font-weight: 500;
padding: 30px;
border: 1px solid #DFDEDA;
background: var(--white-color);
transition: .4s;
border-radius: 5px;
}
.testimonial-v5-content:after {
content: "";
width: 30px;
height: 30px;
background: var(--white-color);
border-bottom: 1px solid #DFDEDA;
border-left: 1px solid #DFDEDA;
position: absolute;
bottom: -16px;
left: 65px;
transform: skewY(-45deg);
transition: .4s;
}
.testimonial-v5-info {
display: flex;
margin-top: 50px;
}
.testimonial-v5-info .image-wrap img {
height: 90PX;
width: 90PX;
border-radius: 100px;
border: 1px solid var(--theme-color);
padding: 10px;
margin-right: 20px;
}
.testimonial-v5-name {
color: var(--gray-900, #24231D);
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
margin-bottom: 0;
}
.testimonial-v5-item-box .share{
margin-bottom: 0;
}
.testimonial-v5-item-box:hover .testimonial-v5-content:after,
.testimonial-v5-item-box:hover .testimonial-v5-content {
background: var(--theme-color);
color: #fff;
}
.testi-v5-wrapper .slick-dots {
bottom: -50px;
}  .service-v8-wrapper{
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}
.service-v8-normal-item {
display: flex;
align-items: center;
position: absolute;
bottom: 0;
width: 100%;
padding: 10px 20px;
background: #4baf47b3;
transition: .4s;
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.service-eight-icon {
width: 64px;
height: 64px;
display: inline-flex;
background: #fff;
align-items: center;
justify-content: center;
font-size: 30px;
border-radius: 100px;
margin-right: 20px;
}
.service-eight-icon svg{
width: 30px;
}
.service-v8-title {
color: var(--white-color);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
margin: 0;
} .service-v8-hover-item {
background: linear-gradient(190deg, #4BAF47 3.68%, rgba(75, 175, 71, 0.70) 42.03%, rgba(75, 175, 71, 0.41) 80.38%, rgba(75, 175, 71, 0.00) 101.86%);
padding: 45px;
opacity: 0;
visibility: hidden;
transition: .4s;
transform: translate(300px, 0px);
-webkit-transform: translate(300px, 0px);
-moz-transform: translate(300px, 0px);
-ms-transform: translate(300px, 0px);
-o-transform: translate(300px, 0px);
}
.service-v8-wrapper:hover .service-v8-normal-item{
visibility: hidden;
opacity: 0;
transform: translate(100px, 0px);
-webkit-transform: translate(100px, 0px);
-moz-transform:translate(100px, 0px);
-ms-transform: translate(100px, 0px);
-o-transform: translate(100px, 0px);
}
.service-v8-wrapper:hover .service-v8-hover-item{
opacity: 1;
visibility: visible;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
.service-v8-hover-icon {
font-size: 60px;
height: 120px;
width: 120px;
border: 3px dotted var(--white-color);
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--theme-color);
border-radius: 100%;
margin-bottom: 25px;
background: var(--white-color);
}
.service-v8-hover-icon svg{
width: 60px;
}
.service-v8-hover-title {
color: #fff;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
margin-bottom: 5px;
}
.service-v8-hover-des{
color: var(--white-color);
font-weight: 500;
line-height: 26px;
margin-bottom: 25px;
}
.service-v8-hover-btn .theme-btns {
background: var(--white-color);
color: var(--black-color);
} .donate-v3-single {
margin: 0 10px;
}
.donated-v3-content {
padding: 40px 30px 30px;
background: #0B0D0B;
position: relative;
transition: .4s;
}
.donated-v3-content .donat-title a{
color: var(--white-color);
}
.donated-v3-content .donate-status{
color: var(--white-color);
}
.donated-v3-content .donate-status .status-value{
color: var(--theme-color);
}
.donatet-button .theme-btns {
margin-top: 26px;
}
.donatet-button .theme-btns:hover {
color: var(--theme-color);
background: transparent;
}
.donatet-button .theme-btns::before{
background: var(--white-color);
}
.donate-two-image{
position: relative;
}
.donate-v3-date {
background: var(--theme-color);
width: max-content;
padding: 5px 30px;
position: absolute;
top: -22px;
color: var(--white-color);
font-size: 14px;
font-style: normal;
font-weight: 500;
transition: .4s;
border-radius: 5px;
} .donate-v3-single:hover .donate-v3-date {
background: var(--white-color);
color: var(--theme-color);
}
.donate-v3-single:hover .donated-v3-content {
background: var(--bg-color);
}
.donate-v3-single:hover .donate-status .status-label{
color: var(--black-color);
}
.donat-v3-title {
font-size: 20px;
line-height: 28px;
font-weight: bold;
margin-bottom: 15px;
}
.donat-v3-title a{
color: var(--white-color);
}
.donate-v3-single:hover .donat-v3-title a{
color: var(--theme-color);
}
.donation-top-section {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 45px;
}
.donation-top-section .eco-t-title span{
color: var(--theme-color);
}
.donation-top-section .eco-t-title {
margin-right: 100px;
font-weight: 800;
}
.donation-arrow {
width: 50%;
text-align: right;
}
.donate-two-image {
position: relative;
}
.donate-v3-single:hover .donate-two-image:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
background: linear-gradient(8deg, #4BAF47 8.74%, rgba(75, 175, 71, 0.00) 75.79%);
}
@media screen and (max-width: 767px) {
.donation-top-section .eco-t-title {
margin-right: 0px;
font-size: 36px;
line-height: 46px;
}
.donation-top-section {
display: block;
}
.donation-arrow {
width: 100%;
text-align: left;
margin-top: 30px;
} 
} .video-v4-grid-image {
display: inline-flex;
}
.video-v4-small-one {
margin-right: 20px;
}
.rtl .video-v4-small-one {
margin-left: 20px;
margin-right: 0;
}
.video-v4-grid-image .video-v4-small-one img,
.video-v4-grid-image .video-v4-small-two img {
width: 280px;
height: 220px;
object-fit: cover;
}
.video-image-v4-wrapper .video-v4-big-img img {
width: 580px;
object-fit: cover;
height: 220px;
}
.video-v4-big-img {
margin-top: 20px;
}
.video-v4-grid-image {
position: relative;
}
.video-v4-button {
position: absolute;
bottom: -50px;
left: 50%;
transform: translate(-50%, 0%);
}
.video-v4-button .play-btn {
height: 90px;
width: 90px;
font-size: 35px;
background: var(--white-color);
color: var(--theme-color);
}
.video-v4-button .play-btn:before {
width: 160%;
height: 160%;
border: 10px solid var(--theme-color);
top: -30%;
left: -31%;
} .about-title span {
color: var(--theme-color);
}
.about-v3-des {
color: var(--primary-coler, #4BAF47);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
margin-bottom: 15px;
}
.about-v3-skill-title{
color: var(--primary-coler, #4BAF47);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
}
.about-section-wraper.about-three .skillbar-item .skillbar .skill-percent-count-wrap,
.about-section-wraper.about-three .skillbar-item .skill-title {
font-size: 18px;
line-height: 28px;
font-weight: 700;
color:  var(--theme-color);
margin-bottom: 5px;
}
.about-v3-icon-area {
display: inline-flex;
align-items: center;
margin-bottom: 35px;
width: 49%;
}
.about-v3-icon svg,
.about-v3-icon {
font-size: 50px;
margin-right: 20px;
color: var(--theme-color);
}
.about-v3-icon-text {
color: var(--black-color);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
}
.about-three .eco-skills-wrapper .skillbar-item {
margin-bottom: 35px;
}
.about-v3-buttom-area {
display: flex;
align-items: center;
}
.about-v3-autohr-area {
display: flex;
align-items: center;
}
.about-v3-btn .theme-btns {
margin-right: 50px;
}
.about-v3-autohr-img {
margin-right: 20px;
}
.about-v3-autohr-area .about-v3-autohr-img img {
height: 75px;
width: 75px;
object-fit: cover;
border-radius: 100%;
}
.about-v3-title{
margin-bottom: 36px;
font-weight: 800;
color: var(--black-color);
font-size: 48px;
line-height: 57px;
}
.about-v3-title span{
color: var(--theme-color);
}
@media screen and (max-width: 767px) {
.about-v3-icon-area {
display: flex;
width: 100%;
}
.about-v3-buttom-area{
display: block
}
.about-v3-autohr-area {
margin-top: 30px;align-content
}
} .news-block-seven  {
position: relative;
display: block;
margin-bottom: 30px;
overflow: hidden;
}
.news-seven-post-info {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
margin-bottom: 18px;
}
.news-seven-post-info li {
font-size: 14px;
font-style: normal;
font-weight: 500;
}
.eco-blog-seven-dec {
margin-bottom: 22px;
}
.blog-v7-btn .theme-btns {
color: var(--white-color);
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 130%;
text-transform: uppercase;
padding: 12px 30px;
border-radius: 0;
display: inline-block;
border-radius: 10px;
}
.blog-seven-title {
font-size: 20px;
font-weight: 700;
line-height: 28px;
margin-bottom: 23px;
}
.news-seven-lower-content {
position: relative;
margin-bottom: 30px;
margin-right: 30px;
margin-left: 30px;
margin-top: -100px;
}
.blog-seven-content {
padding: 20px 30px 30px;
border-top: 4px solid var(--theme-color);
border-bottom: 4px solid transparent;
background: var(--White, #FFF); 
box-shadow: 10px 10px 50px #00000014;
position: relative;
transition: .4s;
border-radius: 20px;
}
.blog-seven-date {
margin-top: -40px;
margin-bottom: 14px;
}
.blog-seven-date .posted-on {
color: var(--white-color);
font-family: Manrope;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 160%;
background: var(--theme-color);
padding: 10px 20px;
display: inline-block;
border-radius: 10px;
}
.blog-seven-date .posted-on i{
margin-right: 5px;
}
.blog-seven-date .posted-on a{
color: var(--white-color);
}
.blog-seven-content:after {
content: '';
position: absolute;
left: 20px;
top: 20px;
width: 100%;
height: 100%;
border: 1px dotted var(--theme-color);
z-index: -1;
transition: .4s;
background: transparent;
border-radius: 20px;
}
.news-seven-image-box {
position: relative;
display: block;
overflow: hidden;
}
.news-block-seven .news-seven-image-box img{
height: 360px;
width: 100%;
object-fit: cover;
border-radius: 20px
}
.news-block-seven:hover .blog-seven-content:after{
border: transparent;
background: linear-gradient(101deg, rgba(75, 175, 71, 0.00) 27.63%, #0E570B 86.97%);
}
.news-block-seven:hover .blog-seven-content{
border-top: 4px solid transparent;
border-bottom: 4px solid var(--theme-color);
}
.news-block-seven:hover .blog-seven-date .posted-on{
background: var(--white-color);
color: var(--theme-color)
}
.news-block-seven:hover .blog-seven-date .posted-on a{
color: var(--theme-color);
}
.news-seven-image-box{
position: relative;
}
.news-seven-image-box:after {
content: "";
background: linear-gradient(3deg, #4BAF47 2.46%, rgba(75, 175, 71, 0.00) 141.27%);
position: absolute;
left: 0;
bottom: 100%;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
border-radius: 20px;
transition: .4s;
}
.news-block-seven:hover  .news-seven-image-box:after{
visibility: visible;
opacity: 1;
top: 0;
} .contact-form-wrapper {
border-radius: 20px;
overflow: hidden;
}
.contact-form-top-area {
padding: 40px;
text-align: center;
background: #4BAF47;
}
.contact-form-stitle {
color: var(--white-color);
font-size: 16px;
font-style: normal;
font-weight: 700;
letter-spacing: 3.2px;
text-transform: uppercase;
line-height: normal;
margin-bottom: 10px;
}
.contact-form-title {
color: var(--white-color);
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 40px; 
margin-bottom: 20px;
}
.contact-form-des {
color: rgba(255, 255, 255, 0.80);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
}
.contact-form-area {
background: var(--white-color);
padding: 50px 40px;
}
.contact-form-area input[type="text"],
.contact-form-area input[type="number"],
.contact-form-area input[type="email"],
.contact-form-area textarea {
background: #0B0D0B;
color: var(--white-color);
}
.contact-form-area textarea::placeholder,
.contact-form-area input[type="text"]::placeholder,
.contact-form-area input[type="number"]::placeholder,
.contact-form-area input[type="email"]::placeholder {
color: var(--white-color);
} .eco-faq-two-wraper .accordion-body {
padding: 20px 30px;
color: var(--white-color);
font-weight: 500;
background: rgba(100, 190, 97, 0.20);
}
.eco-faq-two-wraper .accordion-item:last-of-type .accordion-button.collapsed{
border-bottom-width: unset;
}
.eco-faq-two-wraper .accordion-item .accordion-button.collapsed:hover {
border-bottom-width: unset;
}
.eco-faq-two-wraper .accordion-button{
padding-left: 60px;
color: var(--white-color);
}
.eco-faq-two-wraper .accordion-button.collapsed {
background: transparent;
border: 1px dashed #FFF !important;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.eco-faq-two-wraper .accordion-item {
border-radius: 0;
overflow: visible;
}
.eco-faq-two-wraper .accordion-button::before {
position: absolute;
left: 30px;
background-image: none !important;
color: var(--theme-color);
font-size: 20px;
content: "\f4ad";
font-family: "Font Awesome 5 Free";
}
.eco-faq-two-wraper .accordion-button:not(.collapsed)::before{
color: var(--white-color);
} .slider-v2-item-bg {
display: flex!important;
align-items: center;
position: relative;
z-index: 0;
background-size: cover;
background-repeat: no-repeat;
padding: 240px 0;
}
.slider-v2-item-bg::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.eco-slider-two-wrapper .row {
align-items: center;
}
.slider-v2-content-box {
margin-top: 0px;
}
.slide-2-stitle {
color: var(--white-color);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 36px;
letter-spacing: 3.2px;
text-transform: uppercase;
position: relative;
margin-bottom: 2px;
}
.slide-2-title {
color: var(--white-color);
font-size: 76px;
line-height: 87px;
font-weight: 800;
margin-bottom: 32px;
}
.slide-2-title span{
color: var(--theme-color);
}
.slide-2-dec {
color: var(--white-color);
margin-bottom: 30px;
line-height: 30px;
}
@media screen and (max-width: 767px) {
.slide-title {
font-size: 46px;
line-height: 52px;
}
.slider-item-bg {
height: 850px;
}
}
.slider-line {
width: 100%;
height: 1px;
background-color: #6C716C;
position: relative;
margin-bottom: 35px;
}
.slider-line::before,
.slider-line:after {
content: '';
height: 7px;
width: 7px;
position: absolute;
background: var(--theme-color);
top: -3px;
border-radius: 30px;
}
.slider-line::before{
left: 0;
}
.slider-line:after {
right: 0;
}
.ball {
height: 7px;
width: 7px;
background-color: var(--theme-color);
border-radius: 50%;
position: absolute;
animation: moveBall 5s linear infinite;
top: -3px;
}
.slider-v2-btn-area {
display: flex;
}
.slider-v2-video-btn a {
width: 55px;
height: 55px;
border-radius: 50%;
position: relative;
margin: auto;
display: inline-flex;
font-size: 20px;
justify-content: center;
align-items: center;
color: var(--theme-color);
margin-right: 15px;
border: 1px solid var(--white-color);
}
.slider-v2-video-btn a:hover{
color: var(--white-color);
}
.rtl .slider-v2-video-btn a{
margin-left: 15px;
margin-right: 0;
}
.slider-v2-video-btn span{
color: var(--white-color);
font-weight: 500;
transition: .4s;
}
.theme-btns.slider-2btn {
margin-right: 50px;
}
.theme-btns.slider-2btn:before {
background: var(--white-color);
}
.theme-btns.slider-2btn:hover {
color: var(--theme-color);
}
@keyframes moveBall {
0% {
left: 0;
}
50% {
left: 100%;
}
100% {
left: 0;
}
}
.ball:nth-child(2) {
animation-delay: 7s;
}
.ball:nth-child(3) {
animation-delay: 9s;
}
.slider-v2-video-btn:hover span{
color: var(--theme-color);
}
.slider-two-image-item{
display: flex;
justify-content: flex-end;
}
.slider-two-image {
position: relative;
}
.slider-two-image-item .slider-two-image img{
border-radius: 30px;
}
.slider-two-image:after {
content: '';
position: absolute;
width: 95%;
height: 95%;
left: 0;
bottom: 0;
border: 3px solid var(--white-color);
transform: rotate(45deg);
animation: rotate;
border-radius: 30px;
animation: sliderShape 40s linear infinite;
}
.slider-two-image:before {
content: '';
position: absolute;
width: 95%;
height: 95%;
left: 0;
bottom: 0;
border: 3px solid var(--theme-color);
transform: rotate(-45deg);
animation: rotate;
border-radius: 30px;
animation: sliderShape2 40s linear infinite;
z-index: -1;
} 
@keyframes sliderShape{
0%,100%{
transform: translate3d(0,0,0) rotateZ(0deg);
}
34%{
transform:  translate3d(0,5px,0) rotateZ(90deg);
}
50%{
transform: translate3d(0,0,0) rotateZ(180deg);
}
67%{
transform: translate3d(0,10px,0) rotateZ(360deg);
}
}
@keyframes sliderShape2{
0%,100%{
transform: translate3d(0,0,0) rotateZ(-0deg);
}
34%{
transform:  translate3d(0,5px,0) rotateZ(-90deg);
}
50%{
transform: translate3d(0,0,0) rotateZ(-180deg);
}
67%{
transform: translate3d(0,10px,0) rotateZ(-360deg);
}
}
.slider-v2-arrow-wrapper button {
margin-left: -55px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--theme-color);
transform: rotate(270deg);
z-index: 1;
top: 50%;
border: 2px solid var(--theme-color);
border-radius: 50%;
width: 110px;
height: 110px;
background: var(--white-color);
position: absolute;
padding-top: 40px;
margin-top: -55px;
}
.slider-v2-arrow-wrapper .slider-v2-next {
right: -55px;
transform: rotate(90deg);
}
@-webkit-keyframes progress1 {
0% {
transform: scalex(0);
opacity: 0.5;
}
90% {
transform: scalex(1);
opacity: 1;
}
92% {
transform: scalex(1);
opacity: 1;
}
100% {
transform: scalex(1);
opacity: 0;
}
}
@keyframes progress1 {
0% {
transform: scalex(0);
opacity: 0.5;
}
90% {
transform: scalex(1);
opacity: 1;
}
92% {
transform: scalex(1);
opacity: 1;
}
100% {
transform: scalex(1);
opacity: 0;
}
}
.line1,.line2,.line3,.line {
position: absolute;
bottom: 10px;
width: 100%;
margin-left: -150px;
height: 3px;
transform: rotate(310deg);
}
.line1:before,.line2:before,.line3:before {
transform-origin: 0 0;
content: "";
display: block;
width: 90%;
height: 100%;
background: linear-gradient(180deg, rgba(50, 197, 82, 0.50) 7.31%, rgba(50, 197, 82, 0.50) 11.41%, rgba(50, 197, 82, 0.50) 19.39%, rgba(37, 215, 76, 0.05) 38.77%);
}
.line1 {
right: 45%;
bottom: 50%;
}
.line2{
right: 35%;
bottom: 50%;
}
.line3{
left: 50%;
bottom: 50%;
}
.line1:before{
-webkit-animation: progress1 4s infinite;
animation: progress1 4s infinite;
}
.line2:before{
-webkit-animation: progress1 7s infinite;
animation: progress1 7s infinite;
}
.line3:before {
-webkit-animation: progress1 10s infinite;
animation: progress1 10s infinite;
}
@media screen and (max-width: 991px) {
.slider-v2-item-bg {
padding: 200px 0 150px;
}
.slider-two-image-item {
justify-content: flex-start;
}
.slider-two-image {
margin-top: 50px;
}
.header-links.six {
margin-bottom: 10px;
}
}
@media screen and (max-width: 767px) {
.slide-2-title {
font-size: 58px;
line-height: 70px;
}
}
@media screen and (max-width: 500px) {
.slider-v2-btn-area {
display: block;
}
.theme-btns.slider-2btn {
margin-right: 0px;
margin-bottom: 30px;
}
} .footer-six-top-content {
width: 100%;
}
.footer-six-wrapper {
background: #24231D;
}
.footer-six-inner-section {
padding: 80px 0 40px;
}
.footer-six-top {
display: flex;
align-items: center;
border: 1px dotted #333F4D;
margin-bottom: 60px;
}
.footer-six-top-logo {
background: var(--theme-color);
padding: 45px 40px;
}
.footer-six-top-logo img{
max-width: 180px;
height: 90px;
object-fit: cover;
}
.footer-six-coloum:not(:last-child) {
border-right: 1px dotted #333F4D;
}
.rtl .footer-six-coloum:not(:last-child) {
border-left: 1px dotted #333F4D;
border-right: 0;
}
.ft-six-top-info {
display: flex;
padding: 25px 30px 23px;
align-items: center;
}
.ft-six-top-icon {
height: 70px;
width: 70px;
min-width: 70px;
color: var(--white-color);
font-size: 25px;
display: flex;
justify-content: center;
align-items: center;
background: var(--theme-color);
margin-right: 20px;
border-radius: 100%;
}
.footer-six-about-text {
color: var(--white-color);
line-height: 30px;
margin-bottom: 35px;
}
.footer-six-copyright-area {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px dotted #333F4D;
padding: 26px 0;
}
@media screen and (max-width: 991px) {
.footer-six-copyright-area {
display: block;
text-align: center;
}
.footer-two-copyright-text {
margin-bottom: 10px;
}
.footer-one-copyright-area {
display: block;
text-align: center;
}
}
@media screen and (max-width: 1299px) {
.footer-six-coloum{
border-right: 0;
}
.footer-six-top-logo {
display: none;
}
}
@media screen and (max-width: 991px) {
.footer-six-coloum{
border-right: none;
}
}
.footer-one-copyright-area .footer-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer-one-copyright-area .footer-menu ul li {
display: inline-block;
margin-left: 15px;
}
.footer-one-copyright-area .footer-menu ul li a {
color: var(--white-color);
}
.footer-one-copyright-area .footer-menu ul li a:hover {
color: var(--black-color);
}