/*----------------------------------------------------------------------------------- Template Name: Fande - Crowdfunding & Charity HTML5 Template Author: BDevs Version: 1.0 ----------------------------------------------------------------------------------- CSS INDEX =================== 01. Theme default CSS 02. variables 03. mixins 04. common 05. overlay 06. header 07. breadcrumb 08. mobile-menu 09. slider 10. services 11. about 12. contact 13. cases 14. counter 15. team 16. gallery 17. events 18. testimonial 19. donation 20. blog 21. feature 22. footer -----------------------------------------------------------------------------------*/ /*----------------------------------------*/ /*  01. Theme default CSS /*----------------------------------------*/ @import url("//fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700&family=Karla:wght@300;400;500;600;700&display=swap"); /* 1. Theme default css */ body { font-family: "Karla", sans-serif; font-size: 15px; line-height: 28px; font-weight: 400; font-style: normal; color: #777777; } .f-left { float: left; } .f-right { float: right; } .fix { overflow: hidden; } a, .button { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } a:focus, .button:focus { text-decoration: none; outline: none; } a:focus, a:hover { color: inherit; text-decoration: none; } a, button { color: inherit; outline: medium none; text-decoration: none; } button:focus, input:focus, input:focus, textarea, textarea:focus { outline: 0; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } h1, h2, h3, h4, h5, h6 { font-family: "Barlow Condensed", sans-serif; color: #001234; line-height: 1.1; margin-top: 0px; font-style: normal; font-weight: 600; text-transform: normal; letter-spacing: -0.3px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 { font-size: 40px; } h2 { font-size: 35px; } h3 { font-size: 28px; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 16px; } ul { margin: 0px; padding: 0px; } li { list-style: none; } p { font-size: 15px; font-weight: 400; line-height: 28px; font-family: "Karla", sans-serif; color: #777777; margin-bottom: 0; } hr { border-bottom: 1px solid #414657; border-top: 0 none; margin: 30px 0; padding: 0; } label { color: #364f75; cursor: pointer; font-size: 14px; font-weight: 400; } *::-moz-selection { background: #061738; color: white; text-shadow: none; } ::-moz-selection { background: #061738; color: white; text-shadow: none; } ::selection { background: #061738; color: white; text-shadow: none; } /*-- - Input Placeholder -----------------------------------------*/ *::-moz-placeholder { color: #061738; font-size: 14px; opacity: 1; } *::placeholder { color: #061738; font-size: 14px; opacity: 1; } /*-- - position Classes -----------------------------------------*/ .pos-rel { position: relative; } .pos-abl { position: absolute; } /*-- - Common Classes -----------------------------------------*/ .fix { overflow: hidden; } .clear { clear: both; } /*-- - Background color -----------------------------------------*/ .grey-bg { background: #364f75; } .grey-bg2 { background: #f4f2f1; } .white-bg { background: white; } .black-bg { background: #061738; } .black-bg2 { background: #fefefe; } .heding-bg { background: #001234; } .theme-bg { background: #f15b43; } .theme-bg2 { background: #4db7a6; } /*-- - color -----------------------------------------*/ .white-color { color: white; } .black-color { color: #061738; } .theme-color { color: #f15b43; } /*-- -theme-btn ----------------------------------------*/ .theme_btn { overflow: hidden; color: white; background: #f15b43; font-size: 14px; font-weight: 700; line-height: 1; font-family: "Karla", sans-serif; padding: 20px 70px 20px 44px; display: inline-block; border-radius: 30px; position: relative; z-index: 1; cursor: pointer; text-transform: uppercase; transition: all 0.4s ease-in-out; } .theme_btn span { position: absolute; right: 10px; background: white; width: 35px; height: 35px; text-align: center; line-height: 35px; border-radius: 50%; top: 10px; display: inline-block; z-index: 3; } .theme_btn span i { color: #f15b43; font-size: 15px; line-height: 35px; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .theme_btn::before { top: 0px; width: 0px; left: auto; right: 0px; z-index: -1; bottom: 0px; content: ""; position: absolute; border-radius: 30px; transition: all 0.3s ease-in-out; } .theme_btn:hover { color: white; } .theme_btn:hover::before { left: 0px; width: 100%; right: auto; } .theme_btn:hover i { color: #4db7a6; transform: rotateY(180deg); } .theme_btn_bg::before { background: #4db7a6 !important; } .theme_btn_bg_02::before { background: #f15b43 !important; } .theme-border-btn { color: white; background: transparent; border: 2px solid #414657; } .theme-border-btn:hover { color: #001234; border-color: transparent; } .theme-border-btn:hover::before { background: #f15b43; } .theme_btn2 { background: #4db7a6 !important; } .theme_btn2 span i { color: #4db7a6; } .theme_btn2:hover { border-color: transparent; background: transparent; } .theme_btn2:hover span i { color: #f15b43; } .theme_btn3 { color: #001234 !important; background: white !important; } .theme_btn3 span { background: #f15b43; } .theme_btn3 span i { color: white; } .theme_btn3:hover { color: white !important; border-color: transparent; background: transparent; } .theme_btn3:hover span { background: white; } .theme_btn3:hover span i { color: #f15b43; } .left-line { position: relative; } .left-line::before { content: ""; background: white; position: absolute; left: 0; top: 10px; width: 50px; height: 2px; z-index: 1; } /*-- section-title ----------------------------------------*/ @media only screen and (min-width: 1200px) and (max-width: 1600px) { .section-title { padding-left: 0 !important; padding-right: 0 !important; } } @media (max-width: 767px) { .section-title { padding-left: 0 !important; padding-right: 0 !important; } } .section-title h6 { color: #f15b43; font-size: 20px; font-family: "Karla", sans-serif; line-height: 1.1; font-weight: 600; margin-bottom: 17px; display: inline-block; } .section-title h6 span i { padding-right: 6px; } .section-title h2 { color: #001234; font-size: 65px; line-height: 1.1; font-weight: 600; font-family: "Barlow Condensed", sans-serif; letter-spacing: -0.3px; } .section-title h2 span { font-weight: 300; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .section-title h2 { font-size: 40px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-title h2 { font-size: 45px; } } @media (max-width: 767px) { .section-title h2 { font-size: 25px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .section-title h2 { font-size: 30px; } } .semi-02-title { font-size: 24px; font-family: "Barlow Condensed", sans-serif; } .white-title h6 { color: #4db7a6; } .white-title h2 { color: white; } .popup-video { background: white; border-radius: 50%; font-size: 14px; line-height: 115px; display: inline-block; width: 115px; height: 115px; text-align: center; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; position: relative; z-index: 1; animation: pulseBig2 infinite 5s linear; } .popup-video i { color: #f15b43; font-size: 24px; } .popup-video:hover { color: white; background: #4db7a6; transform: translateY(-8px); } /*-- - Margin & Padding -----------------------------------------*/ /*-- Margin Top --*/ .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; } .mt-40 { margin-top: 40px; } .mt-45 { margin-top: 45px; } .mt-50 { margin-top: 50px; } .mt-55 { margin-top: 55px; } .mt-60 { margin-top: 60px; } .mt-65 { margin-top: 65px; } .mt-70 { margin-top: 70px; } .mt-75 { margin-top: 75px; } .mt-80 { margin-top: 80px; } .mt-85 { margin-top: 85px; } .mt-90 { margin-top: 90px; } .mt-95 { margin-top: 95px; } .mt-100 { margin-top: 100px; } .mt-105 { margin-top: 105px; } .mt-110 { margin-top: 110px; } .mt-115 { margin-top: 115px; } .mt-120 { margin-top: 120px; } .mt-125 { margin-top: 125px; } .mt-130 { margin-top: 130px; } .mt-135 { margin-top: 135px; } .mt-140 { margin-top: 140px; } .mt-145 { margin-top: 145px; } .mt-150 { margin-top: 150px; } .mt-155 { margin-top: 155px; } .mt-160 { margin-top: 160px; } .mt-165 { margin-top: 165px; } .mt-170 { margin-top: 170px; } .mt-175 { margin-top: 175px; } .mt-180 { margin-top: 180px; } .mt-185 { margin-top: 185px; } .mt-190 { margin-top: 190px; } .mt-195 { margin-top: 195px; } .mt-200 { margin-top: 200px; } /*-- Margin Bottom --*/ .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; } .mb-45 { margin-bottom: 45px; } .mb-50 { margin-bottom: 50px; } .mb-55 { margin-bottom: 55px; } .mb-60 { margin-bottom: 60px; } .mb-65 { margin-bottom: 65px; } .mb-70 { margin-bottom: 70px; } .mb-75 { margin-bottom: 75px; } .mb-80 { margin-bottom: 80px; } .mb-85 { margin-bottom: 85px; } .mb-90 { margin-bottom: 90px; } .mb-95 { margin-bottom: 95px; } .mb-100 { margin-bottom: 100px; } .mb-105 { margin-bottom: 105px; } .mb-110 { margin-bottom: 110px; } .mb-115 { margin-bottom: 115px; } .mb-120 { margin-bottom: 120px; } .mb-125 { margin-bottom: 125px; } .mb-130 { margin-bottom: 130px; } .mb-135 { margin-bottom: 135px; } .mb-140 { margin-bottom: 140px; } .mb-145 { margin-bottom: 145px; } .mb-150 { margin-bottom: 150px; } .mb-155 { margin-bottom: 155px; } .mb-160 { margin-bottom: 160px; } .mb-165 { margin-bottom: 165px; } .mb-170 { margin-bottom: 170px; } .mb-175 { margin-bottom: 175px; } .mb-180 { margin-bottom: 180px; } .mb-185 { margin-bottom: 185px; } .mb-190 { margin-bottom: 190px; } .mb-195 { margin-bottom: 195px; } .mb-200 { margin-bottom: 200px; } /*-- Margin Left --*/ .ml-5 { margin-left: 5px; } .ml-10 { margin-left: 10px; } .ml-15 { margin-left: 15px; } .ml-20 { margin-left: 20px; } .ml-25 { margin-left: 25px; } .ml-30 { margin-left: 30px; } .ml-35 { margin-left: 35px; } .ml-40 { margin-left: 40px; } .ml-45 { margin-left: 45px; } .ml-50 { margin-left: 50px; } .ml-55 { margin-left: 55px; } .ml-60 { margin-left: 60px; } .ml-65 { margin-left: 65px; } .ml-70 { margin-left: 70px; } .ml-75 { margin-left: 75px; } .ml-80 { margin-left: 80px; } .ml-85 { margin-left: 85px; } .ml-90 { margin-left: 90px; } .ml-95 { margin-left: 95px; } .ml-100 { margin-left: 100px; } .ml-105 { margin-left: 105px; } .ml-110 { margin-left: 110px; } .ml-115 { margin-left: 115px; } .ml-120 { margin-left: 120px; } .ml-125 { margin-left: 125px; } .ml-130 { margin-left: 130px; } .ml-135 { margin-left: 135px; } .ml-140 { margin-left: 140px; } .ml-145 { margin-left: 145px; } .ml-150 { margin-left: 150px; } .ml-155 { margin-left: 155px; } .ml-160 { margin-left: 160px; } .ml-165 { margin-left: 165px; } .ml-170 { margin-left: 170px; } .ml-175 { margin-left: 175px; } .ml-180 { margin-left: 180px; } .ml-185 { margin-left: 185px; } .ml-190 { margin-left: 190px; } .ml-195 { margin-left: 195px; } .ml-200 { margin-left: 200px; } /*-- Margin Right --*/ .mr-5 { margin-right: 5px; } .mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; } .mr-20 { margin-right: 20px; } .mr-25 { margin-right: 25px; } .mr-30 { margin-right: 30px; } .mr-35 { margin-right: 35px; } .mr-40 { margin-right: 40px; } .mr-45 { margin-right: 45px; } .mr-50 { margin-right: 50px; } .mr-55 { margin-right: 55px; } .mr-60 { margin-right: 60px; } .mr-65 { margin-right: 65px; } .mr-70 { margin-right: 70px; } .mr-75 { margin-right: 75px; } .mr-80 { margin-right: 80px; } .mr-85 { margin-right: 85px; } .mr-90 { margin-right: 90px; } .mr-95 { margin-right: 95px; } .mr-100 { margin-right: 100px; } .mr-105 { margin-right: 105px; } .mr-110 { margin-right: 110px; } .mr-115 { margin-right: 115px; } .mr-120 { margin-right: 120px; } .mr-125 { margin-right: 125px; } .mr-130 { margin-right: 130px; } .mr-135 { margin-right: 135px; } .mr-140 { margin-right: 140px; } .mr-145 { margin-right: 145px; } .mr-150 { margin-right: 150px; } .mr-155 { margin-right: 155px; } .mr-160 { margin-right: 160px; } .mr-165 { margin-right: 165px; } .mr-170 { margin-right: 170px; } .mr-175 { margin-right: 175px; } .mr-180 { margin-right: 180px; } .mr-185 { margin-right: 185px; } .mr-190 { margin-right: 190px; } .mr-195 { margin-right: 195px; } .mr-200 { margin-right: 200px; } /*-- Padding Top --*/ .pt-5 { padding-top: 5px; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px; } .pt-25 { padding-top: 25px; } .pt-30 { padding-top: 30px; } .pt-35 { padding-top: 35px; } .pt-40 { padding-top: 40px; } .pt-45 { padding-top: 45px; } .pt-50 { padding-top: 50px; } .pt-55 { padding-top: 55px; } .pt-60 { padding-top: 60px; } .pt-65 { padding-top: 65px; } .pt-70 { padding-top: 70px; } .pt-75 { padding-top: 75px; } .pt-80 { padding-top: 80px; } .pt-85 { padding-top: 85px; } .pt-90 { padding-top: 90px; } .pt-95 { padding-top: 95px; } .pt-100 { padding-top: 100px; } .pt-105 { padding-top: 105px; } .pt-110 { padding-top: 110px; } .pt-115 { padding-top: 115px; } .pt-120 { padding-top: 120px; } .pt-125 { padding-top: 125px; } .pt-130 { padding-top: 130px; } .pt-135 { padding-top: 135px; } .pt-140 { padding-top: 140px; } .pt-145 { padding-top: 145px; } .pt-150 { padding-top: 150px; } .pt-155 { padding-top: 155px; } .pt-160 { padding-top: 160px; } .pt-165 { padding-top: 165px; } .pt-170 { padding-top: 170px; } .pt-175 { padding-top: 175px; } .pt-180 { padding-top: 180px; } .pt-185 { padding-top: 185px; } .pt-190 { padding-top: 190px; } .pt-195 { padding-top: 195px; } .pt-200 { padding-top: 200px; } /*-- Padding Bottom --*/ .pb-5 { padding-bottom: 5px; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px; } .pb-20 { padding-bottom: 20px; } .pb-25 { padding-bottom: 25px; } .pb-30 { padding-bottom: 30px; } .pb-35 { padding-bottom: 35px; } .pb-40 { padding-bottom: 40px; } .pb-45 { padding-bottom: 45px; } .pb-50 { padding-bottom: 50px; } .pb-55 { padding-bottom: 55px; } .pb-60 { padding-bottom: 60px; } .pb-65 { padding-bottom: 65px; } .pb-70 { padding-bottom: 70px; } .pb-75 { padding-bottom: 75px; } .pb-80 { padding-bottom: 80px; } .pb-85 { padding-bottom: 85px; } .pb-90 { padding-bottom: 90px; } .pb-95 { padding-bottom: 95px; } .pb-100 { padding-bottom: 100px; } .pb-105 { padding-bottom: 105px; } .pb-110 { padding-bottom: 110px; } .pb-115 { padding-bottom: 115px; } .pb-120 { padding-bottom: 120px; } .pb-125 { padding-bottom: 125px; } .pb-130 { padding-bottom: 130px; } .pb-135 { padding-bottom: 135px; } .pb-140 { padding-bottom: 140px; } .pb-145 { padding-bottom: 145px; } .pb-150 { padding-bottom: 150px; } .pb-155 { padding-bottom: 155px; } .pb-160 { padding-bottom: 160px; } .pb-165 { padding-bottom: 165px; } .pb-170 { padding-bottom: 170px; } .pb-175 { padding-bottom: 175px; } .pb-180 { padding-bottom: 180px; } .pb-185 { padding-bottom: 185px; } .pb-190 { padding-bottom: 190px; } .pb-195 { padding-bottom: 195px; } .pb-200 { padding-bottom: 200px; } /*-- Padding Left --*/ .pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-15 { padding-left: 15px; } .pl-20 { padding-left: 20px; } .pl-25 { padding-left: 25px; } .pl-30 { padding-left: 30px; } .pl-35 { padding-left: 35px; } .pl-40 { padding-left: 40px; } .pl-45 { padding-left: 45px; } .pl-50 { padding-left: 50px; } .pl-55 { padding-left: 55px; } .pl-60 { padding-left: 60px; } .pl-65 { padding-left: 65px; } .pl-70 { padding-left: 70px; } .pl-75 { padding-left: 75px; } .pl-80 { padding-left: 80px; } .pl-85 { padding-left: 85px; } .pl-90 { padding-left: 90px; } .pl-95 { padding-left: 95px; } .pl-100 { padding-left: 100px; } .pl-105 { padding-left: 105px; } .pl-110 { padding-left: 110px; } .pl-115 { padding-left: 115px; } .pl-120 { padding-left: 120px; } .pl-125 { padding-left: 125px; } .pl-130 { padding-left: 130px; } .pl-135 { padding-left: 135px; } .pl-140 { padding-left: 140px; } .pl-145 { padding-left: 145px; } .pl-150 { padding-left: 150px; } .pl-155 { padding-left: 155px; } .pl-160 { padding-left: 160px; } .pl-165 { padding-left: 165px; } .pl-170 { padding-left: 170px; } .pl-175 { padding-left: 175px; } .pl-180 { padding-left: 180px; } .pl-185 { padding-left: 185px; } .pl-190 { padding-left: 190px; } .pl-195 { padding-left: 195px; } .pl-200 { padding-left: 200px; } /*-- Padding Right --*/ .pr-5 { padding-right: 5px; } .pr-10 { padding-right: 10px; } .pr-15 { padding-right: 15px; } .pr-20 { padding-right: 20px; } .pr-25 { padding-right: 25px; } .pr-30 { padding-right: 30px; } .pr-35 { padding-right: 35px; } .pr-40 { padding-right: 40px; } .pr-45 { padding-right: 45px; } .pr-50 { padding-right: 50px; } .pr-55 { padding-right: 55px; } .pr-60 { padding-right: 60px; } .pr-65 { padding-right: 65px; } .pr-70 { padding-right: 70px; } .pr-75 { padding-right: 75px; } .pr-80 { padding-right: 80px; } .pr-85 { padding-right: 85px; } .pr-90 { padding-right: 90px; } .pr-95 { padding-right: 95px; } .pr-100 { padding-right: 100px; } .pr-105 { padding-right: 105px; } .pr-110 { padding-right: 110px; } .pr-115 { padding-right: 115px; } .pr-120 { padding-right: 120px; } .pr-125 { padding-right: 125px; } .pr-130 { padding-right: 130px; } .pr-135 { padding-right: 135px; } .pr-140 { padding-right: 140px; } .pr-145 { padding-right: 145px; } .pr-150 { padding-right: 150px; } .pr-155 { padding-right: 155px; } .pr-160 { padding-right: 160px; } .pr-165 { padding-right: 165px; } .pr-170 { padding-right: 170px; } .pr-175 { padding-right: 175px; } .pr-180 { padding-right: 180px; } .pr-185 { padding-right: 185px; } .pr-190 { padding-right: 190px; } .pr-195 { padding-right: 195px; } .pr-200 { padding-right: 200px; } .dark #preloader { background-color: #232323; } #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #f7f7f7; z-index: 999999; } .preloader { width: 50px; height: 50px; display: inline-block; padding: 0px; text-align: left; box-sizing: border-box; position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; } .preloader span { position: absolute; display: inline-block; width: 50px; height: 50px; border-radius: 100%; background: #f15b43; -webkit-animation: preloader 1.3s linear infinite; animation: preloader 1.3s linear infinite; } .preloader span:last-child { animation-delay: -0.8s; -webkit-animation-delay: -0.8s; } img, div, header { border: 0; margin: 0; padding: 0 } a { text-decoration: none } a, a:visited { color: #333 } a:hover { cursor: pointer } img { vertical-align: middle } .aaa014 { border-radius: 4px; border-radius: var(--mdc-shape-medium, 4px); background-color: #fff; background-color: var(--mdc-theme-surface, #fff); box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12) } .aaa014 .aaa035 { width: 100%; height: 100%; top: 0; left: 0 } .aaa014::after { border-radius: 4px; border-radius: var(--mdc-shape-medium, 4px) } .aaa009 { box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12); border-width: 1px; border-style: solid; border-color: #e0e0e0 } .aaa014 { display: flex; flex-direction: column; box-sizing: border-box; position: relative } .aaa014::after { position: absolute; box-sizing: border-box; width: 100%; height: 100%; top: 0; left: 0; border: 1px solid transparent; border-radius: inherit; content: ""; pointer-events: none } @media screen and (forced-colors:active) { .aaa014::after { border-color: CanvasText } } .aaa009::after { border: none } .aaa099 { display: flex; flex-direction: column; box-sizing: border-box; position: relative; outline: none; color: inherit; text-decoration: none; cursor: pointer; overflow: hidden } .aaa099:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit } .aaa099:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit } .aaa099 { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity } .aaa099 .aaa034::before, .aaa099 .aaa034::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: "" } .aaa099 .aaa034::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; z-index: var(--mdc-ripple-z-index, 1) } .aaa099 .aaa034::after { z-index: 0; z-index: var(--mdc-ripple-z-index, 0) } .aaa099.VfPpkd-ksKsZd-mWPk3d .aaa034::before { transform: scale(var(--mdc-ripple-fg-scale, 1)) } .aaa099.VfPpkd-ksKsZd-mWPk3d .aaa034::after { top: 0; left: 0; transform: scale(0); transform-origin: center center } .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-ZNMTqd .aaa034::after { top: var(--mdc-ripple-top, 0); left: var(--mdc-ripple-left, 0) } .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-Tv8l5d-lJfZMc .aaa034::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards } .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-Tv8l5d-OmS1vf .aaa034::after { animation: mdc-ripple-fg-opacity-out .15s; transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)) } .aaa099 .aaa034::before, .aaa099 .aaa034::after { top: -50%; left: -50%; width: 200%; height: 200% } .aaa099.VfPpkd-ksKsZd-mWPk3d .aaa034::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%) } .aaa099 .aaa034::before, .aaa099 .aaa034::after { background-color: #000; background-color: var(--mdc-ripple-color, #000) } .aaa099:hover .aaa034::before, .aaa099.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .aaa034::before { opacity: .04; opacity: var(--mdc-ripple-hover-opacity, .04) } .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .aaa034::before, .aaa099:not(.VfPpkd-ksKsZd-mWPk3d):focus .aaa034::before { transition-duration: 75ms; opacity: .12; opacity: var(--mdc-ripple-focus-opacity, .12) } .aaa099:not(.VfPpkd-ksKsZd-mWPk3d) .aaa034::after { transition: opacity .15s linear } .aaa099:not(.VfPpkd-ksKsZd-mWPk3d):active .aaa034::after { transition-duration: 75ms; opacity: .12; opacity: var(--mdc-ripple-press-opacity, .12) } .aaa099.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12) } .aaa099 .aaa034 { box-sizing: content-box; height: 100%; overflow: hidden; left: 0; pointer-events: none; position: absolute; top: 0; width: 100% } .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe::after, .aaa099:not(.VfPpkd-ksKsZd-mWPk3d):focus::after { position: absolute; box-sizing: border-box; width: 100%; height: 100%; top: 0; left: 0; border: 5px double transparent; border-radius: inherit; content: ""; pointer-events: none } @media screen and (forced-colors:active) { .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe::after, .aaa099:not(.VfPpkd-ksKsZd-mWPk3d):focus::after { border-color: CanvasText } } .aaa010 { border-radius: 8px; background-color: #fff; border-width: 0; box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15) } .aaa010 .aaa035 { opacity: 0 } .aaa011 { border-radius: 8px; background-color: #fff; border: 1px solid rgb(218, 220, 224); box-shadow: none } .aaa011 .aaa035 { opacity: 0 } .aaa015 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; outline: none } .aaa035 { width: 100%; height: 100%; top: 0; left: 0 } .aaa035 { opacity: .11; background-color: transparent } a, div, img, header { border: 0; color: inherit; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline } .aaa003 { position: relative; } .aaa004 { display: flex; overflow-x: scroll; scroll-snap-type: x mandatory; } .aaa006 { flex-shrink: 0; scroll-snap-align: start } .aaa020 { background-size: contain } .aaa035 { opacity: 0 } .aaa001 { --gap-width: 12px } .aaa002 { overflow: visible } .aaa005 { display: flex; gap: var(--gap-width); padding: calc(var(--gap-width)/2) 0; padding-left: 18px; scroll-snap-type: unset } .aaa007 { padding-left: calc(var(--gap-width)/2); margin-right: calc(var(--gap-width)/2*-1) } @media screen and (max-width:600px) { .aaa004::-webkit-scrollbar { display: none }  } @media screen and (min-width:600px) { .aaa001 { --gap-width: 16px } .aaa005 { padding-left: 40px } } @media screen and (min-width:1280px) { .aaa001 { --gap-width: 24px } .aaa002 { margin-left: 18px; margin-right: 18px; overflow: visible } } @media screen and (min-width:1280px) and (min-width:600px) { .aaa002 { margin-left: 40px; margin-right: 40px } } @media screen and (min-width:1280px) and (min-width:1280px) { .aaa002 { margin-left: 60px; margin-right: auto; max-width: calc(100vw - 120px) } } @media screen and (min-width:1280px) and (min-width:1440px) { .aaa002 { margin-left: auto; max-width: 1320px } } @media screen and (min-width:1280px) { .aaa005 { padding-left: unset; scroll-snap-type: x mandatory } } .aaa035 { width: 100%; height: 100%; top: 0; left: 0 } .aaa023 { align-items: center; display: inline-flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .aaa024 { display: inline-block; vertical-align: center; } .aaa026 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .aaa027, .aaa028 { font-family: Roboto, Arial, sans-serif; line-height: 1rem; font-size: .75rem; letter-spacing: .025em; font-weight: 400; font-family: Roboto, Helvetica, Arial, sans-serif; letter-spacing: .2px } .aaa030 .aaa031, .aaa027, .aaa028 { color: rgb(95, 99, 104); fill: rgb(95, 99, 104); stop-color: rgb(95, 99, 104) } .aaa030 .aaa031:not(:disabled), .aaa027:not(:disabled), .aaa028:not(:disabled) { color: rgb(95, 99, 104) } .aaa030 .aaa031 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166); stop-color: rgb(154, 160, 166) } .aaa030 .aaa031:not(:disabled) { color: rgb(154, 160, 166) } .aaa027 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166); stop-color: rgb(154, 160, 166) } .aaa027:not(:disabled) { color: rgb(154, 160, 166) } .aaa028 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166); stop-color: rgb(154, 160, 166) } .aaa028:not(:disabled) { color: rgb(154, 160, 166) } .aaa027 { padding: 0 8px } .aaa030 .aaa031 { font-size: .625rem } .aaa029, .aaa030 { align-items: center; display: inline-flex; height: 100% } .aaa030 { padding-left: 2px } .aaa025 { color: rgb(0, 0, 0); fill: rgb(32, 33, 36); stop-color: rgb(32, 33, 36); font-size: .875rem; font-weight: 400; letter-spacing: .0142857143em; line-height: 1.25rem; font-family: Roboto, Helvetica, Arial, sans-serif; letter-spacing: -.2px } .aaa032 { margin-left: 12px } .aaa019 { column-gap: 16px; display: grid; grid-template-columns: max-content auto; margin: 16px 0 } .aaa021 { border-radius: 12px; border-width: 0; box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15); height: 56px; width: 56px } .aaa021 .aaa035 { opacity: 0 } .aaa022 { display: grid; grid-template-rows: max-content; height: fit-content; row-gap: 2px } .aaa035 { opacity: 0 } .aaa013 { --gap-width: 12px; --card-width: calc(100vw - 48px); border: 0; display: flex; width: var(--card-width) } .aaa016 { border-radius: 8px; margin: 0 calc(var(--gap-width)/2*-1); padding: 0 calc(var(--gap-width)/2) } .aaa017 { display: flex; position: relative } .aaa017 { color: rgb(95, 99, 104); fill: rgb(95, 99, 104); stop-color: rgb(95, 99, 104); font-size: .875rem; font-weight: 400; letter-spacing: .0142857143em; line-height: 1.25rem } .aaa017 { color: rgb(95, 99, 104) } .aaa017 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166); stop-color: rgb(154, 160, 166) } .aaa017 { color: rgb(154, 160, 166) } .aaa018 { color: rgb(95, 99, 104); fill: rgb(95, 99, 104); stop-color: rgb(95, 99, 104); font-size: .875rem; font-weight: 400; letter-spacing: .0142857143em; line-height: 1.25rem; font-family: Roboto, Helvetica, Arial, sans-serif; align-items: center; display: flex; flex: 0 0 24px; flex-direction: column; margin: 34px 8px 0 0 } .aaa018:not(:disabled) { color: rgb(95, 99, 104) } .aaa018 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166); stop-color: rgb(154, 160, 166) } .aaa018:not(:disabled) { color: rgb(154, 160, 166) } .aaa097:not(:disabled) { color: rgb(32, 33, 36); } .aaa097 { color: rgb(32, 33, 36); fill: rgb(32, 33, 36); stop-color: rgb(32, 33, 36); font-family: "Google Sans", Helvetica, Arial, sans-serif; font-family: "Google Sans", Roboto, Arial, sans-serif; line-height: 1.5rem; font-size: 1.125rem; letter-spacing: 0; font-weight: 400; font-weight: 500; } .t5eBue .mZr3Me.aaa093 .TwyJFf { font-size: 24px; font-weight: 300 } .t5eBue .hAJqZ.aaa093, .t5eBue .r2Osbf.aaa093 { font-weight: 500 } .ovVTif .jGu02.qs41qe { color: #689f38 } .t5eBue.ovVTif .hAJqZ.aaa093, .t5eBue.ovVTif .r2Osbf.aaa093 { color: #8d9d29 } .wWRLCd .jGu02.qs41qe { color: #ed3b3b } .t5eBue.wWRLCd .hAJqZ.aaa093, .t5eBue.wWRLCd .r2Osbf.aaa093 { color: #a84137 } .LW9aSc .jGu02.qs41qe { color: #039be5 } .t5eBue.LW9aSc .hAJqZ.aaa093, .t5eBue.LW9aSc .r2Osbf.aaa093 { color: #1380b5 } .aaa094 { color: rgb(95, 99, 104); fill: rgb(95, 99, 104); background-color: #fff; border: 1px rgb(218, 220, 224) solid; border-radius: 8px; box-sizing: border-box; cursor: pointer; display: inline-block; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 14px; font-weight: 500; height: 32px; letter-spacing: .25px; line-height: 18px; min-width: auto; outline: none; overflow: hidden; position: relative; text-align: center; text-decoration: none; text-transform: none; transition: background .2s .1s; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; z-index: 0 } .P9KVBf .aaa094 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166) } .P9KVBf .aaa094 { background-color: rgb(32, 33, 36) } .P9KVBf .aaa094 { border: 1px rgb(95, 99, 104) solid } .P9KVBf .aaa094::before, .P9KVBf .aaa094::after { background-color: rgb(218, 220, 224); background-color: var(--mdc-ripple-color, rgb(218, 220, 224)) } .P9KVBf .aaa094:hover::before, .P9KVBf .aaa094.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE::before { opacity: .08; opacity: var(--mdc-ripple-hover-opacity, .08) } .P9KVBf .aaa094.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe::before, .P9KVBf .aaa094:not(.VfPpkd-ksKsZd-mWPk3d):focus::before { transition-duration: 75ms; opacity: .24; opacity: var(--mdc-ripple-focus-opacity, .24) } .P9KVBf .aaa094:not(.VfPpkd-ksKsZd-mWPk3d)::after { transition: opacity .15s linear } .P9KVBf .aaa094:not(.VfPpkd-ksKsZd-mWPk3d):active::after { transition-duration: 75ms; opacity: .24; opacity: var(--mdc-ripple-press-opacity, .24) } .P9KVBf .aaa094.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24) } .aaa094.qs41qe { border: none; padding: 1px } .aaa094.RDPZE { cursor: auto } .aaa094.aaa093 { color: rgb(26, 115, 232); fill: rgb(26, 115, 232); background-color: rgb(232, 240, 254); border: none; padding: 1px } .P9KVBf .aaa094.aaa093 { color: rgb(138, 180, 248); fill: rgb(138, 180, 248) } .P9KVBf .aaa094.aaa093 { background-color: rgba(138, 180, 248, .24) } .P9KVBf .aaa094:focus { color: #fff; fill: #fff } .aaa094:focus .aaa090 { opacity: .12 } .aaa094 .aaa090 { background-color: rgb(95, 99, 104) } .P9KVBf .aaa094 .aaa090 { background-color: rgb(218, 220, 224) } .aaa090 { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0 } .UQI9cd .aaa089 { margin: 0 12px } .aaa089 { align-items: center; display: flex; position: relative; margin: 0 16px } .aaa089 .aaa086 { display: inline-block; margin: 6px 4px } .aaa088 { display: inline-flex; flex-shrink: 0; margin: 0 4px 0 0 } .aaa088.aaa087 { display: none } .aaa094.u3bW4e { outline: 1px solid transparent } .aaa095 { display: flex; flex-wrap: wrap; gap: 12px } .aaa092 { border-radius: 9999px } .aaa092 .Ka7T4c, .KnEF3e .Ka7T4c { font-size: 16px } .KuPXpe.aaa091 { color: #056449; fill: #056449; stop-color: #056449 } .KuPXpe.aaa091:not(:disabled) { color: #056449 } .P9KVBf .KuPXpe.aaa091 { color: #00b380; fill: #00b380; stop-color: #00b380 } .P9KVBf .KuPXpe.aaa091:not(:disabled) { color: #00b380 } .mrSlsb.aaa093 { color: #056449; fill: #056449; stop-color: #056449; background-color: #e6f3ef } .mrSlsb.aaa093:not(:disabled) { color: #056449 } .P9KVBf .mrSlsb.aaa093 { color: #00b380; fill: #00b380; stop-color: #00b380 } .P9KVBf .mrSlsb.aaa093:not(:disabled) { color: #00b380 } .mrSlsb.aaa093:not(:disabled) { background-color: #e6f3ef } .P9KVBf .mrSlsb.aaa093 { background-color: #013d2c } .P9KVBf .mrSlsb.aaa093:not(:disabled) { background-color: #013d2c } .aaa091.aaa093 { color: #056449; fill: #056449; stop-color: #056449; background-color: #e6f3ef } .aaa091.aaa093:not(:disabled) { color: #056449 } .P9KVBf .aaa091.aaa093 { color: #00b380; fill: #00b380; stop-color: #00b380 } .P9KVBf .aaa091.aaa093:not(:disabled) { color: #00b380 } .aaa091.aaa093:not(:disabled) { background-color: #e6f3ef } .P9KVBf .aaa091.aaa093 { background-color: #013d2c } .P9KVBf .aaa091.aaa093:not(:disabled) { background-color: #013d2c } .P9KVBf .NWM5Eb.aaa093 { color: #ff708c; fill: #ff708c; stop-color: #ff708c } .P9KVBf .NWM5Eb.aaa093:not(:disabled) { color: #ff708c } .NWM5Eb.aaa093:not(:disabled) { background-color: #f9e8ee } .P9KVBf .NWM5Eb.aaa093 { background-color: #610b29 } .P9KVBf .NWM5Eb.aaa093:not(:disabled) { background-color: #610b29 } .ArLwsf.aaa093 { color: #035282; fill: #035282; stop-color: #035282; background-color: #e5f1f9 } .ArLwsf.aaa093:not(:disabled) { color: #035282 } .P9KVBf .ArLwsf.aaa093 { color: #50b4f4; fill: #50b4f4; stop-color: #50b4f4 } .P9KVBf .ArLwsf.aaa093:not(:disabled) { color: #50b4f4 } .ArLwsf.aaa093:not(:disabled) { background-color: #e5f1f9 } .P9KVBf .ArLwsf.aaa093 { background-color: #024066 } .P9KVBf .ArLwsf.aaa093:not(:disabled) { background-color: #024066 } .aaa098 { margin-left: 24px; margin-right: 24px; padding-bottom: 20px } .aaa097 { color: rgb(32, 33, 36); fill: rgb(32, 33, 36); stop-color: rgb(32, 33, 36); font-family: "Google Sans", Helvetica, Arial, sans-serif; font-family: "Google Sans", Roboto, Arial, sans-serif; line-height: 1.5rem; font-size: 1.125rem; letter-spacing: 0; font-weight: 400; font-weight: 500 } .aaa097:not(:disabled) { color: rgb(32, 33, 36) } .P9KVBf .aaa097 { color: rgb(232, 234, 237); fill: rgb(232, 234, 237); stop-color: rgb(232, 234, 237) } .P9KVBf .aaa097:not(:disabled) { color: rgb(232, 234, 237) } .aaa096 { margin-left: 24px; margin-right: 24px; margin-bottom: 8px } @media screen and (min-width:600px) { .aaa096, .aaa098 { margin-left: 48px; margin-right: 48px } .aaa013 { --gap-width: 16px; --card-width: calc(75vw - 76px) } } @media screen and (min-width:840px) { .aaa013 { --card-width: calc(50vw - 56px) } } @media screen and (min-width:960px) { .aaa013 { --card-width: calc(33.3333333333vw - 42.6666666667px) } } @media screen and (min-width:1280px) { .aaa096, .aaa098 { margin-left: 72px; margin-right: 72px } .aaa097 { font-family: "Google Sans", Roboto, Arial, sans-serif; line-height: 1.75rem; font-size: 1.375rem; letter-spacing: 0; font-weight: 400; font-weight: 500 } .aaa013 { --gap-width: 24px; --card-width: calc(33.3333333333vw - 64px) } .aaa018 { font-size: 1rem; font-weight: 400; letter-spacing: .00625em; line-height: 1.5rem; flex: 0 0 32px; margin-top: 40px } .aaa021 { height: 64px; width: 64px } .aaa022 { row-gap: 0 } .aaa028 { font-size: .875rem; font-weight: 400; letter-spacing: .0142857143em; line-height: 1.25rem; letter-spacing: .2px } .aaa030 .aaa031 { font-size: .75rem } .aaa025 { font-size: 1rem; font-weight: 400; letter-spacing: .00625em; line-height: 1.5rem; letter-spacing: 0 } .aaa032 { margin-left: 16px } } @media screen and (min-width:1440px) { .aaa096, .aaa098 { margin-left: auto; margin-right: auto; max-width: 1296px } .aaa013 { --card-width: 416px } } @keyframes preloader { 0% { transform: scale(0, 0); opacity: 0.5; } 100% { transform: scale(1, 1); opacity: 0; } } @-webkit-keyframes preloader { 0% { -webkit-transform: scale(0, 0); opacity: 0.5; } 100% { -webkit-transform: scale(1, 1); opacity: 0; } } #scrollUp { background: #f15b43; width: 50px; height: 50px; position: absolute; right: 50px; bottom: 50px; border-radius: 10px; line-height: 50px; text-align: center; } #scrollUp i { color: white; } /* Move frame*/ @keyframes moveRound { 0% { background-color: #eee3ff; left: -24px; top: 0px; } 25% { background-color: #feddfc; left: 100px; top: 0px; } 50% { background-color: #efe4ff; left: 100px; top: 100px; } 75% { background-color: #e2fcf4; left: -24px; top: 200px; } 100% { background-color: #eee3ff; left: -24px; top: 0px; } } @-webkit-keyframes moveRound { 0% { background-color: #eee3ff; left: -24px; top: 0px; } 25% { background-color: #feddfc; left: 100px; top: 0px; } 50% { background-color: #efe4ff; left: 100px; top: 200px; } 75% { background-color: #e2fcf4; left: -24px; top: 100px; } 100% { background-color: #eee3ff; left: -24px; top: 0px; } } @keyframes moveShap { 0% { left: 0px; top: 0px; } 25% { left: 100px; top: 0px; } 50% { left: 100px; top: 100px; } 75% { left: 0px; top: 200px; } 100% { left: 0px; top: 0px; } } @keyframes moveShap2 { 0% { right: 230px; top: 85px; } 25% { right: 100px; top: 85px; } 50% { right: 100px; top: 100px; } 75% { right: 230px; top: 200px; } 100% { right: 220px; top: 100px; } } /* Heartbeat frame*/ @-webkit-keyframes heartbeat { to { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes heartbeat { to { -webkit-transform: scale(1.2); transform: scale(1.2); } } /* Rotation frame*/ @keyframes rotation { to { transform: rotate(360deg); } } /* pulseBig */ @keyframes pulseBig { 0% { box-shadow: 0 0 0 0 #4db7a6; } 50% { box-shadow: 0 0 0 20px rgba(1, 93, 199, 0); } 100% { box-shadow: 0 0 0 0 rgba(1, 93, 199, 0); } } /* pulseBig2 */ @keyframes pulseBig2 { 0% { box-shadow: 0 0 0 0 #fff; } 50% { box-shadow: 0 0 0 20px rgba(1, 93, 199, 0); } 100% { box-shadow: 0 0 0 0 rgba(1, 93, 199, 0); } } /* pulseBig2 */ @keyframes pulseBig3 { 0% { box-shadow: 0 0 0 0 #ffffff; } 50% { box-shadow: 0 0 0 20px rgba(1, 93, 199, 0); } 100% { box-shadow: 0 0 0 0 rgba(1, 93, 199, 0); } } /*-- - Overlay ------------------------------------------*/ [data-overlay] { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } [data-overlay]::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; } /*-- Overlay Color --*/ [data-overlay="light"]::before { background-color: white; } [data-overlay="dark"]::before { background-color: #4db7a6; } /*-- Overlay Opacity --*/ [data-opacity="1"]::before { opacity: 0.1; } [data-opacity="2"]::before { opacity: 0.2; } [data-opacity="3"]::before { opacity: 0.3; } [data-opacity="4"]::before { opacity: 0.4; } [data-opacity="5"]::before { opacity: 0.5; } [data-opacity="6"]::before { opacity: 0.6; } [data-opacity="7"]::before { opacity: 0.7; } [data-opacity="8"]::before { opacity: 0.8; } [data-opacity="9"]::before { opacity: 0.9; } .custom-container { max-width: 1455px; margin: 0 auto; } @media only screen and (min-width: 768px) and (max-width: 991px) { .custom-container { padding-left: 0; padding-right: 0; } } @media (max-width: 767px) { .custom-container { padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .custom-container { padding-left: 0; padding-right: 0; } } .header-top-area::before { content: ''; position: absolute; clip-path: polygon(0 0%, 100% 0%, 100% 100%, 1% 100%); width: 1290px; height: 45px; right: 0; top: 0; background: #f4f2f1; } .top-cta span { color: #364f75; line-height: 1; display: inline-block; } .top-cta span .media-link { color: #f15b43; font-size: 13px; font-weight: 700; text-transform: uppercase; text-decoration: underline; margin-left: 5px; } .top-right-nav ul li { display: inline-block; margin-left: 25px; } .top-right-nav ul li:first-child { margin-left: 5px; } .top-right-nav ul li a { color: #97a7c0; font-size: 15px; line-height: 1; display: inline-block; } .top-right-nav ul li a:hover { color: #f15b43; } .main-header-area .logo-img img { max-width: 100%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .main-header-area { padding: 25px 15px; } } @media (max-width: 767px) { .main-header-area { padding: 25px 15px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .main-header-area { padding: 25px 15px; } } .main-header-area .quote-btn { margin-top: 6px; } .main-menu { -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .main-menu { margin: 0; } } .main-menu ul li { display: inline-block; position: relative; margin-right: 26px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .main-menu ul li { margin-right: 30px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .main-menu ul li { margin-right: 15px; } } .main-menu ul li > a { color: #364f75; font-size: 16px; line-height: 1; font-family: "Karla", sans-serif; padding: 30px 0 36px 0; display: inline-block; position: relative; font-weight: 500; } .main-menu ul li > a i { font-size: 12px; line-height: 1; } .main-menu ul li > a:hover, .main-menu ul li > a.active { color: #f15b43; } .main-menu ul li ul.submenu { background: white none repeat scroll 0 0; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); left: 0; opacity: 0; position: absolute; top: 119%; transition: all 0.3s ease 0s; visibility: hidden; width: 240px; z-index: 9; border-top: 4px solid #f15b43; text-align: left; padding: 25px 0; } .main-menu ul li ul.submenu li { display: block; } .main-menu ul li ul.submenu li a { padding: 14px 30px; display: block; margin: 0; border: 0; color: #001234; } .main-menu ul li ul.submenu li a::before { display: none; } .main-menu ul li ul.submenu li a:hover { color: #f15b43; } .main-menu ul li:hover .submenu { top: 100%; visibility: visible; opacity: 1; } .sticky { position: fixed; z-index: 999; width: 100%; background: white; top: 0; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05); } .sticky .logo { transform: translateY(2px); } .sticky .hamburger-menu { top: 17px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .sticky .hamburger-menu { top: 35px; } } .sticky .main-menu ul li a:hover { color: #f15b43; } /* Hamburger-menu */ .hamburger-menu { display: inline-block; } .hamburger-menu > a { display: inline-block; font-size: 25px; color: #4db7a6; } .side-mobile-menu { display: none; } @media only screen and (min-width: 768px) and (max-width: 991px) { .side-mobile-menu { display: block; } } @media (max-width: 767px) { .side-mobile-menu { display: block; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .side-mobile-menu { display: block; } } .offset-sidebar { display: block; margin-top: 30px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .offset-sidebar { display: none; } } @media (max-width: 767px) { .offset-sidebar { display: none; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .offset-sidebar { display: none; } } .transparent-head { position: absolute; left: 0; right: 0; width: 100%; z-index: 999; } .main-head-02 { position: relative; } @media (max-width: 767px) { .main-head-02 { padding: 15px 15px; } } .main-head-02 .custom-container-03 { max-width: 1505px; margin: 0 auto; } .main-head-02.sticky { background: white; position: fixed; } .main-head-02.sticky .logo .logo-img { display: none; } .main-head-02.sticky .logo .logo-img-02 { display: inline-block !important; } .main-head-02.sticky .logo .logo-img-02 img { max-width: 100%; } .main-head-02.sticky .main-menu-02 ul li > a { color: #001234; padding: 42px 0; } .main-head-02.sticky .main-menu-02 ul li ul.submenu li a { padding: 14px 30px; } .main-head-02.sticky .nav-search.search-trigger.header-2-icon { color: white; background: #f15b43; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .main-menu-02 ul li { margin-right: 35px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .main-menu-02 ul li { margin-right: 35px; } } .main-menu-02 ul li > a { color: white; padding: 38px 0; } .main-menu-02 ul li ul.submenu li a:hover { color: #f15b43; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .quote-btn { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .quote-btn { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .quote-btn { display: none; } } @media (max-width: 767px) { .quote-btn { display: none; } } .head-top-03::before { display: none; } .head-top-03 .top-cta span { color: white; } .head-top-03 .top-cta span i { margin-right: 5px; } .head-top-03 .top-cta span:first-child { margin-right: 30px; } .head-top-03 .top-right-nav a { color: white; font-weight: 700; } .head-top-03 .top-right-nav a i { margin-right: 5px; } .head-top-03 .top-right-nav a span { color: #ffd1ca; font-weight: 400; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .main-menu-03 ul li { margin-right: 30px; } } .main-menu-03 ul li ul.submenu li a:hover { color: #f15b43; } .about-head .top-cta span { color: #777777; } .about-head .top-cta span b { color: #001234; } .about-head .top-cta span i { color: #f15b43; } .about-head .top-right-nav a { color: #001234; font-weight: 700; } .about-head .top-right-nav a i { color: #f15b43; } .about-head .top-right-nav a span { color: #777777; } .header-social a { color: #777777; font-size: 15px; margin-left: 20px; } .header-social a:hover { color: #f15b43; } .page-title-area { width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 400px; position: relative; } .page-title-area::before { content: ""; background-color: #061738; opacity: 0.65; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .page-title-area .right-border-shape { position: absolute; right: 0; top: -190px; } .page-title-wrapper .page-title { color: white; font-size: 85px; line-height: 1; font-family: "Barlow Condensed", sans-serif; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 15px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .page-title-wrapper .page-title { font-size: 70px; } } @media (max-width: 767px) { .page-title-wrapper .page-title { font-size: 32px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .page-title-wrapper .page-title { font-size: 32px; } } .page-title-wrapper .breadcrumb { background: 0; justify-content: center; padding: 0; margin: 0; } ul.breadcrumb-list { text-align: left; display: inline-block; } ul.breadcrumb-list li { display: inline-block; padding: 0 7px; } ul.breadcrumb-list li a { color: white; font-size: 24px; font-family: "Karla", sans-serif; display: inline-block; font-weight: 600; } @media (max-width: 767px) { ul.breadcrumb-list li a { font-size: 18px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { ul.breadcrumb-list li a { font-size: 20px; } } ul.breadcrumb-list li a i { font-size: 18px; margin-left: 8px; line-height: 1; } ul.breadcrumb-list li a.active { color: #f15b43; } .slide-bar { position: fixed; overflow-y: auto; top: 0; right: -370px; width: 350px; padding: 25px 30px; height: 100%; display: block; background-color: #001234; z-index: 1020; -webkit-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5); } @media only screen and (min-width: 576px) and (max-width: 767px) { .slide-bar { width: 350px; } } @media (max-width: 767px) { .slide-bar { width: 310px; padding: 25px 20px; } } .slide-bar.show { right: 0; } .open-mobile-menu { display: inline-block; } .open-mobile-menu a { display: block; width: 50px; height: 50px; background: #212121; text-align: center; line-height: 50px; font-size: 20px; margin-left: 20px; color: #fff; } .open-mobile-menu a:hover { background: #f15b43; } .open-mobile-menu a.active { background: #f15b43; } .close-mobile-menu a { color: white; position: relative; z-index: 2; font-size: 16px; top: -10px; left: 0; } .close-mobile-menu a:hover { color: #ff0000; } .on-side { overflow: hidden; } .body-overlay { background-color: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; position: fixed; top: 0; z-index: 1010; left: 0; opacity: 0; display: none; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .body-overlay.active { opacity: 1; display: block; } .side-mobile-menu ul { list-style: none; margin: 0; padding: 0; } .side-mobile-menu ul li a { padding: 13px 0; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.05); font-size: 16px; color: white; font-weight: 700; text-transform: uppercase; position: relative; } .side-mobile-menu ul li a:hover { color: #f15b43; padding-left: 5px; } .side-mobile-menu ul li a[aria-expanded="true"] { color: #f15b43; } .side-mobile-menu ul li a[aria-expanded="true"]:before { background: #f15b43; border-color: #f15b43; } .side-mobile-menu ul li ul { padding-left: 0; list-style: none; } .side-mobile-menu ul li ul li { padding-left: 15px; } .side-mobile-menu ul li ul li:hover > a { color: #f15b43; padding-left: 20px; } .side-mobile-menu ul li ul li:hover > a:before { background: #f15b43; border-color: #f15b43; } .side-mobile-menu ul li ul li a { position: relative; padding-left: 15px; text-transform: capitalize; font-size: 16px; } .side-mobile-menu ul li ul li a:before { content: ""; width: 8px; height: 8px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border: 2px solid white; border-radius: 50%; } .side-mobile-menu ul li ul li a[aria-expanded="true"] { padding-left: 20px; } .side-mobile-menu ul li.has-dropdown > a:after { position: absolute; content: ""; width: 8px; height: 8px; border-width: 2px 0 0 2px; border-style: solid; border-color: initial; right: 16px; top: 50%; -webkit-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); -webkit-transform-origin: top; transform-origin: top; transition: all .3s ease-out; } .side-mobile-menu ul li.has-dropdown a[aria-expanded="true"]:after { -webkit-transform: rotate(-135deg) translateY(-50%); transform: rotate(-135deg) translateY(-50%); } .offset-widget.offset-logo { border-bottom: 1px solid #eeecec; padding-bottom: 20px; } .offset-widget .info-widget .offset-title { font-size: 20px; font-weight: 800; color: white; } .offset-widget .info-widget p { color: white; } .offset-widget .info-widget.info-widget2 p { margin-bottom: 15px; } .offset-widget .info-widget.info-widget2 p i { margin-right: 7px; color: white; } /* Menu Search -------------------------------------------------------*/ .header-2-icon { color: white; } .nav-search.search-trigger.header-2-icon { color: #061738; display: inline-block; width: 55px; height: 55px; background: white; border-radius: 50%; text-align: center; line-height: 55px; } .nav-search.search-trigger.header-2-icon:hover { color: white; background: #f15b43; } .nav-search { position: relative; display: block; color: inherit; } .nav-search:hover { color: inherit; } .search-wrap { width: 100%; height: 100%; overflow: hidden; display: none; position: fixed; top: 0; left: 0; z-index: 121; background: rgba(0, 0, 0, 0.9); } .search-wrap .search-inner { position: relative; width: 100%; height: 100%; } .search-wrap .search-cell { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); } .search-wrap .search-field-holder { width: 50%; margin: auto; position: relative; animation: slideInUp .3s; } .search-wrap .main-search-input { width: 100%; height: 70px; border: 0; padding: 0 50px; text-transform: uppercase; background: transparent; font-size: 25px; color: #fff; border-bottom: 2px solid #898989; text-align: center; letter-spacing: 2px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .search-wrap .main-search-input { padding: 0 15px; } } @media (max-width: 767px) { .search-wrap .main-search-input { padding: 0 15px; } } .search-wrap input.form-control, .search-wrap input.form-control:focus { background-color: #fff; } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } input.main-search-input::-webkit-input-placeholder { color: #fff; font-size: 25px; } input.main-search-input:-moz-placeholder { color: #fff; opacity: 1; font-size: 25px; } input.main-search-input::-moz-placeholder { color: #fff; opacity: 1; font-size: 25px; } input.main-search-input:-ms-input-placeholder { color: #fff; font-size: 25px; } .search-close { position: absolute; top: 50px; right: 50px; font-size: 30px; color: #fff; cursor: pointer; } .single-slider { position: relative; } .single-slider::before { content: ""; background: #08133b; opacity: 0.50; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .slider-height { min-height: 811px; background-size: cover; background-repeat: no-repeat; width: 100%; background-position: center; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .slider-height { min-height: 750px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-height { min-height: 700px; } } @media (max-width: 767px) { .slider-height { min-height: 550px; } } .slider__content { position: relative; z-index: 3; } .slider__content .sub-title { color: white; font-size: 20px; line-height: 1; font-family: "Karla", sans-serif; font-weight: 400; display: inline-block; } .slider__content .sub-title i { color: #f15b43; font-size: 20px; } .slider__content .main-title { color: white; font-size: 85px; line-height: 1; font-family: "Barlow Condensed", sans-serif; font-weight: 700; letter-spacing: -0.3px; } .slider__content .main-title span { font-weight: 300; } @media (max-width: 767px) { .slider__content .main-title { font-size: 40px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .slider__content .main-title { font-size: 40px; } } .slider__content .mini-title { color: white; font-family: "Karla", sans-serif; font-weight: 400; line-height: 1.5; } .slider__content .btn-list li { display: inline-block; margin-right: 10px; } .slider-area .slick-slider button { opacity: 0; visibility: hidden; background: transparent; border: 0; font-size: 24px; position: absolute; top: 50%; z-index: 5; color: white; border: 2px solid #666; border-radius: 7px; width: 61px; height: 61px; display: inline-block; left: 100px; text-align: center; line-height: 47px; cursor: pointer; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .slider-area .slick-slider button { left: 50px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .slider-area .slick-slider button { left: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-area .slick-slider button { left: 50px; } } @media (max-width: 767px) { .slider-area .slick-slider button { left: 50px; } } .slider-area .slick-slider button:hover { background: #f15b43; border-color: transparent; } .slider-area .slick-slider .slick-next { left: auto; right: 100px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .slider-area .slick-slider .slick-next { right: 50px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .slider-area .slick-slider .slick-next { right: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-area .slick-slider .slick-next { right: 50px; } } @media (max-width: 767px) { .slider-area .slick-slider .slick-next { right: 50px; } } .slider-area:hover .slick-slider button { opacity: 1; visibility: visible; } .slider-area-02 .slider-img__shape { position: absolute; top: 51%; right: 112px; z-index: 1; animation: rotation infinite 10s alternate-reverse; } .slider-height-02 { min-height: 977px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .slider-height-02 { min-height: 800px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-height-02 { min-height: 600px; } } @media (max-width: 767px) { .slider-height-02 { min-height: 600px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .slider-height-02 { min-height: 650px; } } .slider-height-02::before { background: url(../img/shape/06.png) no-repeat bottom; width: 100%; min-height: 137px; bottom: -110px; opacity: 1; top: auto; } .slider__content__02 .main-title { font-size: 115px; font-weight: 600; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .slider__content__02 .main-title { font-size: 90px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider__content__02 .main-title { font-size: 60px; } } @media (max-width: 767px) { .slider__content__02 .main-title { font-size: 50px; } } .slider__content__02 h4 { color: white; font-size: 24px; font-weight: 500; margin-bottom: 35px; } .btn-list-02 li a.theme_btn2 { background: #02b663; color: white; } .btn-list-02 li a.theme-border-btn.theme_btn_bg_02 { color: white; } .btn-list-02 li a.theme-border-btn.theme_btn_bg_02::before { background: #4db7a6; } .slider-img { position: relative; z-index: 1; } .slider-img__one { display: block; width: 100%; margin-top: 168px; } .slider-img__two { position: absolute; top: -140px; right: -185px; z-index: -1; } @media only screen and (min-width: 1601px) and (max-width: 1800px) { .slider-img__two { right: 0; } } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .slider-img__two { right: 0; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .slider-img__two { right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-img__two { right: 0; } } @media (max-width: 767px) { .slider-img__two { right: 0; } } .slider-height-03::before { display: none; } .slider__content__03 .sub-title { color: #777777; } .slider__content__03 .main-title { color: #001234; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .slider__content__03 .main-title { font-size: 55px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider__content__03 .main-title { font-size: 55px; } } .slider__content__03 p { font-size: 18px; } .hero-img { position: relative; right: -160px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .hero-img { right: 0; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .hero-img { right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .hero-img { right: 0; margin-top: 30px; } } @media (max-width: 767px) { .hero-img { right: 0; margin-top: 30px; } } .hero-img img { width: 100%; } .total-box { position: absolute; top: 120px; left: 20px; } .total-box .statistics { max-width: 283px; align-items: center; padding: 28px 40px 15px 40px; border-left: 5px solid #f15b43; background-color: white; box-shadow: 0px 10px 30px 0px rgba(72, 72, 72, 0.13); } @media (max-width: 767px) { .total-box .statistics { max-width: 250px; } } .total-box .statistics::before { display: none; } .total-box .statistics .counetrs__icon i { font-size: 54px; } .total-box .statistics p { color: #001234 !important; font-family: "Barlow Condensed", sans-serif; font-weight: 600; } .total-box .statistics:last-child { border-color: #4db7a6; margin-left: 30px; } .services-area .custom-container-02 { max-width: 1230px; margin: 0 auto; } .services-area .services-bg { margin-top: -130px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .services-area .services-bg { margin-top: 50px; } } @media (max-width: 767px) { .services-area .services-bg { margin-top: 50px; padding-right: 0; padding-left: 0; } } .services__img img { width: 100%; } .services__content { display: flex; justify-content: space-between; align-items: center; left: 0; right: 0; bottom: 0; width: 100%; } .services__content .semi-02-title { color: white; margin-bottom: 5px; } .services__content p { color: white; } .services__content li:first-child { padding-left: 50px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .services__content li:first-child { padding-left: 20px; } } @media (max-width: 767px) { .services__content li:first-child { padding-left: 30px; } } .services__content li .more_btn { display: inline-block; position: relative; z-index: 1; } .services__content li .more_btn::before { content: ''; position: absolute; background: white; clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0 100%); right: 0; top: 0; width: 110px; height: 100px; z-index: -1; } .services__content li .more_btn::after { content: ''; position: absolute; background: #f15b43; clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0 100%); right: 0; top: 0; width: 110px; height: 120px; z-index: -1; opacity: 0; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .services__content li .more_btn i { color: #001234; font-size: 30px; line-height: 100px; padding-right: 35px; } .services__content:hover .semi-02-title { color: #f15b43; } .services__content:hover .more_btn i { color: white; } .services__content:hover .more_btn::after { top: -20px; opacity: 1; } .card { border: 0; border-radius: 0; } .card .card-header { padding: 0; border: 0; background: 0; } .card .card-header button { border: 0; background: 0; color: #001234; font-size: 30px; font-family: "Barlow Condensed", sans-serif; font-weight: 600; display: block; width: 100%; text-align: left; padding: 13px 70px; word-wrap: normal; white-space: normal; } @media (max-width: 767px) { .card .card-header button { padding: 13px 20px; font-size: 20px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .card .card-header button { padding: 13px 30px; } } .card .card-header .btn:focus, .card .card-header .btn:hover { text-decoration: none; } .card .card-body { padding: 0 70px; } @media (max-width: 767px) { .card .card-body { padding: 0 20px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .card .card-body { padding: 0 30px; } } .about-area .right-shape { position: absolute; right: 0; bottom: 0; } @media (max-width: 767px) { .about-img__thumb { padding-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-img__thumb { padding-right: 0; } } .about-img__thumb img { width: 100%; } .about_list li { font-size: 16px; padding-left: 48px; position: relative; display: inline-block; margin-bottom: 15px; } .about_list li::before { content: ''; position: absolute; background: #4db7a6; display: inline-block; width: 10px; height: 10px; border-radius: 50%; left: 5px; top: 14px; } .about_list li::after { content: ''; position: absolute; width: 20px; height: 20px; display: inline-block; border-radius: 50%; border: 2px solid #4db7a6; left: 0; top: 9px; animation: pulseBig infinite 5s linear; } .experience-box { display: inline-flex; align-items: center; padding: 20px 33px 30px 33px; max-width: 220px; position: absolute; right: 15px; bottom: -30px; z-index: 2; } .experience-box::before { content: ''; position: absolute; background: #001234; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; } .experience-box::after { content: ''; position: absolute; background: white; width: 220px; height: 132px; left: -10px; top: -10px; z-index: -2; } .experience-box h1 { color: #4db7a6; font-size: 65px; line-height: 1; font-weight: 700; margin-bottom: 0; margin-right: 15px; } .experience-box .semi-02-title { color: white; margin-bottom: 0; } .about-img-02__thumb { position: absolute; top: -128px; left: 0; } @media (max-width: 767px) { .about-img-02__thumb img { width: 100%; } } @media (max-width: 767px) { .about-img-02__thumb { padding-right: 0; } } .about-img-02__thumb-02 { border: 10px solid white; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .about-img-02__thumb-02 { margin-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-img-02__thumb-02 { margin-left: 0; } } @media (max-width: 767px) { .about-img-02__thumb-02 { margin-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-img-02__thumb-02 img { width: 100%; } } @media (max-width: 767px) { .about-img-02__thumb-02 img { width: 100%; } } @media (max-width: 767px) { .about-wrap-02 { padding-left: 20px; margin-top: 50px; } } .about-wrap-02 p { font-size: 16px; } .about-wrap-02 .about_list li { font-size: 18px; color: #001234; padding-left: 30px; } .about-wrap-02 .about_list li::before { content: '\f058'; position: absolute; font-family: 'Font Awesome 5 pro'; font-size: 18px; color: #f15b43; left: 0; top: 1px; background: none; } .about-wrap-02 .about_list li::after { display: none; } .about-area-03::before { content: ''; position: absolute; background: url(../img/shape/10.png) no-repeat bottom; width: 100%; min-height: 1032px; left: 0; bottom: 0; } @media (max-width: 767px) { .about-area-03 { padding-bottom: 0; } } @media (max-width: 767px) { .about-img-03 { margin-right: 0; } } .about-img-03__thumb { position: absolute; z-index: 1; top: -59px; } .about-img-03__thumb::before { content: ''; position: absolute; background: white; border-radius: 50%; width: 175px; height: 175px; left: 6px; top: 9px; z-index: -1; } .about-img-03__thumb-03 img { width: 100%; } .about-img-03 .experience-box { overflow: hidden; width: 175px; position: absolute; background: #4db7a6; right: 15px; bottom: -30px; z-index: 2; height: 175px; border-radius: 50%; display: inline-block; padding-top: 35px; } .about-img-03 .experience-box h1 { color: white; margin-right: 0; display: inline-block; margin-right: 5px; } .about-img-03 .experience-box .semi-02-title { margin-top: 35px; } .about-img-03 .experience-box::after { display: none; } .about-img-03 .experience-box::before { display: none; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .about-wrap-04 { padding-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-wrap-04 { padding-left: 0; margin-top: 50px; } } @media (max-width: 767px) { .about-wrap-04 { padding-left: 0; margin-top: 50px; } } .about-wrap-04 .nav-tabs { border: 0; } .about-wrap-04 .nav-tabs .nav-link { border: 0; border-radius: 0; color: #001234; font-weight: 700; font-family: "Karla", sans-serif; line-height: 1; background: white; padding: 16px 35px; box-shadow: 0px 10px 30px 0px rgba(220, 220, 220, 0.47); margin-right: 10px; transition: all 0.3s ease-in; display: inline-block; } @media (max-width: 767px) { .about-wrap-04 .nav-tabs .nav-link { margin-bottom: 5px; } } .about-wrap-04 .nav-tabs .nav-link:hover, .about-wrap-04 .nav-tabs .nav-link.active { color: white; background: #f15b43; } @media (max-width: 767px) { .inner-content { margin-right: 0; } } @media (max-width: 767px) { .inner-content__img { margin-right: 0; margin-bottom: 30px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .inner-content__img { margin-right: 20px; } } @media (max-width: 767px) { .inner-content__img img { width: 100%; } } .inner-content__text h3 { font-size: 30px; margin-bottom: 14px; } .what-we-area .right-help { position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center; right: 0; top: 0; width: 50%; height: 100%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .what-we-area .right-help { position: relative; top: 0; height: 450px; width: 100%; margin-bottom: 30px; } } @media (max-width: 767px) { .what-we-area .right-help { position: relative; top: 0; height: 450px; width: 100%; margin-bottom: 30px; } } .we-wrapper .about_list li::before { content: '\f00c'; position: absolute; font-family: "Font Awesome 5 pro"; font-size: 14px; color: white; text-align: center; line-height: 30px; left: 5px; top: 0; background: #4db7a6; width: 30px; height: 30px; border-radius: 50%; transition: all 0.3s ease-in; } .we-wrapper .about_list li::after { display: none; } .we-wrapper .about_list li:hover::before { background: #f15b43; } @media only screen and (min-width: 768px) and (max-width: 991px) { .cta-wrapper { padding-left: 0; } } @media (max-width: 767px) { .cta-wrapper { padding-left: 0; } } .cta-wrapper h2 { color: white; font-size: 65px; line-height: 1; font-weight: 400; } @media (max-width: 767px) { .cta-wrapper h2 { font-size: 50px; margin-bottom: 20px; } } .cta-wrapper h2 a { font-weight: 600; } .cta-btn a.theme_btn { border: 1px solid white; background: transparent; } .cta-btn a.theme_btn i { color: #4db7a6; } .cta-btn a.theme_btn:hover { border-color: transparent; } .cta-btn a.theme_btn:hover i { color: #f15b43; } .cta-btn a.theme_btn:hover::before { background: #f15b43; } .widget_address__icon { margin-top: 8px; } .widget_address__icon i { color: #f15b43; font-size: 37px; } .widget_address__content h4 { margin-bottom: 0; margin-bottom: 4px; } .widget_address__content span { color: white; } .cta-top-area .cta-wrapper { position: relative; width: 100%; min-height: 170px; background-repeat: no-repeat; background-size: cover; z-index: 1; } @media only screen and (min-width: 768px) and (max-width: 991px) { .cta-top-area .cta-wrapper { padding: 0 10px; } } @media (max-width: 767px) { .cta-top-area .cta-wrapper { padding: 0 10px; } } .cta-top-area .cta-wrapper::before { content: ''; position: absolute; background: #061738; opacity: 0.8; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; } .cta-top-area .cta-wrapper.cw-02::before { background: #f15b43; } .cta-top-area .cta-wrapper.cw-02 .wrap_btn a { color: #f15b43; background: white; } .cta-top-area .cta-wrapper.cw-02 .wrap_btn a:hover { color: white; background: #001234; } .cta-top-area .cta-wrapper h2 { color: white; font-size: 35px; line-height: 1; font-weight: 400; } .cta-top-area .cta-wrapper p { color: white; } .cta-top-area .cta-wrapper .wrap_btn a { color: white; font-size: 22px; background: #f15b43; width: 55px; height: 55px; display: inline-block; text-align: center; line-height: 55px; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .cta-top-area .cta-wrapper .wrap_btn a:hover { color: #f15b43; background: white; } .subscribe-bg { background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #fef3f2; padding-top: 5px; padding-bottom: 5px; } .subscribe-bg .white-title p { color: white; } .subscribe-bg .sub-back { margin: 20px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .subscribe-bg .sub-back { padding-right: 0; } } @media (max-width: 767px) { .subscribe-bg .sub-back { padding-right: 0; margin: 0; } } .form-area input:focus { box-shadow: none; outline: none; } .form-area input:focus::placeholder { color: #001234; } .form-area .form-control { color: #001234; font-size: 18px; font-family: "Karla", sans-serif; font-weight: 600; line-height: 1; border: 0; display: block; background: white; width: 400px; height: 75px; border-radius: 40px; padding-left: 40px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .form-area .form-control { width: 100%; margin-bottom: 10px; } } @media (max-width: 767px) { .form-area .form-control { width: 100%; margin-bottom: 10px; } } .form-area .border_btn { color: white; border: 2px solid #fff; background: transparent; padding: 27px 70px 28px 44px; border-radius: 40px; } @media (max-width: 767px) { .form-area .border_btn { padding: 26px 65px 28px 30px; } } .form-area .border_btn span { width: 50px; height: 50px; line-height: 50px; background: #f15b43; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .form-area .border_btn span i { color: white; } .form-area .border_btn::before { background: #4db7a6; } .form-area .border_btn:hover { border-color: transparent; } .form-area .border_btn:hover span { background: white; } .form-area .border_btn:hover span i { color: #4db7a6; } .footer__widget .form-area .form-control { color: #8a9ec5; font-size: 15px; font-weight: 400; width: 100%; height: 51px; border-radius: 0; padding-left: 25px; border: 2px solid #1a2e54; background: transparent; } .footer__widget .form-area button { width: 100%; border: 0; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .footer__widget .form-area button { padding: 20px 70px 20px 25px; } } .input-area input:focus { box-shadow: none; } .input-area .form-control { border-radius: 0; font-weight: 700; border: 2px solid #e4e4e4; width: 100%; height: 61px; padding-left: 35px; } .input-area textarea { width: 100%; display: block; resize: none; border: 2px solid #e4e4e4; color: #777777; font-weight: 700; padding-left: 25px; padding-top: 15px; height: 125px; } .input-area textarea::placeholder { color: #777777; font-weight: 700; } .input-btn button { width: 100%; display: block; border: 0; border-radius: 0; padding: 25px; } .input-btn button::before { border-radius: 0; } .donation-form-area { background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1; } .donation-form-area::before { content: ""; background-color: #061738; opacity: 0.1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .donation-form { padding: 60px 70px 70px 70px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .donation-form { padding: 60px 15px 70px 15px; } } @media (max-width: 767px) { .donation-form { padding: 60px 15px 70px 15px; } } .donation-form .cases-title { font-size: 45px; } .donation-form .input-area .form-control { padding-left: 30px; } .donation-video .video-area .popup-video { width: 150px; height: 150px; line-height: 150px; } .donation-video .video-area .popup-video i { font-size: 20px; } .donation-form-area-02 { min-height: 750px; display: flex; align-items: center; } @media (max-width: 767px) { .donation-form-area-02 { min-height: 450px; } } .join-volunteer-area::before { content: ''; position: absolute; border: 1px solid #e4e4e4; width: 496px; height: 496px; right: 150px; bottom: 20%; z-index: 1; display: inline-block; border-radius: 50%; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .join-volunteer-area::before { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .join-volunteer-area::before { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .join-volunteer-area::before { display: none; } } @media (max-width: 767px) { .join-volunteer-area::before { display: none; } } .join-volunteer-area .donation-form .section-title h6 { font-weight: 400; margin-bottom: 0; } .join-volunteer-area .donation-form .input-area .form-control { border: 0; } .join-volunteer-area .donation-form .input-area textarea { border: 0; } .volunteer-box { z-index: 1; } .volunteer-box__img { position: relative; top: 320px; z-index: 2; } @media only screen and (min-width: 768px) and (max-width: 991px) { .volunteer-box__img { top: 0; } } @media (max-width: 767px) { .volunteer-box__img { top: 0; } } @media (max-width: 767px) { .volunteer-box__img img { width: 100%; } } .volunteer-box__img-02 { position: absolute; top: 0; right: 0; z-index: 1; } @media (max-width: 767px) { .volunteer-box__img-02 { display: none; } } .volunteer-box__shape { position: absolute; right: -60px; bottom: -35px; z-index: -1; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .volunteer-box__shape { right: 0; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .volunteer-box__shape { right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .volunteer-box__shape { right: 0; } } @media (max-width: 767px) { .volunteer-box__shape { right: 0; } } .map-area-02 iframe { width: 100%; height: 635px; border: 0; } @media (max-width: 767px) { .map-area-02 iframe { height: 450px; } } @media (max-width: 767px) { .get-touch-area { padding-left: 0; padding-right: 0; } } .get-touch-area .section-title h6 { font-weight: 400; margin-bottom: 0; } .get-touch-area .section-title p { font-size: 16px; } .contacts__icon { color: #f15b43; font-size: 54px; } .contacts__text h5 { color: #777777; font-weight: 400; } .contacts-details-area .input-area .form-control { border: 0; color: #001234; } .contacts-details-area .input-area textarea { border: 0; } .map-area-03 iframe { min-height: 750px; margin-bottom: -10px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .map-area-03 iframe { min-height: 600px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .map-area-03 iframe { min-height: 500px; } } @media (max-width: 767px) { .map-area-03 iframe { min-height: 450px; } } .cases__box--img { overflow: hidden; } .cases__box--img img { width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .cases__tag { display: flex; justify-content: space-between; align-items: center; position: relative; top: -33px; left: 0; right: 0; margin: 0 30px 0 30px; height: 65px; border-radius: 70px; z-index: 3; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .cases__tag { margin: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .cases__tag { margin: 0; } } @media (max-width: 767px) { .cases__tag { margin: 0; } } .cases__tag li .cases--author .semi-title { margin-bottom: 0; } .cases__tag li .cases--author { margin-left: 10px; } .cases__tag li .cases--author .semi-02-title { margin-bottom: 0; } .cases__tag li .d-btn { border-radius: 0; border-top-right-radius: 60px; border-bottom-right-radius: 60px; height: 65px; line-height: 1; text-align: center; padding: 0; display: flex; align-items: center; width: 140px; justify-content: center; } .cases__tag li .d-btn::before { border-radius: 0; border-top-right-radius: 60px; border-bottom-right-radius: 60px; } .cases-progress .funding { color: #001234; font-weight: 600; font-family: "Barlow Condensed", sans-serif; letter-spacing: 0; margin-bottom: 10px; } .cases-progress .funding span { font-size: 18px; color: #f15b43; } .cases-progress .progress { height: 5px; overflow: visible; background-color: white; border-radius: 0; position: relative; } .cases-progress .progress .progress-bar { background-color: #f15b43; transition: width .6s ease; } .cases-progress .progress .progress-bar h5 { position: absolute; right: 0; top: -33px; } .cases__content { padding: 0 45px 35px 45px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .cases__content { padding: 0 25px 35px 25px; } } @media (max-width: 767px) { .cases__content { padding: 0 25px 35px 25px; } } .cases__content h3 { font-size: 30px; font-weight: 600; line-height: 1.2; margin-bottom: 15px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .cases__content p { font-size: 16px; } .cases:hover .cases__box--img img { transform: scale(1.1); } .cases:hover h3 { color: #f15b43; } .cases-area-02 { z-index: 2; } .cases-area-02 .custom-container-04 { max-width: 1600px; margin: 0 auto; } .cases-area-02::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; background: #f4f2f1; min-height: 850px; z-index: -1; } .cases-area-02::after { content: ''; position: absolute; left: 0; bottom: 0; background: url(../img/shape/07.png); width: 100%; min-height: 635px; z-index: -1; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .cases-area-02 .cases__tag { margin: 0; } } .cases-area-02 .cases__tag li .cases--author { margin-left: 5px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .cases-area-02 .cases__content { padding: 0 15px 35px 15px; } } .statistics { padding: 80px 0 45px 0; z-index: 1; } .statistics::before { content: ''; position: absolute; background: url(../img/shape/09.png); width: 100%; height: 170px; background-repeat: no-repeat; background-size: cover; left: 0; bottom: 0; z-index: -1; } .statistics .counetrs__icon { display: inline-block; } .statistics .counetrs__icon i { color: #f15b43; display: inline-block; } .statistics.counetrs h1 { color: #001234; } .statistics.counetrs p { color: #777777; font-size: 16px; } .statistics-box__icon { display: inline-block; border-radius: 50%; width: 40px; height: 40px; box-shadow: 0px 10px 30px 0px rgba(77, 183, 166, 0.43); } .statistics-box__icon i { color: #4db7a6; font-size: 40px; } .tag-img { position: absolute; top: 40px; right: -27px; box-shadow: 0px 10px 30px 0px rgba(241, 91, 67, 0.43); border-radius: 50%; } @media (max-width: 767px) { .tag-img { right: 20px; } } .cases-04 .cases__content { padding: 40px 38px 20px 38px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .cases-04 .cases__content { padding: 25px 25px 20px 25px; } } @media (max-width: 767px) { .cases-04 .cases__content { padding: 25px 25px 20px 25px; } } .cases-04 .cases__content .semi-02-title { margin-bottom: 38px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .cases-04 .cases__box img { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .cases-04 .cases__box img { width: 100%; } } @media (max-width: 767px) { .cases-04 .cases__box img { width: 100%; } } .portfolio-menu { padding-bottom: 26px; margin-left: 60px; margin-right: 60px; } @media (max-width: 767px) { .portfolio-menu { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } } .portfolio-menu button { border: 0; padding: 7px 16px; border-radius: 30px; background: none; color: #061738; font-size: 15px; line-height: 1; transition: all 0.3s ease 0s; cursor: pointer; font-weight: 700; position: relative; font-family: "Karla", sans-serif; margin: 0 5px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .portfolio-menu button { margin: 0px 2px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-menu button { margin: 5px 5px; } } @media (max-width: 767px) { .portfolio-menu button { margin: 5px 2px; } } .portfolio-menu button:hover, .portfolio-menu button.active { color: white !important; background: #ea5822; } .pagination-area .page-item .page-link { position: relative; display: block; font-size: 15px; margin-left: -1px; line-height: 32px; color: #777777; background-color: #f4f2f1; border-radius: 50%; width: 50px; height: 50px; font-weight: 700; font-family: "Barlow Condensed", sans-serif; border: 0; text-align: center; transition: all 0.3s ease-in; margin: 0 3px; } @media (max-width: 767px) { .pagination-area .page-item .page-link { width: 40px; height: 40px; margin: 0 1px; line-height: 22px; } } .pagination-area .page-item .page-link:focus { box-shadow: none; } .pagination-area .page-item .page-link:hover { color: white; background: #f15b43; } .cases-area-02 .slick-slider button { border: 0; color: white; font-size: 18px; line-height: 55px; width: 55px; height: 55px; cursor: pointer; position: absolute; top: 50%; left: -90px; transform: translateY(-50%); background: #4db7a6; display: inline-block; transition: all 0.3s ease-in; } .cases-area-02 .slick-slider button.slick-next { left: auto; right: -90px; position: absolute; } .cases-area-02 .slick-slider button:hover { background: #f15b43; } .cases-wrapper-box .cases__content { padding: 0 0 35px 0; } .cases-wrapper-box .cases__content h2 { font-size: 55px; margin-bottom: 35px; } @media (max-width: 767px) { .cases-wrapper-box .cases__content h2 { font-size: 33px; } } .cases-meta .cases-progress .funding { margin-bottom: 15px; } .cases-meta .cases-progress .funding span { font-size: 30px; } .cases-meta .cases-progress .progress { background-color: #f4f2f1; width: 500px; } @media (max-width: 767px) { .cases-meta .cases-progress .progress { width: 100%; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .cases-meta .cases-progress .progress { width: 500px; } } .cases-meta .cases-progress .progress .progress-bar h3 { position: absolute; right: 0; top: -47px; } .cases-single__icon { background: #4db7a6; text-align: center; width: 45px; height: 45px; display: inline-block; line-height: 45px; float: left; margin-right: 25px; } .cases-single__icon i { color: white; font-size: 20px; line-height: 1; } .cases-single__content h5 { font-size: 20px; } .cases-video { background-size: cover; background-position: center; min-height: 540px; background-repeat: no-repeat; position: relative; } @media (max-width: 767px) { .cases-video { min-height: 450px; } } .cases-video::before { content: ""; background-color: #061738; opacity: 0.65; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .cases-video .popup-video { width: 100px; height: 70px; border-radius: 10px; line-height: 70px; background: #ff0000; } .cases-video .popup-video i { font-size: 15px; color: white; } .cases-title { font-size: 30px; } .widget .events-03 { width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 570px; } .widget .events-03 .cases { bottom: 0; padding-left: 0; padding-right: 0; } .widget .events-03 .cases__content { padding: 0 38px 35px 38px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .widget .events-03 .cases__content { padding: 0 25px 35px 25px !important; } } @media (max-width: 767px) { .widget .events-03 .cases__content { padding: 0 20px 10px 20px; } } .counetrs__icon i { color: white; font-size: 85px; } .counetrs h1 { color: white; font-size: 65px; font-weight: 600; } .counetrs p { color: white; font-size: 16px; } .brand-area .custom-container-03 { max-width: 1430px; margin: 0 auto; } .brand-area .brand-img a { display: inline-block; margin: 0 auto; text-align: center; } .counter-area-02 { background-size: cover; background-position: center; background-repeat: no-repeat; } .counter-area-02::before { content: ''; position: absolute; background: #061738; opacity: 0.9; width: 100%; height: 100%; left: 0; top: 0; } .counter-area-02 .counetrs__icon i { color: #4db7a6; } .team-area { background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1; } .team-area:before { content: ''; position: absolute; background: #061738; opacity: 0.9; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .team { padding: 30px 70px 30px 60px; z-index: 1; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .team { padding: 30px 0px 30px 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .team { padding: 30px 0px 30px 30px; } } @media (max-width: 767px) { .team { padding: 30px 20px 30px 20px; } } .team::before { content: ''; position: absolute; background: #f15b43; left: 0; top: 0; width: 7px; height: 0; z-index: 1; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .team::after { content: '\f500'; font-family: 'Font Awesome 5 Pro'; position: absolute; color: #f4f2f1; font-size: 90px; right: 70px; top: 63px; z-index: -1; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } @media only screen and (min-width: 768px) and (max-width: 991px) { .team__thumb { float: none; margin-bottom: 20px; margin-right: 0; } } @media (max-width: 767px) { .team__thumb { float: none; margin-bottom: 20px; } } .team__content h3 { font-size: 30px; font-weight: 600; } .team__content h3:hover { color: #f15b43; } .team__content p { color: #f15b43; margin-bottom: 8px; } .team__content--social a { margin-right: 25px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .team__content--social a { margin-right: 15px; } } .team__content--social a i { font-size: 15px; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .team__content--social a:hover i { color: #4db7a6; transform: rotateY(360deg); } .team:hover::before { height: 100%; } .team:hover::after { height: 100%; } .teams__content .semi-02-title { color: #061738; } .teams__content .semi-02-title:hover { color: #f15b43; } .teams__content p { color: #f15b43; } .teams:hover .teams__thumb--img img { transform: scale(1.1) rotate(3deg); } .teams__thumb { overflow: hidden; } .teams__thumb--img { z-index: 1; overflow: hidden; } .teams__thumb--img::before { content: ''; background-image: -moz-linear-gradient(90deg, #061738 0%, rgba(6, 23, 56, 0) 100%); background-image: -webkit-linear-gradient(90deg, #061738 0%, rgba(6, 23, 56, 0) 100%); background-image: -ms-linear-gradient(90deg, #061738 0%, rgba(6, 23, 56, 0) 100%); position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; z-index: 1; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .teams__thumb--img img { width: 100%; transition: all .3s ease-in-out; } .teams__thumb--social { position: absolute; bottom: -70px; left: 0; right: 0; text-align: center; margin: 0 auto; z-index: 1; padding-bottom: 20px; opacity: 0; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .teams__thumb--social a { width: 45px; height: 45px; background: white; position: relative; overflow: hidden; text-align: center; display: inline-block; line-height: 45px; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .teams__thumb--social a i { color: b #777777; font-size: 15px; line-height: 1; } .teams__thumb--social a i:nth-child(1) { position: absolute; left: 0; right: 0; text-align: center; transition: all .3s ease-in-out; top: 50%; transform: translateY(-50%); } .teams__thumb--social a i:nth-child(2) { top: 100%; position: absolute; left: 0; transform: translate(-100% -50%); right: 0; text-align: center; transition: all .3s ease-in-out; } .teams__thumb--social a:hover { background: #f15b43; } .teams__thumb--social a:hover i { color: white; } .teams__thumb--social a:hover i:nth-child(1) { top: -150%; transform: translateY(-100%); } .teams__thumb--social a:hover i:nth-child(2) { top: 50%; transform: translateY(-50%); } .teams__thumb:hover .teams__thumb--img::before { opacity: 1; } .teams__thumb:hover .teams__thumb--social { bottom: 0; opacity: 1; } .team-details-img img { width: 100%; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .team-details-wrapper { padding-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .team-details-wrapper { padding-left: 0; } } @media (max-width: 767px) { .team-details-wrapper { padding-left: 0; } } .team-details-wrapper span { color: #f15b43; display: inline-block; } .team-details-wrapper .teams__thumb--social { position: relative; bottom: 0; opacity: 1; padding-left: 0; text-align: left; } .team-details-wrapper .teams__thumb--social a { background: #f4f2f1; } .team-details-wrapper .teams__thumb--social a:hover { background: #f15b43; } .team-skill-area .charts__content h3 { color: #001234; } .team-skill-area .charts__content p { color: #001234; } .team-skill-area .charts__circle .chart h2 { color: #001234; } .team-skill-area .charts__circle .chart2 { display: inline-block; position: relative; } .team-skill-area .charts__circle .chart2 h2 { color: #001234; font-size: 55px; margin: 0; position: absolute; text-align: center; left: 0; right: 0; margin: 0 auto; line-height: 120px; } .team-skill-area .charts__circle .chart2 h2 span { font-size: 25px; } @media (max-width: 767px) { .gallery-area { padding-left: 0; padding-right: 0; } } .gallery__thumb { position: relative; overflow: hidden; } .gallery__thumb::before { content: ''; position: absolute; background: #f15b43; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; opacity: 0.8; transform: scale(0); -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .gallery__thumb img { width: 100%; display: block; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .gallery__content { position: absolute; left: 0; right: 0; z-index: 3; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .gallery__content a { display: inline-block; } .gallery__content a i { color: white; font-size: 30px; line-height: 1; margin-bottom: 5px; } .gallery__content h3 { color: white; font-size: 30px; font-weight: 600; } .gallery:hover .gallery__thumb::before { transform: scale(1); } .gallery:hover .gallery__thumb img { transform: scale(1.1); } .gallery:hover .gallery__content { opacity: 1; visibility: visible; } .gallery-02 { overflow: hidden; } .gallery-02 .gallery__thumb::before { background: #061738; opacity: 0; } .gallery-02 .gallery__content { left: 75px; right: 25px; background: white; padding: 20px 25px 20px 25px; display: inline-block; top: auto; bottom: 0; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } @media (max-width: 767px) { .gallery-02 .gallery__content { left: 25px; } } .gallery-02 .gallery__content .semi-02-title { margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .gallery-02 .gallery__content .semi-02-title { font-size: 19px; } } @media (max-width: 767px) { .gallery-02 .gallery__content .semi-02-title { font-size: 19px; } } .gallery-02 .gallery__content .semi-02-title:hover { color: #f15b43; } .gallery-02 .gallery__content a span { width: 40px; height: 40px; border: 1px solid #e4e4e4; display: inline-block; background: white; margin-left: 30px; line-height: 35px; } .gallery-02 .gallery__content a span i { color: #f15b43; font-size: 15px; line-height: 1; } .gallery-02:hover .gallery__thumb::before { background: #061738; opacity: 0.5; } .gallery-02:hover .gallery__content { bottom: 50px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .events-style-1 { padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .events-style-1 { padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .events-style-1 { padding-left: 0; padding-right: 0; } } @media (max-width: 767px) { .events-style-1 { padding-left: 0; padding-right: 0; } } .events-video-area { width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 640px; } @media (max-width: 767px) { .events-video-area { min-height: 450px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .events-video-area { min-height: 600px; } } .events-video-area::before { content: ''; position: absolute; background: #001234; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; opacity: 0.17; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .events-video-area .video-area { top: 50%; z-index: 2; text-align: center; margin: 0 auto; display: inline-block; left: 50%; transform: translate(-50%, -50%); } .events__list__one { display: flex; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .events__list__one { padding-left: 25px; padding-right: 25px; } } @media (max-width: 767px) { .events__list__one { padding-left: 25px; padding-right: 25px; display: block; } } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .events__list__one li:first-child { width: 55%; } } .events { padding: 37px 0 37px 0; z-index: 1; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .events { padding: 9px 0 9px 0; } } @media (max-width: 767px) { .events .row { padding-left: 20px; padding-right: 20px; } } @media (max-width: 767px) { .events .row .events__content { margin-bottom: 20px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .events .row .events__content { margin-bottom: 20px; } } @media (max-width: 767px) { .events .rows { padding-left: 25px; padding-right: 25px; } } @media (max-width: 767px) { .events__content { margin-bottom: 20px; } } .events__content span { font-size: 14px; text-transform: uppercase; display: inline-block; margin-bottom: 7px; } .events__content span i { color: #f15b43; font-size: 15px; margin-right: 10px; } .events__content h3 { font-size: 30px; } .events__back { position: absolute; background-size: cover; background-repeat: no-repeat; z-index: -1; background-position: center; left: 0; right: 0; bottom: 0; top: 0; width: 100%; opacity: 0; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .events__back::before { content: ''; position: absolute; background: #061738; opacity: 0.75; left: 0; top: 0; width: 100%; height: 100%; } .events:hover { background: transparent; } .events:hover .events__back { opacity: 1; } .events:hover .events__content span { color: white; } .events:hover .events__content span i { color: white; } .events:hover .events__content h3 { color: white; } .events:hover .events__content p { color: white; } .widget_events__date { background-color: #4db7a6; padding: 7px 17px; border-radius: 7px; } .widget_events__date .semi-02-title { margin-bottom: 0; } .widget_events__date .semi-02-title span { display: block; font-size: 15px; } .widget_events__content span { color: white; margin-bottom: 4px; display: inline-block; } .widget_events__content span i { margin-right: 10px; } .widget_events__content h4 { margin-bottom: 0; } .widget_events:hover .widget_events__content .semi-02-title { color: #f15b43; } .events-area-02 { z-index: 1; } .events-area-02::before { content: ''; position: absolute; background: white; opacity: 0.95; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .events-02 { width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 270px; display: flex; align-items: end; z-index: 1; } .events-02::before { content: ''; background-image: -moz-linear-gradient(90deg, #061738 0%, rgba(6, 23, 56, 0) 100%); background-image: -webkit-linear-gradient(90deg, #061738 0%, rgba(6, 23, 56, 0) 100%); background-image: -ms-linear-gradient(90deg, #061738 0%, rgba(6, 23, 56, 0) 100%); position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; } .events-02 .events__content { padding-left: 55px; padding-bottom: 40px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .events-02 .events__content { padding-left: 20px; } } @media (max-width: 767px) { .events-02 .events__content { padding-left: 20px; } } .events-02 .events__content span { color: white; margin-bottom: 0; } .events-02 .events__content h3 { color: white; } .events-02 .events__content .more_btn3 { color: white; font-size: 14px; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid white; } .events-02 .events__content .more_btn3:hover { color: #f15b43; border-color: #f15b43; } .events-02:hover .events__thumb img { transform: scale(1.1) rotate(3deg); } .events-02:hover .events__content h3 { color: #f15b43; } .events-02-lg { min-height: 473px; } .events-02-yellow { background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 174px; width: 100%; display: block; } .events-02-yellow::before { display: none; } .events_wrapper__white { padding: 35px 40px 30px 40px; background-size: cover; background-repeat: no-repeat; width: 100%; display: block; } @media (max-width: 767px) { .events_wrapper__white { padding: 35px 20px 30px 20px; } } .events_wrapper__white span { color: white; } .events_wrapper__white span i { color: white; } .events_wrapper__white h3 { color: white; } .events_wrapper__white .more_btn3 { color: white; text-transform: uppercase; } .events_wrapper__white .more_btn3:hover { color: #001234; border-color: #001234; } .events-update { background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 732px; width: 100%; z-index: 1; display: flex; align-items: end; } @media only screen and (min-width: 768px) and (max-width: 991px) { .events-update { min-height: 550px; } } .events-update::before { content: ''; background-image: -moz-linear-gradient(90deg, #061738 0%, rgba(6, 23, 56, 0) 100%); background-image: -webkit-linear-gradient(90deg, #061738 0%, rgba(6, 23, 56, 0) 100%); background-image: -ms-linear-gradient(90deg, #061738 0%, rgba(6, 23, 56, 0) 100%); position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; } .events-update .events-03 { padding-left: 220px; padding-right: 220px; display: block; bottom: 0; } .events-update .events-03::before { display: none; } @media only screen and (min-width: 1601px) and (max-width: 1800px) { .events-update .events-03 { padding-left: 50px; padding-right: 50px; } } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .events-update .events-03 { padding-left: 50px; padding-right: 50px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .events-update .events-03 { padding-left: 50px; padding-right: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .events-update .events-03 { padding-left: 10px; padding-right: 10px; } } @media (max-width: 767px) { .events-update .events-03 { padding-left: 10px; padding-right: 10px; } } .events-update .events-03 .events-update-content { position: relative; } .events-update .events-03 .video-area { margin-bottom: 200px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .events-update .events-03 .video-area { margin-bottom: 100px; } } @media (max-width: 767px) { .events-update .events-03 .video-area { margin-bottom: 100px; } } .events-update .events-03 .video-area .popup-video { width: 85px; height: 85px; line-height: 86px; } .events-update .events-03 .video-area .popup-video i { font-size: 15px; } .events-03 { z-index: 3; } .events-03 .cases { position: absolute; left: 0; right: 0; bottom: 40px; z-index: 3; padding-left: 25px; padding-right: 25px; } @media (max-width: 767px) { .events-03 .cases { bottom: -24px; padding-left: 10px; padding-right: 10px; } } .events-03 .cases__content h3 { color: white; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .events-03 .cases__content p { color: white; } .events-03 .cases-progress .funding { color: white; } .events-03 .cases-progress .funding span { color: white; } .events-03 .cases-progress .progress .progress-bar h5 { color: white; } .video-area-03 { width: 100%; min-height: 820px; background-size: cover; background-repeat: no-repeat; background-position: center; } @media (max-width: 767px) { .video-area-03 { min-height: 450px; } } .video-area-03 .video-area { line-height: 120px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .helping-area { padding-left: 25px; padding-right: 25px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .helping-area { padding-left: 25px; padding-right: 25px; padding-top: 110px; padding-bottom: 106px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .helping-area { padding-left: 25px; padding-right: 25px; } } @media (max-width: 767px) { .helping-area { padding-left: 25px; padding-right: 25px; } } .helping-area .white-title h6 { color: white; } .charts__circle .chart { display: inline-block; position: relative; } .charts__circle .chart h2 { color: white; font-size: 65px; margin: 0; position: absolute; text-align: center; left: 0; right: 0; margin: 0 auto; line-height: 120px; } .charts__circle .chart h2 span { font-size: 25px; } .charts__content h3 { color: white; } .charts__content p { color: white; } .events_grid_wrapper .events-02 .events__content { position: absolute; left: 0; bottom: 0; padding-left: 40px; padding-bottom: 35px; z-index: 2; } .events_grid_wrapper .events-02__video { z-index: 2; top: 50%; left: 0; right: 0; text-align: center; transform: translateY(-50%); } .events_grid_wrapper .events-02__video .popup-video { width: 70px; height: 70px; font-size: 15px; line-height: 70px; } .events_grid_wrapper .events-02__video .popup-video i { font-size: 15px; } .events_grids_wrapper .events-02 .events__content { position: relative; } .events-grid-area .row .col-xl-4:nth-child(7) .events__content:hover h3 { color: #4db7a6; } .events-grid-area .row .col-xl-4:nth-child(7) .events__content:hover .more_btn3 { color: #4db7a6; } .events_btn a { color: #777777; border: 1px solid #4db7a6; background: transparent !important; } .events_btn a::before { background: #4db7a6; } .events_btn a span { background: #4db7a6; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .events_btn a span i { color: white; } .events_btn a:hover span { background: white; } .events-details-thumb img { width: 100%; } .events-text-box h2 { font-size: 55px; } .map-area iframe { width: 100%; height: 445px; border: 0; } .times__content h5 { font-size: 20px; margin-bottom: 5px; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .times__content p i { color: #f15b43; margin-right: 5px; } .times__content:hover h5 { color: #f15b43; } .widget-organizer { background-size: cover; background-position: center; background-repeat: no-repeat; } .widget-organizer h3 { color: white; } .widget-organizer .cases--author .autor-img { border: 2px solid #fff; border-radius: 50%; } .widget-organizer .cases--author .semi-02-title { color: white; } .widget-organizer h5 { color: white; } .widget-organizer p { color: white; } .widget-organizer p i { color: white; } .widget-organizer:hover h5 { color: #4db7a6; } .testimonial-area::before { content: ''; position: absolute; background: url(../img/shape/03.png); bottom: 0; left: 0; width: 100%; min-height: 442px; } .testimonial-text-wrapper .section-title h2 { font-size: 64px; } .testimonial-text-wrapper p { margin-bottom: 32px; } .author_box__img { border: 5px solid #feeeec; border-radius: 50%; } .author_box__content .semi-02-title { margin-bottom: 0; } .author_box__content p { color: #f15b43; font-weight: 600; } .testimonial-item { padding: 45px 50px 45px 50px; } @media only screen and (min-width: 576px) and (max-width: 767px) { .testimonial-item { padding: 45px 30px 45px 30px; } } @media (max-width: 767px) { .testimonial-item { padding: 45px 20px 45px 20px; } } .testimonial-item::before { content: ''; position: absolute; background: url(../img/shape/02.png); right: 47px; top: 45px; z-index: 1; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; width: 61px; height: 70px; animation: jello infinite 5s linear; } .testimonial-item .review-icon span { color: #001234; font-size: 16px; font-weight: 600; margin-right: 10px; padding-right: 10px; } .testimonial-item .review-icon a { color: #f15b43; font-size: 12px; } .testimonial-item-02 { margin-right: 5px; } @media (max-width: 767px) { .testimonial-item-02 { margin-right: 0; margin-left: 20px; } } .testimonial-item-02 .author__img::before { border: 2px solid #f15b43; border-radius: 50%; content: ''; position: absolute; width: 250px; height: 250px; z-index: 1; left: -35px; top: 0; display: inline-block; } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial-item-02 .author__img::before { left: -10px; top: 0; } } @media (max-width: 767px) { .testimonial-item-02 .author__img::before { left: -10px; top: 0; } } .testimonial-item__content h2 { margin-bottom: 20px; } .testimonial-item__content .author-box__icon i { color: #4db7a6; font-size: 60px; } .testimonial-area-02 .slick-slider .slick-arrow { border: 2px solid #e7e7e7; background: 0; color: #001234; font-size: 18px; width: 55px; height: 55px; position: absolute; right: -200px; display: inline-block; top: 50%; z-index: 3; transition: all 0.3s ease-in; cursor: pointer; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .testimonial-area-02 .slick-slider .slick-arrow { right: 0; } } .testimonial-area-02 .slick-slider .slick-arrow:hover { color: #f15b43; border-color: #f15b43; } .testimonial-area-02 .slick-slider .slick-prev { top: 21% !important; } .testimonial-area-02 .slick-slider .slick-next { top: 57% !important; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .testimonila-area-03 .slick-slider .slick-arrow { display: none; } } .testimonial-wrapper-03 .testimonial-item-02 { margin-right: 30px; margin-left: 30px; padding: 10px 15px; box-shadow: 0px 10px 30px 0px rgba(218, 211, 211, 0.2); } @media (max-width: 767px) { .testimonial-wrapper-03 .testimonial-item-02 { margin-right: 0px; margin-left: 0px; } } .testimonial-wrapper-03 .testimonial-item-02 h3 { margin-bottom: 30px; } .testimonial-wrapper-03 .author_box { position: relative; } .testimonial-wrapper-03 .author_box::after { content: '\f10d'; position: absolute; font-family: 'Font Awesome 5 pro'; font-size: 60px; color: #4db7a6; right: 20%; bottom: 25px; z-index: -1; } @media (max-width: 767px) { .testimonial-wrapper-03 .author_box::after { display: none; } } .testimonial-wrapper-03 .author_box__content { margin-top: 7px; } .testimonial-wrapper-03 .slick-dots { position: absolute; left: 0; right: 0; bottom: -80px; text-align: center; } .testimonial-wrapper-03 .slick-dots li { display: inline-block; margin: 0 3px; } .testimonial-wrapper-03 .slick-dots li button { border: 0; text-indent: -10000px; background: none; border: 2px solid #e8e8e8; width: 16px; height: 16px; border-radius: 50%; padding: 0; cursor: pointer; } .testimonial-wrapper-03 .slick-dots li.slick-active button { border-color: #4db7a6; } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial-active-04 .testimonial-item { padding: 45px 25px 45px 25px; } } @media (max-width: 767px) { .testimonial-active-04 .testimonial-item { padding: 45px 25px 45px 20px; } } .donation-area { background-size: cover; background-position: center; background-repeat: no-repeat; } .donation-area::before { content: ''; position: absolute; background: #061738; opacity: 0.85; left: 0; top: 0; width: 100%; height: 100%; } .donate-cart { display: inline-block; } .donate-cart .donate-btn input { color: #f15b43; font-size: 30px; font-weight: 600; font-family: "Barlow Condensed", sans-serif; border: 0; background: white; text-align: center; display: block; height: 55px; width: 127px; border-radius: 30px; } .donate-cart .donate-btn input::placeholder { color: #f15b43; } .cart { position: absolute; color: #f15b43; font-size: 18px; left: 25px; top: 50%; transform: translateY(-50%); } .cart.dec { left: auto; right: 25px; } .donations__icon i { color: #f15b43; font-size: 90px; margin-top: 17px; } .donations__text h3 { font-size: 30px; } .donations__text h2 { font-size: 65px; } .doante-select-area { padding: 90px 70px 100px 70px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .doante-select-area { padding: 90px 20px 100px 20px; margin-right: 0; } } @media (max-width: 767px) { .doante-select-area { padding: 90px 10px 100px 10px; } } .doante-select-area .section-title h2 { font-size: 45px; } @media (max-width: 767px) { .doante-select-area .section-title h2 { font-size: 27px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .doante-select-area .section-title h2 { font-size: 35px; } } .doante-select-area .section-title p { font-size: 16px; } .doante-select-area .donate-cart { display: block; height: 64px; width: 100%; } .doante-select-area .donate-cart .donate-btn input { width: 100%; height: 64px; border: 1px solid #e4e4e4; border-radius: 0; color: #001234; } .doante-select-area .donate-cart .plus-minus .cart i { color: #001234; } .doante-select-area button.theme_btn.theme_btn_bg { border: 1px solid #e4e4e4; border-radius: 0; border: 0; } .doante-select-area button.theme_btn.theme_btn_bg::before { background: #4db7a6; border-radius: 0; } .doante-select-area button.theme_btn.theme_btn_bg span { right: 10%; } .select-area .nice-select { width: 100%; display: block; border-radius: 0; border: 1px solid #e4e4e4; float: none; height: 64px; line-height: 64px; } .select-area .nice-select::before { content: '\f078'; display: block; pointer-events: none; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; font-family: 'Font Awesome 5 pro'; font-size: 15px; } .select-area .nice-select::after { display: none; } .select-area .nice-select .current { color: #001234; font-size: 16px; font-weight: 700; } .select-area .nice-select .list { width: 100%; } .select-area .nice-select .list li { color: #001234; font-size: 16px; font-weight: 700; } .input-donate .cont_btn { border: 1px solid #e4e4e4; background: none; padding: 18px 35px; display: inline-block; cursor: pointer; font-size: 20px; font-weight: 700; color: #001234; transition: all 0.3s ease-in-out; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .input-donate .cont_btn { padding: 18px 32px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .input-donate .cont_btn { padding: 18px 25px; } } @media (max-width: 767px) { .input-donate .cont_btn { padding: 18px 15px; } } .input-donate .cont_btn:hover { color: white; background: #4db7a6; border-color: transparent; } .video-area-02 .popup-video { width: 100px; height: 100px; border-radius: 0; line-height: 102px; } .video-area-02 .popup-video i { font-size: 20px; } .donation-area-03::before { content: ''; position: absolute; background: url(https://keswa-kenya.org/assets/img/donation/01.jpg); background-repeat: no-repeat; width: 100%; height: 100%; left: 0; top: 0; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .donation-area-03::before { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .donation-area-03::before { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .donation-area-03::before { display: none; } } @media (max-width: 767px) { .donation-area-03::before { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .donation-area-03 .about-wrap-02 { padding-left: 0; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .donate-select-02 { margin-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .donate-select-02 { margin-left: 0; margin-right: 0; padding: 66px 20px 80px 20px; } } @media (max-width: 767px) { .donate-select-02 { margin-left: 0; margin-right: 0; padding: 66px 20px 80px 20px; } } .donate-select-02 .input-donate .cont_btn { padding: 18px 25px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .donate-select-02 .input-donate .cont_btn { padding: 18px 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .donate-select-02 .input-donate .cont_btn { padding: 18px 17px; } } @media (max-width: 767px) { .donate-select-02 .input-donate .cont_btn { padding: 18px 12px; } } .donate-area-02::before { display: none; } .donate-select-03 { padding: 0; } .donate-select-03 .input-donate .cont_btn { padding: 18px 72px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .donate-select-03 .input-donate .cont_btn { padding: 18px 51px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .donate-select-03 .input-donate .cont_btn { padding: 18px 60px; } } @media (max-width: 767px) { .donate-select-03 .input-donate .cont_btn { padding: 18px 40px; margin-bottom: 5px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .donate-select-03 .input-donate .cont_btn { padding: 18px 40px; } } .donate-select-03 .large_btn { width: 100%; border-radius: 0; border: 0; font-size: 30px; } .donate-select-03 .large_btn::before { border-radius: 0; } .donation-form-left .section-title h6 { font-weight: 400; } .donation-form-left .donation-form { padding: 60px 70px 60px 70px; } @media (max-width: 767px) { .donation-form-left .donation-form { padding: 66px 15px 58px 25px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .donation-form-left .donation-form { padding: 60px 30px 60px 30px; } } .donation-form-left .donation-form .input-area .form-control { color: #001234; border: 1px solid #e4e4e4; } .donate-select-area-04 { padding: 66px 70px 58px 70px; } @media (max-width: 767px) { .donate-select-area-04 { padding: 66px 15px 58px 25px; } } @media (max-width: 767px) { .donate-select-area-04 { padding: 66px 30px 58px 30px; } } .donate-select-area-04 .input-donate .cont_btn { margin: 0 2px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .donate-select-area-04 .input-donate .cont_btn { padding: 18px 19px; } } @media (max-width: 767px) { .donate-select-area-04 .input-donate .cont_btn { padding: 18px 13px; } } .payment-inner .input-area .form-control { color: #001234; border: 1px solid #e4e4e4; } .payment-inner button { width: 100%; border: 0; border-radius: 0; } .payment-inner button::before { border-radius: 0; } .donation-form .nav-tabs { border: 0; } .donation-form .nav-tabs .nav-item { margin-right: 40px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .donation-form .nav-tabs .nav-item { margin-right: 20px; } } .donation-form .nav-tabs .nav-item .nav-link { border: 0; font-size: 18px; font-weight: 600; color: #001234; font-family: "Karla", sans-serif; position: relative; padding-left: 48px; } .donation-form .nav-tabs .nav-item .nav-link:hover, .donation-form .nav-tabs .nav-item .nav-link.active { border: 0; } .donation-form .nav-tabs .nav-item .nav-link:hover::before, .donation-form .nav-tabs .nav-item .nav-link.active::before { background: #f15b43; } .donation-form .nav-tabs .nav-item .nav-link:hover::after, .donation-form .nav-tabs .nav-item .nav-link.active::after { border-color: #f15b43; } .donation-form .nav-tabs .nav-item .nav-link::before { content: ''; position: absolute; background: #e4e4e4; display: inline-block; width: 15px; height: 15px; border-radius: 50%; left: 5px; top: 14px; } .donation-form .nav-tabs .nav-item .nav-link::after { content: ''; position: absolute; width: 35px; height: 35px; display: inline-block; border-radius: 50%; border: 2px solid #e4e4e4; left: -5px; top: 4px; } .blog__thumb { overflow: hidden; box-shadow: 0px 10px 30px 0px rgba(183, 183, 183, 0.8); border-radius: 9px; } .blog__thumb img { display: block; width: 100%; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .blog .tag { color: white; font-size: 13px; font-weight: 500; text-transform: uppercase; background: #4db7a6; border-radius: 5px; padding: 5px 11px; display: inline-block; line-height: 1; margin-bottom: 15px; transition: all .3s ease-in; } .blog .tag:hover { background: #f15b43; color: white; } .blog__content .blog-title { font-size: 30px; line-height: 1.3; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .blog__content .blog-title { font-size: 27px; } } .blog__content p { font-size: 16px; } .blog:hover .blog__thumb img { transform: scale(1.1); } .blog:hover .blog__content .blog-title { color: #f15b43; } .blog-author { display: flex; align-items: center; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .blog-author li:first-child a { margin-right: 10px; } } @media (max-width: 767px) { .blog-author li:first-child a { margin-right: 10px; } } .blog-author li a span { color: #001234; font-size: 18px; font-family: "Barlow Condensed", sans-serif; font-weight: 700; margin-left: 10px; transition: all 0.3s ease-in; } .blog-author li a span:hover { color: #f15b43; } .blog-author li:last-child { font-size: 16px; color: #777777; } .blog-author li:last-child i { color: #f15b43; margin-right: 10px; } .blogs .blog__thumb { border-radius: 0; box-shadow: none; } .blogs .blog__content { padding: 0 23px 40px 40px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .blogs .blog__content { padding: 0 15px 40px 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .blogs .blog__content { padding: 40px 15px 40px 15px; } } @media (max-width: 767px) { .blogs .blog__content { padding: 40px 15px 40px 15px; } } .blogs-list li .blogs .blog__content { padding-top: 30px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .blogs-list li .blogs .blog__content { padding: 14px 15px 12px 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .blogs-list li .blogs .blog__content { padding: 14px 15px 40px 15px; } } .blogs-list li:last-child .blogs { border-top: 1px solid #e7e7e7; } .blogs-list li:last-child .blogs .blog__content { padding: 14px 23px 40px 40px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .blogs-list li:last-child .blogs .blog__content { padding: 14px 15px 40px 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .blogs-list li:last-child .blogs .blog__content { padding: 14px 15px 40px 15px; } } @media (max-width: 767px) { .blogs-list li:last-child .blogs .blog__content { padding: 14px 15px 40px 15px; } } .blog-03 .blog__thumb { overflow: hidden; } .blog-03 .blog__thumb img { display: block; width: 100%; } .blog-03 .tag { position: absolute; z-index: 1; top: 15px; right: 17px; } .blog-03:hover .blog__thumb img { transform: scale(1.1); } .blog-03 .blog-author li a span { margin-left: 0; } .blog-03 .blog-author li a span i { color: #f15b43; margin-right: 6px; } .insta-feed .insta { margin: 0 9px 10px 0; display: inline-block; position: relative; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .insta-feed .insta { margin: 0 2px 10px 0; } } .insta-feed .insta::before { content: ''; position: absolute; background: #f15b43; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transform: scale(0); -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .insta-feed .insta span { position: absolute; left: 0; right: 0; top: 50%; text-align: center; z-index: 1; transform: translateY(-50%); color: #fff; transition: all .3s ease-in-out; opacity: 0; } .insta-feed .insta span i { font-size: 18px; } .insta-feed .insta:hover::before { transform: scale(1); opacity: 0.8; } .insta-feed .insta:hover span { opacity: 1; } .widget .widget-post { padding: 40px 50px 25px 50px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .widget .widget-post { padding: 40px 10px 25px 15px; } } @media (max-width: 767px) { .widget .widget-post { padding: 40px 10px 25px 15px; } } .post__content h5 { font-size: 20px; } .post__content .view_btn { color: #f15b43; font-size: 13px; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #f15b43; } .post__content .view_btn:hover { color: #4db7a6; border-color: #4db7a6; } .post:hover .post__content h5 { color: #f15b43; } .recent-post .post__content h5 { margin-bottom: 0; } .recent-post .post__content span { color: #f15b43; font-family: "Barlow Condensed", sans-serif; font-weight: 600; margin-bottom: 2px; } .recent-post .post__content p { line-height: 1; } .recent-post .post__content p i { font-size: 15px; margin-right: 5px; } .blogs-02 { border: 1px solid #e4e4e4; } .blogs-02 .blog__thumb { border-radius: 0; box-shadow: none; } .blogs-02 .tag { margin-bottom: 20px; } .blogs-02 .blog__content { padding: 0 30px 30px 30px; } @media (max-width: 767px) { .blogs-02 .blog__content { padding: 0 15px 30px 15px; } } .blogs-02 .blog__content .blog-title { font-size: 40px; } @media (max-width: 767px) { .blogs-02 .blog__content .blog-title { font-size: 30px; } } @media (max-width: 767px) { .blogs-02 .blog__content .blog-author { display: block; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .blogs-02 .blog__content .blog-author { display: flex; } } .blogs-02 .blog__content .blog-author li { font-size: 16px; font-weight: 500; margin-right: 30px; } @media (max-width: 767px) { .blogs-02 .blog__content .blog-author li { margin-right: 10px; margin-bottom: 10px; } } .blogs-02 .blog__content .blog-author li i { color: #f15b43; font-size: 18px; margin-right: 5px; } .blogs-02 .video-area { z-index: 2; top: 50%; transform: translateY(-50%); left: 0; right: 0; text-align: center; } .blogs-02 .video-area .popup-video { width: 85px; height: 65px; border-radius: 10px; line-height: 65px; background: #ff0000; } .blogs-02 .video-area .popup-video i { color: white; font-size: 15px; } .blogs-02-quote { background-size: cover; background-position: center; background-repeat: no-repeat; } .blogs-02-quote .quote-wrapper { padding: 40px 40px 40px 40px; } @media (max-width: 767px) { .blogs-02-quote .quote-wrapper { padding: 40px 15px 40px 15px; } } .blogs-02-quote .quote-wrapper h2 { color: white; font-size: 40px; } .blogs-02-quote .quote-wrapper h2.left-line::before { width: 40px; } .blogs-02-quote .quote-wrapper h5 { color: white; } .widget-search { padding: 30px 35px 25px 35px; } .widget-search .input-area .form-control { border: 0; width: 100%; height: 65px; position: relative; } .widget-search .input-area span { position: absolute; right: 33px; z-index: 1; top: 50%; transform: translateY(-50%); cursor: pointer; } .widget-search .input-area span i { color: #f15b43; font-size: 18px; line-height: 1; } .widget .widget-post-02 { padding: 30px 50px 5px 35px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .widget .widget-post-02 { padding: 30px 5px 5px 15px; } } @media (max-width: 767px) { .widget .widget-post-02 { padding: 30px 15px 5px 15px; } } .widget .widget-post-02 .post__content h4 { line-height: 1.5; margin-bottom: 0; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .widget .widget-post-02 .post__content .view_btn { color: #777777; font-size: 14px; font-weight: 500; border-bottom: 0; } .widget .widget-post-02 .post__content .view_btn i { color: #f15b43; margin-right: 5px; font-size: 15; } .widget .widget-post-02 .post:hover .post__content h4 { color: #f15b43; } .widget .widget-post-02 ul li { border-bottom: 1px solid #e4e4e4; margin-bottom: 20px; } .widget .widget-post-02 ul li:last-child { border-bottom: 0; margin-bottom: 0; } .widget-cat li a { font-size: 18px; line-height: 1; font-weight: 600; width: 100%; padding: 24px 35px; display: block; background: #f4f2f1; margin-bottom: 5px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .widget-cat li a:hover { color: white; background: #f15b43; } .widget-insta { padding: 40px 35px 25px 35px; } .widget-insta .insta-feed { display: flex; flex-wrap: wrap; } .widget-insta .insta-feed li { padding: 10px; flex: 0 0 50%; max-width: 50%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .widget-insta .insta-feed li { padding: 10px; flex: 0 0 33.33%; max-width: 33.33%; } } .widget-insta .insta-feed li .insta { display: block; } .widget-insta .insta-feed li .insta img { width: 100%; } .widget-insta .insta-feed li .insta span i { font-size: 35px; } .widget-cat-btn { padding: 40px 35px 25px 35px; } .widget-cat-btn .cat-list .cat-btn { font-size: 14px; line-height: 1; background: white; display: inline-block; padding: 8px 10px; margin-right: 8px; margin-bottom: 7px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .widget-cat-btn .cat-list .cat-btn:hover { color: white; background: #f15b43; } .widget-add { background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 420px; position: relative; padding: 110px 60px 0 60px; z-index: 1; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .widget-add { padding: 110px 35px 0 35px; } } @media (max-width: 767px) { .widget-add { padding: 110px 35px 0 35px; } } .widget-add::before { content: ""; background-color: #061738; opacity: 0.75; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .widget-add h5 { color: white; margin-bottom: 13px; } .widget-add h2 { color: white; margin-bottom: 30px; } .blogs-details-left-area { padding-left: 30px; padding-right: 30px; } @media (max-width: 767px) { .blogs-details-left-area { padding-left: 0; padding-right: 0; } } .blogs-details-left-area .blogs-02 { border: 0; } .blogs-details-left-area .blogs-02 .blog__content { padding: 0; } .blogs-details-left-area .blogs-02 .blogs-details-thumb img { width: 100%; } .blog-details-list .about_list li { font-size: 15px; padding-left: 35px; color: #061738; } .blog-details-list .about_list li::before { content: '\f058'; position: absolute; font-family: 'Font Awesome 5 pro'; font-size: 18px; color: #4db7a6; left: 0; top: 1px; background: none; } .blog-details-list .about_list li::after { display: none; } .blogs-details-quote .quote-wrapper { padding: 32px 70px 27px 50px; } @media (max-width: 767px) { .blogs-details-quote .quote-wrapper { padding: 32px 25px 27px 25px; } } .blogs-details-quote .quote-wrapper h3 { color: white; margin-bottom: 16px; } .blogs-details-quote .quote-wrapper p { color: white; font-weight: 600; } .blogs-details-quote .quote-wrapper p i { color: #4db7a6; font-size: 18px; margin-right: 10px; } .blog-post-tag span { color: #001234; font-size: 18px; font-family: "Barlow Condensed", sans-serif; font-weight: 600; margin-right: 10px; } .post-share-icon span { color: #001234; font-size: 18px; font-family: "Barlow Condensed", sans-serif; font-weight: 600; margin-right: 5px; } .post-share-icon a { font-size: 14px; margin-left: 15px; } .post-share-icon a:hover { color: #4db7a6; } .author { padding: 40px; } @media (max-width: 767px) { .author { padding: 40px 25px; } } .author__img { margin-right: 40px; } @media (max-width: 767px) { .author__img { margin-right: 0; float: none; margin-bottom: 20px; } } .author__content .post-share-icon a { font-size: 14px; margin-right: 15px; margin-left: 0; } .post__content--meta span { margin-right: 10px; } .post__content--meta span i { color: #f15b43; font-size: 14px; } .row-border { border-bottom: 1px solid #e4e4e4; } .comment-box__content h5 { font-size: 20px; margin-bottom: 5px; } .comment-box__content span { color: #f15b43; display: inline-block; margin-bottom: 7px; } .comment-box__content p { margin-bottom: 5px; } .comment-box__content .reply-btn { color: #001234; font-size: 14px; line-height: 1; font-weight: 700; text-transform: uppercase; } .comment-box__content .reply-btn:hover { color: #4db7a6; } @media (max-width: 767px) { .post-comment li { margin-left: 0; } } .post-comment li:last-child { border-bottom: 1px solid #e4e4e4; } .comment-form .input-area { position: relative; } .comment-form .input-area::before { content: '\f007'; position: absolute; font-family: 'Font Awesome 5 pro'; font-size: 16px; color: #f15b43; right: 27px; top: 50%; transform: translateY(-50%); background: none; z-index: 1; } .comment-form .input-area .form-control { color: #001234; border-radius: 0; font-weight: 400; border: 0; width: 100%; height: 70px; padding-left: 35px; background: #f4f2f1; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .comment-form .input-area textarea { color: #001234; border-radius: 0; font-weight: 400; border: 0; width: 100%; height: 120px; padding-left: 35px; background: #f4f2f1; } .comment-form .input-area.input-mail::before { content: '\f2b6'; } .comment-form .input-area.input-comment::before { content: '\f040'; top: 20px; } .comment-form .input-area input:focus { border: 2px solid #f15b43; border-radius: 7px; background: none; } .comment-form .input-area textarea:focus { border: 2px solid #f15b43; border-radius: 7px; background: none; } .comment-form .comment-btn button { border-radius: 0; border: 0; padding: 20px 75px 20px 55px; } .comment-form .comment-btn button::before { border-radius: 0; } .features { padding: 45px 45px 40px 45px; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } @media only screen and (min-width: 768px) and (max-width: 991px) { .features { padding: 45px 25px 40px 25px; } } @media (max-width: 767px) { .features { padding: 45px 25px 40px 25px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .features { padding: 45px 45px 40px 45px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .features__icon { margin-bottom: 20px; } } @media (max-width: 767px) { .features__icon { margin-bottom: 20px; } } .features__icon i { color: #f15b43; font-size: 95px; } .features__content h3 { font-size: 30px; margin-bottom: 10px; } .features__content p { font-size: 16px; margin-bottom: 10px; } .features__content .more_btn2 { color: #001234; font-size: 14px; font-weight: 700; text-transform: uppercase; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .features__content .more_btn2 i { font-size: 18px; line-height: 1; margin-left: 10px; transform: translateY(2px); } .features__content .more_btn2:hover { color: #f15b43; } .features__content:hover h3 { color: #f15b43; } .features:hover, .features.active { box-shadow: 0px 10px 30px 0px rgba(172, 172, 172, 0.17); } .features-02 { background: #4db7a6; text-align: center; padding: 50px 30px 36px 30px; z-index: 1; } .features-02:hover, .features-02.active { background: #f15b43; } .features-02:hover .features-02__back, .features-02.active .features-02__back { opacity: 1; } .features-02 .features__icon i { color: white; font-size: 55px; } .features-02 .features__content h3 { color: white; } .features-02 .features__content p { color: white; margin-bottom: 5px; } .features-02 .features__content .more_btn2 { color: white; } .features-02 .features__content .more_btn2:hover { color: #061738; } .features-02__back { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: -1; opacity: 0; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .footer-area { background-size: cover; background-repeat: no-repeat; background-position: center; } .footer-bottom-area { border-bottom: 2px solid #414657; } .scroll-target { color: white; background: #4db7a6; width: 50px; height: 50px; display: inline-block; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 95px; border-radius: 50%; text-align: center; line-height: 50px; z-index: 3; } .scroll-target:hover { background: #4db7a6; } @media (max-width: 767px) { .scroll-target { margin: 0 0 0 auto; } } .footer__widget .semi-02-title { color: white; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .footer__widget.fot_abot { padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer__widget { padding-left: 0; padding-right: 0; } } @media (max-width: 767px) { .footer__widget { padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .footer__widget { padding-left: 0; padding-right: 0; } } .footer__widget .footer-logo { display: inline-block; } .footer__widget p { color: white; } .footer__widget .fot-list li { margin-bottom: 8px; } .footer__widget .fot-list li a { color: white; font-size: 15px; line-height: 1.2; font-family: "Karla", sans-serif; font-weight: 400; position: relative; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .footer__widget .fot-list li a::before { content: '\f054'; position: absolute; font-family: 'Font Awesome 5 pro'; font-size: 13px; color: #777777; left: 0; top: 5px; line-height: 1; opacity: 0; visibility: hidden; } .footer__widget .fot-list li a:hover, .footer__widget .fot-list li a:focus { color: #f15b43; padding-left: 10px; } .footer__widget .fot-list li a:hover::before, .footer__widget .fot-list li a:focus::before { color: #f15b43; opacity: 1; visibility: visible; } .copy-right-area .copyright { background: #091c40; padding: 20px 0; } .copy-right-area .copyright p { color: white; } .copy-right-area .copyright p span { color: #f15b43; } .copy-area-02 .copyright p span { color: #4db7a6; } .fot__subscribe .form-area a { padding: 20px 50px 20px 45px; } /*# sourceMappingURL=main.css.map */