/* Samara - Charity HTML Template */ /************ TABLE OF CONTENTS *************** 1. Fonts 2. Reset 3. Global 4. Main Header / Style One / Light Version 5. Main Slider 6. Services Section 7. Donate Section 8. Counter Section 9. Latest Causes Section 10. Default Form Section / Style Two 11. Gallery Section 12. Default Portfolio Item 13. Testimonial Section / Testimonial Section Two 14. News Section 15. Subscribe Style One 16. Main Footer / Footer Style Two 17. About Us Section 18. Sponsors Section 19. Event Section 20. Volunteers Section 21. Video Box 22. We Do Section 23. Event Box 24. Event Style Two 25. Sidebar Widgets 26. Shop Item 27. Map Section 28. Contact Form **********************************************/ @import url('https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i|Poppins:300,400,500,600,700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i'); /*font-family: 'Roboto', sans-serif; font-family: 'Poppins', sans-serif; font-family: 'Merriweather', serif;*/ @import url('font-awesome.css'); @import url('flaticon.css'); @import url('animate.css'); @import url('owl.css'); @import url('jquery.fancybox.css'); /*** ==================================================================== Reset ==================================================================== ***/ * { margin:0px; padding:0px; border:none; outline:none; } /*** ==================================================================== Global Settings ==================================================================== ***/ body { font-family: 'Merriweather', serif; font-size:13px; color:#666666; line-height:1.9em; font-weight:400; background:#ffffff; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; } a{ text-decoration:none; cursor:pointer; color:#06d666; } a:hover,a:focus,a:visited{ text-decoration:none; outline:none; } h1,h2,h3,h4,h5,h6 { position:relative; font-family: 'Poppins', sans-serif; font-weight:normal; margin:0px; background:none; line-height:1.5em; } input,button,select,textarea{ } p{ position:relative; line-height:1.9em; } .strike-through{ text-decoration:line-through; } .auto-container{ position:static; max-width:1200px; padding:0px 15px; margin:0 auto; } .sticky-header .auto-container, .header-lower .auto-container{ max-width:1000px; } .medium-container{ max-width:850px; } .page-wrapper{ position:relative; margin:0 auto; width:100%; min-width:300px; } .no-bg{ background:none !important; } ul,li{ list-style:none; padding:0px; margin:0px; } .theme-btn{ display:inline-block; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .centered{ text-align:center; } /*Social Icon One*/ .social-icon-one{ position:relative; } .social-icon-one li{ position:relative; margin-right:8px; margin-bottom:10px; display:inline-block; } .social-icon-one li a{ font-size:14px; color:#aaaaaa; width:50px; height:50px; line-height:48px; display:inline-block; background-color:#282828; } .social-icon-one li a:hover{ color:#ffffff; background-color:#06d666; } /*Social Icon Two*/ .social-icon-two li{ position:relative; margin-right:6px; display:inline-block; } .social-icon-two li{ font-size:14px; color:#222222; } .social-icon-two li strong{ margin-right:8px; } .social-icon-two li a{ font-size:12px; color:#888888; width:28px; height:27px; text-align:center; line-height:26px; display:inline-block; border:1px solid #e9e7e7; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .social-icon-two li a:hover{ color:#ffffff; border-color:#06d666; background-color:#06d666; } /*Btn Style One*/ .btn-style-one{ position:relative; padding:6px 30px; line-height:24px; text-transform:uppercase; background:#06d666; color:#ffffff; border:2px solid #06d666; font-size:12px; font-weight:700; border-radius:50px; font-family: 'Merriweather', serif; } .btn-style-one:hover{ background:none; color:#06d666; } /*Btn Style Two*/ .btn-style-two{ position:relative; padding:6px 30px; line-height:24px; text-transform:uppercase; background:none; color:#ffffff; border:2px solid #06d666; font-size:12px; font-weight:700; border-radius:50px; font-family: 'Merriweather', serif; } .btn-style-two:hover{ background:#06d666; color:#ffffff; } /*Btn Style Three*/ .btn-style-three{ position:relative; padding:6px 30px; line-height:24px; text-transform:uppercase; background:none; color:#222222; border:2px solid #06d666; font-size:12px; font-weight:700; border-radius:50px; background-color:#ffffff; font-family: 'Merriweather', serif; } .btn-style-three:hover{ background:#06d666; color:#ffffff; } .theme_color{ color:#06d666; } .text-uppercase{ text-transform:uppercase; } .preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.GIF);} img{ display:inline-block; max-width:100%; height:auto; } .sticky-header .logo{ color: #1d951b; } .sticky-header .logo img{ max-height: 5rem; margin-right: 10px; padding: 5px 0; } /*** ==================================================================== Scroll To Top style ==================================================================== ***/ .scroll-to-top{ position:fixed; bottom:15px; right:15px; width:40px; height:40px; color:#ffffff; font-size:13px; text-transform:uppercase; line-height:38px; text-align:center; z-index:100; cursor:pointer; border-radius:50%; background:#0a0a0a; display:none; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .scroll-to-top:hover{ color:#ffffff; background:#06d666; } /*** ==================================================================== Main Header style ==================================================================== ***/ .main-header{ position:relative; left:0px; top:0px; z-index:999; width:100%; background:#ffffff; } .sticky-header{ position:fixed; opacity:0; visibility:hidden; left:0px; top:0px; width:100%; padding:0px 0px; background:#ffffff; z-index:0; border-bottom:1px solid #cccccc; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .sticky-header .logo{ padding:2px 0px; } .fixed-header .sticky-header{ z-index:999; opacity:1; visibility:visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .main-header .auto-container{ position:relative; } .main-header .header-top-one{ position:relative; font-size:13px; color:#ffffff; background-color:#2a2a2a; border-bottom:1px solid #efefef; } .main-header .header-top-one .top-left{ position:relative; float:left; } .main-header .header-top-one .top-links ul li{ position:relative; float:left; padding:18px 20px; line-height:24px; color:#aaaaaa; } .main-header .header-top-one .top-left ul li:first-child{ padding-left:0px; border-left:none; } .main-header .header-top-one .top-right ul li:last-child{ padding-right:0px; } .main-header .header-top-one .top-links ul li .icon{ position:relative; left:0px; top:0px; line-height:24px; padding-right:5px; } .main-header .header-top-one .top-links ul li a:hover{ color:#06d666; } .main-header .header-top-one .top-links ul li a{ position:relative; color:#aeaeae; font-size:13px; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .main-header .header-top-one .top-right{ position:relative; float:right; margin-bottom:12px; } .main-header .header-top-two{ position:relative; font-size:13px; color:#ffffff; background:#333333; } .main-header .header-top-two .top-left{ position:relative; padding:10px 0px; line-height:30px; float:left; } .main-header .header-top-two .top-left .fa{ color:#29af8a; padding-right:5px; } .main-header .header-top-two .top-right{ position:relative; float:right; } .main-header .social-icon{ position:relative; margin-top:12px; } .main-header .social-icon a{ position:relative; font-size:14px; color:#ababab; min-width:36px; height:36px; border-radius:50%; line-height:36px; margin-left:4px; text-align:center; display:inline-block; background-color:#3d3d3d; text-transform:capitalize; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .main-header .social-icon a:hover{ color:#ffffff; background-color:#06d666; } .main-header .main-box{ position:relative; padding:0px 0px; left:0px; top:0px; width:100%; background:#ffffff; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .main-header .main-box .outer-container{ position:relative; } .main-header .main-box .logo-box{ position:relative; float:left; left:0px; padding:10px 0px; z-index:10; } .fixed-header .main-box .logo-box{ padding:5px 0px; } .main-header .main-box .logo-box .logo img{ display:inline-block; max-width: 18rem; padding: 10px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .header-style-two .main-box .info-block.right-aligned{ right:0px; text-align:right; } .header-style-two .main-box .info-block.left-aligned li .fa{ padding-right:5px; } .header-style-two .main-box .info-block.right-aligned li .fa{ padding-left:5px; } .header-style-two .main-box .info-block li{ position:relative; line-height:25px; color:#777777; } .header-style-two .main-box .info-block li a{ display:block; line-height:25px; color:#777777; } .header-style-two .main-box .info-block li .fa, .header-style-two .main-box .info-block li a:hover{ color:#29af8a; } .main-header .nav-outer{ position:relative; } .main-header .nav-outer{ text-align: center; } .main-header .nav-outer .don-btn-outer{ position:absolute; right:0px; top:50%; margin-top:-22px; z-index:12; } .main-header .nav-outer .don-btn-outer a{ position:relative; display:block; line-height:24px; padding:8px 15px; text-align:center; color:#222222; font-size:12px; font-weight:700; background:none; border-radius:50px; border:2px solid #06d666; text-transform:uppercase; } .main-header .nav-outer .don-btn-outer a:hover{ background:#06d666; color:#ffffff; } .main-menu{ position:relative; } .main-menu .navbar-collapse{ padding:0px; } .main-menu .navigation{ position:relative; margin:0px; text-align:center; } .main-menu .navigation > li{ position:relative; display:inline-block; padding:15px 0px; margin-left:30px; display:inline-block; } .main-menu .navigation > li > a{ position:relative; display:block; padding:25px 0px; color:#707070; text-align:center; line-height:30px; text-transform:uppercase; font-weight:400; opacity:1; font-size:13px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .sticky-header .main-menu .navigation > li > a{ padding:13px 15px !important; color:#333333 !important; } .sticky-header .main-menu .navigation > li.dropdown > a:after{ display:none; } .light-version .main-menu .navigation > li > a{ color:#ffffff; } .main-menu .navigation > li.dropdown > a{ padding-right:15px; } .main-menu .navigation > li.dropdown > a:after{ font-family: 'FontAwesome'; content: "\f0d7"; position:absolute; right:0px; top:50%; margin-top:-15px; width:10px; height:30px; display:block; line-height:30px; font-size:14px; font-weight:normal; } .main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a, .main-menu .navigation > li.current-menu-item > a{ color:#222222; opacity:1; } .sticky-header .main-menu .navigation > li:hover > a, .sticky-header .main-menu .navigation > li.current > a, .sticky-header .main-menu .navigation > li.current-menu-item > a{ color:#ffffff !important; background:#06d666; } .main-menu .navigation > li > ul{ position:absolute; left:0px; top:100%; width:220px; z-index:100; display:none; padding:0px 0px; background:#222222; transition:all 300ms ease; -moz-transition:all 300ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); } .main-menu .navigation > li > ul:before{ position:absolute; content:''; width:45px; height:3px; left:0px; top:-3px; background-color:#06d666; } .fixed-header .main-menu .navigation > li > ul{ margin-top:0px; } .main-menu .navigation > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li{ position:relative; width:100%; padding:0px 20px; } .main-menu .navigation > li > ul > li:last-child > a{ border:none; } .main-menu .navigation > li > ul > li > a{ position:relative; display:block; padding:13px 10px; line-height:24px; font-weight:400; font-size:13px; text-transform:capitalize; color:#ffffff; /*border-bottom:1px solid #3b3b3b;*/ transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li:before{ position:absolute; content:''; left:0px; top:12px; width:2px; height:25px; opacity:0; background-color:#06d666; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li:hover:before{ opacity:1; } .main-menu .navigation > li > ul > li:hover > a{ color:#06d666; } .main-menu .navigation > li > ul > li.dropdown > a:after{ font-family: 'FontAwesome'; content: "\f105"; position:absolute; right:10px; top:12px; width:10px; height:20px; display:block; color:#ffffff; line-height:20px; font-size:16px; font-weight:normal; text-align:center; z-index:5; } /*.main-menu .navigation > li > ul > li:last-child > a{ border:0px; }*/ .main-menu .navigation > li > ul > li.dropdown:hover > a:after{ color:#06d666; } .main-menu .navigation > li > ul > li > ul{ position:absolute; left:100%; top:0px; width:220px; z-index:100; display:none; padding:0px 0px; background:#222222; border-top:3px solid #06d666; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); } .main-menu .navigation > li > ul > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li > ul > li{ position:relative; width:100%; padding:0px 20px; } .main-menu .navigation > li > ul > li > ul > li:before{ position:absolute; content:''; left:0px; top:12px; width:2px; height:25px; opacity:0; background-color:#06d666; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li > ul > li:hover:before{ opacity:1; } .main-menu .navigation > li > ul > li > ul > li:last-child > a{ border:none; } .main-menu .navigation > li > ul > li > ul > li > a{ position:relative; display:block; padding:13px 10px; line-height:24px; font-weight:400; font-size:13px; text-transform:capitalize; color:#ffffff; border-bottom:1px solid #3b3b3b; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li > ul > li:hover > a{ color:#06d666; } .main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{ font-family: 'FontAwesome'; content: "\f105"; position:absolute; right:10px; top:11px; width:10px; height:20px; display:block; color:#272727; line-height:20px; font-size:16px; font-weight:normal; text-align:center; z-index:5; } .main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{ color:#ffffff; } .main-menu .navigation > li.dropdown:hover > ul{ visibility:visible; opacity:1; top:100%; } .main-menu .navigation li > ul > li.dropdown:hover > ul{ visibility:visible; opacity:1; top:0; transition:all 300ms ease; -moz-transition:all 300ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{ position:absolute; right:10px; top:6px; width:34px; height:30px; border:1px solid #ffffff; text-align:center; font-size:16px; line-height:28px; color:#ffffff; cursor:pointer; z-index:5; display:none; } .sticky-header .main-menu .navigation > li{ float:left; padding:0px; margin:0px; display:block; } /*Light Version*/ .main-header.light-version{ position:absolute; background:none; } .main-header.light-version .main-box{ background:none; } .main-header.light-version .main-box .navigation li.current > a, .main-header.light-version .main-box .navigation li:hover > a{ color:#06d666; } .main-header.light-version .nav-outer .don-btn-outer a{ color:#ffffff; } /*** ==================================================================== Main Slider style ==================================================================== ***/ .main-slider{ position:relative; z-index: 10; } .main-slider .tp-caption{ z-index:5; } .main-slider .tp-dottedoverlay{ background:none !important; } .main-slider .big-title{ font-weight:700; line-height:1.5em; color:#333333; font-size:38px; letter-spacing:1px; text-transform:uppercase; font-family: 'Merriweather', serif; } .main-slider .medium-title{ font-weight:700; line-height:1.5em; color:#ffffff; font-size:38px; letter-spacing:1px; text-transform:uppercase; font-family: 'Poppins', sans-serif; } .main-slider .sub-title{ font-weight:400; line-height:1.4em; color:#333333; font-size:18px; text-transform:uppercase; } .main-slider .sub-title.white-text{ color:#ffffff; } .main-slider .sub-title.alterternate{ color:#06d666; } .main-slider .text{ position:relative; color:#707070; font-size:13px; } .main-slider .text-dark{ position:relative; color:#ababab; font-size:14px; } .main-slider .overlay-layer:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.44); } .main-slider .tp-caption .theme-btn{ border-width: 2px !important; color:#ffffff; } .main-slider .tp-caption .theme-btn.btn-style-one:hover{ color: #29af8a; } .main-slider .tp-bullets.preview3 .bullet{ margin:0px 3px !important; width:10px !important; height:10px !important; border:3px solid #06d666 !important; background:none !important; -webkit-transform:scale(0.6,0.6); -ms-transform:scale(0.6,0.6); -o-transform:scale(0.6,0.6); -moz-transform:scale(0.6,0.6); transform:scale(0.6,0.6); } .main-slider .tp-bullets.preview3 .bullet.selected{ border-color:#ffffff !important; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -moz-transform:scale(1,1); transform:scale(1,1); } .main-slider .tp-bannertimer{ display:none !important; } .main-slider .btn-style-one:hover{ color:#06d666 !important; } .main-slider .tparrows.preview3, .main-slider .tparrows.preview3{ background:none !important; width:50px !important; overflow:hidden; margin-top:-10px !important; height:50px !important; } .main-slider .tparrows.preview3::after{ top:0px; background:rgba(255,255,255,0.80); border:none; color:#8b8986; font-size:20px; height:56px !important; line-height:50px; width:46px !important; padding:0px; border-radius:0px; } .main-slider .tparrows.tp-leftarrow.preview3::after{ content: '\f104'; font-family:'FontAwesome'; } .main-slider .tparrows.tp-rightarrow.preview3::after{ content: '\f105'; font-family:'FontAwesome'; } .main-slider .tparrows.preview3.tp-leftarrow{ left:30px !important; } .main-slider .tparrows.preview3.tp-rightarrow{ right:30px !important; } .main-slider .tparrows.preview3:hover::after{ color:#888888; background:#ffffff; border-color:#ffffff; } .main-slider .tparrows.preview3 .tp-arr-iwrapper{ visibility:hidden; opacity:0; display:none; } /*** ==================================================================== Joining Box ==================================================================== ***/ .joining-box{ position:absolute; right:15px; top: -200px; z-index: 10; max-width:250px; width:100%; } .joining-box .inner{ position:relative; text-align:center; padding:25px 30px; background-color:#ffffff; -webkit-box-shadow: 0px 0px 13px 0px rgba(241,241,241,1); -moz-box-shadow: 0px 0px 13px 0px rgba(241,241,241,1); box-shadow: 0px 0px 13px 0px rgba(241,241,241,1); } .joining-box .inner h3{ position:relative; color:#222222; font-size:18px; margin-bottom:15px; line-height:1.8em; font-family: 'Merriweather', serif; } .joining-box .inner .form-group input{ position:relative; text-align:center; margin-bottom:20px; padding-bottom:8px; border-bottom:1px solid #ececec; } /*** ==================================================================== Section Title ==================================================================== ***/ .sec-title{ position:relative; margin-bottom:50px; text-align:center; } .sec-title h2{ position:relative; font-size:35px; font-weight:700; color:#333333; line-height:1.6em; text-transform:uppercase; font-family: 'Poppins', sans-serif; } .sec-title .separator{ position:relative; width:120px; height:30px; margin:0 auto; margin-bottom:10px; background:url(../images/icons/separator-one.png) center center no-repeat; } .sec-title .text{ position:relative; font-size:13px; font-weight:400; color:#707070; line-height:2em; padding-top:5px; } /*** ==================================================================== Services Section ==================================================================== ***/ .services-section{ position:relative; padding:130px 0px 60px; } .services-section .auto-container{ position:relative; } .service-style-one{ position:relative; margin-bottom:60px; } .service-style-one .inner-box{ position:relative; text-align:center; padding:0px 20px 45px; border:1px solid #ececec; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .icon-box img{ width: 30px; } .service-style-one .inner-box .icon-box{ position:relative; width:68px; height:68px; border-radius:50%; margin:0 auto; font-size:24px; line-height:60px; margin-top:-32px; background-color:#06d666; border:3px solid #67e6a1; } .service-style-one .inner-box .icon-box .icon{ color:#ffffff; } .service-style-one .inner-box h3{ position:relative; font-weight:700; font-size:14px; margin-top:35px; text-transform:uppercase; font-family: 'Merriweather', serif; } .service-style-one .inner-box h3 a{ color:#222222; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .service-style-one .inner-box h3 a:hover{ color:#06d666; } .service-style-one .inner-box .text{ position:relative; color:#707070; font-size:13px; line-height:2em; margin-top:15px; margin-bottom:25px; } .service-style-one .inner-box .read-more{ position:relative; font-size:13px; color:#222222; font-weight:400; font-family: 'Poppins', sans-serif; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .service-style-one .inner-box .read-more .icon{ position:relative; margin-left:10px; } .service-style-one .inner-box .read-more:hover{ color:#06d666; } .service-style-one .inner-box:hover{ background-color:#fafafa; border-color:#fafafa; } .services-section .sec-title{ margin-bottom:70px; } /*** ==================================================================== Donate Section ==================================================================== ***/ .donate-section{ position:relative; padding-top:120px; background-color:#fafafa; } .donate-section .select-amount{ margin-bottom:20px; } .donate-section .content-column{ position:relative; padding-bottom:120px; } .donate-section .content-column .inner-box{ position:relative; } .donate-section .content-column .inner-box h2{ position:relative; color:#333333; font-size:35px; font-weight:700; padding-bottom:10px; margin-bottom:30px; text-transform:uppercase; font-family: 'Poppins', sans-serif; } .donate-section .content-column .inner-box h2:before{ position:absolute; content:''; left:0px; bottom:0px; width:50px; height:2px; background-color:#06d666; } .donate-section .content-column .inner-box .text{ position:relative; color:#707070; font-size:13px; line-height:2em; margin-bottom:26px; } .donate-section .payment-column{ position:relative; } .donate-section .payment-column .inner-box{ position:relative; } .donate-section .payment-column .inner-box .image-box{ position:absolute; right:-50px; top:12px; } .donate-section .payment-column .inner-box .price-box{ position:relative; max-width:390px; width:100%; margin-bottom:60px; padding:48px 55px; display:inline-block; background-color:#333333; } .donate-section .payment-column .price-box .content{ position:relative; padding-bottom:30px; margin-bottom:35px; border-bottom:1px solid #525252; } .donate-section .payment-column .price-box .content:last-child{ margin-bottom:0px; padding-bottom:0px; border:0px; } .donate-section .payment-column .price-box .content h3{ position:relative; color:#ffffff; font-size:17px; margin-bottom:10px; text-transform:capitalize; font-family: 'Merriweather', serif; } .donate-section .payment-column .price-box .content h2{ position:relative; font-size:28px; font-weight:900; color:#ffffff; font-family: 'Merriweather', serif; } /*select amount*/ .select-amount{ position:relative; } .select-amount .select-box{ position:relative; float:left; width:60px; text-align:center; margin:0px 15px 10px 0px; } .select-amount .input-box{ position:relative; float:left; width:200px; } .select-amount .select-box input[type="radio"]{ left:0px; top:0px; visibility:hidden; position:absolute; opacity:0; } .select-amount .select-box label{ display:block; line-height:22px; padding:6px 10px; text-align:center; font-size:14px; font-weight:500; color:#555555; border:1px solid #ebebeb; cursor:pointer; border-radius:50px; background-color:#ebebeb; transition:all 500ms ease; } .select-amount .select-box input[type="radio"]:checked+label{ background:none; border-color:#06d666; color:#333333; } /*** ==================================================================== Counter Section ==================================================================== ***/ .counter-section{ position:relative; padding:90px 0px 50px; background-attachment:fixed; background-repeat:no-repeat; background-size:cover; background-position:center center; } .counter-section:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.82); } .counter-section .content-column{ position:relative; padding-bottom:40px; } .counter-section .content-column .inner-box{ position:relative; } .counter-section .content-column .inner-box h3{ position:relative; font-size:26px; font-weight:400; color:#ffffff; line-height:1.8em; margin-bottom:30px; font-family: 'Poppins', sans-serif; } /*fact counter*/ .fact-counter{ position:relative; margin-top:10px; } .fact-counter .column{ position:relative; margin-bottom:40px; } .fact-counter .column .inner{ position:relative; text-align:center; } .fact-counter .column .inner .icon-box{ position:relative; color:#ffffff; font-size:36px; line-height:84px; width:86px; height:86px; margin:0 auto; margin-bottom:30px; border-radius:50%; text-align:center; border:2px solid #ffffff; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .fact-counter .count-outer .percentage{ display:inline-block; font-weight:700; color:#ffffff; font-size:40px; line-height:1em; } .fact-counter .count-outer .count-text{ position:relative; font-weight:700; color:#ffffff; font-size:36px; line-height:1em; font-family: 'Poppins', sans-serif; } .fact-counter .column .counter-title{ position:relative; font-size:13px; font-weight:400; color:#ababab; margin-top:20px; margin-bottom:20px; } .fact-counter .column:hover .icon-box{ color:#06d666; border-color:#06d666; } /*** ==================================================================== Latest Causes Section ==================================================================== ***/ .latest-causes-section{ position:relative; padding:110px 0px 70px; } .sec-title.margin-bottom{ margin-bottom:100px; } .default-cause-box{ position:relative; margin-bottom:70px; } .default-cause-box .inner-box{ position:relative; padding:0px 22px 0px; text-align:center; background-color:#fafafa; -webkit-box-shadow: 0px 0px 6px 2px rgba(244,244,244,1); -moz-box-shadow: 0px 0px 6px 2px rgba(244,244,244,1); box-shadow: 0px 0px 6px 2px rgba(244,244,244,1); } .default-cause-box .inner-box .image-box{ position: relative; margin-top: 40px; display: block; } .default-cause-box .inner-box .image-box .image{ position: relative; top: -45px; } .default-cause-box .inner-box .image-box .image img{ position: relative; width: 100%; } .default-cause-box .inner-box .image-box .overlay-box{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; opacity: 0; text-align: center; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; -moz-transition: all 600ms ease; transition: all 600ms ease; background-color: rgba(6,214,106,0.85); } .default-cause-box .inner-box .image-box .overlay-box .search-btn{ position: relative; width: 40px; height: 40px; top: 45%; margin: 0 auto; font-size: 18px; line-height: 40px; border-radius: 50%; margin-top: -20px; display: inline-block; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; -moz-transition: all 600ms ease; transition: all 600ms ease; background-color: rgba(255,255,255,1); } .default-cause-box .inner-box .image-box .overlay-box .search-btn:hover{ color:#333333; } .default-cause-box .inner-box:hover .image-box .overlay-box{ opacity:1; } .default-cause-box .inner-box .lower-content{ position:relative; } .default-cause-box .inner-box .lower-content h3{ position:relative; font-size:15px; font-weight:600; text-transform:uppercase; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .default-cause-box .inner-box .lower-content h3 a{ color:#333333; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; -moz-transition: all 600ms ease; transition: all 600ms ease; } .default-cause-box .inner-box .lower-content h3 a:hover{ color:#06d666; } .default-cause-box .inner-box .lower-content .text{ position:relative; color:#777777; font-size:13px; line-height:2em; margin-top:15px; text-align:center; padding:0px 20px; margin-bottom:24px; } .default-cause-box .inner-box .donate-bar{ position:relative; width:100%; height:10px; margin-bottom:5px; } .default-cause-box .inner-box .bar-inner{ position:relative; width:100%; overflow:hidden; height:10px; border:1px solid #ececec; background:#fafafa; border-radius:5px; } .default-cause-box .inner-box .bar-inner .bar{ position:absolute; left:-100%; top:-1px; height:10px; background:#06d666; border-radius:5px; -webkit-transition:all 2000ms ease; -ms-transition:all 2000ms ease; -o-transition:all 2000ms ease; -moz-transition:all 2000ms ease; transition:all 2000ms ease; } .default-cause-box .inner-box .donate-bar.animated .bar-inner .bar{ left:-1px; } .default-cause-box .inner-box .donate-info{ position:relative; margin-top:20px; margin-bottom:4px; } .default-cause-box .inner-box .donate-info .percentage{ position:absolute; left:50%; margin-left:-15px; } .default-cause-box .inner-box .donate-info .amount{ position:relative; line-height:24px; text-transform:uppercase; font-weight:400; color:#333333; } .default-cause-box .inner-box .donate-info .raised{ float:left; } .default-cause-box .inner-box .donate-info .goal{ float:right; } .default-cause-box .inner-box .lower-content .donate-btn{ position:relative; top:20px; } /*** ==================================================================== Donation Section ==================================================================== ***/ .donation-section{ position:relative; padding:110px 0px 95px; background-attachment:fixed; background-repeat:no-repeat; background-size:cover; background-position:center center; } .donation-section:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.84); } .donation-section .image-column{ position:relative; text-align:center; } .donation-section .form-column{ position:relative; } .donation-section .form-column h2{ position:relative; color:#222222; font-size:26px; font-weight:700; margin-top:25px; margin-bottom:25px; padding-bottom:18px; text-transform:uppercase; font-family: 'Merriweather', serif; } .donation-section .form-column h2:after{ position:absolute; content:''; width:40px; height:1px; left:0px; bottom:0px; background-color:#06d666; } .donation-section .content-column{ position:relative; margin-bottom:50px; } .donation-section .content-column .inner h2{ position:relative; color:#ffffff; font-size:26px; font-weight:700; padding-bottom:20px; margin-bottom:30px; text-transform:uppercase; font-family: 'Merriweather', serif; } .donation-section .content-column .inner h2:before{ position:absolute; content:''; left:0px; bottom:0px; width:45px; height:1px; background-color:#06d666; } .donation-section .content-column .inner .text{ position:relative; color:#ababab; font-size:13px; line-height:2.2em; max-width:430px; } /*Donate Form*/ .donate-form{ position:relative; } .donate-form.extended .search-outer{ background:#242424; } .donate-form form .form-group{ position:relative; margin:0px 0px 25px; } .donate-form form .form-group .field-title{ color:#707070; font-size:13px; font-weight:300; font-style:italic; margin-bottom:15px; text-transform:capitalize; } .donate-form form input[type="text"], .donate-form form input[type="search"], .donate-form form input[type="tel"], .donate-form form input[type="email"], .donate-form form input[type="range"], .donate-form form select{ position:relative; display:block; width:100%; height:40px; line-height:30px; padding:4px 0px; font-size:14px; color:#b7b7b7; font-style:normal; background:none; border-bottom:1px solid rgba(255,255,255,1); transition:all 500ms ease; } .donate-form form input:focus, .donate-form form .form-group textarea:focus{ border-color:#06d666; } .donate-form form select{ -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; -o-appearance:none; cursor:pointer; } .donate-form form select option{ position:relative; color:#656565; } .donate-form form .form-group textarea{ height:120px; width:100%; color:#b7b7b7; background:none; border-bottom:1px solid rgba(255,255,255,1); } /*Select DropDown*/ .field-inner .ui-selectmenu-button.ui-button{ width:100%; background:none; font-size:14px; border:none; font-style:normal; height:42px; padding:8px 0px 4px; line-height:27px; color:rgba(255,255,255,0.70); border-bottom:1px solid rgba(255,255,255,1); } .field-inner .ui-button .ui-icon{ background:none; position:relative; top:3px; text-indent:0px; } .field-inner .ui-button .ui-icon:before{ font-family: 'FontAwesome'; content: "\f107"; position:absolute; right:5px; top:2px !important; top:13px; width:10px; height:20px; display:block; color:#ffffff; line-height:20px; font-size:16px; font-weight:normal; text-align:center; z-index:5; } .ui-widget.ui-widget-content{ border:1px solid #e0e0e0; } .ui-menu .ui-menu-item{ font-size:14px; border-bottom:1px solid #e0e0e0; } .ui-menu .ui-menu-item:last-child{ border:none; } .ui-menu .ui-menu-item-wrapper{ position:relative; display:block; padding:7px 15px ; font-size:14px; line-height:24px; } .donate-form form .theme-btn .icon{ position:absolute; left:0px; top:0px; width:60px; height:42px; line-height:42px; font-size:14px; border-right:1px solid rgba(255,255,255,0.20); } .donation-section.style-two{ padding-bottom:0px; } .donation-section.style-two:before{ background-color:rgba(255,255,255,0.96); } .donate-form.style-two form input[type="text"], .donate-form.style-two form input[type="email"], .donate-form.style-two form select, .donate-form.style-two .field-inner .ui-selectmenu-button.ui-button{ border-color:#e0e0e0; color:#707070; font-style:italic; } .donate-form.style-two .field-inner .ui-button .ui-icon:before{ color:#707070; font-style:normal; } /*** ==================================================================== Gallery Section ==================================================================== ***/ .gallery-section{ position:relative; padding:110px 0px 130px; } .default-portfolio-item{ position:relative; margin-bottom:30px; } .gallery-section .view-more{ margin-top:20px; } .default-portfolio-item .inner-box{ position:relative; width:100%; overflow:hidden; } .default-portfolio-item .image-box{ position:relative; display:block; } .default-portfolio-item .image-box img{ position:relative; display:block; width:100%; } .default-portfolio-item .overlay-box{ position:absolute; left:0px; top:-100%; width:100%; height:100%; padding:0px; color:#ffffff; opacity:0; text-align:center; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .default-portfolio-item .inner-box:hover .overlay-box{ top:0px; opacity:1; } .default-portfolio-item .overlay-inner{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:table; vertical-align:middle; padding:10px 20px; background:rgba(6,214,106,0.84); } .default-portfolio-item .overlay-inner .content{ position:relative; display:table-cell; vertical-align:middle; padding:10px 15px; } .default-portfolio-item .overlay-inner .option-btn{ position:relative; display:inline-block; line-height:44px; color:#29af8a; font-size:15px; width:44px; height:44px; margin:0px 3px; background:#ffffff; border-radius:50%; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .default-portfolio-item .overlay-inner .option-btn:hover{ background:#222222; color:#ffffff; } .default-portfolio-item .overlay-inner h4{ position:relative; margin-bottom:7px; line-height:1.4em; font-size:18px; color:#ffffff; font-weight:700; text-transform:capitalize; font-family: 'Merriweather', serif; } .default-portfolio-item .overlay-inner h4 a{ color:#ffffff; } .default-portfolio-item .overlay-inner .text{ position:relative; margin-bottom:20px; line-height:1.8em; font-size:14px; color:#ffffff; } /*** ==================================================================== Testimonial Section ==================================================================== ***/ .testimonial-section{ position:relative; padding:115px 0px 110px; background-attachment:fixed; background-position:center top; background-repeat:no-repeat; background-size:cover; } .testimonial-style-one{ position:relative; } .testimonial-style-one .inner{ position:relative; } .testimonial-style-one .inner h2{ position:relative; font-weight:700; font-size:30px; color:#ffffff; margin-bottom:40px; text-transform:uppercase; font-family: 'Merriweather', serif; } .testimonial-style-one .inner h2 span{ font-weight:300; font-style:italic; text-transform:capitalize; } .testimonial-style-one .inner .text{ position:relative; color:#ababab; font-size:16px; font-style:italic; line-height:1.8em; padding-left:28px; max-width:750px; margin-bottom:32px; font-family: 'Merriweather', serif; } .testimonial-style-one .inner .text .quote-icon{ position:relative; color:#06d666; font-size:28px; display:block; margin-bottom:20px; left:-28px; } .testimonial-style-one .inner .author-name{ position:relative; padding-left:56px; color:#ffffff; font-size:16px; font-weight:700; } .testimonial-style-one .inner .author-name:before{ position:absolute; content:''; left:0px; top:10px; width:35px; height:1px; background-color:#06d666; } .testimonial-style-one .inner .author-name span{ position:relative; font-size:12px; font-weight:300; margin-left:6px; font-style:italic; } .testimonial-section .owl-dots{ position:relative; padding:20px 0px 0px; } .testimonial-section .owl-dots .owl-dot{ position:relative; display:inline-block; margin:0px 3px; } .testimonial-section .owl-dots .owl-dot span{ position:relative; display:block; width:12px; height:12px; margin:0px; background:#8e8e8e; border-radius:50%; border:2px solid #8e8e8e; -webkit-transform:scale(0.7,0.7); -ms-transform:scale(0.7,0.7); transform:scale(0.7,0.7); transition:all 500ms ease; } .testimonial-section .owl-dots .owl-dot.active span{ border-color:#06d465; background:none; } .testimonial-section .owl-nav{ display:none; } /*** ==================================================================== News Section ==================================================================== ***/ .news-section{ position:relative; padding:105px 0px 70px; } .news-section.style-two{ padding-bottom:15px; } .news-section .column .inner-column{ position:relative; padding-left:50px; } .news-section h4{ position:relative; color:#333333; font-size:20px; font-weight:400; padding-bottom:15px; margin-bottom:40px; text-transform:capitalize; } .news-section h4:before{ position:absolute; content:''; left:0px; bottom:0px; width:40px; height:1px; background-color:#06d666; } /*News Style One*/ .event-post{ position:relative; margin-bottom:25px; } .event-post .inner{ position:relative; } .event-post .inner .image-box{ position:relative; } .event-post .inner .image-box .posted-date{ position:absolute; right:0px; top:0px; z-index:1; text-align:center; color:#ffffff; font-size:18px; max-width:38px; width:100%; padding:4px 6px; line-height:1.2em; background-color:#06d666; } .event-post .inner .image-box .posted-date span{ font-size:11px; display:block; } .event-post .inner .image-box .image{ position:relative; } .event-post .inner .image-box .image img{ position:relative; width:100%; display:block; } .event-post .inner .content-box{ position:relative; } .event-post .inner .content-box h3{ position:relative; font-size:16px; font-weight:500; margin-bottom:8px; text-transform:uppercase; } .event-post .inner .content-box h3 a{ color:#333333; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .event-post .inner .content-box h3 a:hover{ color:#06d666; } .event-post .inner .content-box .post-meta{ position:relative; } .event-post .inner .content-box .post-meta li{ position:relative; margin-right:10px; display:inline-block; } .event-post .inner .content-box .post-meta li:last-child{ margin-right:0px; } .event-post .inner .content-box .post-meta li a{ position:relative; color:#707070; font-size:12px; font-weight:400; padding-left:18px; } .event-post .inner .content-box .post-meta li a .icon{ position:absolute; left:0px; top:0px; color:#333333; font-size:14px; line-height:1.2em; } .event-post .inner .content-box .text{ position:relative; color:#707070; font-size:13px; line-height:2em; margin-top:8px; } /*News Style Two*/ .news-style-two{ position:relative; margin-bottom:50px; } .news-style-two .inner{ position:relative; } .news-style-two .inner .image-box{ position:relative; } .news-style-two .inner .image-box .image{ position:relative; } .news-style-two .inner .image-box .image img{ position:relative; width:100%; display:block; } .news-style-two .inner .image-box .image .overlay-box{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index:1; text-align: center; background-color: rgba(0,0,0,0.25); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .news-style-two .inner .image-box .image:hover .overlay-box .icon{ border-color:#06d666; color:#06d666; } .news-style-two .inner .image-box .image .overlay-box .icon{ position: relative; width: 80px; height: 80px; top: 50%; font-size: 18px; text-align: center; margin-top: -40px; color: #ffffff; line-height: 74px; font-weight: 700; padding-left: 5px; border-radius: 50%; display: inline-block; border: 3px solid #ffffff; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .news-style-two .inner .lower-content{ position:relative; padding:12px 25px 30px; border:1px solid #f0f0f0; } .news-style-two .inner .lower-content .post-meta{ position:relative; padding-left:80px; } .news-style-two .inner .lower-content .post-meta li{ position:relative; margin-right:12px; display:inline-block; } .news-style-two .inner .lower-content .post-meta li:last-child{ margin-right:0px; } .news-style-two .inner .lower-content .post-meta li a{ position:relative; color:#707070; font-size:12px; font-weight:400; padding-left:22px; } .news-style-two .inner .lower-content .post-meta li a .icon{ position:absolute; left:0px; top:0px; color:#333333; font-size:14px; line-height:1.2em; } .news-style-two .inner .lower-content .posted-date{ position:absolute; left:30px; top:-35px; z-index:1; text-align:center; color:#ffffff; font-size:24px; max-width:56px; width:100%; font-weight:700; padding:7px 6px; line-height:1.2em; background-color:#06d666; } .news-style-two .inner .lower-content .posted-date span{ font-size:13px; display:block; font-weight:400; } .news-style-two .inner .lower-content h3{ position:relative; font-size:18px; font-weight:500; margin-top:25px; color:#222222; margin-bottom:12px; text-transform:uppercase; } .news-style-two .inner .lower-content h3 a{ position:relative; color:#222222; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .news-style-two .inner .lower-content h3 a:hover{ color:#06d666; } .news-style-two .inner .lower-content .text{ position:relative; color:#707070; font-size:13px; line-height:2.2em; margin-bottom:12px; } .news-style-two .inner .lower-content .text p{ position:relative; font-size:13px; font-weight:400; line-height:2em; margin-bottom:22px; } .news-style-two .inner .lower-content .text p:last-child{ margin-bottom:0px; } .news-style-two .inner .lower-content .read-more{ position:relative; color:#222222; font-size:13px; text-transform:capitalize; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .news-style-two .inner .lower-content .read-more:hover{ color:#06d666; } .news-style-two .inner .lower-content .read-more .icon{ color:#06d666; } .news-style-two .inner .lower-content blockquote{ position:relative; color:#000000; font-size:14px; font-weight:400; font-style:italic; border:0px; padding:0px; margin-top:40px; margin-bottom:30px; padding-top:60px; padding-left:50px; border-top:1px solid #ececec; } .news-style-two .inner .lower-content blockquote .quote-icon{ position:absolute; color:#06d666; font-size:26px; left:0px; top:35px; } .blog-single .news-style-two .inner .lower-content{ padding-left:0px; padding-right:0px; border:0px; padding-bottom:0px; } .blog-single .news-style-two .inner .lower-content .post-meta{ padding-left:110px; } .news-style-two .two-column{ position:relative; margin-top:40px; } .news-style-two .two-column .image{ position:relative; } .news-style-two .two-column .image img{ position:relative; width:100%; display:block; } .news-style-two .two-column h4{ color:#222222; font-size:18px; font-weight:400; padding-bottom:15px; margin-bottom:15px; text-transform:capitalize; border-bottom:1px solid #e0e0e0; font-family: 'Merriweather', serif; } .news-style-two .two-column .text{ position:relative; color:#707070; font-size:14px; } .news-style-two .inner .post-options{ position:relative; padding-top:25px; margin-top:40px; border-top:1px solid #ececec; } .news-style-two .inner .post-options .tags{ position:relative; line-height:24px; margin-bottom:7px; } .news-style-two .inner .post-options strong{ color:#222222; font-weight:700; font-size:13px; text-transform:uppercase; } .news-style-two .inner .post-options .tags a{ color:#707070; font-size:13px; } .news-style-two .inner .post-options .categories{ position:relative; line-height:24px; margin-bottom:10px; } .news-style-two .inner .post-options .categories a{ color:#666666; } .news-style-two .inner .post-options .share-options{ position:relative; text-align:left; } .news-style-two .inner .post-options .social-links{ margin-top:10px; } .news-style-two .inner .post-options .social-links li{ position:relative; display:inline-block; margin-left:6px; } .news-style-two .inner .post-options .social-links li a{ position:relative; display:block; width:30px; height:30px; font-size:13px; line-height:28px; text-align:center; color:#969696; border:2px solid #969696; border-radius:50%; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .news-style-two .inner .post-options .social-links li a:hover{ color:#ffffff; background:#06d666; border-color:#06d666; } /*list style one*/ .list-style-one{ position:relative; } .list-style-one li{ position:relative; color:#707070; font-size:13px; padding-left:25px; margin-bottom:12px; } .list-style-one li:before{ position:absolute; content:'\f00c'; left:0px; top:0px; color:#06d666; font-size:14px; font-family: 'FontAwesome'; } /*list style two*/ .list-style-two{ position:relative; margin-bottom:25px; } .list-style-two li{ position:relative; padding-left:15px; margin-bottom:8px; color:#707070; font-size:13px; } .list-style-two li:before{ position:absolute; content:'\f105'; left:0px; top:0px; color:#06d666; font-family: 'FontAwesome'; } /*** ==================================================================== subscribe-style-one ==================================================================== ***/ .subscribe-style-one{ position:relative; padding:55px 0px 40px; background-color:#06d666; background-position:center center; } .subscribe-style-one h2{ position:relative; color:#ffffff; font-size:24px; font-weight:700; margin-top:18px; margin-bottom:10px; text-transform:uppercase; font-family: 'Merriweather', serif; } .subscribe-style-one .text{ position:relative; font-size:14px; color:#ffffff; margin-bottom: 20px; } .subscribe-style-one form{ position:relative; margin-top: 20px; } .subscribe-style-one .form-group{ position: relative; display: block; margin-bottom:30px; z-index:1; } .subscribe-style-one .form-group input[type="email"]::-webkit-input-placeholder{ color:#ffffff; } .subscribe-style-one .form-group input[type="text"], .subscribe-style-one .form-group input[type="tel"], .subscribe-style-one .form-group input[type="email"], .subscribe-style-one .form-group textarea { position: relative; display: inline-block; width: 100%; line-height: 25px; padding: 10px 0px; height: 55px; color: #ffffff; font-size: 14px; background: none; max-width:210px; margin-right:40px; margin-bottom:15px; border-bottom: 1px solid rgba(255,255,255,0.8); -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .subscribe-style-one .form-group input[type="submit"], .subscribe-style-one .form-group button { position:relative; top: 0; right: 0; height:40px; font-size:13px; color:#ffffff; border-color:#ffffff; display:inline-block; } .subscribe-style-one .form-group input[type="email"]:focus{ border-color:#ffffff; } /*** ==================================================================== Fancy Box ==================================================================== ***/ .fancybox-next span, .fancybox-prev span{ background-image:none !important; width:44px !important; height:44px !important; line-height:44px !important; text-align:center; } .fancybox-next span:before, .fancybox-prev span:before{ content:''; position:absolute; font-family: 'FontAwesome'; left:0px; top:0px; font-size:12px; width:44px !important; height:44px !important; line-height:44px !important; background-color:rgba(28,28,28,0.40) !important; color:#ffffff; visibility:visible; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .fancybox-next span:before{ content:'\f178'; } .fancybox-prev span:before{ content:'\f177'; } .fancybox-next:hover span:before, .fancybox-prev:hover span:before{ background-color:#ffffff !important; color:#000000; } .fancybox-type-image .fancybox-close{ right:0px; top:0px; width:45px; height:45px; background:url(../images/icons/icon-cross.png) center center no-repeat; background-color:rgba(17,17,17,0.50) !important; } .fancybox-type-image .fancybox-close:hover{ background-color:#000000 !important; } .fancybox-type-image .fancybox-skin{ padding:0px !important; } /*** ==================================================================== Main Footer ==================================================================== ***/ .main-footer{ position:relative; background-color:#222222; } .main-footer .widgets-section{ position: relative; padding: 80px 0px 0px; z-index: 1; } .main-footer .footer-column{ margin-bottom:30px; } .main-footer .contact-widget .text{ position:relative; color:#ababab; font-size:13px; line-height:2em; margin-top:25px; margin-bottom:20px; } /*Contact Info*/ .main-footer .contact-info{ position:relative; margin-bottom:30px; } .main-footer .contact-info li{ position:relative; line-height:28px; padding-left:35px; margin-bottom:16px; color:#ababab; font-size:13px; } .main-footer .contact-info li .icon{ position:absolute; left:0px; top:0px; line-height:26px; font-size:18px; color:#06d666; } .main-footer a{ -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .main-footer .footer-column h2{ font-size:18px; font-weight:500; text-transform:uppercase; margin-bottom:40px; color:#ffffff; padding-bottom:15px; } .main-footer .footer-column h2:before{ content: ''; position: absolute; left: 0px; bottom: 0px; width: 40px; border-bottom: 1px solid #06d666; } /*Gallery Widget*/ .main-footer .gallery-widget{ position:relative; padding-left:60px; } .main-footer .gallery-widget .images-outer{ position:relative; margin:0px -3px; } .main-footer .gallery-widget .image-box{ position:relative; float:left; width:33.333%; padding:0px 3px; margin-bottom:6px; } .main-footer .gallery-widget .image-box img{ position:relative; display:block; width: 99px; height: 75px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .main-footer .gallery-widget .image-box img:hover{ opacity:0.70; } /*Footer Sponsors Slider*/ .footer-sponsors-slider{ margin-bottom:50px; } .footer-sponsors-slider .slide{ text-align:center; } .footer-sponsors-slider .slide img{ opacity:0.37; width:auto; display:inline-block; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .footer-sponsors-slider .slide img:hover{ opacity:1; } .footer-sponsors-slider .owl-nav, .footer-sponsors-slider .owl-dots{ display:none; } /*newsletter form*/ .main-footer .newsletter-form .form-group{ position:relative; display:block; margin:0px; } .main-footer .newsletter-form .form-group input[type="text"], .main-footer .newsletter-form .form-group input[type="tel"], .main-footer .newsletter-form .form-group input[type="email"], .main-footer .newsletter-form .form-group textarea{ position:relative; display:block; width:100%; line-height:22px; padding:6px 50px 6px 15px; height:40px; color:#ffffff; font-size:14px; border-radius:50px; background:#403c3c; border:1px solid #515151; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .main-footer .newsletter-form .form-group input[type="text"]:focus, .main-footer .newsletter-form .form-group input[type="tel"]:focus, .main-footer .newsletter-form .form-group input[type="email"]:focus, .main-footer .newsletter-form .form-group textarea:focus{ background:rgba(255,255,255,0.15); } .main-footer .newsletter-form .form-group input[type="submit"], .main-footer .newsletter-form button{ position:absolute; right:0px; top:0px; width:140px; height:40px; font-size:13px; line-height:40px; color:#ffffff; font-weight:700; background:#06d666; text-transform:uppercase; border-radius:0px 50px 50px 0px; } .main-footer .footer-bottom{ position:relative; padding:25px 0px; margin-top:50px; background-color:#161616; } .main-footer .footer-bottom .copyright{ position:relative; color:#909090; font-size:13px; } .main-footer .footer-bottom .footer-icon{ position:relative; text-align:right; } .main-footer .footer-bottom .footer-icon a{ position:relative; color:#ababab; font-size:16px; margin-left:15px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .main-footer .footer-bottom .footer-icon a:hover{ color:#06d666; } .main-footer.footer-style-two .footer-upper{ position:relative; padding:70px 0px 30px; text-align:center; background-color:#222222; } .footer-style-two .footer-logo { position: relative; margin: -20px 0px 0px; } .footer-style-two .footer-nav{ position:relative; text-align:center; margin-top:10px; margin-bottom:25px; } .footer-style-two .footer-nav li{ position:relative; display:inline-block; margin-right:12px; padding-right:12px; line-height:1em; } .footer-style-two .footer-nav li.current a, .footer-style-two .footer-nav li a:hover{ color:#06d666; } .footer-style-two .footer-nav li a{ position:relative; color:#777777; font-weight:400; font-size:14px; text-transform:uppercase; } .footer-style-two .footer-bottom{ text-align:center; } /*** ==================================================================== About Section ==================================================================== ***/ .about-us-section{ position:relative; padding:110px 0px 120px; } .about-us-section .image-column{ position:relative; margin-bottom:25px; } .about-us-section .image-column .image{ text-align:center; } .about-us-section .content-column .inner{ padding-left:50px; } .info-block{ position:relative; margin-bottom:44px; } .info-block .inner-box{ position:relative; } .info-block .inner-box .icon-box{ position:relative; } .info-block .inner-box .icon-box .icon{ position:relative; color:#06d666; font-size:46px; } .info-block .inner-box h3{ position:relative; font-size:14px; font-weight:700; padding:20px 0px 14px; text-transform:uppercase; font-family: 'Merriweather', serif; } .info-block .inner-box h3 a{ color:#222222; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .info-block .inner-box h3 a:hover{ color:#06d666; } .info-block .inner-box .text{ position:relative; color:#707070; font-size:13px; line-height:2.2em; } .sponsors-section{ position:relative; padding-top:35px; text-align:center; border-top:1px solid #ececec; } .sponsors-section .owl-nav, .sponsors-section .owl-dots{ display:none; } .sponsors-section .sponsors-slider .image-box{ border:1px solid #ececec; text-align:center; display:inline-block; } .sponsors-section .sponsors-slider .image-box img{ opacity:0.5; width:auto; display:inline-block; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .sponsors-section .sponsors-slider .image-box img:hover{ opacity:1; } /*** ==================================================================== Event Section ==================================================================== ***/ .event-section{ position:relative; padding:110px 0px 120px; background-color:#fafafa; } .event-section .single-item-carousel.owl-themes .event-style-one{ padding-top:30px; } .event-style-one{ position:relative; } .event-style-one .inner-box{ position:relative; padding:0px 26px 20px; background-color:#ffffff; } .event-style-one .inner-box .image-column{ position:relative; } .event-style-one .inner-box .image-column .image{ position:relative; margin-top:-30px; display:inline-block; } .event-style-one .inner-box .image-column .image img{ position:relative; width:100%; display:block; border-radius:3px; } .event-style-one .inner-box .content-column{ position:relative; } .event-style-one .inner-box .content-column .column-inner{ position:relative; margin-top:40px; } .event-style-one .inner-box .content-column .column-inner .posted-date{ font-size:16px; color:#707070; font-weight:600; margin-bottom:12px; text-transform:uppercase; font-family: 'Poppins', sans-serif; } .event-style-one .inner-box .content-column .column-inner h3{ position:relative; font-size:26px; line-height:1.6em; font-family: 'Merriweather', serif; } .event-style-one .inner-box .content-column .column-inner h3 a{ color:#222222; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .event-style-one .inner-box .content-column .column-inner h3 a:hover{ color:#06d666; } .event-style-one .inner-box .content-column .column-inner .text{ position:relative; color:#707070; font-size:13px; line-height:2.2em; margin-top:16px; margin-bottom:20px; } /*** ==================================================================== Countdown style ==================================================================== ***/ .time-counter{ position:relative; margin-bottom:20px; } .time-counter .time-countdown{ position:relative; } .time-counter .time-countdown .counter-column{ position:relative; display:inline-block; margin:0px 0px 0px 0px; color:#06d666; font-size:13px; line-height:2.4em; text-transform:capitalize; text-align:center; min-width:75px; } .time-counter .time-countdown .counter-column:after{ position:absolute; content:''; right:0px; top:15px; width:1px; height:35px; background-color:#ececec; } .time-counter .time-countdown .counter-column .count{ position:relative; display:block; font-size:27px; line-height:1.4em; padding:0px 0px; color:#222222; font-weight:700; letter-spacing:1px; } .time-counter.style-two{ margin-bottom:0px; } .time-counter.style-two .counter-column .count{ color:#ffffff; } .event-section .owl-nav{ position:absolute; right:10px; top:50px; } .event-section .owl-nav .owl-prev, .event-section .owl-nav .owl-next{ position:relative; display:inline-block; margin:0px 15px; color:#e5e5e5; font-size:14px; } .event-section .owl-nav .owl-prev:after{ position: absolute; content: ''; right: -14px; top: 3px; width: 1px; height: 18px; background-color: #e5e5e5; } .cause-box-two{ position:relative; margin-bottom:30px; } .cause-box-two .inner-box{ position:relative; padding:8px; border-radius:3px; border:1px solid #ececec; } .cause-box-two .inner-box{ position:relative; } .cause-box-two .inner-box .image-column{ position:relative; } .cause-box-two .inner-box .image-column .image{ position:relative; } .cause-box-two .inner-box .image-column .image .overlay-box{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:block; opacity:0; text-align:center; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; -moz-transition: all 600ms ease; transition: all 600ms ease; background-color:rgba(6,214,106,0.90); } .cause-box-two .inner-box:hover .image-column .image .overlay-box{ opacity:1; } .cause-box-two .inner-box .image-column .image .overlay-box .search-btn{ position:relative; width:40px; height:40px; top:45%; margin:0 auto; font-size:18px; line-height:40px; border-radius:50%; margin-top:-20px; display:inline-block; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; -moz-transition: all 600ms ease; transition: all 600ms ease; background-color:rgba(255,255,255,1); } .cause-box-two .inner-box .image-column .image .overlay-box .search-btn:hover{ color:#0af576; } .cause-box-two .inner-box .image-column .image img{ position:relative; width:100%; display:block; } .cause-box-two .inner-box .column{ position:relative; padding:0px; } .cause-box-two .inner-box .content-column{ position:relative; padding:25px 20px 5px; } .cause-box-two .inner-box .content-column .donate-bar{ position: relative; width: 100%; height: 10px; margin-bottom: 5px; } .cause-box-two .inner-box .content-column .bar-inner{ position: relative; width: 100%; overflow: hidden; height: 10px; border: 1px solid #ececec; background: #fafafa; border-radius: 5px; } .cause-box-two .inner-box .bar-inner .bar { position: absolute; left: -100%; top: -1px; height: 10px; background: #06d666; border-radius: 5px; -webkit-transition: all 2000ms ease; -ms-transition: all 2000ms ease; -o-transition: all 2000ms ease; -moz-transition: all 2000ms ease; transition: all 2000ms ease; } .cause-box-two .inner-box .content-column .donate-bar.animated .bar-inner .bar{ left:-1px; } .cause-box-two .inner-box .content-column{ position:relative; } .cause-box-two .inner-box .donate-info{ position:relative; margin-top:12px; margin-bottom:10px; } .cause-box-two .inner-box .donate-info .percentage{ position:absolute; left:50%; margin-left:-15px; } .cause-box-two .inner-box .donate-info .amount{ position:relative; line-height:24px; text-transform:uppercase; font-weight:400; color:#333333; } .cause-box-two .inner-box .donate-info .raised{ float:left; } .cause-box-two .inner-box .donate-info .goal{ float:right; } .cause-box-two .inner-box h3{ position:relative; font-size:14px; font-weight:700; text-transform:uppercase; font-family: 'Merriweather', serif; } .cause-box-two .inner-box h3 a{ color:#333333; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .cause-box-two .inner-box h3 a:hover{ color:#06d666; } .cause-box-two .inner-box .text{ position:relative; color:#777777; font-size:13px; font-weight:400; line-height:2em; margin-top:15px; } .cause-box-two .inner-box .donate-btn{ position:relative; color:#222222; font-size:13px; font-weight:400; margin-bottom:10px; text-transform:capitalize; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .cause-box-two .inner-box .donate-btn .icon{ color:#06d666; font-size:14px; margin-left:6px; margin-top:6px; display:inline-block; } .cause-box-two .inner-box .donate-btn:hover{ color:#06d666; } /*** ==================================================================== Volunteers Section ==================================================================== ***/ .volunteers-section{ position:relative; padding:110px 0px 10px; } .volunteers-section .sec-title{ margin-bottom:100px; } .volunteer-member{ position:relative; margin-bottom:90px; } .volunteer-member .inner-box{ position:relative; border:1px solid #f6f6f6; display:block; padding:0px 30px 35px; text-align:center; border-radius:2px; background:#f6f6f6; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.10); -ms-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.10); -o-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.10); -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.10); box-shadow:0px 0px 10px 0px rgba(0,0,0,0.10); } .volunteer-member .inner-box:hover{ border-color:#e0e0e0; background:#ffffff; box-shadow:none; } .volunteer-member .image-box{ position:relative; width:134px; height:134px; overflow:hidden; margin:0 auto; margin-top:-75px; margin-bottom:35px; border:5px solid #ffffff; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .volunteer-member .image-box img{ display:block; width:100%; } .volunteer-member .info{ position:relative; margin:0 auto 20px; } .volunteer-member .info h3{ font-size:17px; font-weight:500; text-transform:uppercase; line-height:1.6em; margin-bottom:3px; } .volunteer-member .info h3 a{ color:#333333; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .volunteer-member .info h3 a:hover{ color:#06d666; } .volunteer-member .info .designation{ font-size:14px; line-height:1.8em; color:#707070; font-style:italic; } .volunteer-member .social-links{ position:relative; padding-top:20px; border-top:1px solid #ebebeb; } .volunteer-member .social-links li{ position:relative; display:inline-block; line-height:1em; margin:0px 7px; } .volunteer-member .social-links li a{ font-size:14px; color:#666666; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .volunteer-member .social-links li a:hover{ color:#06d666; } .volunteer-member.style-two .inner-box{ box-shadow:none; } .volunteer-member.style-two .image-box{ margin-top:40px; } .volunteer-member.style-two .inner-box:hover .image-box{ border-color:#eae9e9; } /*** ==================================================================== History Section ==================================================================== ***/ .history-section{ position:relative; padding:110px 0px 80px; } /*Video Box*/ .video-box{ position:relative; margin-bottom:40px; } .video-box .image img{ position:relative; width:100%; } .video-box .overlay-box{ position:absolute; left:0px; top:0px; width:100%; height:100%; text-align:center; background-color:rgba(0,0,0,0.17); transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .video-box:hover .overlay-box{ background-color:rgba(0,0,0,0.50); } .video-box .overlay-box span{ position: relative; width: 80px; height: 80px; top: 50%; font-size: 16px; text-align: center; margin-top: -40px; color: #ffffff; line-height: 78px; font-weight:700; padding-left:5px; border-radius:50%; display: inline-block; border: 2px solid #ffffff; } .history-section .content-column{ position:relative; } .history-section .content-column .inner-box{ position:relative; padding-left:50px; } .history-section .content-column .inner-box .text-dark{ position:relative; color:#333333; font-size:18px; font-style:italic; margin-bottom:20px; line-height:1.8em; } .history-section .content-column .inner-box .text{ position:relative; } .history-section .content-column .inner-box .text p{ position:relative; color:#707070; font-size:13px; margin-bottom:20px; line-height:2.2em; } .history-section .content-column .inner-box .text p:last-child{ margin-bottom:0px; } .history-section .content-column .inner-box .founder{ position:relative; margin-top:40px; } .history-section .content-column .inner-box .founder .inner{ position:relative; padding-left:100px; padding-top:5px; } .history-section .content-column .inner-box .founder .inner .image{ position:absolute; left:0px; top:0px; width:74px; height:74px; border-radius:50%; overflow:hidden; } .history-section .content-column .inner-box .founder .inner h3{ position:relative; color:#222222; font-size:22px; } .history-section .content-column .inner-box .founder .inner a{ position:relative; color:#06d666; font-size:14px; margin-top:6px; display:inline-block; text-decoration:underline; } /*** ==================================================================== We Do Section ==================================================================== ***/ .we-do-section{ position:relative; padding:110px 0px 120px; background-size:cover; background-attachment:fixed; background-repeat:no-repeat; background-position:center center; } .we-do-section h2{ position:relative; color:#222222; font-size:30px; font-weight:600; margin-bottom:40px; padding-bottom:10px; text-transform:capitalize; } .we-do-section h2:after{ position:absolute; content:''; left:0px; bottom:0px; width:35px; height:1px; background-color:#06d666; } .we-do-section .content-box{ position:relative; max-width:830px; width:100%; } .we-do-section .content-box .row{ margin:0px -3px; } .we-do-section .content-box .service-style-two{ padding:0px 2px; } .service-style-two{ position:relative; margin-bottom:3px; } .service-style-two .inner{ position:relative; background-color:#ffffff; padding:30px 30px 35px 100px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .service-style-two .inner .icon-box{ position:absolute; left:30px; top:30px; color:#06d666; font-size:38px; line-height:1em; margin-bottom:20px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .service-style-two .inner h3{ position:relative; font-size:14px; font-weight:700; margin-bottom:15px; text-transform:uppercase; font-family: 'Merriweather', serif; } .service-style-two .inner h3 a{ color:#222222; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .service-style-two .inner .text{ position:relative; color:#707070; font-size:13px; line-height:2em; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .service-style-two .inner:hover{ background-color:#06d666; } .service-style-two .inner:hover .icon-box, .service-style-two .inner:hover h3 a, .service-style-two .inner:hover .text{ color:#ffffff; } /*** ==================================================================== Default Section ==================================================================== ***/ .default-section{ position:relative; padding:120px 0px 50px; background-color:#fafafa; } .default-section .sponsors-column, .default-section .form-column{ position:relative; margin-bottom:40px; } .default-section .sponsors-column h2, .default-section .form-column h2{ position:relative; font-size:26px; font-weight:600; color:#222222; padding-bottom:12px; margin-bottom:40px; text-transform:uppercase; } .default-section .sponsors-column h2:after, .default-section .form-column h2:after{ position:absolute; content:''; left:0px; bottom:0px; width:45px; height:1px; background-color:#06d666; } .default-section .sponsors-column .inner-box .row{ text-align:center; } .default-section .sponsors-column .image{ border:1px solid #ececec; margin-bottom:30px; display:inline-block; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .default-section .sponsors-column .image img{ width:auto; display:inline-block; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .default-section .sponsors-column .image:hover{ border-color:#06d666; } .default-section .sponsors-column .image:hover img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } .default-section .form-column .inner-box{ position:relative; padding-left:80px; } .testimonial-section-two{ position:relative; padding:90px 0px 90px; } .testimonial-section-two:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:rgba(6,214,102,0.97) } .testimonial-section-two .single-item-carousel{ padding:0px 60px; } .testimonial-style-two{ position:relative; } .testimonial-style-two .inner-box{ position:relative; text-align:center; } .testimonial-style-two .inner-box .image-box{ position:relative; width:84px; height:84px; margin:0 auto; overflow:hidden; border-radius:50%; border:2px solid #ffffff; } .testimonial-style-two .inner-box .image-box img{ border-radius:50%; overflow:hidden; } .testimonial-style-two .inner-box .text{ position:relative; font-size:14px; color:#ffffff; max-width:680px; margin:0 auto; line-height:2.2em; margin-top:28px; margin-bottom:25px; } .testimonial-style-two h3{ color:#ffffff; font-size:14px; font-weight:600; margin-bottom:5px; text-transform:uppercase; } .testimonial-section-two .owl-dots{ position:relative; text-align:center; padding:20px 0px 0px; } .testimonial-section-two .owl-dots .owl-dot{ position:relative; display:inline-block; margin:0px 3px; } .testimonial-section-two .owl-dots .owl-dot span{ position:relative; display:block; width:12px; height:12px; margin:0px; background:none; border-radius:50%; border:2px solid #ffffff; -webkit-transform:scale(0.7,0.7); -ms-transform:scale(0.7,0.7); transform:scale(0.7,0.7); transition:all 500ms ease; } .testimonial-section-two .owl-dots .owl-dot.active span{ border-color:#ffffff; background:#ffffff; } .testimonial-section-two .owl-nav{ position:absolute; left:0px; top:50%; width:100%; } .testimonial-section-two .owl-nav .owl-prev, .testimonial-section-two .owl-nav .owl-next{ display:inline-block; color:#ffffff; } .testimonial-section-two .owl-nav .owl-prev{ position:absolute; left:0px; padding:20px 20px 20px 0px; border-right:1px solid #ffffff; } .testimonial-section-two .owl-nav .owl-next{ position:absolute; right:0px; padding:20px 0px 20px 20px; border-left:1px solid #ffffff; } /*News Style Three*/ .news-style-three{ position:relative; margin-bottom:100px; } .news-style-three .inner{ position:relative; padding:0px 20px 0px; background-color:#fafafa; } .news-style-three .inner .image-box{ position:relative; top:-60px; } .news-style-three .inner .image-box .image{ position:relative; margin-bottom:-60px; } .news-style-three .inner .image-box .image img{ position:relative; width:100%; display:block; border-radius:2px; } .news-style-three .inner .lower-content{ position:relative; padding:0px 15px 30px; } .news-style-three .inner .lower-content .post-meta{ position:relative; padding-left:80px; padding-top:14px; } .news-style-three .inner .lower-content .post-meta li{ position:relative; margin-right:10px; display:inline-block; } .news-style-three .inner .lower-content .post-meta li:last-child{ margin-right:0px; } .news-style-three .inner .lower-content .post-meta li a{ position:relative; color:#707070; font-size:12px; font-weight:400; padding-left:20px; } .news-style-three .inner .lower-content .post-meta li a .icon{ position:absolute; left:0px; top:0px; color:#707070; font-size:14px; line-height:1.2em; } .news-style-three .inner .lower-content .posted-date{ position:absolute; left:25px; top:-35px; z-index:1; text-align:center; color:#ffffff; font-size:24px; max-width:56px; width:100%; font-weight:700; padding:7px 6px; line-height:1.2em; background-color:#06d666; } .news-style-three .inner .lower-content .posted-date span{ font-size:13px; display:block; font-weight:400; } .news-style-three .inner .lower-content h3{ position:relative; font-size:15px; font-weight:500; margin-top:25px; margin-bottom:12px; text-transform:uppercase; } .news-style-three .inner .lower-content h3 a{ position:relative; color:#222222; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .news-style-three .inner .lower-content h3 a:hover{ color:#06d666; } .news-style-three .inner .lower-content .text{ position:relative; color:#707070; font-size:13px; line-height:2.2em; margin-bottom:12px; } .news-style-three .inner .lower-content .read-more{ position:relative; color:#222222; font-size:13px; text-transform:capitalize; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .news-style-three .inner .lower-content .read-more:hover{ color:#06d666; } .news-style-three .inner .lower-content .read-more .icon{ position:relative; color:#06d666; top:1px; } /*** ==================================================================== Page Title Style ==================================================================== ***/ .page-title{ position:relative; padding:120px 120px; text-align:center; background-size:cover; background-attachment:fixed; background-repeat:no-repeat; background-position:center center; } .page-title:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.82); } .page-title .inner-box{ position:relative; } .page-title h1{ font-size:44px; margin-bottom:0px; font-weight:700; color:#ffffff; text-transform:uppercase; font-family: 'Merriweather', serif; } .page-title .bread-crumb{ position:relative; color:#ffffff; } .page-title .bread-crumb li{ position:relative; color:#06d666; margin-right:10px; display:inline-block; text-transform:uppercase; } .page-title .bread-crumb li:first-child:before{ position:absolute; content:'/'; right:0px; top:0px; color:#ffffff; font-size:14px; } .page-title .bread-crumb li a{ position:relative; font-size:14px; color:#ffffff; margin:0px 5px; padding-right:10px; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .page-title .bread-crumb li a:hover, .page-title .bread-crumb li a.current{ position:relative; color:#06d666; } /*** ==================================================================== Styled Pagination ==================================================================== ***/ .styled-pagination{ position:relative; } .styled-pagination ul{ position:relative; display:inline-block; } .styled-pagination li{ position:relative; display:block; float:left; margin:0px 10px 10px 0px; } .styled-pagination li a{ position:relative; display:inline-block; line-height:14px; padding:9px 5px; height:34px; font-size:14px; min-width:34px; color:#707070; font-weight:400; text-align:center; border-radius:2px; background:#f0f0f0; text-transform:capitalize; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } .styled-pagination li a:hover, .styled-pagination li a.active{ color:#ffffff; background:#06d666; } /*Contact Section*/ .contact-section{ position:relative; padding:115px 0px 100px; } .contact-section h2{ position:relative; font-size:25px; font-weight:700; color:#222222; text-transform:uppercase; padding-bottom:15px; margin-bottom:50px; text-align:center; font-family: 'Merriweather', serif; } .contact-section h2:before{ content:''; position:absolute; left:50%; margin-left:-15px; bottom:0px; width:45px; border-bottom:1px solid #06d666; } /*Contact Info*/ .contact-section .contact-info{ position:relative; padding-bottom:50px; } .contact-section .contact-info .info-block{ position:relative; display:block; margin-bottom:30px; } .contact-section .contact-info .info-block .inner-box{ position:relative; display:block; padding:0px 0px 0px 100px; line-height:24px; font-size:14px; color:#707070; min-height:80px; } .contact-section .contact-info .info-block .inner-box h4{ font-weight:700; text-transform:uppercase; margin-bottom:5px; font-size:15px; color:#333333; font-family: 'Merriweather', serif; } .contact-section .contact-info .info-block .inner-box .icon-box{ position:absolute; left:0px; top:0; text-align:center; width:70px; height:70px; line-height:64px; background:#06d666; font-size:30px; color:#ffffff; border-radius:50%; border:2px solid #ffffff; -webkit-box-shadow:0px 0px 1px 2px #43e08b; -ms-box-shadow:0px 0px 1px 2px #43e08b; box-shadow:0px 0px 1px 2px #43e08b; } /*Contact Form*/ .contact-section .contact-form{ position:relative; } .contact-form .form-group{ position: relative; margin-bottom: 25px; } .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="password"], .contact-form select, .contact-form textarea{ display:block; width:100%; line-height:24px; height:46px; font-size:13px; border:1px solid #e0e0e0; padding:8px 25px; background:none; color:#111111; border-radius:25px; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus{ border-color:#06d666; background:none; } .contact-form input.error, .contact-form select.error, .contact-form textarea.error{ border-color:#ff0000 !important; } .contact-form label.error{ display:none !important; line-height:24px; padding:5px 0px 0px; margin:0px; text-transform:uppercase; font-size:11px; color:#ff0000; font-weight:500; } .contact-form textarea{ height:170px; resize:none; padding:12px 25px; } /*** ==================================================================== Map Section Style ==================================================================== ***/ .map-section{ position:relative; } .map-section .map-container{ position:relative; z-index:10; } .map-data{ text-align:center; font-size:14px; font-weight:400; } .map-section .map-content{ line-height:24px; } .map-section .map-canvas{ position:relative; height:530px; } .map-section .map-canvas.style-two{ height:360px; } .map-data h6{ font-size:16px; font-weight:700; text-align:center; margin-bottom:5px; color:#121212; } .sidebar-page-container{ position:relative; padding:120px 0px 120px; } /*Sidebar*/ .sidebar-side .sidebar{ position:relative; padding-left:40px; } .sidebar .sidebar-widget{ position:relative; margin-bottom:50px; } .sidebar .sidebar-widget .sidebar-title{ position:relative; margin-bottom:30px; } .sidebar .sidebar-widget .sidebar-title h3{ position:relative; font-size:16px; line-height:1.5em; text-transform:uppercase; font-weight:700; color:#333333; padding-bottom:15px; font-family: 'Merriweather', serif; } .sidebar .sidebar-widget .sidebar-title h3:after{ content:''; position:absolute; left:0; width:38px; bottom:0px; border-bottom:1px solid #06d666; } /*Search Box Widget*/ .sidebar .search-box .form-group{ position:relative; margin:0px; } .sidebar .search-box .form-group input[type="text"], .sidebar .search-box .form-group input[type="search"]{ position:relative; line-height:26px; padding:10px 50px 10px 20px; border:1px solid #e0e0e0; background:none; color:#333333; display:block; font-size:13px; width:100%; height:48px; border-radius:25px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .sidebar .search-box .form-group input:focus{ border-color:#06d666; } .sidebar .search-box .form-group button{ position:absolute; right:0px; top:0px; height:48px; width:50px; line-height:46px; display:block; font-size:12px; color:#999999; background:none; font-weight:normal; } .sidebar .search-box .form-group input:focus + button, .sidebar .search-box .form-group button:hover{ color:#06d666; } /*List*/ .sidebar .list{ position:relative; } .sidebar .list li{ position:relative; line-height:24px; border-bottom:1px solid #ececec; } .sidebar .list li a{ position:relative; display:block; color:#666666; font-size:13px; font-weight:400; line-height:24px; padding:14px 0px 12px; font-family: 'Merriweather', serif; } .sidebar .list li a:hover, .sidebar .list li.current a{ color:#222222; } /*Post Widget*/ .sidebar .popular-posts .post{ position:relative; font-size:14px; color:#666666; padding:0px 0px; padding-left:100px; min-height:110px; margin-bottom:30px; border-bottom:1px solid #ececec; } .sidebar .popular-posts .post:last-child{ margin-bottom:0px; } .sidebar .popular-posts .post .post-thumb{ position:absolute; left:0px; top:0px; width:78px; } .sidebar .popular-posts .post:hover .post-thumb img{ opacity:0.70; } .sidebar .popular-posts .post .post-thumb img{ display:block; width:100%; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .sidebar .popular-posts .post .text{ font-size:13px; margin:0px 0px 5px; font-weight:500; text-transform:uppercase; font-family: 'Poppins', sans-serif; } .sidebar .popular-posts .post .text a{ color:#222222; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .sidebar .popular-posts .post a, .sidebar .popular-posts .post a:hover{ color:#06d666; } .sidebar .popular-posts .post-info{ font-size:12px; color:#707070; font-style:italic; } /*Causes Box Box*/ .urgent-causes .causes-box{ position:relative; background-size:cover; } .urgent-causes .causes-box .inner{ position:relative; padding:75px 15px; text-align:center; } .urgent-causes .causes-box .inner:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.80); } .urgent-causes .causes-box .inner h4{ position:relative; font-size:16px; color:#ffffff; font-weight:600; text-transform:capitalize; } .urgent-causes .causes-box .inner .text{ position:relative; color:#ffffff; font-weight:500; margin-top:12px; font-family: 'Poppins', sans-serif; } /*Search Box Widget*/ .sidebar .news-letter .form-group{ position:relative; margin:0px; } .sidebar .news-letter .form-group input[type="text"], .sidebar .news-letter .form-group input[type="email"]{ position:relative; line-height:26px; padding:10px 50px 10px 20px; border:1px solid #ececec; background:none; color:#333333; display:block; font-size:13px; width:100%; height:48px; border-radius:25px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .sidebar .news-letter .form-group input:focus{ border-color:#06d666; } .sidebar .news-letter .form-group button{ position:absolute; right:0px; top:0px; height:48px; width:50px; line-height:46px; display:block; font-size:16px; color:#ffffff; background:#06d666; font-weight:normal; border-radius:0px 50px 50px 0px; } /*Range Slider Widget*/ .rangeslider-widget .outer-box{ position:relative; padding:10px 0px 0px; } .rangeslider-widget .form-group{ position:relative; color:#333333; font-weight:500; font-size:14px; margin:30px 0px 0px; } .rangeslider-widget .val-box{ position:relative; display:inline-block; margin:7px 5px 0px 0px; line-height:24px; font-size:14px; padding:5px 0px; width:50px; text-align:center; color:#707070; font-weight:400; } .rangeslider-widget .noUi-connect{ background:#06d666 !important; box-shadow:none; } .rangeslider-widget .noUi-background{ background:#f4f4f4 !important; } .rangeslider-widget .noUi-handle{ top:-7px !important; background-color:transparent !important; box-shadow:none; border:6px solid #06d666 !important; cursor:pointer; width:10px; height:19px; border-radius:50%; background:#ffffff !important; margin-left:14px; } .rangeslider-widget .noUi-horizontal{ height:7px !important; box-shadow:none !important; background:#f4f4f4; border:0px; } /*List Two*/ .sidebar .list-two{ position:relative; } .sidebar .list-two li{ position:relative; line-height:24px; border-bottom:1px solid #ececec; } .sidebar .list-two li a{ position:relative; display:block; color:#666666; font-size:13px; font-weight:400; line-height:24px; padding:15px 0px; padding-right:26px; } .sidebar .list-two li a:before { content: "\f0a4"; font-family: "FontAwesome"; font-size: 14px; right: 0; top:18px; line-height: 24px; position: absolute; } .sidebar .list-two li a:hover{ color:#222222; } .sidebar .related-posts .product-post{ position:relative; font-size:14px; color:#cccccc; padding:0px 0px; padding-left:110px; min-height:108px; margin-bottom:30px; border-bottom:1px solid #ececec; } .sidebar .related-posts .product-post:last-child{ margin-bottom:0px; } .sidebar .related-posts .product-post .post-thumb{ position:absolute; left:0px; top:0px; width:78px; } .sidebar .related-posts .product-post .post-thumb img{ display:block; width:100%; } .sidebar .related-posts .product-post h4{ position:relative; top:0px; font-size:14px; font-weight:400; color:#222222; margin-bottom:5px; font-family: 'Merriweather', serif; } .sidebar .related-posts .product-post h4 a{ color:#222222; } .sidebar .related-posts .product-post a, .sidebar .related-posts .product-post a:hover{ color:#06d666; } .sidebar .related-posts .product-post .price li{ position:relative; font-size:12px; display:inline-block; } .sidebar .related-posts .product-post .price li.strike-through{ color:#aaaaaa; margin-right:8px; } .sidebar .related-posts .product-post .price li{ font-weight:700; color:#222222; } .sidebar .related-posts .product-post .rating{ position:relative; } .sidebar .related-posts .product-post .rating .fa{ position:relative; display:inline-block; margin-right:3px; font-size:14px; line-height:26px; color:#29af8a; } .sidebar .related-posts .product-post .rating .grey-star{ color:#c2c2c2; } /*** ==================================================================== Comments Area ==================================================================== ***/ .sidebar-page-container .comments-area{ position:relative; margin-bottom:60px; } .sidebar-page-container .comments-area .group-title{ position:relative; margin-bottom:40px; } .sidebar-page-container .comments-area .group-title h2{ font-size:18px; color:#000000; font-weight:700; padding-bottom:16px; border-bottom:1px solid #e0e0e0; text-transform:uppercase; font-family: 'Merriweather', serif; } .comments-area .comment-box{ position:relative; } .comments-area .comment{ position:relative; margin-bottom:30px; } .comments-area .comment .comment-content{ position:relative; padding:0px; padding-bottom:20px; border-bottom:1px solid #e0e0e0; } .comments-area .comment:last-child .comment-content{ margin-bottom:0px; } .comments-area .reply-comment{ margin-left:55px; } .comments-area .comment.reply-comment .author-thumb{ width:77px; } .comments-area .comment.reply-comment .comment-inner{ padding-left:110px; } .comments-area .comment .comment-inner{ position:relative; padding-left:130px; min-height:70px; margin-bottom:30px; } .comments-area .comment .author-thumb{ position:absolute; left:0px; top:0px; width:105px; border-radius:50%; } .comments-area .comment .author-thumb img{ width:100%; display:block; border-radius:50%; } .comments-area .comment .comment-header{ position:relative; color:#222222; font-size:14px; font-weight:400; margin-bottom:5px; } .comments-area .comment .comment-header h4{ position:relative; color:#222222; font-size:14px; font-weight:400; line-height:24px; margin-bottom:6px; display:inline-block; text-transform:uppercase; font-family: 'Merriweather', serif; } .comments-area .comment .comment-header .comment-info a{ color:#fc721e; font-style:italic; } .comments-area .comment .text{ line-height:2.2em; font-size:13px; color:#777777; margin-bottom:10px; margin-top:6px; } .comments-area .comment .info{ line-height:2em; font-size:14px; color:#222222; margin-right:50px; } .comments-area .comment a.reply{ position:relative; display:inline-block; color:#000000; font-size:14px; font-weight:400; line-height:2em; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .comments-area .comment a.reply span{ color:#06d666; } .comments-area .comment a.reply:hover{ color:#06d666; } /*** ==================================================================== Comment Form ==================================================================== ***/ .comment-form .row{ margin-left:-8px; margin-right:-8px; } .comment-form .group-title h2{ font-size:18px; color:#000000; font-weight:700; padding-bottom:28px; text-transform:uppercase; font-family: 'Merriweather', serif; } .comment-form .form-group{ position:relative; margin-bottom:25px; padding:0px 8px; } .comment-form .form-group input[type="text"], .comment-form .form-group input[type="password"], .comment-form .form-group input[type="tel"], .comment-form .form-group input[type="email"], .comment-form .form-group select, .comment-form .form-group textarea{ position:relative; display:block; width:100%; line-height:24px; padding:10px 25px; color:#1c1c1c; border:1px solid #ececec; height:46px; font-size:13px; background:#ffffff; border-radius:25px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .comment-form .form-group input[type="text"]:focus, .comment-form .form-group input[type="password"]:focus, .comment-form .form-group input[type="tel"]:focus, .comment-form .form-group input[type="email"]:focus, .comment-form .form-group select:focus, .comment-form .form-group textarea:focus{ border-color:#06d666; } .comment-form .form-group textarea{ resize:none; height:170px; } .cause-details{ position:relative; } .cause-details .inner-box{ position:relative; } .cause-details .inner-box .image-box{ position:relative; } .cause-details .inner-box .image-box .image{ position:relative; } .cause-details .inner-box .image-box .image img{ position:relative; width:100%; display:block; } .cause-details .inner-box .lower-content{ position:relative; padding-top:50px; overflow:hidden; } .cause-details .inner-box .donate-bar{ position:relative; width:100%; height:10px; margin-bottom:5px; } .cause-details .inner-box .bar-inner{ position:relative; width:100%; height:10px; border:1px solid #efefef; background:#ffffff; border-radius:5px; } .cause-details .inner-box .bar-inner .bar{ position:absolute; left:-100%; top:-1px; height:10px; background:#06d666; border-radius:5px; -webkit-transition:all 2000ms ease; -ms-transition:all 2000ms ease; -o-transition:all 2000ms ease; -moz-transition:all 2000ms ease; transition:all 2000ms ease; } .cause-details .inner-box .donate-bar.animated .bar-inner .bar{ left:-1px; } .cause-details .inner-box .bar-inner .count-box{ position: absolute; right: 0px; top: -20px; width: 50px; height: 50px; color:#ffffff; font-size:11px; font-weight:600; line-height:40px; text-align:center; border-radius:50%; background: #06d666; border:5px solid #b4f3d1; font-family: 'Poppins', sans-serif; } .cause-details .inner-box .donate-info{ position:relative; margin-top:20px; margin-bottom:15px; } .cause-details .inner-box .donate-info .amount{ position:relative; line-height:24px; font-size:14px; text-transform:uppercase; font-weight:400; color:#333333; } .cause-details .inner-box .donate-info .raised{ float:left; } .cause-details .inner-box .donate-info .goal{ float:right; } .cause-details .inner-box .lower-content .title-box h3{ position:relative; color:#222222; font-size:18px; font-weight:700; line-height:2em; margin-top:6px; margin-bottom:12px; text-transform:uppercase; font-family: 'Merriweather', serif; } .cause-details .inner-box .lower-content .text{ position:relative; margin-top:13px; margin-bottom:20px; } .cause-details .inner-box .lower-content .text p{ position:relative; color:#707070; font-size:13px; font-weight:400; line-height:2.1em; margin-bottom:25px; } .cause-details .inner-box .lower-content .text p:last-child{ margin-bottom:0px; } .cause-details .inner-box .lower-content h4{ position:relative; color:#222222; font-size:18px; font-weight:400; margin-bottom:25px; padding-bottom:16px; font-family: 'Merriweather', serif; } .cause-details .inner-box .lower-content h4:after{ position:absolute; content:''; left:0px; bottom:0px; width:40px; height:1px; background-color:#06d666; } .cause-details .inner-box .lower-content .text .dark-text{ position:relative; color:#222222; font-style:italic; margin-top:20px; line-height:2em; } .cause-details .inner-box .lower-content .post-options{ margin-bottom:55px; } .cause-details .inner-box .lower-content .post-options .social-links{ margin-top:10px; } .cause-details .inner-box .lower-content .post-options .social-links li{ position:relative; display:inline-block; margin-left:6px; } .cause-details .inner-box .lower-content .post-options .social-links li strong{ color: #222222; font-weight: 700; font-size: 15px; margin-right:6px; text-transform: uppercase; } .cause-details .inner-box .lower-content .post-options .social-links li a{ position:relative; display:block; width:30px; height:30px; font-size:13px; line-height:28px; text-align:center; color:#969696; border:2px solid #969696; border-radius:50%; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .cause-details .inner-box .lower-content .post-options .social-links li a:hover{ color:#ffffff; background:#06d666; border-color:#06d666; } /*Event Style Two*/ .event-style-two{ position:relative; margin-bottom:40px; } .event-style-two .inner{ position:relative; } .event-style-two .inner .image-box{ position:relative; } .event-style-two .inner .image-box .image{ position:relative; } .event-style-two .inner .image-box .image .overlay-box{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; color: #ffffff; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .event-style-two .inner .image-box .image .overlay-box .overlay-inner{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: table; vertical-align: middle; padding: 10px 20px; background: rgba(0,0,0,0.73); } .event-style-two .inner .image-box .image .overlay-box .overlay-inner .content{ position: relative; display: table-cell; vertical-align: middle; padding: 10px 15px; } .event-style-two .inner .image-box .overlay-box .time-countdown{ background:none; padding:0px; margin:0px; } .event-style-two .inner .image-box .overlay-box .time-countdown .counter-column:first-child::before{ display:none; } .event-style-two .inner .image-box .image img{ position:relative; width:100%; display:block; } .event-style-two .inner .lower-content{ position:relative; padding:25px 25px 0px; } .event-style-two .inner .lower-content .post-meta{ position:relative; padding-left:105px; } .event-style-two .inner .lower-content .post-meta li{ position:relative; margin-right:12px; display:inline-block; } .event-style-two .inner .lower-content .post-meta li:last-child{ margin-right:0px; } .event-style-two .inner .lower-content .post-meta li a{ position:relative; color:#707070; font-size:12px; font-weight:400; padding-left:22px; } .event-style-two .inner .lower-content .post-meta li a .icon{ position:absolute; left:0px; top:0px; color:#06d666; font-size:14px; line-height:1.2em; } .event-style-two .inner .lower-content .posted-date{ position:absolute; left:30px; top:-25px; z-index:1; text-align:center; color:#ffffff; font-size:24px; max-width:70px; width:100%; font-weight:700; padding:7px 6px; line-height:1.2em; background-color:#06d666; } .event-style-two .inner .lower-content .posted-date span{ font-size:13px; display:block; font-weight:400; } .event-style-two .inner .lower-content h3{ position:relative; font-size:18px; font-weight:500; margin-top:20px; color:#222222; margin-bottom:12px; text-transform:uppercase; } .event-style-two .inner .lower-content h3 a{ position:relative; color:#222222; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .event-style-two .inner .lower-content h3 a:hover{ color:#06d666; } .event-style-two .inner .lower-content .text{ position:relative; color:#707070; font-size:13px; line-height:2.2em; } .event-style-two .inner .lower-content .text p{ position:relative; font-size:13px; font-weight:400; line-height:2.2em; margin-bottom:22px; } .event-style-two .inner .lower-content .text p:last-child{ margin-bottom:0px; } .event-style-two .inner .lower-content .read-more{ position:relative; color:#222222; font-size:13px; text-transform:capitalize; } .event-style-two .inner .lower-content .dark-text{ position:relative; color:#222222; font-size:14px; margin-top:22px; line-height:2.2em; } .event-style-two .inner .lower-content .read-more .icon{ color:#06d666; } .event-style-two .inner:hover .image-box .image .overlay-box{ opacity:1; visibility:visible; } .event-single{ position:relative; } .event-single .time-outer:before{ position:absolute; content:''; left:0px; top:35px; width:100%; height:1px; background-color:#ececec; } .event-single .time-countdown{ background-color:#ffffff; display:inline-block; padding-right: 25px; padding-left: 30px; } .event-single .time-countdown .counter-column:first-child::before{ position:absolute; content:''; left:-5px; top:15px; width:1px; height:35px; background-color:#ececec; } .event-single .map-section{ position:relative; margin-top:40px; } /*** ==================================================================== Product Tabs Style ==================================================================== ***/ .product-info-tabs{ position:relative; margin-top:65px; } .prod-tabs{ position:relative; } .prod-tabs .tab-btns{ position:relative; top:1px; z-index:1; border-bottom:1px solid #eeeeee; } .prod-tabs .tab-btns .tab-btn{ position:relative; float:left; font-size:13px; color:#707070; cursor:pointer; font-weight:400; padding:10px 35px; line-height:24px; border-bottom:0px; top:2px; text-transform:capitalize; border:1px solid transparent; border-top:3px solid transparent; } .prod-tabs .tab-btns .tab-btn.active-btn{ background:#ffffff; color:#222222; border:1px solid #ececec; border-bottom:0px; border-top:3px solid #06d666; } .prod-tabs .tabs-container{ position:relative; } .prod-tabs .tabs-container .tab{ position:relative; padding:35px 30px; display:none; border-top:0px; border:1px solid #eeeeee; } .prod-tabs .tabs-container .tab.active-tab{ display:block; } .prod-tabs .tabs-container .tab .social-icon-two{ margin-bottom:40px; } .prod-tabs .tabs-container .tab h3{ font-size:16px; font-weight:500; text-transform:uppercase; color:#222222; margin-bottom:15px; } .prod-tabs .reviews-container{ position:relative; } /*** ==================================================================== Shop Section ==================================================================== ***/ .products-section .items-sorting{ position:relative; margin-bottom:50px; padding-bottom:20px; border-bottom:1px solid #ececec; } .products-section .items-sorting .results-column, .products-section .items-sorting .select-column{ margin-bottom:20px; } .products-section .items-sorting .results-column h4{ font-size:14px; font-weight:700; color:#444444; line-height:24px; padding:13px 0px; font-family: 'Merriweather', serif; } .products-section .items-sorting .form-group{ margin-bottom:0px; } .products-section .items-sorting select{ position:relative; display:block; width:100%; line-height:24px; padding:9px 15px 9px; height:50px; font-size:14px; border:1px solid #eeeeee; cursor:pointer; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; -o-appearance:none; background:url(../images/icons/icon-select.png) right center no-repeat; color:#999999; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .products-section .items-sorting select option{ text-indent:15px; } /*Default Shop Item*/ .default-shop-item{ position:relative; margin-bottom:40px; } .default-shop-item .inner-box{ position:relative; display:block; text-align:center; } .default-shop-item .overlay{ position:absolute; left:0px; top:-100%; width:100%; height:100%; background:rgba(30,30,30,0.72); color:#29af8a; text-align:center; z-index:5; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; } .default-shop-item:hover .overlay{ top:0px; } .default-shop-item .overlay .links-box{ position:absolute; left:0px; top:50%; margin-top:-25px; width:100%; height:54px; } .default-shop-item .overlay .option-btn{ position:relative; display:inline-block; line-height:36px; padding:0px 0px; margin:5px 8px; width:40px; height:40px; background:none; color:#ffffff; border:2px solid #ffffff; border-radius:50%; font-size:12px; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; } .default-shop-item .overlay .option-btn:hover{ background:#ffffff; color:#06d666; } .default-shop-item .inner-box .image-box{ position:relative; overflow:hidden; background-color:#f4f4f4; } .default-shop-item .inner-box .image-box img{ width:100%; display:block; } .default-shop-item .inner-box .prod-badge{ position:absolute; right:20px; top:20px; width:42px; height:42px; padding:12px 0px; line-height:18px; background:#06d666; color:#ffffff; font-size:11px; font-weight:500; text-align:center; border-radius:50%; z-index:5; } .default-shop-item .inner-box .lower-content{ position:relative; padding:20px 15px 0px; } .default-shop-item .inner-box .lower-content h3{ position:relative; color:#333333; font-size:14px; font-weight:400; margin-bottom:5px; text-transform:uppercase; font-family: 'Merriweather', serif; } .default-shop-item .inner-box .lower-content h3 a{ position:relative; color:#333333; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; } .default-shop-item .inner-box .lower-content h3 a:hover{ color:#06d666; } .default-shop-item .inner-box .lower-content .price{ color:#06d666; font-size:15px; line-height:24px; height:24px; font-weight:400; } .default-shop-item .inner-box .lower-content .add-cart{ position:absolute; display:inline-block; right:0px; top:28px; line-height:38px; padding:0px 0px; margin:0px 0px; width:40px; height:40px; text-align:center; background:none; color:#222222; border:1px solid #e0e0e0; border-radius:3px; font-size:13px; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; } .default-shop-item .inner-box .lower-content .add-cart:hover{ background:#29af8a; border-color:#29af8a; color:#ffffff; } /*** ==================================================================== Donate Now ==================================================================== ***/ .donate-now{ position:relative; padding:120px 0px 70px; } .default-title{ position:relative; margin-bottom:20px; padding-bottom:22px; } .default-title h3{ position:relative; font-size:17px; color:#222222; font-weight:500; line-height:1.4em; text-transform:uppercase; } .donate-now .left-column{ position:relative; margin-bottom:30px; } .donate-now .right-column{ position:relative; margin-bottom:30px; } .donate-now .select-amount{ position:relative; } .donate-now .select-box{ position:relative; float:left; width:60px; text-align:center; margin:0px 20px 10px 0px; } .donate-now .input-box{ position:relative; float:left; width:200px; } .donate-now .select-box input[type="radio"]{ left:0px; top:0px; visibility:hidden; position:absolute; opacity:0; } .donate-now .select-box label{ display:block; line-height:22px; padding:10px 10px; text-align:center; font-size:14px; font-weight:500; color:#555555; border:1px solid #e0e0e0; cursor:pointer; border-radius:2px; transition:all 500ms ease; } .donate-now .select-box input[type="radio"]:checked+label{ background:#06d666; border-color:#06d666; color:#ffffff; } .default-form .form-group{ position:relative; margin-bottom:20px; } .default-form .form-group .field-label{ display:block; line-height:24px; margin-bottom:10px; color:#222222; font-weight:500; font-size:14px; } .default-form .form-group .field-label sup, .default-form .form-group .field-label .req{ color:#ff0000; font-size:14px; padding-left:5px; } .default-form input[type="text"], .default-form input[type="email"], .default-form input[type="password"], .default-form input[type="tel"], .default-form input[type="url"], .default-form select, .default-form textarea{ display:block; width:100%; line-height:22px; height:44px; font-size:13px; border:1px solid #e0e0e0; padding:10px 15px; background-color:#ffffff; color:#222222; border-radius:2px; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .default-form select{ cursor:pointer; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; -o-appearance:none; background:#ffffff url(../images/icons/icon-select.png) right center no-repeat; } .default-form textarea{ height:92px; resize:none; } .become-volunteer .default-form textarea{ height:160px; } .default-form select option{ text-indent:15px; } .default-form button{ padding:9px 30px; } .default-form input:focus, .default-form select:focus, .default-form textarea:focus{ border-color:#06d666; } .default-form input.error, .default-form select.error, .default-form textarea.error{ border-color:#ff0000 !important; } .default-form label.error{ display:block; line-height:24px; padding:5px 0px 0px; margin:0px; text-transform:uppercase; font-size:12px; color:#ff0000; font-weight:500; }