/*

Proj Name: Rescue           WordPress
Last Changes: 07/10/2019    By: AZ

===================== TABLE OF CONTENT =======================
1.  Included Files
2.  Google Fonts
3.  General Styling
4.  Cross Browser Compatibility
5.  Header
6.  Top Bar
7.  Logo Menu Sec
8.  DropDown
9.  Sticky Header
10. Responsive Header
11. Slider
=============================================================*/
/*===== General Styling =====*/
html,
body {
    overflow-x: hidden;
}
body {
    float: left;
    width: 100%;
    font-family: Roboto;
}
h1, h2, h3, h4, h5, h6 {
    color: #444444;
    font-family: Poppins;
    font-weight: 600;
}
p {
    color: #555555;
    font-family: Roboto;
    font-size: 14px;
    line-height: 26px;
}
ul li,
ol li {
    font-family: Roboto;
    color: #666666;
}
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}
a:active,
a:focus {
    color: unset;
}
input:focus,
.qun-inpt > span .input-group > input {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
}
input:focus,
textarea:focus,
select:focus,
button:focus,
.select2-selection__rendered:focus,
.select2-container--default .select2-selection--single:focus {
    font-style: normal !important;
    outline: none;
}
textarea {
    resize: none;
}
.web-lyut {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.web-lyut.boxed {
    background: none repeat scroll 0 0 #FFFFFF;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 1230px;
    -webkit-box-shadow: 0 0 6px #747474;
    -moz-box-shadow: 0 0 6px #747474;
    -ms-box-shadow: 0 0 6px #747474;
    -o-box-shadow: 0 0 6px #747474;
    box-shadow: 0 0 6px #747474;
}
section {
    position: relative;
    width: 100%;
}
.web-lyut > section:last-child > div.block.remove-bottom{
    padding-bottom: 50px ;
}
.web-lyut > section:not( + footer) {
    min-height: 1000px;
        opacity: 0.5;
}
.block {
    float: left;
    padding: 110px 0;
    position: relative;
    width: 100%;
}
.block.less-spacing {
    padding: 80px 0
}
.block.extra-topgap {
    padding-top: 270px;
}
.block.extra-bottomgap {
    padding-bottom: 140px;
}
.block .container,
.container {
    padding: 0;
}
.block.remove-gap {
    padding-top: 0;
}
.block.no-padding {
    padding: 0;
}
.block.remove-bottom {
    padding-bottom: 0;
}
.block.gray,
.gray {
    background-color: #FBF4FB;
}
.block.dark,
.dark {
    background-color: #242424;
}
.block.dark2,
.dark2 {
    background-color: #151515;
}
.block p.post-nav-links{
    clear: both;
}
.remove-ext,
.remove-ext50,
.remove-ext65,
.remove-ext60 {
    float: left;
    width: 100%;
    margin-bottom: -30px;
}
@media (max-width: 767px) {
    .remove-ext,
    .remove-ext50,
    .remove-ext65,
    .remove-ext60 { 
        padding: 0 15px;
    }
}
.block .mb30 {
    margin-bottom: 30px;
}
.remove-ext50 {
    margin-bottom: -50px;
}
.remove-ext65 {
    margin-bottom: -65px;
}
.remove-ext60 {
    margin-bottom: -60px;
}
.block.twitter-block {
    padding: 38px 0;
}
.mrg {
    margin: 0;
}
.mrg > div,
.mrg > .masonry > div {
    padding: 0;
}
.mrg1 {
    margin: 0 -.5px;
}
.mrg1 > div,
.mrg1 > .masonry > div {
    padding: 0 .5px;
}
.mrg10 {
    margin: 0 -5px;
}
.mrg10 > div,
.mrg10 > .masonry > div {
    padding: 0 5px;
}
.mrg10 .gallery-box {
    margin-bottom: 10px;
}
.mrg .gallery-box {
    margin-bottom: 0;
}
.mrg5 .gallery-box {
    margin-bottom: 5px;
}
.mrg1 .gallery-box {
    margin-bottom: 1px;
}
.mrg5 {
    margin: 0 -2.5px;
}
.mrg1 > div.masonry,
.mrg5 > div.masonry,
.mrg10 > div.masonry {
    padding: 0;
}
.mrg5 > div,
.mrg5 > .masonry > div {
    padding: 0 2.5px;
}
.ovrlp80 {
    margin-top: -80px;
}
.overlap168 {
    margin-top: -168px;
}
.overlap100 {
    margin-top: -100px;
}
.ext-wd30 {
    width: calc(100% + 30px);
}
@media (min-width: 1200px) {
    .ml-30 {
        margin-left: -30px;
    }
}
    
.center-align {
    text-align: center;
}

.paddlr60 {
    padding: 0 60px;
}
.paddlr100 {
    padding: 0 100px;
}
.paddlr8ps {
    padding-left: 8%;
    padding-right: 8%;
}
div.paddtb100 {
    padding: 100px 0;
}
div.paddtb240-100 {
    padding-bottom: 100px;
    padding-top: 240px;
}
.paddl58 {
    padding-left: 58px;
}
.paddlr48 {
    padding: 0 48px;
}
.paddlr30 {
    padding: 0 30px;
}
.paddlr170 {
    padding: 0 170px;
}
.paddt130 {
    padding-top: 130px;
}
.overlap-160 {
    margin-bottom: -160px;
}
.overlap-70 {
    margin-bottom: -70px;
}
.parallax,
.fixed-bg,
.fixed-bg2 {
    height: 100%;
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
}
.gray .fixed-bg2 {
    z-index: 0;
}
.fixed-bg2 {
    background-size: cover !important;
    background-position: center !important;
}
.fixed-bg {
    background-attachment: fixed !important;
    background-position: center !important;
    background-size: cover !important;
}
.parallax {
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.parallax.still {
    background-position: 0 0 !important;
}
.parallax.pattern {
    background-repeat: repeat !important;
}
.blackish:before,
.grayish:before,
.whitish:before,
.mrgndish:before,
.thm-lyr:before,
.blackish2:before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.mrgndish:before {
    background: #a43459;
}
.grayish:before {
    background: #fbfbfb;
}
.whitish:before {
    background: #ffffff;
}
.blackish2:before {
    background: #171717;
}
.hgh-opc:before {
    opacity: .95;
}
.opc7:before {
    opacity: .7;
}
.opc85:before {
    opacity: .85;
}
.mdm-opc:before {
    opacity: .8;
}
.lw-opc:before {
    opacity: .5;
}
.hlf-bg:before {
    height: 50%;
}
iframe {
    border: 0;
    width: 100%;
    float: left;
}
img {
    height: auto;
    max-width: 100%;
    vertical-align: middle
}
img + figcaption{
    margin-top: .5em;
}
a.facebook {
    background: #384f84
}
a.facebook-color {
    color: #384f84
}
a.twitter {
    background: #4d9fd7
}
a.twitter-color {
    color: #4d9fd7
}
a.google {
    background: #cf4332
}
a.google-color {
    color: #cf4332
}
a.dribbble {
    background: #d75281
}
a.dribbble-color {
    color: #d75281
}
a.rss {
    background: #fd9f13
}
a.rss-color {
    color: #fd9f13
}
a.linkedin {
    background: #0077b5
}
a.linkedin-color {
    color: #0077b5
}
a.github {
    background: #1f76b6
}
a.github-color {
    color: #1f76b6
}
a.vimeo {
    background: #44bbff
}
a.vimeo-color {
    color: #44bbff
}
a.pinterest {
    background: #d64033
}
a.pinterest-color {
    color: #d64033
}
a.reddit {
    background: #000
}
a.reddit-color {
    color: #000
}
a.tumbler {
    background: #32506d
}
a.tumbler-color {
    color: #32506d
}
.poptrox-popup .caption {
    display: none !important;
}
/*=============== Cross Browser Compatibility ===============*/
.tb-br-cnt1 > li a,
.btn1,
a,
button,
.widget ul li:before,
.widget ul li span,
.pagination ul li a,
.pagination ul li span,
.fltrs-lst li.selected a:before,
.sidebar .widget ul li:hover > span,
.tagcloud > a:before,
.flickr-gallery a > img,
.share > a:before,
.comment-reply-link:before,
.gallery-box:before,
.gallery-info,
.projects-nav > div.owl-stage-outer a.clicked:before,
.projects-nav > div.owl-stage-outer a,
.hig-pri-carousel .owl-nav > div,
.project-box1:before,
.projects-carousel2 .owl-item,
.project-inf,
.projects-carousel2 .owl-nav > div,
.storie-box2:before,
.storie-box2 > img,
.storie-inf,
.tem-carousel .owl-nav > div,
.carousel .owl-nav > div,
nav > div > ul > li ul,
nav > div > ul > li ul li:before,
nav > div > ul > li ul li:after,
.popup-wrp,
.pp-cls,
.rs-mu-btn,
.rs-mnu-cls-btn,
.rs-mnu,
.rs-mnu > ul li,
.rs-mnu > ul li a::before,
.hdr-srch > form button,
.hdr-srch > form input,
.hdr-srch,
.coupon input.btn1-drk,
.woocommerce-cart-form input.btn1,
div.wc-proceed-to-checkout > a.button,
div.place-order input.button,
.woocommerce .woocommerce-MyAccount-content input.woocommerce-Button,
.woocomerce-form p input.woocommerce-Button,
form.wpcf7-form input[type="submit"],
.woocommerce .woocommerce-MyAccount-content input[type="submit"],
button,
.woocommerce div.woocommerce-message .wc-forward,
.woocommerce form input[type="submit"] {
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.rs-mnu {
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -ms-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
.dnt-collected:before,
.newsletter-frm > button,
.dnt-fgr-lst > li a:before,
.dnt-fgr-lst > li a:after,
.projects-carousel2 .owl-nav > div,
.storie-inf,
.tem-carousel .owl-nav > div,
.carousel .owl-nav > div,
.ft3-abt::before,
.pg-srch-frm > button,
.rs-mu-btn,
.widget.widget_search form button {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.sndr-img,
.comment-reply-link,
.news-box.style3 .news-meta:before,
.qun-inpt .input-group > span button::before,
.popup-inr {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.event-counter > ul,
.sidebar-calendar .fc-month-view .fc-body td div.fc-week td:before,
.video-thumb > a,
.mbr-inf-inr,
.feat-cap,
.reviwrs-vdo > a,
.feat-cap2 {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.sndr-img,
.cause-thumb:before,
.dnt-collected:before,
.news-thumb:before,
.twitter-lg,
.sidebar-calendar .fc-month-view .fc-body td div.fc-week td.fc-today:before,
.member-box > img,
.member-box:before,
.offic-info > i,
.pst-meta li img,
.blg-dtl ul li:before,
.mbr-scil li a,
.dnt-fgr-lst > li a:before,
.dnt-fgr-lst > li a:after,
.gallery-info > .lightbox a,
.gallery-info > .lightbox2 a,
.service-box > i,
.serv-bx > i,
.review-inf > img,
.ft-serv-bx > i,
.prj3-sndr > img,
.contact2-info > ul > li > i,
blockquote.style2 > i,
blockquote.style2 > p > i,
.pst-author.style2 > img,
.comments.style2 .comment-thumb,
.dntr > img,
.ft-scl > li a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.btn1,
input,
textarea,
.btn1-drk,
.event-detail .price,
.tagcloud > a,
.tagcloud > a:before,
.bredcrumbs,
.scl2 .select2-container--default .select2-selection--single,
.clt-shp .select2-container--default .select2-selection--single,
.popup-inr,
.comment-navigation .nav-links > div > a,
.coupon input.btn1-drk,
.woocommerce-cart-form input.btn1,
.woocommerce .wc-proceed-to-checkout > a.button,
div.place-order input.button,
.woocommerce .woocommerce-MyAccount-content input.woocommerce-Button,
.woocomerce-form p input.woocommerce-Button,
form.wpcf7-form input[type="submit"],
.product-inf > a,
.woocommerce .woocommerce-MyAccount-content input[type="submit"],
.woocommerce section.shipping-calculator-form button,
.woocommerce div.woocommerce-message .wc-forward,
.woocommerce form input[type="submit"],
.woocommerce p.form-submit > input.submit {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.newsletter-frm > button,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.event-box-mini > strong,
.sidebar .widget ul,
.sidebar .widget ul li span,
.tagcloud,
.clndr .fc-day,
.brd-rd5,
.clndr .fc-view-container table thead.fc-head,
.clndr .fc-view-container table tbody .fc-day:before,
.fc-row .fc-content-skeleton td.fc-event-container:before,
.mbr-cnt li i,
.dnt-fgr-lst > li a,
.pynt-opts > img,
.prj-bx3,
.news-box.style3,
.evnt-dt,
.up-evnts,
.event-box2,
.our-donrs,
.prg-tl > span,
.sprt-vt .progress,
.sprt-vt .progress .progress-bar,
ul.countdown.style2 > li {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.pagination ul li a,
.pagination ul li span,
.share > a,
.share > a:before,
.srch-crt-lst li a span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
/*===== Header =====*/
header {
    float: left;
    position: relative;
    width: 100%;
    z-index: 9999;
}
.wpb_revslider_element {
    margin-bottom: 0;
}
/*===== Header 1 =====*/
.topbar1 {
    float: left;
    width: 100%;
    background: #0d0d0d;
    position: relative;
    overflow: hidden;
}
.tb-br-cnt1 {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.tb-br-cnt1 > li {
    float: left;
    position: relative;
    line-height: 58px;
    padding-right: 30px;
    margin-right: 25px;
    font-size: 13px;
    color: #eceaea;
    font-family: Poppins;
}
.tb-br-cnt1 > li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.tb-br-cnt1 > li i {
    font-size: 15px;
    margin-right: 5px;
}
.tb-br-cnt1 > li a {
    color: inherit;
}
.topbar1 .tb-br-scl1 {
    position: absolute;
    right: 0;
    padding: 0 60px;
}
.tb-br-scl1 strong {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    float: left;
    line-height: 58px;
    font-family: "Poppins";
}
.tb-br-cnt1 > li:before {
    content: "";
    height: 8px;
    width: 1px;
    background: #8b8b8b;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 0;
}
.tb-br-cnt1 > li:last-child:before {
    display: none;
}
.scl-shr1 {
    float: left;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    margin-right: 20px; 
}
.topbar1 .tb-br-scl1:before {
    content: "";
    right: 72%;
    background: #84c350;
    position: absolute;
    height: 100%;
    width: 70%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
    top: -60%;
}
.tb-br-scl1 {
    z-index: 1;
}
.tb-br-scl1 .scl-shr1 {
    margin-left: 40px;
}
.scl-shr1 > li {
    float: left;
    font-size: 15px;
    color: #fff;
    line-height: 60px;
    margin-right: 23px;
}
.scl-shr1 > li:last-child {
    margin-right: 0;
}
.scl-shr1 > li a {
    color: inherit;
    display: block;
}
.scl-shr1 > li a:hover {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}
.menu-sec1 {
    float: left;
    width: 100%;
}
.menu-sec1 > .container {
}
.menu-sec1 .logo {
    float: left;
    width: 25%;
    margin-top: 24px;
}
.menu-sec1 .logo img {
    max-height: 56px;
}

nav {
    display: inline-block;
}
nav ul {
    float: left;
    width: 100%;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
nav > div > ul > li {
    float: left;
    margin-right: 35px;
    font-size: 16px;
    font-weight: 500;
    color: #505050;
    font-family: Poppins;
    position: relative;
    line-height: 110px;
}
nav > div > ul > li > a {
    color: inherit;
}
.menu-sec1 .btn1 {
    margin-top: 30px;
    line-height: 50px;
    float: right;
    padding: 0 42px;
}
@media (max-width: 1199px) {
    .menu-sec1 .btn1 {
        display: none;
    }
}
.menu-sec1 nav {
    float: left;
    vertical-align: middle;
}
.logo {
    display: inline-block;
}
.logo div,
.logo p {
    font-size: 25px;
    margin-bottom: 30px;
}
@media (max-width: 1024px) {
    .logo div,
    .logo p {
        margin-bottom: 15px;
        margin-top: 15px;
    }

}
    
.logo div a,
.logo p a {
    //color: #fff;
}
.logo img {
    max-height: 56px;
}
/*===== DropDown Light =====*/
nav > div > ul > li ul {
    background: rgba(250, 250, 250, 0.98) none repeat scroll 0 0;
    left: 0;
    line-height: initial;
    opacity: 0;
    padding: 30px 0;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 260px;
}
nav > div > ul > li ul li {
    color: #555;
    font-weight: 400;
    float: left;
    font-family: Poppins;
    font-size: 14px;
    padding: 0 30px;
    position: relative;
    width: 100%;
}
nav > div > ul > li ul li a {
    border-bottom: 1px solid #e8e8e8;
    color: inherit;
    display: block;
    padding: 10px;
}
nav > div > ul > li ul li.menu-item-has-children::before,
nav > div > ul > li ul li.page_item_has_children::before {
    content: "\f105";
    font-family: fontawesome;
    position: absolute;
    right: 60px;
    top: 12px;
}
nav > div > ul > li ul li::after {
    background: red none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scaleY(0.2);
    -moz-transform: scaleY(0.2);
    -ms-transform: scaleY(0.2);
    -o-transform: scaleY(0.2);
    transform: scaleY(0.2);
    width: 4px;
}
nav > div > ul > li ul li:last-child > a {
    border-bottom: 0 none;
}
nav > div > ul > li ul li:hover::after {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}
nav > div > ul > li ul ul {
    background: rgba(253, 253, 253, 0.98) none repeat scroll 0 0;
    left: 100%;
    top: 0;
}
nav > div > ul > li ul ul li a {
    border-bottom-color: #f1f1f1;
}
nav > div > ul li.menu-item-has-children:hover > ul,
nav > div > ul li.page_item_has_children:hover > ul {
    opacity: 1;
    visibility: visible;
}
/*===== DropDown Dark =====*/
.drk nav > div > ul > li ul {
    background: rgba(21, 21, 21, 0.98) none repeat scroll 0 0;
}
.drk nav > div > ul > li ul li {
    color: #fff;
}
.drk nav > div > ul > li ul li::before {
    color: #c0c0c0;
}
.drk nav > div > ul > li ul li a {
    border-bottom-color: #252525;
}
.drk nav > div > ul > li ul ul li a {
    border-bottom-color: #313131;
}
.drk nav > div > ul > li ul ul {
    background: rgba(34, 34, 34, 0.98) none repeat scroll 0 0;
}
/*===== Button 1 =====*/
.btn1,
.btn1-drk,
.coupon > input.btn1-drk,
.woocommerce-cart-form input.btn1,
.woocommerce .wc-proceed-to-checkout > a.button,
div.place-order input.button,
.woocommerce .woocommerce-MyAccount-content input.woocommerce-Button,
.woocomerce-form p input.woocommerce-Button,
form.wpcf7-form input[type="submit"],
.product-inf > a,
.woocommerce .woocommerce-MyAccount-content input[type="submit"],
.woocommerce section.shipping-calculator-form button,
.woocommerce div.woocommerce-message .wc-forward,
.woocommerce form input[type="submit"] {
    border: 0;
    color: #fff;
    font-family: Poppins;
    padding: 15px 50px;
    display: inline-block;
    vertical-align: middle;
    line-height: 22px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-box-shadow: 0 6px 13px rgba(14, 44, 53, .14);
    -moz-box-shadow: 0 6px 13px rgba(14, 44, 53, .14);
    -ms-box-shadow: 0 6px 13px rgba(14, 44, 53, .14);
    -o-box-shadow: 0 6px 13px rgba(14, 44, 53, .14);
    box-shadow: 0 6px 13px rgba(14, 44, 53, .14);
}
.btn1.no-shd {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.btn1:hover,
.btn1-drk,
.coupon input.btn1-drk,
.woocommerce-cart-form input.btn1:hover,
.woocommerce .wc-proceed-to-checkout > a.button:hover,
.woocommerce div.place-order input.button,
.woocommerce .woocommerce-MyAccount-content input.woocommerce-Button,
.woocomerce-form p input.woocommerce-Button,
form.wpcf7-form input[type="submit"],
.product-inf > a,
.woocommerce .woocommerce-MyAccount-content input[type="submit"],
.woocommerce section.shipping-calculator-form button,
.woocommerce div.woocommerce-message .wc-forward,
.woocommerce form input[type="submit"] {
    background: #000;
    color: #fff;
}
.woocommerce .wc-proceed-to-checkout > a.button:hover {
    background-color: #000 !important;
}
.btn1-drk:hover,
.coupon input.btn1-drk:hover,
div.place-order input.button:hover,
.woocomerce-form p input.woocommerce-Button:hover,
form.wpcf7-form input[type="submit"]:hover {
    color: #fff;
}
/*===== Find Rescue =====*/
.fnd-rsc {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    border-top: 10px solid;
    padding: 70px 90px;
    display: table;
}
.fnd-rsc:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .7;
    z-index: -1;
}
.fnd-rsc > * {
    display: table-cell;
    vertical-align: middle;
}
.fnd-rsc > h4 {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
}
.fnd-rsc > p {
    font-size: 15px;
    color: #e0e0e0;
    font-style: italic;
    line-height: 24px;
    padding-left: 40px;
}
.fnd-rsc-frm {
    width: 473px;
    position: relative;
}
.fnd-rsc-frm > input {
    border: 0;
    height: 58px;
    padding: 0 50px;
    font-size: 11px;
    font-style: italic;
    color: #878787;
    width: 300px;
}
.fnd-rsc-frm > button {
    line-height: 58px;
    margin-left: -26px;
}
/*===== Help Senior Citizens =====*/
.yr-dnt {
    float: left;
    padding: 80px 45px 85px;
    text-align: center;
}
@media (max-width: 1199px) {
    .yr-dnt {
        padding: 60px 30px;  
    } 
}
.yr-dnt > h4 {
    font-size: 28px;
    color: #fff;
    text-transform: uppercase;
    line-height: 32px;
    margin-top: 0;
}
.yr-dnt > span {
    font-size: 15px;
    line-height: 28px;
    color: #444;
    float: left;
    width: 100%;
    margin-top: 10px;
}
.dnt-slc {
    float: left;
    margin-top: 40px;
    width: 100%;
}
.dnt-slc .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
}
span.select2-container {
    width: 100% !important;
    min-height: 57px;
}
.select2-container--default .select2-selection--single {
    border: 0;
    -webkit-border-radius: 30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
    border-radius: 30px 0 0 30px;
    height: 58px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 57px;
    color: #878787;
    font-size: 14px;
    padding-left: 25px;
    text-align: left;
    border: 1px solid #C9C9C9;
    border-radius: 30px;
}
.select2-container--default.select2-container--above .select2-selection--single[aria-expanded="true"] .select2-selection__rendered {
    border-radius: 0 0  30px 30px;
}
.select2-container--default.select2-container--below .select2-selection--single[aria-expanded="true"] .select2-selection__rendered {
    border-radius:  30px 30px 0 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 58px;
    width: 80px;
    background: #171717;
    top: 0;
    right: 0px;
    color: #fff;
    border-radius: 30px;
}
.select2-container--default.select2-container--above .select2-selection--single[aria-expanded="true"] .select2-selection__arrow {
    border-radius: 30px 0 30px 30px;
}
.select2-container--default.select2-container--below .select2-selection--single[aria-expanded="true"] .select2-selection__arrow {
    border-radius: 30px 30px 0 30px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-top-color: #fff;
    border-width: 6px 5px 0px 5px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-bottom-color: #fff;
    border-width: 0 5px 6px 5px;
}
.yr-dnt .btn1-drk {
    margin-top: 20px;
}
.yr-dnt .btn1-drk:hover {
    background: #fff;
}
.hlp-inf {
    float: left;
    width: 100%;
    padding: 0 30px;
}
@media (max-width: 991px) {
    .hlp-inf {
        padding: 30px 0px 0;
    }
}
@media (max-width: 1199px){
    .hlp-cnt {
        margin-bottom: 30px;
    }
}
@media (max-width: 1199px){
    .video-thumb > img {
        width: 100%;
    }
}
.hlp-inf > p {
    font-size: 17px;
    line-height: 28px;
    font-weight: 300;
    color: #666;
    float: left;
    width: 100%;
}
.hlp-cnt-inf1 {
    float: left;
    position: relative; 
    margin-top: 28px;
}

.hlp-cnt-inf1 .btn1:hover {
    background: #000;
}
@media (min-width: 1200px) {
    .hlp-cnt-inf1 {
        width: 100%;
        display: flex;
        margin: 28px -15px 0;
        justify-content: space-between;
    }
    .hlp-cnt-inf1 > div {
        padding: 0 15px;
    }
}

@media (max-width: 1199px) {
    .hlp-cnt-inf1 .btn1 {
        margin-top: 15px;
    }
}    
.hlp-cnt-inf1  span {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    font-family: Poppins;
    margin-bottom: 7px;
}
.hlp-cnt-inf1  i {
    font-style: normal;
    font-family: Poppins;
    font-weight: 400;
    font-size: 24px;
}
@media (max-width: 991px) {
    .hlp-cnt-inf1 > i {
        float: left;
        width: 100%;
    }
}
@media (min-width: 992px) {
    .hlp-snr >.row {
        display: flex;
        align-items: center;
    }
}
@media (min-width: 981px) {
    .hlp-snr {
        padding-bottom: 90px;
    }
}    
/*===== Title Style 1 =====*/
.title-style1 {
    float: left;
    width: 100%;
    margin-bottom: 16px;
}
.title-style1 > span {
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    font-family: Poppins;
    margin-bottom: 7px;
}
.title-style1 > h4 {
    font-size: 40px;
    line-height: 50px;
    color: #333;
    margin: 0;
    float: left;
    width: 100%;
}
.title-style1 > h4 i {
    font-style: normal;
}
/*===== Title Style 2 =====*/
.title-style2 {
    float: left;
    margin-bottom: 50px;
    width: 100%;
    padding: 0 15px;
}
.title-style2 > h4 {
    font-size: 44px;
    line-height: 44px;
    text-transform: uppercase;
    color: #333;
    margin-top: 0;
}
.title-style2 > h4 i {
    font-style: normal;
}
.title-style2 > span {
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: Poppins;
}
.title-style2 > p {
    display: block;
    margin: 20px auto 0;
    max-width: 60%;
    color: #666;
    font-size: 17px;
    font-weight: 300;
    line-height: 28px;
}
/*===== Title Compatibility =====*/
.mrgndish .title-style2 > h4,
.blackish .title-style2 > h4 {
    color: #fff;
}
.mrgndish .title-style2 > p,
.blackish .title-style2 > p {
    color: #e2e1e1;
}
/*===== Cause Filters List =====*/
.fltrs {
    float: left;
    width: 100%;
}
.fltrs-lst {
    display: inline-block;
    margin-bottom: 50px;
    padding: 0 50px;
    list-style: none;
    background: #fbfbfb;
    text-align: center;
    width: 100%;
}
.gray .fltrs-lst {
    background: #fff;
}
.fltrs-lst > li {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    font-family: Poppins;
    color: #444;
    margin-right: 50px;
    line-height: 63px;
    position: relative;
}
.fltrs-lst > li:last-child {
    margin-right: 0;
}
.fltrs-lst > li a {
    color: inherit;
    display: inline-block;
    padding: 0 10px;
    font-weight: 600;
    font-size: 14px;
}
.fltrs-lst > li a.selected {
    color: #58bf00;
}
.fltrs-lst > li a.selected:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
    background-color: #58bf00;
}
.fltrs-lst > li a:before {
    height: 2px;
    width: 100%;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    -webkit-transform: scaleX(0.3);
    -moz-transform: scaleX(0.3);
    -ms-transform: scaleX(0.3);
    -o-transform: scaleX(0.3);
    transform: scaleX(0.3);
    opacity: 0;
}
.fltrs-lst > li.selected a:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
}
/*===== Cause =====*/
.cause-box1 {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.cause-box1 .cause-info > p {
    color: #777;
}
.cause-box1 .cause-info .entry-link {
    float: left;
    width: 100%;
    padding-top: 10px;
}
.cause-thumb {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.cause-thumb:before {
    content: "";
    position: absolute;
    background: #fbfbfb;
    height: 65%;
    width: 120%;
    bottom: -50%;
    left: -10%;
}
.gray .cause-thumb:before {
    background: #fff;
}
.cause-info {
    float: left;
    width: 100%;
    background: #fbfbfb;
    padding: 15px 15px 35px;
    position: relative;
    text-align: center;
}
.gray .cause-info {
    background: #fff;
}
.sndr-img {
    position: absolute;
    top: -65px;
    left: 50%;
    border: 5px solid #fbfbfb;
}
.gray .sndr-img {
    border-color: #fff;
}
span.sndr-nm {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #8c8b8b;
    display: inline-block;
}
.rc-meta {
    margin: 0 -5px;
    width: 100%;
    float: left;
}
.rc-meta >span {
    padding: 0 5px;
}
span.sndr-nm i {
    font-style: normal;  
    font-weight: 400;
    text-transform: initial;
    margin-right: 5px;
}
.cause-info span.sndr-nm  {
    width: auto;
    float: none;
}
.cause-info > h2 {
    font-size: 20px;
    float: left;
    width: 100%;
    margin-bottom: 13px;
    margin-top: 0;
}
.cause-info > h2 a {
    color: inherit;
}
.cause-info span.cate {
    display: inline-block;
    width: auto;
    margin-top: 0;
    float: none;
}
span.cate {
    float: left;
    width: 100%;
    margin-top: 12px;
    font-size: 16px;
    color: #8c8b8b;
    text-transform: capitalize;
}
span.cate > a {
    color: inherit;
}
span.dnt-gl {
    font-size: 14px;
    font-family: Poppins;
    color: #333;
    font-weight: 500;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
span.dnt-gl > span {
    font-size: 18px;
    font-weight: 600;
}
.cause-cl-cm {
    float: left;
    width: 100%;
    margin-top: 5px;
    padding: 15px;
}
span.cause-cmt {
    color: #fff;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
}
span.cause-collected {
    float: right;
    color: #fff;
    font-size: 13px;
    font-family: Poppins;
    font-weight: 600;
}
span.cause-collected i {
    font-style: normal;
    color: #fff;
    text-transform: uppercase;
}
/*===== Impact Sec =====*/
.mk-imptc {
    float: left;
    width: 100%;
    padding-left: 30px;
}
.imptc-box {
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 55px 20% 50px 28%;
    float: left;
    width: 100%;
    z-index: 1;
}
.imptc-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: -1;
}
.imptc-box > i {
    font-size: 50px;
    position: absolute;
    left: 13%;
}
.imptc-box > h2 {
    font-size: 18px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 12px;
}
.imptc-box > h2 a {
    color: inherit;
}
.imptc-box > p {
    font-size: 17px;
    color: #d8d8d8;
    line-height: 24px;
    margin-bottom: 0;
}
.imptc-box > a {
    float: left;
    font-size: 14px;
    font-weight: 600;
    font-family: Poppins;
    margin-top: 18px;
    text-transform: uppercase;
    border-bottom: 1px solid;
}
.imptc-box.rd-bg:before {
    display: none;
}
.rd-bg {
    background: #a43459;
}
.imptc-box.blu-bg:before {
    display: none;
}
.blu-bg {
    background: #3486a4;
}
/*===== Need Your Help =====*/
.need-hlp {
    display: block;
    margin: 0 auto;
    max-width: 60%;
}
@media (max-width: 479px) {
    .need-hlp {
        padding: 0 30px;
    }
}
.need-hlp > span {
    font-size: 17px;
    font-family: Poppins;
}
.need-hlp > h4 {
    font-size: 50px;
    line-height: 1;
    color: #fff;
    margin-top: 14px;
}
.need-hlp > h4 span {
    display: block;
    font-size: 30px;
    margin-top: 7px;
}
.need-hlp > p {
    font-size: 20px;
    line-height: 32px;
    font-weight: 300;
    color: #e2e1e1;
    margin: 23px auto 0;
}
@media (min-width: 768px) {
    .need-hlp > p {
        max-width: 60%;
    }
}
.need-hlp .btn1 {
    margin-top: 35px;
}
.section_block {
    float: left;
    width: 100%;
}
/*===== Stories =====*/
.stories .btns-grp {
    margin-top: 50px;
}
.storie-box {
    float: left;
    width: 100%;
    background: #fff;
    padding: 50px 50px 30px 50px;
    
}
@media (min-width: 992px) {
    .storie-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}
.gray .storie-box,
.mrgndish .storie-box {
    background: #fff;
}
.storie-box + .storie-box {
    margin-top: 2px;
}
@media (min-width: 992px) {
    .storie-info {
        display: flex;
        justify-content: space-between;
    }
}
    
.storie-info .storie-image {
    flex: none;
}
.storie-info .storie-image a {
    display: inline-block;
    padding: 5px;
    border: 1px dashed #555;
    border-radius: 3px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.storie-info .storie-image img {
    width: 60px;
    border-radius: 3px;
}
.storie-info .storie-content {

}
.storie-info .storie-content h2 {
    font-size: 18px;
    margin: 0;
}
.storie-info .storie-content .cate {
    width: initial;
    margin-right: 30px;
}
.storie-info .storie-content .storie-meta {
    width: 100%;
    float: left;
    font-size: 14px;
    margin: 0 -16px;
}
.cate > i {
    margin-right: 5px;
}
.storie-info .storie-content h2 a {
    color: inherit;
}
.storie-info .storie-content .storie-meta > span {
    padding: 0 16px;
}
.storie-info .storie-content p {
    float: left;
    width: 100%;
    font-style: italic;
    font-weight: 300;
    font-size: 16px;
    color: #666;
    margin-top: 25px;
}
@media (min-width: 992px) {
    .storie-info .storie-content p {
        width: 90%;
    }
}
.storie-info .sndr-nm {
    width: initial;
    margin-top: 12px;
}
.storie-donate {
    flex: none;
}
.storie-box .storie-donate .storie-donate-price {
    padding-left: 32px;
    border-left: 1px solid #eaeaea;
}
.storie-box .storie-donate .dnt-gl {
    margin-top: 0;
    float: none;
    width: initial;
    font-size: 14px;
    font-weight: 500;
    font-family: Poppins;
    margin-bottom: 4px;
}
.storie-box .storie-donate .price {
    font-size: 22px;
    font-weight: 600;
    font-family: Poppins;
}
.storie-box .storie-donate .entry-link {
    margin-top: 30px;
}
.dnt-collected {
    font-size: 15px;
    text-align: center;
    position: relative;
}
.dnt-collected:before {
    background: #84c350;
    height: 8px;
    width: 8px;
    content: "";
    position: relative;
    display: inline-block;
    top: 2px;
    left: 0;
    margin-right: 22px;
}

.btns-grp {
    float: left;
    width: 100%;
    margin-top: 60px;
}
.btns-grp > a {
    margin: 10px 5px 0;
}
.evnt-tl {
    display: block;
    margin: 0 auto;
    max-width: 87%;
}
@media (max-width: 1199px) {
    .evnt-tl {
        margin-bottom: 50px;
    }
}
/*===== Title Style 3 =====*/
.title-style3 {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.title-style3 > h4 {
    font-size: 30px;
    margin-top: 0;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 7px;
}
.title-style3 > h4 span {
    display: block;
    margin-top: 6px;
}
.title-style3 >span {
    font-size: 17px;
}
.title-style3 > p {
    margin-bottom: 0;
    margin-top: 30px;
    font-size: 17px;
    color: #444;
    line-height: 28px;
}
.btns-grp2 > a {margin-top: 20px;}
/*===== Event =====*/
.event-box {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.event-thumb {
    float: left;
    width: 100%;
    position: relative;
}
.event-counter {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    right: 0;
    bottom: 0;
}
.event-counter:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .7;
}
.event-counter > ul {
    position: absolute;
    top: 50%;
    left: 50%;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    width: 445px;
}
ul.countdown > li {
    float: left;
    width: 110px;
    height: 95px;
    font-family: Poppins;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    padding: 18px 0;
}
ul.countdown > li span {
    font-size: 24px;
    color: #fff;
}
ul.countdown > li:before {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #ccc;
    -webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    -o-transform: skew(-15deg);
    transform: skew(-15deg);
    margin-left: -1px;
}
ul.countdown > li p {
    margin-bottom: 0;
    line-height: initial;
}
.event-detail {
    float: left;
    width: 100%;
    position: relative;
    padding-top: 45px;
}
.event-detail .price {
    background: #000;
    border: 5px solid #fff;
    line-height: 30px;
    position: absolute;
    left: 20px;
    top: -20px;
    font-family: Poppins;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 20px;
    font-size: 11px;
}
.event-detail > h2 {
    font-size: 28px;
    margin: 0;
}
.event-detail > h2 a {
    color: inherit;
}
span.loc {
    float: left;
    margin-top: 25px;
    font-size: 17px;
    color: #555;
    font-family: Roboto;
    width: 100%;
}
span.loc > i {
    margin-right: 5px;
}
.pst-meta {
    float: left;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    margin-top: 15px;
}
.pst-meta > li {
    float: left;
    margin-right: 20px;
    font-size: 16px;
    color: #888;
}
.pst-meta > li i {
    margin-right: 5px;
}
.pst-meta > li a {
    color: inherit;
}
.event-detail .btn1 {
    margin-top: -20px;
    float: right;
}
/*===== News =====*/
.news-box {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.news-thumb {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.news-thumb:before {
    content: "";
    position: absolute;
    left: -20%;
    width: 140%;
    background: #fbfbfb;
    height: 65%;
    bottom: -55%;
}
.gray .news-thumb:before {
    background: #fff;
}
.news-detail {
    float: left;
    width: 100%;
    background: #fbfbfb;
    padding: 25px 20px 35px;
}
.news-detail p {
    float: left;
    width: 100%;
    margin-top: 14px;
    font-size: 15px;
}
.news-detail .tags {
    margin-top: 10px;
}
.news-detail .entry-link {
    padding-top: 12px;
    float: left;
    width: 100%;
}
.news-detail .entry-link a.btn-link-blog {
    height: 44px;
    line-height: 44px;
    padding: 0 40px;
}
.gray .news-detail {
    background: #fff;
}
.news-detail span.date {
    font-size: 13px;
    color: #8c8b8b;
    margin-right: 12px;
    float: none;
}
.news-detail span.cate {
    margin-top: 0;
    float: none;
    font-size: 13px;
    margin-right: 12px;

}
.news-detail > h2 {
    font-size: 18px;
    line-height: 25px;
    float: left;
    width: 100%;
    margin-top: 10px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 30px;
    word-wrap: break-word;
}
.news-detail > h2 a {
    color: inherit;
}
.news-meta {
    float: left;
    border-top: 1px solid #ededed;
    padding-top: 20px;
    position: relative;
    width: 100%;
}
.news-meta:before {
    content: "";
    height: 3px;
    width: 50px;
    background: #84c350;
    position: absolute;
    top: 0;
    left: 0px;
}
span.date {
    font-size: 14px;
    color: #555;
    float: left;
    margin-right: 15px;
}
span.date > i {
    margin-right: 5px;
}
span.date > a {
    color: inherit;
}
.news-meta span.cause-cmt,
.blg-mta.style2 span.cause-cmt {
    font-size: 14px;
}
/*===== Sponsors =====*/
.sponsors {
    float: left;
    width: 100%;
}
.sponsor-box {
    float: left;
    width: 100%;
    text-align: center;
    min-height: 85px;
    line-height: 75px;
}
.sponsor-box > a {
    display: inline-block;
    vertical-align: middle;
}
/*===== Twitter Reviews =====*/
.twitter-rev {
    width: 100%;

}
@media (min-width: 480px) {
    .twitter-rev {
        display: flex;
        align-items: center; 
    }
}
    
.twitter-lg {
    flex: none;
    height: 208px;
    background: #f8f8f8;
    border: 13px solid #fff;
    width: 208px;
    text-align: center;
    line-height: 190px;
    margin: -8px 75px -8px 0;
}
.twitter-reviews {
    width: 72%;
    vertical-align: middle;
    padding: 52px 0;
}
@media (min-width: 992px) {
    .twitter-review {
        display: flex;
        align-items: center;
        width: 100%;
    }
}
.twitter-review > .sndr-inf {
    float: left;
    margin-right: 50px;  
}
@media (min-width: 992px) {
    .twitter-review > .sndr-inf {
       width: 30%; 
    }
}
.twitter-review > .sndr-inf h4 {
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 0;
    margin-bottom: 8px;
}
.twitter-review > .sndr-inf span {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    font-family: Poppins;
    text-transform: uppercase;
}
.twitter-review > p {  
    font-size: 17px;
    color: #f1f1f1;
    font-style: normal;
    line-height: 26px;
}
@media (min-width: 992px) {
    .twitter-review > p { 
        width: 70%;     
    } 
}
/*===== NewsLetter =====*/
.newsletter {
    float: left;
    width: 100%;
    display: table;
    padding-top: 70px;
    padding-bottom: 40px;
}
.newsletter > * {
    display: table-cell;
    vertical-align: middle;
}
.newslt-title {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.newslt-title > span {
    font-family: Poppins;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}
.newslt-title > h4 {
    font-size: 28px;
    margin-bottom: 0;
    margin-top: 4px;
}
form.newsletter-frm {
    margin-bottom: 30px;
    position: relative;
    height: 58px;
    width: 570px;
}
form.newsletter-frm > input {
    width: 100%;
    border: 1px solid #c9c9c9;
    height: 58px;
    font-size: 15px;
    color: #999;
    padding: 0 100px 0 50px;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    form.newsletter-frm > input {
        padding: 0 100px 0 20px;
        font-size: 13px;
    }
}
form.newsletter-frm > button {
    position: absolute;
    border: 0;
    right: 0;
    top: 50%;
    height: 58px;
    color: #fff;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;    
    width: 93px;
}
@media (min-width: 769px) {
    form.newsletter-frm > button {
        top: calc(50% - 15px);
    }
}
.newsletter-frm > button:hover {
    background: #0d0d0d;
}
/*===== Footer =====*/
.footer-data .widget{
    padding-bottom: 15px;
}
.footer-data .widget_calendar .widget{
    color: #9a9a9a;
}
.footer-data .widget_tag_cloud .widget .tagcloud{
    background: none;
}
.footer-data .widget_search .widget form{
    position: relative;
}
.footer-data .widget_search .widget form input[type="text"]{
    float: none;
}
.footer-data .widget_search .widget form button[type="submit"]{
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    position: absolute;
    right: 20px;
    bottom: 0;
    min-height: 57px;
}
.widget {
    float: left;
    width: 100%;
}
@media (max-width: 991px) {
   .widget_rescue-about, .widget_rescue-recent-posts, .widget_rescue-custom_links, .widget_rescue-contact {
        width: 100%;
        float: left;
        margin-bottom: 30px;
    } 
}
    
.widget-title1 {
    float: left;
    width: 100%;
    margin-top: 0;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 40px;
    font-size: 17px;
    text-transform: uppercase;
}
.widget-title1:before,
.widget-title1:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: #393939;
    height: 1px;
    width: 110px;
}
.widget-title1:after {
    width: 50px;
    left: 0px;
}
footer .widget-title1 {
    color: #fff;
    font-size: 20px;
}
.widget-title1 i {
    font-style: normal;
}
.dark .widget-title1 {
    color: #fff;
}
.widget-data {
    float: left;
    width: 100%;
}
.widget p {
    font-size: 16px;
    color: #9a9a9a;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.widget p + p {
    margin-top: 25px;
}
.rcnt-pst {
    float: left;
    width: 100%;
    display: table;
}
.rcnt-pst + .rcnt-pst {
    margin-top: 30px;
}
.rcnt-pst > * {
    display: table-cell;
    vertical-align: middle;
}
.rcnt-pst > a {
    width: 70px;
}
.rcnt-pst-inf {
    padding-left: 30px;
}
.rcnt-pst-inf > h2 {
    font-size: 15px;
    line-height: 22px;
    margin-top: 3px;
    float: left;
    width: 100%;
    text-transform: uppercase;
}
.dark .rcnt-pst-inf > h2 {
    color: #fff;
}
.rcnt-pst-inf > h2 a {
    color: inherit;
}
.rcnt-pst-inf > span {
    font-size: 13px;
    color: #9a9a9a;
}
.widget ul {
    float: left;
    width: 100%;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.widget ul li {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #9a9a9a;
    position: relative;
}
footer .widget ul li {
    padding-left: 25px;
    font-size: 15px;

}
footer .widget ul li:before {
    content: "\f0a4";
    font-family: fontawesome;
    position: absolute;
    left: 0;
}
.widget ul li + li {
    margin-top: 20px;
}
.widget ul li a {
    color: inherit;
}
.widget ul.cnt-lst {
}
.widget ul.cnt-lst li {
    padding-left: 0;
}
.widget ul.cnt-lst li:before {
    display: none;
}
.widget ul.cnt-lst li.addr > i {
    height: 62px;
    width: 62px;
    text-align: center;
    line-height: 62px;
    background: #191919;
    font-size: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-right: 20px;
    float: left;
}
.widget ul.cnt-lst li.addr > strong {
    display: block;
    margin-bottom: 9px;
}
.widget ul.cnt-lst li strong {
    font-size: 14px;
    text-transform: uppercase;
    font-family: Poppins;
}
.widget ul.cnt-lst li span,
.widget ul.cnt-lst li a {
    font-size: 17px;
    line-height: 22px;
}
.widget ul.cnt-lst li + li {
    margin-top: 15px;
}

.widget ul.cnt-lst li + li span,
.widget ul.cnt-lst li a {
    margin-left: 20px;
}

.bottom-bar {
    float: left;
    width: 100%;
    padding: 35px 0 25px;
}
@media (min-width: 600px) {
    .ft-lg {
        float: left;
    }
}
.bottom-bar .ft-lg div img {
    max-height: 56px;
} 
.ft-lg > h1 {
    margin: 0;
}
.ft-lg > h1 img {
    max-height: 56px;
}
@media (min-width: 600px) {
    .copyright {
        float: right;
        text-align: right;
    }
}
@media (max-width: 599px) {
    .copyright {
        margin-top: 20px;
    }
}
    
.copyright > span, .copyright > p {
    font-size: 13px;
    color: #555;
}
.copyright > span a {
    border-bottom: 1px solid;
}
.copyright > p {
    margin-bottom: 0;
}
/*===== Page Top 1 =====*/
.page-top {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    padding: 70px 0;
    z-index: 1;
}
.page-title {
    float: left;
    width: 100%;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.page-title > h2 {
    font-size: 30px;
    margin: 0;
    text-transform: uppercase;
}
/*===== Pagination =====*/
.pagination {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    margin-top: 83px;
}
.pagination ul {
    padding-left: 0;
    list-style: none;
    margin: 0;
    display: inline-block;
}
.pagination ul li {
    float: left;
    margin-right: 7px;
    margin-top: 7px;
    color: #303030;
    font-family: Poppins;
    font-size: 13px;
    line-height: 53px;
}
.pagination ul li:last-child {
    margin-right: 0;
}
.pagination ul li a,
.pagination ul li span {
    height: 53px;
    width: 63px;
    float: left;
    background: #fbfbfb;
    color: inherit;
}
.gray .pagination ul li a,
.gray .pagination ul li span {
    background: #fff;
}
.pagination ul li:hover a,
.pagination ul li:hover span {
    color: #fff;
}
.pagination ul li.prev-pg,
.pagination ul li.next-pg {
    color: #fff;
    font-size: 16px;
}
.pagination ul li.prev-pg a,
.pagination ul li.prev-pg span,
.pagination ul li.next-pg a,
.pagination ul li.next-pg span {
    background: #383838;
}
.pagination ul li span.current {
    color: #fff;
}
/*===== Event Page =====*/
.search-event {
    float: left;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fbfbfb;
    margin-bottom: 80px;
}
.gray .search-event {
    background: #fff;
}
.search-event > h4 {
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
    float: left;
}
.search-event > a {
    float: right;
    font-family: Poppins;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid;
}
.search-event > a i.fa-map-marker {
    margin-right: 5px;
}
.search-event > a i.fa-long-arrow-right {
    margin-left: 5px;
}
.search-event > form {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.search-event > form input {
    float: left;
    width: 100%;
    border: 1px solid #c9c9c9;
    height: 58px;
    font-style: italic;
    color: #999;
    font-size: 13px;
    padding-left: 50px;
    margin-top: 10px;
    background: #fff;
}
.gray .search-event > form input {
    background: #fbfbfb;
}
.select-fld .select2-container--default .select2-selection--single {
    background: #fbfbfb;
    border: 1px solid #c9c9c9;
}
.select-fld {
    margin-top: 10px;
    width: 98%;
}
.select-fld .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 13px;
}
.select-fld .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: -8px;
}
.search-event > form button {
    padding: 18px 42px;
    margin-left: 8px;
    margin-top: 10px;
    font-size: 12px;
}
/*===== Sidebar =====*/
.widget-title2 {
    color: #333;
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 0;
    padding-right: 50px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}
.widget-title2:before {
    content: "\f10d";
    position: absolute;
    right: 0;
    font-family: Flaticon;
    font-size: 32px;
    top: -10px;
}
.widget.widget_rss ul li a.rsswidget{
    font-weight: 600;
}
.widget.widget_rss ul li:hover > span,
.widget.widget_recent_comments ul li:hover > span{
    background: none !important;
}
/*===== Calendar Widget =====*/
.sidebar-calendar {
    float: left;
    margin-bottom: 30px;
    width: 100%;
    text-align: center;
    background: #fbfbfb;
}
.sidebar-calendar .fc-toolbar {
    margin-bottom: 0;
    position: relative;
    height: 56px;
    line-height: 56px;
}
.fc-toolbar .fc-center > h2 {
    font-size: 15px;
    color: #fff;
    line-height: 56px;
}
.sidebar-calendar .fc-toolbar > div.fc-left,
.sidebar-calendar .fc-toolbar > div.fc-right {
    position: absolute;
    height: 10px;
    width: 10px;
    top: 50%;
    margin-top: -5px;
}
.sidebar-calendar .fc-toolbar > div button {
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -ms-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
    height: 10px;
    width: 10px;
    color: transparent;
    padding: 0;
    font-size: 13px;
}
.sidebar-calendar .fc-toolbar > div button:before {
    content: "\f101";
    font-family: fontawesome;
    color: #fff;
    position: absolute;
    font-size: 13px;
    top: -23px;
}
.sidebar-calendar .fc-toolbar > div.fc-right button:before {
    right: 0;
}
.sidebar-calendar .fc-toolbar > div.fc-left button:before {
    content: "\f100";
}
.sidebar-calendar .fc-toolbar > div.fc-left {
    left: 50%;
    -webkit-transform: translateX(-80px);
    -moz-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    -o-transform: translateX(-80px);
    transform: translateX(-80px);
}
.sidebar-calendar .fc-toolbar > div.fc-right {
    right: 50%;
    -webkit-transform: translateX(75px);
    -moz-transform: translateX(75px);
    -ms-transform: translateX(75px);
    -o-transform: translateX(75px);
    transform: translateX(75px);
}
.sidebar-calendar .fc-month-view .fc-head {
    height: 40px;
    line-height: 40px;
    background: #f6f6f6;
}
.sidebar-calendar .fc-month-view .fc-head td {
    border: 0;
}
.sidebar-calendar .fc-month-view .fc-head td.fc-widget-header {
    font-size: 12px;
    color: #555;
    text-transform: uppercase;
    font-weight: 600;
    font-family: Poppins;
    padding: 0 15px;
}
.sidebar-calendar .fc-month-view .fc-head td.fc-widget-header > div {
    margin-right: 0 !important;
    border-right: 0 !important;
}
.sidebar-calendar .fc-month-view .fc-head td.fc-widget-header > div th {
    border: 0;
}
.sidebar-calendar .fc-month-view .fc-body td {
    border: 0;
}
.sidebar-calendar .fc-month-view .fc-body td div.fc-week {
    min-height: 40px;
}
.sidebar-calendar .fc-month-view .fc-body td div.fc-week td {
    height: 40px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    color: #444;
    line-height: 30px;
    position: relative;
    padding: 0;
}
.sidebar-calendar .fc-month-view .fc-body td div.fc-week td.fc-today {
    background: transparent;
    color: #fff;
}
.sidebar-calendar .fc-month-view .fc-body td div.fc-week td:before {
    content: "";
    position: absolute;
    height: 30px;
    width: 30px;
    background: red;
    left: 50%;
    top: 50%;
    z-index: -1;
    opacity: 0;
}
.sidebar-calendar .fc-month-view .fc-body td div.fc-week td.fc-today:before {
    opacity: 1;
}
.gray .sidebar-calendar {
    background: #fff;
}
.sidebar-calendar * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    -o-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.sidebar-calendar .fc-month-view .fc-body tr div.fc-day-grid {
    padding: 0 20px;
}
.sidebar-calendar .fc-month-view .fc-body td > div.fc-day-grid-container {
    height: 250px !important;
    overflow: hidden;
}

/*===== Event Mini =====*/
.event-box-mini {
    float: left;
    width: 100%;
}
.event-box-mini + .event-box-mini {
    margin-top: 20px;
}
.event-box-mini > strong {
    float: left;
    color: #fff;
    height: 80px;
    width: 85px;
    text-align: center;
    font-size: 25px;
    color: #fefefe;
    text-transform: uppercase;
    padding: 12px 10px;
    margin-right: 20px;
}
.event-box-mini > strong small {
    font-size: 11px;
    display: block;
}
.event-box-mini > span {
    width: initial;
    margin-top: 8px;
    display: block;
    float: none;
    font-size: 13px;
}
.event-box-mini > h2 {
    font-size: 15px;
    color: #333;
    line-height: 19px;
    margin-bottom: 0;
    margin-top: 10px;
}
.event-box-mini > h2 a {
    color: inherit;
}
/*===== Sidebar List =====*/
.sidebar .widget ul {
    background: transparent;
}
.sidebar>.widget {
    padding: 30px;
    background: #fbfbfb;
    margin-bottom: 50px;
}
@media (max-width: 1199px) {
    .sidebar>.widget {
        padding: 30px 25px;
    }
}
.gray .sidebar>.widget {
    background: #fff;
}
.gray .sidebar .widget ul {
    background: transparent;
}
.sidebar .widget:last-child {
    margin-bottom: 0;
}
.sidebar .widget ul li {
    font-family: Poppins;
    color: #444;
    line-height: 35px;
}
.sidebar .widget ul li span {
    font-size: 10px;
    font-weight: 600;
    height: 35px;
    width: 35px;
    text-align: center;
    border: 2px solid #fff;
    float: right;
    line-height: 35px;
}
.sidebar .widget_categories.widget ul li span,
.sidebar .widget_archive.widget ul li span{
    line-height: 3.2;
}
.gray .sidebar .widget ul li span {
    border-color: #fbfbfb;
}
.sidebar .widget ul li:hover > span {
    color: #fff !important;
}
.sidebar .widget ul li:hover > a {
    color: #333;
}
/*===== Video Post =====*/
.sidebar .rcnt-pst-inf > span {
    font-style: normal;
}
.sidebar .rcnt-pst-inf {
    padding-left: 25px;
}
.sidebar .rcnt-pst-inf > h2 {
    text-transform: initial;
}
.video-pst {
    float: left;
    width: 100%;
    text-align: center;
}
.video-thumb {
    float: left;
    width: 100%;
    position: relative;
}
.video-thumb:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .6;
}
.video-thumb > a {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 45px;
}
.video-info {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.video-info > h2 {
    float: left;
    width: 100%;
    margin-top: 0;
    font-size: 14px;
    margin-bottom: 8px;
}
.video-info > h2 a {
    color: inherit;
}
.video-info > span {
    float: none;
    display: inline-block;
}
/*===== Tag Cloud =====*/
.tagcloud {
    float: left;
    width: 100%;
    background: #fbfbfb;
}
.gray .tagcloud {
    background: #fff;
}
.tagcloud > a {
    font-size: 13px !important;
    font-style: italic;
    color: #555;
    padding: 0 22px;
    line-height: 40px;
    margin-right: 4px;
    margin-top: 3px;
    background: #fff;
    float: left;
    position: relative;
    z-index: 1;
}
.gray .tagcloud > a {
    background: #ededed;
}
.tagcloud > a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    opacity: 0;
}
.tagcloud > a:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.tagcloud > a:hover {
    color: #fff;
}
/*===== Flickr Widget =====*/
.flickr-gallery {
    float: left;
    width: 100%;
    margin-bottom: -5px;
}
.flickr-gallery a {
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
}
.flickr-gallery a:hover > img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
/*===== Team =====*/
.member-box {
    text-align: center;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
    padding-bottom: 70px;
}
.member-box > img {
    display: inline-block !important;
}
.member-detail {
    margin-top: 30px;
}
.member-detail > h2 {
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 5px;
}
.member-detail > h2 a {
    color: inherit;
}
.member-detail > span {
    text-transform: uppercase;
    font-family: Poppins;
    font-size: 14px;
}
.member-box:before {
    content: "";
    background: #fbfbfb;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: -1;
}
.gray .member-box:before {
    background: #fff;
}
/*===== Google Map =====*/
.google-map {
    float: left;
    width: 100%;
}
.map {
    float: left;
    width: 100%;
    min-height: 455px;
}
/*===== Offices Address =====*/
.offices-list {
    float: left;
    width: 100%;
}
.offic-box {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #dfdfdf;
}
.offic-box:last-child {
    border-bottom: 0;
}
.offic-box + .offic-box {
    margin-top: 60px;
}
.offic-name {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.offic-name > span {
    font-size: 30px;
    color: #cdcdcd;
    font-family: Poppins;
    font-weight: 600;
}
.offic-name > h2 {
    font-size: 18px;
    color: #404040;
    margin-top: 15px;
    margin-bottom: 8px;
}
.offic-name > a {
    font-style: italic;
    font-size: 13px;
    float: left;
    border-bottom: 1px solid;
}
.offic-info {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.offic-info > i {
    height: 82px;
    width: 82px;
    text-align: center;
    font-size: 28px;
    color: #fff;
    line-height: 82px;
    margin-right: 20px;
    float: left;
}
.offic-info > strong {
    display: block;
    font-size: 15px;
    font-family: Poppins;
    text-transform: uppercase;
    margin-bottom: 7px;
    margin-top: 5px;
}
.offic-info > span,
.offic-info > a {
    display: block;
    font-size: 14px;
    color: #373838;
    margin-top: 4px;
}
/*===== Title Style 4 =====*/
.title-style4 {
    float: left;
    width: 100%;
}
.title-style4 > span {
    font-size: 13px;
}
.title-style4 > h4 {
    font-size: 22px;
    color: #404040;
}
.title-style4 > p {
    font-size: 15px;
    color: #666;
    line-height: 24px;
}
/*===== Contact Page =====*/
.contact-form {
    float: left;
    width: 100%;
}
.contact-form > form {
    float: left;
    width: 100%;
}
.contact-form > form .row > div {
    float: left;
}
.contact-form > form input,
.contact-form > form textarea {
    float: left;
    width: 100%;
    border: 0;
    background: #fbfbfb;
    font-size: 12px;
    color: #ababab;
    padding: 10px 40px;
    height: 55px;
}
.gray .contact-form > form input,
.gray .contact-form > form textarea {
    background: #fff;
}
.contact-form > form input + input {
    margin-top: 10px;
}
.contact-form > form textarea {
    min-height: 185px;
    padding-top: 25px;
}
.contact-form > form button {
    margin-top: 50px;
}
/*===== Blog Detail =====*/
.blg-dtl {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.blg-dtl > img {
    margin-bottom: 45px;
}
.blg-mta {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.blg-mta > h1 {
    float: left;
    font-size: 22px;
    margin-top: 0;
    width: 100%;
    word-wrap: break-word;
}
.pst-meta > li.cmt {
    font-family: Poppins;
    font-weight: 600;
}
.blg-dtl > p {
    clear: both;
    font-size: 15px;
    margin-bottom: 30px;
}
.blg-dtl > p:last-child {
    margin-bottom: 0;
}
.blg-mta .pst-meta {
    width: 100%;
}
blockquote {
    background-position: center !important;
    background-size: cover !important;
    border-left: 0 none;
    margin-bottom: 40px;
    padding: 55px 10%;
    position: relative;
    text-align: center;
    z-index: 1;
    clear: both;
}
blockquote:before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
blockquote p {
    color: #fff !important;
    font-family: Poppins;
    font-size: 22px;
    font-style: italic;
    line-height: 30px;
}
/*===== Share & Tags =====*/
.shar-tag {
    border-bottom: 3px double #ebebeb;
    border-top: 3px double #ebebeb;
    float: left;
    padding: 20px 0;
    width: 100%;
}
.share {
    float: left;
}
.share > span {
    color: #666;
    float: left;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    line-height: 38px;
    margin-right: 15px;
    text-transform: uppercase;
}
.share > a {
    background: #fbfbfb none repeat scroll 0 0;
    color: #555;
    float: left;
    height: 38px;
    line-height: 38px;
    margin-left: 5px;
    position: relative;
    text-align: center;
    width: 40px;
    z-index: 1;
}
.gray .share > a {
    background: #fff none repeat scroll 0 0;
}
.tagclouds {
    float: right;
}
.tagclouds > * {
    line-height: 38px;
}
.tagclouds > span {
    color: #555;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.tagclouds > a {
    font-family: Poppins;
    font-size: 13px;
    font-weight: 400;
}
.tagclouds > a:hover {
    color: #333;
}
.share > a:before {
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    z-index: -1;
}
.share > a:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.share > a:hover {
    color: #fff;
}
/*===== Author =====*/
.pst-author {
    display: flex;
    align-items: center;
    float: left;
    margin-top: 45px;
    padding: 30px 50px 30px 0;
    position: relative;
    width: 100%;
    z-index: 1;
}
@media (max-width: 767px) {
   .pst-author {
        padding-right: 30px;
   } 
}
@media (max-width: 479px) {
   .pst-author {
        display: block;
   } 
}
.pst-author:before {
    background: #fafafa none repeat scroll 0 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    bottom: 0;
    content: "";
    left: 100px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.pst-author > * {
    display: table-cell;
    vertical-align: middle;
}
.pst-author-detail {
    padding-left: 50px;
}
@media (max-width: 767px) {
    .pst-author-detail { 
        padding-left: 20px;
    }
}
.pst-author > img {
    min-width: 150px;
    border-radius: 5px;
}
.pst-author-detail > h2 {
    float: left;
    font-size: 15px;
    margin-top: 0;
    text-transform: uppercase;
}
@media (max-width: 991px) {
    .pst-author-detail > h2 {
        width: 100%;
    }
    .news-thumb:before{
        content: none;
    }
}
.author-social {
    float: right;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
@media (max-width: 991px) {
    .author-social {
        float: left;
        width: 100%;
    }
}
.author-social > li {
    float: left;
    font-size: 13px;
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
}
.author-social > li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.author-social > li:before {
    background: #9c9c9c none repeat scroll 0 0;
    content: "";
    height: 9px;
    margin-top: -4.5px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
}
.author-social > li:last-child:before {
    display: none;
}
.author-social > li a:hover {
    color: #333;
}
.pst-author-detail > p {
    float: left;
    font-size: 15px;
    font-style: italic;
    margin-bottom: 0;
    margin-top: 10px;
    width: 100%;
}
.gray .pst-author:before {
    background: #fff none repeat scroll 0 0;
}
.comments {
    float: left;
    margin-top: 50px;
    width: 100%;
}
/*===== Title =====*/
.title {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.title > span {
    font-size: 13px;
}
.title > h4 {
    color: #323232;
    font-size: 24px;
    text-transform: uppercase;
}
/*===== Comment Threads =====*/
.comments-thred {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: -10px;
    padding-left: 0;
    width: 100%;
}
.comments-thred > li {
    float: left;
    width: 100%;
}
.comment {
    display: flex;
    align-items: center;
    float: left;
    padding: 10px 50px 10px 0;
    position: relative;
    width: 100%;
    z-index: 1;
    margin-top: 10px;
}
@media (max-width: 600px) {
    .comment {
        display: block;
        padding: 30px 15px;
    }
}


.comment:before {
    background: #fbfbfb none repeat scroll 0 0;
    -webkit-border-radius: 0 110px 110px 0;
    -moz-border-radius: 0 110px 110px 0;
    border-radius: 0 110px 110px 0;
    bottom: 0;
    content: "";
    left: 100px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
@media (max-width: 600px) {
    .comment:before {
        left: 0;
        border-radius: 0;
    }
}
.gray .comment:before {
    background: #fff none repeat scroll 0 0;
}

.comment-thumb {
    width: 170px;
    min-width: 170px;
    position: relative;
}
@media (max-width: 1199px) {
    .comment-thumb {
        min-width: 120px;
        width: 120px;
    }
}
@media (max-width: 600px) {
    .comment-thumb {
        margin:  0 auto 27px;
    }
}
.comment-reply-link {
    bottom: 20px;
    color: #fff;
    font-family: Poppins;
    font-size: 11px;
    font-weight: 600;
    left: auto;
    right: 0;
    transform: none;
    line-height: 36px;
    padding: 0 40px;
    position: absolute;
    text-transform: uppercase;
}
@media (max-width: 1199px) {
    .comment-reply-link {
        bottom: 10px;
        padding: 0 20px;
    }
}

.comment-reply-link:hover {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}
.comment-detail {
    padding-left: 50px;
}
@media (max-width: 600px) {
   .comment-detail {
       padding-left: 0;
       text-align: center;
   } 
   .comments.style2 .comment-detail{
        max-width: 100% !important;
        padding-left: 0 !important;
        margin-top: 15px;
   }
   .comments.style2 .comment-thumb{
        margin: auto !important;
        float: none !important;
   }
}
.comment-detail > h2:first-child {
    color: #323232;
    float: left;
    font-size: 15px;
    margin-bottom: 5px;
    margin-right: 70px;
    margin-top: 0;
    text-transform: uppercase;
}
@media (max-width: 600px) {
    .comment-detail > h2:first-child, .comment-detail > span {
        width: 100%;
    }
}
.comment-detail > h2 a {
    color: inherit;
}
.comment-detail > span {
    float: left;
    font-size: 12px;
    margin-bottom: 5px;
}

.comment-detail > p {
    color: #666;
    float: left;
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 5px;
    width: 100%;
}
.comment ~ ul {
    list-style: outside none none;
    padding-left: 170px;
}
.comments-thred li {
    float: left;
    margin-top: 10px;
    width: 100%;
}
/*===== Reply Form =====*/
.reply-comment {
    float: left;
    width: 100%;
}
.reply-comment > form {
    float: left;
    width: 100%;
}
.reply-comment > form .mrg5 > div {
    width: 100%;
    float: left;
}
.reply-comment > form input,
.reply-comment > form textarea {
    border: 0 none;
    color: #8c8c8c;
    float: left;
    font-size: 12px;
    height: 58px;
    padding: 20px 40px;
    width: 100%;
}
.comments .reply-comment {
    padding:  30px 0;
}
.mrg5 input,
.mrg5 textarea {
    margin-bottom: 20px;
}
.mrg10 input,
.mrg10 textarea {
    margin-bottom: 20px;
}
.reply-comment > form textarea {
    min-height: 185px;
}
.reply-comment > form button {
    margin-top: 40px;
}
/*===== Cause Detail =====*/
.dont-inf {
    float: left;
    margin-bottom: 35px;
    margin-top: 10px;
    width: 100%;
}
.dont-inf > span {
    width: auto;
    margin-top: 20px;
}
.dont-inf > a {
    float: right;
}
.progress {
    background: #202020 none repeat scroll 0 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    float: left;
    height: 10px;
    margin-bottom: 20px;
    margin-top: 40px;
    overflow: initial;
    width: 100%;
    position: relative;
}
.progress-bar {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    position: relative;
}
.progress-bar > span {
    background: red none repeat scroll 0 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    bottom: -32px;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    padding: 0 10px;
    position: absolute;
    right: -20px;
}
.progress-bar > span:before {
    background: red none repeat scroll 0 0;
    content: "";
    height: 7px;
    left: 50%;
    margin-left: -3px;
    position: absolute;
    top: -3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 7px;
}
.pst-meta.styl2 li img {
    float: left;
    margin-right: 15px;
}
.pst-meta.styl2 li span {
    width: auto;
}

.pst-meta.styl2 li span i {
    color: #8c8b8b;
}
.btn1.disable {
    background: #c2c3c1 none repeat scroll 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    cursor: auto;
}
/*===== Event Detail =====*/
.evnt-tmng {
    float: left;
    margin-top: 45px;
    width: 100%;
    display: flex;
}

.evnt-tim {
    float: left;
    margin-right: 45px;
    padding-right: 25px;
    position: relative;
}
.evnt-tim:before {
    background: #d7d7d7 none repeat scroll 0 0;
    content: "";
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}
.evnt-tim:last-child {
    margin-right: 0;
    padding-right: 0;
}
.evnt-tim:last-child:before {
    display: none;
}
.evnt-tim > span {
    color: #444;
    font-family: Poppins;
    font-size: 14px;
    text-transform: uppercase;
}
.pst-meta li strong,
span.loc strong {
    color: #444;
    font-family: Poppins;
    font-size: 12px;
    text-transform: uppercase;
}
.evnt-loca {
    min-height: 285px;
    width: 330px;
}
.alignright {
    float: right;
    margin-bottom: 20px;
    margin-left: 40px;
}
.blg-dtl h3 {
    font-size: 17px;
    text-transform: uppercase;
}
.blg-dtl > div.paddlr70 ul {
    list-style: outside none none;
    margin-bottom: 70px;
    padding-left: 0;
}
.blg-dtl > div.paddlr70 ul li:before {
    background: #444 none repeat scroll 0 0;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 14px;
    width: 8px;
}
.blg-dtl > div.paddlr70 ul li {
    font-size: 15px;
    line-height: 33px;
    padding-left: 15px;
    position: relative;
}
@media (max-width: 1199px) {
    .evnt-tmng {  
        display: block;
    }
    .evnt-tim:before {
        content: none;
    }
    .evnt-tim {
        margin-bottom: 20px;
    }
}
/*===== Become Volunteer =====*/
.hlp-cnt {
    float: left;
    width: 100%;
}
.hlp-cnt > span {
    font-size: 13px;
}
.hlp-cnt > h4 {
    color: #404040;
    font-size: 26px;
    margin-bottom: 0;
}
.hlp-cnt > p {
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 25px;
}
.othr-inf {
    float: left;
    margin-top: 60px;
    width: 100%;
}
.othr-inf > span {
    float: left;
    font-family: Poppins;
    font-size: 17px;
    font-weight: 600;
    margin-right: 45px;
    margin-top: 6px;
}
.othr-inf > span i {
    display: block;
    font-style: normal;
}
.bec-vdo {
    float: left;
    width: 100%;
}
.bec-vdo .video-thumb {
    margin-bottom: 50px;
}

form input,
form textarea {
    background: #fbfbfb;
    border: 0 none;
    color: #ababab;
    float: left;
    font-size: 12px;
    height: 58px;
    padding: 20px 40px;
    width: 100%;
}
.gray form input,
.gray form textarea {
    background: #fff;
}
.sclt .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ababab;
    font-size: 12px;
    font-style: normal;
}
.volunteer-form {
    float: left;
    width: 100%;
}
.volunteer-form > form {
    float: left;
    width: 100%;
}
.volunteer-form > form input,
.volunteer-form > form .sclt,
.volunteer-form > form textarea {
    margin-bottom: 10px;
}

.volunteer-form > form textarea {
    height: 140px;
}
.volunteer-form > form button {
    margin-top: 20px;
    border: 1px solid #000;
}
/*===== Title 2 =====*/
.title2 {
    float: left;
    width: 100%;
}
.title2 > span {
    color: #2e2d2d;
    font-size: 14px;
}
.title2 > h4 {
    color: #050505;
    font-size: 48px;
    margin-bottom: 15px;
    margin-top: 10px;
}
.title2 > h4 span {
    font-size: 26px;
}
.title2 > h4 span {
    display: block;
    margin-bottom: 7px;
}
.title2 > p {
    color: #303030;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 10px;
}

.evnt-calendar {
    float: left;
    overflow: hidden;
    width: 100%;
}
.clndr {
    background: #fbfbfb none repeat scroll 0 0;
    float: left;
    width: 100%;
}
.gray .clndr {
    background: #fff none repeat scroll 0 0;
}
.clndr .fc-toolbar {
    margin-bottom: 0;
    padding: 60px 65px 40px;
    position: relative;
    text-align: center;
}
.clndr .fc-toolbar > .fc-center {
    display: inline-block;
}
.clndr .fc-toolbar > .fc-center h2 {
    color: #282828;
    font-size: 20px;
    text-transform: uppercase;
}
.clndr .fc-toolbar > div.fc-left,
.clndr .fc-toolbar > div.fc-right {
    margin-top: -10px;
    position: absolute;
    top: 50%;
}
.clndr .fc-toolbar > div.fc-left {
    left: 50%;
    -webkit-transform: translateX(-190px);
    -moz-transform: translateX(-190px);
    -ms-transform: translateX(-190px);
    -o-transform: translateX(-190px);
    transform: translateX(-190px);
}
.clndr .fc-toolbar > div.fc-right {
    right: 50%;
    -webkit-transform: translateX(190px);
    -moz-transform: translateX(190px);
    -ms-transform: translateX(190px);
    -o-transform: translateX(190px);
    transform: translateX(190px);
}
.clndr .fc-toolbar > div button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    color: #959595;
    font-family: Poppins;
    text-transform: capitalize;
}
.clndr .fc-view-container {
    background: #f0eeee none repeat scroll 0 0;
    padding: 30px;
}
.clndr .fc-view-container table,
.clndr .fc-view-container table tr,
.clndr .fc-view-container table td,
.clndr .fc-view-container table th {
    border: 0 none;
}
.clndr .fc-view-container table thead.fc-head {
    background: #fff none repeat scroll 0 0;
    line-height: 60px;
}
.clndr .fc-view-container table thead.fc-head .fc-day-header {
    color: #444;
    font-family: Poppins;
    font-size: 14px;
    text-transform: uppercase;
}
.clndr .fc-basic-view .fc-body .fc-row {
    min-height: 165px;
}
.clndr .fc-view-container table tbody .fc-day {
    border-color: #f0eeee;
    border-style: solid;
    border-width: 3px 4px;
    position: relative;
}
.clndr .fc-view-container table tbody .fc-day.fc-today {
    background: transparent;
}
.clndr .fc-view-container table tbody .fc-day:before {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.fc-basic-view td.fc-day-number, .fc-basic-view td.fc-week-number span {
    color: #444;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    padding-right: 45px;
    padding-top: 40px;
}
.clndr .fc-view-container table tbody .fc-day.fc-other-month:before {
    background: #f5f5f5 none repeat scroll 0 0;
}
.fc-basic-view td.fc-day-number.fc-today,
.fc-basic-view td.fc-week-number.fc-today span {
    color: #fff;
}
.fc-day-grid-event {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    float: left;
    font-family: Poppins;
    font-size: 11px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.fc-row .fc-content-skeleton td.fc-event-container {
    padding: 30px 20px;
    position: relative;
}
.fc-day-grid-event > div.fc-content {
    white-space: normal;
}
.fc-row .fc-content-skeleton td.fc-event-container:before {
    background: #333 none repeat scroll 0 0;
    content: "";
    height: 160px;
    left: 6px;
    position: absolute;
    top: -57px;
    width: 152px;
    z-index: -1;
}
.clndr .fc-day-grid-container {
    height: initial !important;
    overflow: hidden;
}
/*===== Member Detail =====*/
.mbr-dtl {
}
.mbr-inf-wrp {
    float: left;
    min-height: 446px;
    position: relative;
    width: 100%;
}

.mbr-inf-inr {
    left: 60%;
    position: absolute;
    top: 50%;
    width: 80%;
}
.mbr-inf {
    float: left;
    text-align: right;
    width: 100%;
}
.mbr-scil {
    float: left;
    list-style: outside none none;
    margin-top: 16px;
    margin-bottom: 0;
    padding-left: 0;
}
.mbr-scil > li {
    color: #fff;
    float: left;
    font-size: 11px;
    line-height: 38px;
    margin-right: 5px;
    text-align: center;
}
.mbr-scil > li a {
    color: inherit;
    display: block;
    height: 38px;
    width: 38px;
}
.mbr-inf > h1 {
    float: right;
    font-size: 36px;
    margin-bottom: 15px;
    margin-top: 0;
}
.mbr-inf > i {
    float: right;
    font-size: 15px;
    width: 100%;
}
.mbr-inf > p {
    color: #666;
    float: left;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 15px;
    width: 100%;
}
.mbr-cnt {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: 25px;
    padding-left: 0;
    width: 100%;
}
.mbr-cnt > li {
    float: left;
    font-size: 14px;
    line-height: 42px;
    margin-top: 10px;
    width: 100%;
}
.mbr-cnt > li i {
    color: #fff;
    float: right;
    font-size: 13px;
    height: 42px;
    line-height: 42px;
    margin-left: 30px;
    text-align: center;
    width: 42px;
}
.mbr-cnt > li a {
    color: inherit;
}
.mbr-thmb {
    float: left;
    width: 100%;
}
.mbr-thmb > img {
    width: 100%;
}
@media (max-width: 1199px) {

    .mbr-inf-inr {
        left: auto;
        position: relative;
        top: auto;
        width: 100%;
        transform: none;
        padding: 0 15px;
    }
    .mbr-inf {
        text-align: left;
    }
    ..mbr-scil {
        width: 100%;
    }
    .mbr-inf > h1 {
        width: 100%;
        margin-top: 15px;
    }
}
/*===== Donation Sec =====*/
.dnt-sec {
    float: left;
    width: 100%;
}
.dnt-hdr {
    background: #ececec none repeat scroll 0 0;
    display: table;
    float: left;
    padding: 60px 13%;
    width: 100%;
}
.donation-intro {
    vertical-align: middle;
}
.sclt-dnt-tm {
    display: table-cell;
    vertical-align: middle;
    width: 530px;
}
.donation-intro > h4 {
    font-size: 22px;
    margin-bottom: 8px;
    margin-top: 0;
    text-transform: uppercase;
}
.donation-intro > span {
    color: #666;
    font-size: 14px;
}
.sclt-dnt-tm .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #727272;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    text-transform: uppercase;
}
.dnt-figrs {
    background: #fbfbfb none repeat scroll 0 0;
    display: table;
    float: left;
    padding: 40px 13%;
    width: 100%;
}
.gray .dnt-figrs {
    background: #fff none repeat scroll 0 0;
}
.dnt-figrs > strong {
    color: #303030;
    float: left;
    font-family: Poppins;
    font-size: 17px;
    line-height: 48px;
    margin-top: 3px;
    padding-right: 30px;
    text-transform: uppercase;
    vertical-align: middle;
}
.dnt-fgr-lst {
    display: table-cell;
    float: right;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle;
}
.dnt-fgr-lst > li {
    color: #5d5d5d;
    float: left;
    font-family: Poppins;
    font-size: 15px;
    line-height: 48px;
    margin-right: 3px;
    margin-top: 3px;
}
.dnt-fgr-lst > li a {
    border: 1px solid #d5d5d5;
    color: inherit;
    float: left;
    padding: 0 20px 0 40px;
    position: relative;
    width: 105px;
}
.dnt-fgr-lst > li a:before {
    background: #adadad none repeat scroll 0 0;
    content: "";
    height: 7px;
    left: 20px;
    position: absolute;
    top: 50%;
    width: 7px;
}
.dnt-fgr-lst > li a:after {
    border: 1px solid #d5d5d5;
    content: "";
    height: 13px;
    left: 17px;
    position: absolute;
    top: 50%;
    width: 13px;
}
.dnt-fgr-lst > li:last-child {
    margin-right: 0;
}
.dnt-lst {
    float: left;
    width: 100%;
}
.dnt-lst > table {
    float: left;
    text-align: center;
    width: 100%;
}
.dnt-lst > table thead tr th:nth-child(2n+1) {
    background: #ececec none repeat scroll 0 0;
}
.dnt-lst > table thead tr th:nth-child(2n) {
    background: #f2f0f0 none repeat scroll 0 0;
}
.dnt-lst > table thead tr th {
    color: #303030;
    font-family: Poppins;
    font-size: 14px;
    line-height: 20px;
    padding: 25px 90px;
    text-transform: uppercase;
    text-align: center;
}
.dnt-lst > table tbody tr td {
    background: #fbfbfb none repeat scroll 0 0;
    padding: 30px;
}
.gray .dnt-lst > table tbody tr td {
    background: #fff none repeat scroll 0 0;
}
.caus-nm {
    display: table;
    float: left;
    max-width: 80%;
    text-align: left;
    width: 100%;
}
.caus-nm > img {
    float: left;
    min-width: 168px;
    vertical-align: middle;
}
.caus-nm > h2 {
    color: #303030;
    display: table-cell;
    font-size: 17px;
    line-height: 24px;
    padding-left: 30px;
    vertical-align: middle;
}
.caus-nm > h2 a {
    color: inherit;
}
.amunt-bx {
    color: #5d5d5d;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 600;
}
.rmv-dnt {
}
.rmv-dnt {
    border-bottom: 1px solid;
    display: inline-block;
    font-family: Poppins;
    font-weight: 600;
}
a:hover {
    color: #000;
}
.dnt-pymnt-mthd {
    float: left;
    margin-top: 70px;
    width: 100%;
}
.title3 {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.title3 > span {
    font-size: 13px;
}
.title3 > h4 {
    color: #404040;
    font-size: 22px;
    margin-bottom: 0;
}
.pymnt-frm {
    float: left;
    width: 100%;
}
.pynt-opts {
    float: left;
    width: 100%;
}
.pynt-opts > span {
    cursor: pointer;
    float: left;
    line-height: 48px;
    margin-bottom: 0;
    margin-left: 35px;
}
.pynt-opts > img {
    float: left;
    margin-bottom: 45px;
}
.pynt-opts input, .pynt-opts textarea {
    background: #fff;
}
.pynt-opts > span input {
    cursor: pointer;
    height: 40px;
    margin-right: 10px;
    margin-top: 4px;
    width: auto;
    
}
.pynt-opts > span label {
    color: #404040;
    cursor: pointer;
    font-family: Poppins;
    font-size: 15px;
}
.pynt-opts div > input,
.pynt-opts div > .scl {
    margin-bottom: 10px;
}
.pynt-opts div > .scl .select2-container--default .select2-selection--single .select2-selection__rendered {
    text-transform: uppercase;
    font-family: Poppins;
    color: #727272;
    font-size: 12px;
    font-style: normal;
}
.prcnl-inf {
    float: left;
    margin-top: 35px;
    width: 100%;
}
.title3 > p {
    color: #666;
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 20px;
}
.pynt-opts div > textarea {
    min-height: 192px;
}
.pynt-opts div > button {
    margin-top: 50px;
}
/*===== Demo 2 =====*/
/*===== Header Style 2 =====*/
.topbar1.style2 .tb-br-cnt1 > li i {
    font-size: 15px;
}
.tb-br-scl2 {
    float: right;
}
.tb-br-scl2 > strong {
    float: left;
    font-family: Poppins;
    font-size: 12px;
    line-height: 58px;
    margin-right: 20px;
    text-transform: uppercase;
}
.tb-br-scl2 .scl-shr1 > li a:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.topbar1.style2 > a {
    float: right;
}
.topbar1.style2 > a {
    float: right;
}
.topbar1.style2 > div > a {
    float: right;
    font-size: 14px;
    padding: 20px 55px;
}
.btn2 {
    color: #fff;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    padding: 20px 55px;
    text-transform: uppercase;
}
.srch-crt-lst {
    float: right;
    margin-top: 40px;
    vertical-align: middle;
}
.srch-crt-lst > ul {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
.srch-crt-lst > ul > li {
    color: #444;
    float: left;
    font-size: 18px;
    margin-right: 15px;
    padding-right: 15px;
    position: relative;
}
.srch-crt-lst > ul > li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.srch-crt-lst > ul > li:before {
    background: #dbdbdb none repeat scroll 0 0;
    content: "";
    height: 11px;
    margin-top: -5.5px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
}
.srch-crt-lst > ul > li:last-child:before {
    display: none;
}
.srch-crt-lst > ul > li a {
    color: inherit;
}
.srch-crt-lst > ul > li a span {
    -webkit-animation: 1s ease 0s normal none infinite running wobble;
    -moz-animation: 1s ease 0s normal none infinite running wobble;
    -ms-animation: 1s ease 0s normal none infinite running wobble;
    -o-animation: 1s ease 0s normal none infinite running wobble;
    animation: 1s ease 0s normal none infinite running wobble;
    color: #f9f7f7;
    font-size: 10px;
    height: 15px;
    line-height: 15px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -3px;
    width: 15px;
}
/*===== Page Top 2 =====*/
.pg-tl {
    float: left;
    text-align: left;
}
.pg-tl > span {
    font-family: Poppins;
    font-size: 15px;
}
.pg-tl > h1 {
    color: #fff;
    font-size: 32px;
    margin-bottom: 0;
    margin-top: 10px;
    text-transform: uppercase;
}
.bredcrumbs {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    float: right;
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 0 70px;
}
.bredcrumbs > li {
    color: #fff;
    float: left;
    font-family: Poppins;
    font-size: 12px;
    line-height: 58px;
    position: relative;
    text-transform: uppercase;
}
.bredcrumbs > li:before {
    content: "-";
    margin: 0 7px;
}
.bredcrumbs > li:first-child:before {
    display: none;
}
.bredcrumbs > li a {
    color: inherit;
}
/*===== Blog Style 2 =====*/
.news-box.style2 .news-detail > h2 {
    font-size: 17px;
    margin-bottom: 0;
    margin-top: 0;
}
.news-box.style2 .news-detail > .pst-meta {
    margin-bottom: 30px;
    margin-top: 13px;
}
/*===== Cause Style 2 =====*/
.cause-box1.style2 {
    text-align: left;
}
.cause-box1.style2 .cause-thumb:before {
    bottom: -59%;
    left: -40%;
    width: 180%;
}
.cause-box1.style2 .cause-info > h2 {
    margin-top: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}
.cause-box1.style2 .cause-info .cate {
    font-size: 15px;
}
.cause-info > p {
    font-size: 15px;
    color: #444;
    float: left;
    margin-top: 10px;
    width: 100%;
}
.cause-box1.style2 span.dnt-gl {
    font-weight: 600;
}
.cause-box1.style2 span.dnt-gl span {
    font-weight: 600;
    font-size: 18px;
}
/*===== Gallery Style 1 =====*/
.gallery-box {
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.gallery-box:before {
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
    transform: scaleY(0.3);
}
.gallery-box:hover:before {
    opacity: 0.9;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}
.gallery-info {
    left: 0;
    opacity: 0;
    padding: 0 6%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0.5);
    -moz-transform: translateY(-50%) scale(0.5);
    -ms-transform: translateY(-50%) scale(0.5);
    -o-transform: translateY(-50%) scale(0.5);
    transform: translateY(-50%) scale(0.5);
}
.gallery-info > h2 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}
.gallery-info > span.cate {
    color: #fff;
    font-style: italic;
}
.gallery-info > span.cate a:hover {
    color: #000;
}
.gallery-box .lightbox > a,
.gallery-box .lightbox2 > a {
    background: #111 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    width: 50px;
}
.gallery-box span.lightbox,
.gallery-box span.lightbox2 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.gallery-box:hover .gallery-info {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}
/*===== Featured Image =====*/
.feat-img {
    float: left;
    position: relative;
    width: 100%;
}
.feat-img:before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
@media (max-width: 767px) {
    .feat-img img {
        min-width: 250%;
        min-height: 500px;
    }
}
@media (max-width: 479px) {
    .feat-img img {
        min-width: 250%;
        min-height: 450px;
    }
}
    
.feat-cap {
    left: 50%;
    max-width: 700px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    z-index: 2;
}
.feat-cap > i {
    display: block;
    font-size: 50px;
}
.feat-cap > span {
    color: #fff;
    display: block;
    font-family: Poppins;
    font-size: 22px;
    margin-top: 30px;
}
.feat-cap > h4 {
    font-size: 60px;
    line-height:48px;
    color: #fff !important;
    margin-top: 27px;
    text-transform: uppercase;
}
.feat-cap > p {
    color: #fff;
    font-family: Poppins;
    font-size: 18px;
}
.scl2 {
    display: inline-block;
    margin-top: 40px;
    max-width: 330px;
    width: 100%;
}
.scl2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
}
.scl2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    background: transparent none repeat scroll 0 0;
}
.scl2 .select2-container--default .select2-selection--single {
}
.scl2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-top-color: #444;
}
.scl2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-bottom-color: #444;
}
/*===== Product Style 1 =====*/
.product-box {
    float: left;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}
.product-inf {
    float: left;
    width: 100%;
}
.product-inf > h2 {
    font-size: 18px;
    margin-bottom: 8px;
    margin-top: 30px;
    text-transform: uppercase;
}
.product-inf > h2 a {
    color: inherit;
}
.product-inf .price,
.woocommerce div.product span.price {
    display: block;
    direction: rtl;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    margin-top: 12px;
}
div.rating {
    display: block;
    margin-top: 8px;
}
div.rating > ul {
    display: inline-block;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
div.rating > ul > li {
    color: #a0a0a0;
    float: left;
    font-size: 14px;
    margin-right: 5px;
}
div.rating > ul > li:last-child {
    margin-right: 0;
}
.product-inf .btn1-drk,
.product-inf > a {
    margin-top: 22px;
    background: #58bf00;
}
.product-inf .btn1-drk:hover,
.product-inf > a:hover {
    background: #000;
}

/*===== Title Style 5 =====*/
.title-style5 {
    display: block;
    margin: 0 auto 40px;
    max-width: 70%;
}
.title-style5 > span {
    font-family: Poppins;
    font-size: 17px;
}
.title-style5 > h4 {
    font-size: 40px;
    line-height: 55px;
}
.blackish .title-style5 > h4 {
    color: #fff;
}
.title-style5 > h4 span {
    display: block;
    font-size: 30px;
}
.title-style5 > p {
    color: #e2e1e1;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 13px;
}
/*===== FunFacts =====*/
.fact-box {
    float: left;
    margin-bottom: 30px;
    text-align: left;
    width: 100%;
}
.fact-box > i {
    color: #fff; 
    float: left;
    font-size: 63px;
    margin-right: 20px;
}
.fact-box > span {
    font-family: Poppins;
    font-size: 40px;
    line-height: 46px;
    font-weight: 600;
}
.fact-box > p {
    color: #fff;
    font-family: Poppins;
    font-size: 17px;
    margin-bottom: 0;
    margin-top: 5px;
}
.fun-facts > a {
    margin-top: 15px;
}
/*===== Projects =====*/
.projects-carousel {
    float: left;
    width: 100%;
}
.projects-nav {
    float: left;
    width: 100%;
}
.projects-nav > div.owl-stage-outer {
    overflow-y: auto;
    padding: 42px 0 70px;
}
.projects-nav > div.owl-stage-outer a {
    float: left;
    width: 100%;
}
.projects-nav > div.owl-stage-outer a.clicked {
    -webkit-box-shadow: 0 0 16px rgba(14, 44, 53, 0.14);
    -moz-box-shadow: 0 0 16px rgba(14, 44, 53, 0.14);
    -ms-box-shadow: 0 0 16px rgba(14, 44, 53, 0.14);
    -o-box-shadow: 0 0 16px rgba(14, 44, 53, 0.14);
    box-shadow: 0 0 16px rgba(14, 44, 53, 0.14);
    margin-top: 25px;
    position: relative;
    -webkit-transform: scaleX(1.2) scaleY(1.4);
    -moz-transform: scaleX(1.2) scaleY(1.4);
    -ms-transform: scaleX(1.2) scaleY(1.4);
    -o-transform: scaleX(1.2) scaleY(1.4);
    transform: scaleX(1.2) scaleY(1.4);
    z-index: 2;
}
.projects-nav > div.owl-stage-outer a.clicked:before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.3;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.projects-detail {
    float: left;
    width: 100%;
}
.project-detail {
    float: left;
    margin-top: 40px;
    padding: 0 20px;
    position: relative;
    width: 100%;
}
.project-detail > h2 {
    font-size: 24px;
    margin: 0;
    text-transform: uppercase;
}
.project-detail > h2 a {
    color: inherit;
}
.project-detail > p {
    float: left;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
    margin-right: 60px;
    margin-top: 10px;
    width: 74%;
}
.project-detail > a {
    float: right;
}
.project-detail span.dnt-gl {
    margin-top: 10px;
}
/*===== High Priorites =====*/
.pri-tl {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.pri-tl-in {
    float: left;
    margin-right: 65px;
}
.pri-tl-in > h4 {
    color: #fff;
    font-size: 36px;
    margin-bottom: 9px;
    margin-top: 0;
    text-transform: uppercase;
}
.pri-tl-in > h4 i {
    display: block;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 5px;
}
.pri-tl-in > span {
    color: #fff;
    font-family: Poppins;
    font-size: 17px;
}
.pri-tl > p {
    color: #fafafa;
    float: left;
    font-size: 17px;
    line-height: 28px;
    width: 50%;
}
.rsc-hg-pri {
    float: left;
    padding: 0 30px;
    width: 100%;
}
.hig-pri-carousel {
    border-left: 20px solid #fff;
    border-right: 20px solid #fff;
    border-top: 20px solid #fff;
    float: left;
    width: 100%;
}
.hig-pri-it {
    float: left;
    width: 100%;
}
.high-pr-detail {
    float: left;
    padding: 50px 50px;
    position: relative;
    width: 100%;
    z-index: 1;
}
@media (min-width: 1200px) {
    .high-pr-detail {
        height: 376px;    
    } 
}
.high-pr-detail:before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
@media (min-width: 1200px) {
    .high-pr-detail-wrap {
        position: absolute;
        top: 50%;
        width: 100%;
        float: left;
        transform: translateY(-50%);
        left: 0;
        padding: 15px 50px;
    }
}
    
.tl-in {
    float: left;
    width: 70%;
}
.tl-in > h2 {
    color: #fff;
    font-size: 22px;
    line-height: 28px;
    margin: 0;
    max-width: 90%;
    text-transform: uppercase;
    width: 100%;
}
.tl-in > h2 a {
    color: inherit;
}
.tl-in .loc {
    color: #bebebe;
    font-style: italic;
    margin-top: 15px;
}
.high-pr-detail span.dnt-gl {
    border-left: 1px solid #747474;
    color: #e7e7e7;
    font-weight: 400;
    padding-left: 35px;
    width: auto;
}
.high-pr-detail span.dnt-gl span {
    display: block;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 5px;
}
.high-pti-bottom {
    border-top: 1px solid #747474;
    float: left;
    margin-top: 35px;
    padding-top: 35px;
    width: 100%;
}
.high-pti-bottom > p {
    color: #d8d8d8;
    float: left;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 0;
    width: 50%;
}
@media (max-width: 991px) {
    .high-pti-bottom > p {
        width: 100%;
    }
}
.high-pti-bottom > p a {
    border-bottom: 1px solid;
    display: table;
    font-family: Poppins;
    font-size: 14px;
    margin-top: 15px;
    text-transform: uppercase;
}
.high-pti-bottom > p a i {
    margin-left: 5px;
}
.high-pti-bottom > .btn1 {
    float: right;
}
@media (max-width: 991px) {
    .high-pti-bottom > .btn1 {
        float: left;
        margin-top: 30px;
    }
}
.high-pri-thumb {
    float: left;
    position: relative;
    width: 100%;
}
@media (max-width: 1199px) {
    .high-pri-thumb {
        display: none;
    }
}
.high-pri-thumb .sndr-img {
    border-color: rgba(255, 255, 255, 0.35);
    left: -30px;
    top: 80px;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    width: auto !important;
    z-index: 1;
}
.hig-pri-carousel .owl-nav {
    position: absolute;
    right: 0;
    top: -40%;
}
.hig-pri-carousel .owl-nav > div {
    border: 1px solid #fff;
    color: #fff;
    float: left;
    font-size: 18px;
    height: 52px;
    line-height: 52px;
    margin-right: 4px;
    text-align: center;
    width: 52px;
}
.hig-pri-carousel .owl-nav > div:last-child {
    margin-right: 0;
}
.hig-pri-carousel .owl-nav > div:hover {
    background: #fff none repeat scroll 0 0;
    color: #444;
    height: 63px;
    line-height: 63px;
    margin-top: -5px;
    width: 63px;
}
/*===== Services =====*/
.service-box {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.service-box > i {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 10px 13px rgba(14, 44, 53, 0.14);
    -moz-box-shadow: 0 10px 13px rgba(14, 44, 53, 0.14);
    -ms-box-shadow: 0 10px 13px rgba(14, 44, 53, 0.14);
    -o-box-shadow: 0 10px 13px rgba(14, 44, 53, 0.14);
    box-shadow: 0 10px 13px rgba(14, 44, 53, 0.14);
    float: left;
    height: 98px;
    line-height: 98px;
    margin-right: 30px;
    text-align: center;
    width: 98px;
}
.service-box > h2 {
    color: #333;
    font-size: 18px;
    margin-top: 0;
    text-transform: uppercase;
}
.service-box > h2 a {
    color: inherit;
}
.service-box > p {
    line-height: 24px;
}
.service-box > a {
    border-bottom: 1px solid;
    float: left;
    font-family: Poppins;
    font-size: 14px;
    margin-top: 6px;
    text-transform: uppercase;
}
.service-box > a i {
    margin-left: 5px;
}
.services .btns-grp {
    margin-top: 20px;
}
/*===== Demo 3 =====*/
/*===== Title Style 6 =====*/
.title-style6 {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.title-style6.center-align {
    display: block;
    float: none;
    margin: 0 auto 50px;
    max-width: 70%;
}
.title-style6 > h4 {
    color: #333;
    font-size: 30px;
    line-height: 44px;
    margin-top: 0;
}
.title-style6 > h4 span {
    display: block;
}
.title-style6 > h4 i {
    font-style: normal;
}
.title-style6 > span {
    font-family: Poppins;
    font-size: 17px;
    font-weight: 600;
}
.title-style6 > p {
    color: #444;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 25px;
}
/*===== Childs List =====*/
.childs-list {
    display: inline-block;
    list-style: outside none none;
    margin: 0 -15px;
    padding-left: 0;
    width: 100%;
}
.childs-list > li {
    float: left;
    padding: 0 15px;
    width: 20%;
}
.child-box {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.child-box > img {
    width: 100%;
}
.child-inf {
    float: left;
    margin-top: 23px;
    width: 100%;
}
.child-inf > h2 {
    font-size: 20px;
    margin-bottom: 8px;
    margin-top: 0;
    text-transform: uppercase;
}
.child-inf > h2 a {
    color: inherit;
}
.child-age {
    font-size: 17px;
}
/*===== Projects 2 =====*/
.projects-carousel2,
.tem-carousel {
    float: left;
    width: 100%;
}
.projects-carousel2 > div.owl-stage-outer {
    padding: 70px 0;
}
.projects-carousel2 .owl-item.center {
    -webkit-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -moz-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -ms-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -o-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
    z-index: 2;
}
.projects-carousel2 .owl-item .project-box1 {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.project-box1 {
    -webkit-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -moz-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -ms-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -o-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    float: left;
    position: relative;
    width: 100%;
    z-index: 1;
}
.project-box1:before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.projects-carousel2 .owl-item .project-box1::before {
    opacity: 0;
    -webkit-transform: scaleX(0.5);
    -moz-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    -o-transform: scaleX(0.5);
    transform: scaleX(0.5);
}
.projects-carousel2 .owl-item.center .project-box1:before {
    opacity: 0.5;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
.project-inf {
    bottom: 0;
    left: 0;
    padding: 0 45px 60px 55px;
    position: absolute;
    right: 0;
    z-index: 1;
}
.projects-carousel2 .owl-item .project-inf {
    bottom: -31px;
    left: -127.5px;
    opacity: 0;
    right: -127.5px;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
}
.projects-carousel2 .owl-item.center .project-inf {
    opacity: 1;
}
.project-inf .tl-in > h4 {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    margin-top: 0;
}
.project-inf .tl-in > h4 a {
    color: inherit;
}
.project-inf .tl-in {
    width: 55%;
}
.project-inf .tl-in .loc {
    color: #f1f1f1;
    font-size: 15px;
    font-style: normal;
}
.project-inf > a {
    float: right;
    margin-top: 20px;
}
.projects-carousel2 .owl-nav,
.tem-carousel .owl-nav,
.carousel .owl-nav {
    left: -5%;
    position: absolute;
    right: -5%;
    top: 50%;
}
.projects-carousel2 .owl-nav > div,
.tem-carousel .owl-nav > div,
.carousel .owl-nav > div {
    font-size: 50px;
    line-height: initial;
    position: absolute;
}
.projects-carousel2 .owl-nav > div.owl-next,
.tem-carousel .owl-nav > div.owl-next,
.carousel .owl-nav > div.owl-next {
    right: 0;
}
/*===== Title Style 7 =====*/
.title-style7 {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.title-style7.center-align {
    display: block;
    float: none;
    margin: 0 auto 50px;
    max-width: 70%;
}
.title-style7 > span {
    font-size: 17px;
}
.title-style7 > h4 {
    color: #fff;
    font-size: 45px;
    line-height: 36px;
    margin-top: 20px;
}
.title-style7 > h4 i {
    font-style: normal;
}
.title-style7 > h4 span {
    display: block;
    font-size: 22px;
    margin-top: 5px;
}
.title-style7 > p {
    color: #ccc;
    display: inline-block;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 10px;
}
/*===== Service 2 =====*/
.serv-bx {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.serv-bx > i {
    background: #fbfbfb none repeat scroll 0 0;
    -webkit-box-shadow: 0 4px 13px rgba(14, 44, 53, 0.14);
    -moz-box-shadow: 0 4px 13px rgba(14, 44, 53, 0.14);
    -ms-box-shadow: 0 4px 13px rgba(14, 44, 53, 0.14);
    -o-box-shadow: 0 4px 13px rgba(14, 44, 53, 0.14);
    box-shadow: 0 4px 13px rgba(14, 44, 53, 0.14);
    display: inline-block;
    height: 98px;
    line-height: 98px;
    margin-bottom: 10px;
    width: 98px;
}
.serv-bx > span {
    display: block;
    font-family: Poppins;
    font-size: 15px;
    margin-top: 13px;
    text-transform: uppercase;
}
.blackish .serv-bx > i,
.gray .serv-bx > i {
    background: #fff;
}
.serv-bx > h2 {
    font-size: 22px;
    margin-bottom: 0;
    margin-top: 10px;
}
.serv-bx > h2 a {
    color: inherit;
}
.blackish .serv-bx > h2,
.gray .serv-bx > h2 {
    color: #fff;
}
/*===== Reviews =====*/
.custmr-reviws-carousel {
    float: left;
    width: 100%;
}
.reviews-item {
    float: left;
    padding: 0 25px;
    text-align: center;
    width: 100%;
}
.reviews-item > i {
    color: #fff;
    font-size: 40px;
    margin-top: 20px;
}
.reviews-item > p {
    color: #f1f1f1;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 25px;
}
.review-inf {
    display: inline-block;
    margin-top: 35px;
}
.review-inf > img {
    float: left;
    margin-right: 20px;
    width: auto !important;
}
.reviewr-nm {
    float: left;
    margin-top: 13px;
}
.reviewr-nm > h4 {
    color: #000;
    font-size: 22px;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
}
.reviewr-nm > span {
    color: #fff;
    font-family: Poppins;
    font-size: 15px;
}
.reviwrs-vdo {
    float: left;
    position: relative;
    width: 100%;
}
.reviwrs-vdo::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0;
}
.reviwrs-vdo > a {
    color: #fff;
    font-size: 66px;
    left: 50%;
    position: absolute;
    top: 50%;
}
/*===== Product Style 2 =====*/
.product-box.style2 {
    margin-bottom: 30px;
}
.product-box.style2 .product-inf > a {
    background: #000;
}
.product-box.style2 .product-inf > a:hover, .product-box.style2 .product-inf > a:focus {
    background: #db444e;
}
.product-thumb {
    float: left;
    position: relative;
    width: 100%;
}
.product-thumb::before {
    border-bottom: 19px solid transparent;
    border-left: 19px solid;
    border-top: 19px solid transparent;
    content: "";
    position: absolute;
    right: -19px;
    top: 25px;
}
.product-thumb.rev::before {
    border-left: 0 none;
    border-right: 19px solid;
    left: -19px;
    right: auto;
}
.product-box.style2 .product-inf {
    margin-top: 15px;
}
.product-box.style2 .product-inf > h2 {
    font-size: 18px;
    font-weight: 600;
}
.prd-cate {
    font-size: 14px;
    text-transform: capitalize;
}
@media (max-width: 991px) {
    .product-box.style2{
        margin-top: 30px;
    }
}
/*===== Title Style 8 =====*/
.title-style8 {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.title-style8 > h4 {
    color: #000;
    font-size: 32px;
    margin-bottom: 12px;
    margin-top: 0;
}
.title-style8 > h4 i {
    color: #fff;
    font-style: normal;
}
.title-style8 > span {
    color: #e8e8e7;
    font-size: 17px;
    text-transform: uppercase;
}
.title-style8 > p {
    color: #f0f0f0;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 16px;
    max-width: 90%;
}
/*===== Bring ======*/
.ind-dv {
    background-position: center center;
    background-size: cover;
    float: left;
    padding: 15% 20%;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.ind-dv-inr {
    float: left;
    width: 100%;
}
.brng-sc {
    float: left;
    width: 100%;
}
.brng-sc > h4 {
    color: #fff;
    display: inline-block;
    font-size: 28px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 12px;
    margin-top: 0;
    max-width: 65%;
    text-transform: uppercase;
}
.ind-dv::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.brng-sc > h4 span {
    font-weight: 600;
}
.brng-sc > span {
    color: #e3e2e2;
    display: block;
    font-size: 17px;
}
.brng-sc span.dnt-gl {
    border: 1px solid #fff;
    color: #e7e7e7;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    margin-top: 30px;
    padding: 30px;
}
.brng-sc span.dnt-gl span {
    display: block;
    font-size: 40px;
    font-weight: 600;
}
.brng-sc .scl {
    display: inline-block;
    margin-top: 35px;
    width: 75%;
}
.brng-sc a {
    margin-top: 25px;
}
@media (min-width: 1200px) {
    .brng-way .row.mrg {
        display: flex;
    }
    .brng-way .row.mrg >.col-lg-6 {
        display: flex;
    }
}
.ind-dv {
    background-repeat: no-repeat !important;
    background-size: cover !important;
} 

.servs {
    float: left;
    padding: 15% 10%;
    width: 100%;
}
.serv {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.serv > i {
    color: #fff;
    float: left;
    font-size: 50px;
    margin-right: 20px;
}
.serv > h2 {
    color: #000;
    font-size: 20px;
    margin-top: 0;
    text-transform: uppercase;
}
.serv > h2 a {
    color: inherit;
}
.serv > h2 a:hover {
    color: #fff;
}
.serv > p {
    color: #e9e9e9;
    font-size: 17px;
    display: table;
    line-height: 28px;
}
.ind-dv,
.servs {
    min-height: 758px;
}
/*===== Header Style 3 =====*/
header.style3 .topbar1.style2 > div > a.btn1 {
    font-size: 12px;
    margin-left: 1px;
    line-height: 16px;
}
header.stick .topbar1.style2 {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
}
header.stick .topbar1.style2 .tb-br-cnt1 > li span {
    font-weight: 600;
}
.home header.style3 {
    position: absolute;
}
header.style3 .menu-sec1 {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}
header.style3 nav > div > ul > li {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
header.style3 .srch-crt-lst > ul > li {
    color: #fff;
}

/*===== Featured Video =====*/
.feat-img2 {
    float: left;
    position: relative;
    width: 100%;
}
.feat-img2::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
}
.feat-cap2 {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 63%;
}
.feat-cap2 > span {
    color: #fff;
    display: block;
    font-family: Poppins;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.feat-cap2 > h4 {
    color: #fff;
    font-size: 45px;
    line-height: 55px;
    margin: 0;
    text-transform: uppercase;
}
.feat-cap2 > p {
    color: #fff;
    display: block;
    font-size: 20px;
    line-height: 28px;
    max-width: 60%;
    margin: 25px auto 0;
}
.feat-cap2 > a {
    text-align: center;
    margin-top: 35px;
}
/*===== Footer Style 2 =====*/
.flickr-gallery.style2 {
    margin-bottom: -10px;
}
.flickr-gallery.style2 a {
    margin-bottom: 10px;
}
/*===== Bottom Serv =====*/
.bottom-serv {
    background: #272727 none repeat scroll 0 0;
    float: left;
    padding: 55px 0 25px;
    width: 100%;
}
.ftbx-tl {
    float: left;
    margin-bottom: 30px;
    margin-top: 15px;
    width: 100%;
}
.ftbx-tl > span {
    font-family: Poppins;
    font-size: 15px;
}
.ftbx-tl > h4 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 5px;
}
.ft-serv-bx {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.ft-serv-bx > i {
    background: #151515 none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -moz-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -ms-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -o-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    float: left;
    font-size: 35px;
    height: 86px;
    line-height: 86px;
    margin-right: 12px;
    text-align: center;
    width: 86px;
}
.ft-serv-bx > h2 {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 7px;
    margin-top: 5px;
    text-transform: uppercase;
}
.ft-serv-bx > h2 a {
    color: inherit;
}
.ft-serv-bx > span {
    font-size: 14px;
}
/*===== Demo 4 =====*/
/*===== Header Style 4 =====*/
header.style4 .tb-br-scl2 {
    margin-right: 0;
}
.hdr-cont {
    float: right;
    width: 70%;
}
.hdr-cont > ul {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
}
.hdr-cont > ul > li {
    float: left;
    margin-left: 25px;
    width: 29%;
}
.hdr-cont > ul > li:first-child {
    margin-left: 0;
}
.hdr-cnt-bx {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.hdr-cnt-bx > i {
    color: #444;
    float: left;
    font-size: 50px;
    margin-right: 15px;
}
.hdr-cnt-bx > strong {
    color: #333;
    display: block;
    font-family: Poppins;
    font-size: 17px;
    margin-top: 3px;
    text-transform: uppercase;
}
.hdr-cnt-bx > a,
.hdr-cnt-bx > span {
    font-size: 14px;
}
.menu4-cart {
    background: #0d0d0d none repeat scroll 0 0;
    float: left;
    margin-bottom: -40px;
    padding: 0 50px 0 80px;
    width: 100%;
}
.menu4-cart nav > div > ul > li {
    color: #fff;
    line-height: 70px;
}
.menu4-cart .srch-crt-lst {
    margin-top: 25px;
}
.menu4-cart .srch-crt-lst > ul > li {
    color: #fff;
}
/*===== Title Style 9 =====*/
.title-style9 {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.title-style9.center-align {
    display: block;
    float: none;
    margin: 40px auto 50px;
    max-width: 60%;
}
.title-style9 > span {
    font-family: Poppins;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}
.title-style9 > h4 {
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    margin-top: 13px;
}
.title-style9 > h4 span {
    display: block;
    font-size: 30px;
    margin-top: 7px;
    text-transform: uppercase;
}
.title-style9 > h4 i {
    font-style: normal;
}
.title-style9 > p {
    color: #ececec;
    font-size: 17px;
    margin-bottom: 0;
    margin-top: 15px;
}
.title-style9 > a {
    margin-top: 40px;
}
/*===== Serv =====*/
.srv-bx {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.srv-inf {
    display: block;
    margin: 40px auto 0;
    text-align: center;
    width: 75%;
}
.srv-inf > h2 {
    font-size: 22px;
    margin-bottom: 15px;
    margin-top: 0;
    text-transform: uppercase;
}
.srv-inf > h2 a {
    color: inherit;
}
.srv-inf > p {
    color: #666;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 0;
}
.srv-inf > a {
    line-height: 47px;
    margin-top: 35px;
    padding: 0 40px;
}
/*===== Ser =====*/
.title-style10 {
    display: block;
    margin: 0 auto 60px;
    max-width: 70%;
    width: 100%;
}
.title-style10 > strong {
    color: #161616;
    display: inline-block;
    font-size: 40px;
    line-height: 39px;
    margin-right: 13%;
    text-transform: uppercase;
    vertical-align: top;
    width: 22%;
}
.title-style10 > strong span {
    font-size: 60px;
    margin-top: 25px;
    display: block;
}
.tl10-in {
    display: inline-block;
    width: 64%;
}
.tl10-in > h4 {
    color: #fff;
    font-size: 30px;
    margin-top: 0;
    text-transform: uppercase;
}
.tl10-in > h4 i {
    font-style: normal;
}
.tl10-in > span {
    color: #171717;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
}
.tl10-in > p {
    color: #f7f7f7;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 25px;
}
.serv-bx > i {
    text-align: center;
}
.serv-bx.style2 > i {
    float: left;
    margin-right: 30px;
}
.serv-bx.style2 > h2 {
    color: #fff;
    font-size: 18px;
    margin-top: 26px;
    text-transform: uppercase;
}
.serv-bx.style2 > span {
    color: #fff;
    font-family: arial;
    font-size: 17px;
    margin-top: 8px;
    text-transform: initial;
}
/*===== Prj 3 =====*/
.prj-bx3 {
    float: left;
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%;
}
.prj-bx3 > img {
    float: left;
    width: 100%;
}
.prj3-inf {
    background: #fbfbfb none repeat scroll 0 0;
    border-bottom: 1px solid #f3f3f3;
    border-left: 1px solid #f3f3f3;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-right: 1px solid #f3f3f3;
    float: left;
    width: 100%;
}
.gray .prj3-inf {
    background: #fff none repeat scroll 0 0;
}
.prj3-tl {
    border-bottom: 1px solid #f3f3f3;
    float: left;
    padding: 27px 10% 23px;
    text-align: center;
    width: 100%;
}
.prj3-tl > h2 {
    color: #333;
    font-size: 18px;
    line-height: 22px;
    margin: 0;
}
.prj3-tl > h2 a {
    color: inherit;
}
.prj-bx3 span.dnt-gl {
    color: #999;
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
}
.prj-bx3 span.dnt-gl span {
    font-size: 20px;
    font-weight: 600;
}
.prj3-sndr {
    border-bottom: 1px solid #f3f3f3;
    float: left;
    padding: 20px 11%;
    width: 100%;
}
.prj3-sndr > img {
    float: left;
    margin-right: 15px;
}
.prj3-sndr > span.sndr-nm {
    color: #444;
    font-size: 17px;
    line-height: 20px;
    margin-top: 10px;
    text-align: left;
    text-transform: initial;
    width: 60%;
}
.prj3-sndr > span.sndr-nm i {
    display: block;
    font-size: 14px;
}
.prj3-inf .pst-meta {
    margin-top: 20px;
    padding: 0 13% 20px;
}
.prj3-inf .pst-meta > li {
    color: #7e7e7e;
    font-size: 14px;
}
.prj3-inf .pst-meta > li:last-child {
    margin-right: 0;
}
/*===== Special Task =====*/
.spcl-tsk-inf {
    float: left;
    width: 90%;
}
.spcl-tsk-inf > h4 {
    font-size: 40px;
    line-height: 39px;
    margin: 0;
    max-width: 90%;
    text-transform: uppercase;
}
.spcl-tsk-inf > h4 i {
    display: block;
    font-size: 54.5px;
    line-height: 62px;
    font-style: normal;
    margin-top: 10px;
    text-transform: initial;
}
.spcl-tsk-inf > p {
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 30px;
}
.spcl-tsk-inf > a {
    margin-top: 45px;
}
.mckp-img {
    float: left;
    text-align: center;
    width: 100%;
}
/*===== Stories Style 2 =====*/
.storie-box2 {
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
}
.storie-box2 > img {
    float: left;
    width: 100%;
    z-index: 1;
}
.storie-box2::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
}
.storie-box2:hover::before {
    opacity: 0.95;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
    z-index: 2;
}
.storie-inf {
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 2;
}
.storie-inf span.cate {
    color: #f1f1f1;
    font-size: 14px;
}
.storie-inf span.cate a:hover {
    color: #fff;
}
.storie-inf > h2 {
    color: #fff;
    display: inline-block;
    font-size: 22px;
    line-height: 28px;
    margin: 15px 0 0;
    text-transform: uppercase;
}
.storie-inf span.dnt-gl {
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
}
.storie-inf span.dnt-gl span.price {
    color: #fff;
    font-weight: 600;
}
.storie-inf > h2 a {
    color: inherit;
}
.storie-box2:hover .storie-inf {
    opacity: 1;
}
.storie-box2:hover > img {
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.21);
    -ms-box-shadow: 0 0 50px rgba(0, 0, 0, 0.21);
    -o-box-shadow: 0 0 50px rgba(0, 0, 0, 0.21);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.21);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.str-tl {
    float: left;
    padding: 10%;
    width: 100%;
}
/*===== Title With Icon =====*/
.title-icn {
    float: left;
    width: 100%;
}
.title-icn.center-align {
    display: block;
    margin: 0 auto;
}
.title-icn > i {
    display: block;
    font-size: 60px;
    line-height: initial;
}
.title-icn > span {
    display: block;
    font-family: Poppins;
    font-size: 17px;
    font-weight: 500;
    margin-top: 20px;
}
.title-icn > h4 {
    color: #fff;
    font-size: 34px;
    margin-top: 7px;
    text-transform: uppercase;
}
.title-icn > h4 i {
    font-style: normal;
}
.title-icn > p {
    color: #bbb;
    font-size: 17px;
    font-style: italic;
    line-height: 28px;
    margin-bottom: 0;
}
.title-icn > a {
    margin-top: 40px;
}
/*===== Blog Style 3 =====*/
.title-style11 {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.title-style11 > h4 {
    color: #333;
    float: left;
    width: 100%;
    font-size: 32px;
    margin-top: 0;
    text-transform: uppercase;
}
.title-style11 > h4 i {
    font-style: normal;
}
.title-style11 > span {
    float: left;
    font-family: Poppins;
    font-size: 15px;
    width: 60%;
    text-transform: uppercase;
}
.title-style11 > a {
    float: right;
    margin-top: -40px;
}
.news-box.style3 {
    overflow: hidden;
    text-align: center;
}
.news-box.style3 .news-thumb::before {
    display: none;
}
.news-box.style3 .news-meta::before {
    left: 50%;
}
.news-box.style3 .news-meta {
    border-top: 0 none;
    display: inline-block;
    float: none;
    padding-top: 23px;
    width: auto;
}
.news-box.style3 .news-meta > span {
    margin: 0 15px;
}
.news-box.style3 .news-meta > span:last-child {
    margin-right: 0;
}
.up-evnts {
    background: #fbfbfb none repeat scroll 0 0;
    float: left;
    padding: 40px 0 10px;
    width: 100%;
}
.gray .up-evnts {
    background: #fff none repeat scroll 0 0;
}
.ev-tl {
    float: left;
    margin-bottom: 24px;
    padding: 0 15%;
    width: 100%;
}
.ev-tl > h4 {
    color: #333;
    font-size: 24px;
    margin-top: 0;
}
.ev-tl > h4 i {
    font-style: normal;
}
.ev-tl > span {
    font-family: Poppins;
    font-size: 14px;
}
/*===== Event Style 2 =====*/
.event-box2 {
    background: #fbfbfb none repeat scroll 0 0;
    float: left;
    padding: 6.5% 8%;
    width: 100%;
}
.gray .event-box2 {
    background: #fff none repeat scroll 0 0;
}
.up-evnts .event-box2 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-top: 1px solid #f6f6f6;
    padding: 30px 40px;
}
.evnt-dt {
    color: #fff;
    float: left;
    font-size: 22px;
    font-weight: 600;
    line-height: 18px;
    margin-right: 20px;
    max-width: 100px;
    padding: 17px 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.evnt-dt > i {
    display: block;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-top: 10px;
}
.evnt-detail {
    display: table;
}
.evnt-detail > span {
    font-size: 14px;
}
.evnt-detail > span i {
    margin-right: 5px;
}
.evnt-detail > h2 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 13px;
}
.up-evnts .evnt-detail > h2 {
    font-size: 17px;
    margin-top: 8px;
}
.evnt-detail > span.loc {
    margin-top: 10px;
}
.evnt-detail > h2 a {
    color: inherit;
}
.up-evnts .evnt-detail > p {
    color: #444;
}
.evnt-detail > p {
    display: inline-block;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 0;
    margin-top: 10px;
}
.up-evnts .evnt-detail > p {
    font-size: 14px;
    line-height: 22px;
}
.remove-ext .event-box2 {
    margin-bottom: 30px;
}
.tem-carousel .member-box > img {
    width: auto !important;
}
.reviws.block .reviews-item > p {
    color: #f1f1f1;
    display: block;
    font-size: 17px;
    font-style: italic;
    line-height: 33px;
    margin: 25px auto 0;
    max-width: 60%
}
/*===== Become Volunteer 2 =====*/
.volunteer-title {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.volunteer-title.center-align {
    display: block;
    float: none;
    margin: 0 auto 50px;
    max-width: 70%;
}
.volunteer-title > span {
    font-size: 14px;
}
.volunteer-title > h4 {
    color: #050505;
    font-size: 26px;
    margin-top: 5px;
}
.volunteer-title > h4 span {
    display: block;
    font-size: 48px;
    margin-top: 6px;
}
.volunteer-title > p {
    color: #303030;
    font-size: 15px;
    line-height: 26px;
    margin: 15px 0 0;
    max-width: 66%;
}
/*===== Contact Page 2 =====*/
.cnt-frm {
    float: left;
    width: 100%;
}
.cnt-frm > h4 {
    color: #333;
    font-size: 24px;
    margin: 0 0 20px;
}
.cnt-frm > p {
    color: #666;
    font-style: italic;
    margin-bottom: 40px;
}
.cnt-frm > form {
    float: left;
    width: 100%;
}
.cnt-frm > form input,
.cnt-frm > form textarea {
    color: #555;
    font-style: italic;
    margin-bottom: 10px;
}
.cnt-frm > form textarea {
    -webkit-border-radius: 110px;
    -moz-border-radius: 110px;
    border-radius: 110px;
    height: 130px;
    padding-top: 40px;
}
.cnt-frm > form button {
    margin-top: 20px;
}
.contact2-info {
    background: rgba(0, 0, 0, 0) url(../images/cnt-bg.jpg) repeat scroll center center / cover;
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, .07);
    -ms-box-shadow: 0 0 50px rgba(0, 0, 0, .07);
    -o-box-shadow: 0 0 50px rgba(0, 0, 0, .07);
    box-shadow: 0 0 50px rgba(0, 0, 0, .07);
    float: left;
    padding: 90px 15%;
    position: relative;
    width: 100%;
    z-index: 1;
}
.contact2-info::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.contact2-info > ul {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
.contact2-info > ul > li {
    color: #cbcbcb;
    float: left;
    font-size: 14px;
    margin-bottom: 55px;
    width: 100%;
}
.contact2-info > ul > li:last-child {
    margin-bottom: 0;
}
.contact2-info > ul > li a {
    color: inherit;
}
.contact2-info > ul > li > i {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 30px;
    height: 90px;
    line-height: 90px;
    margin-right: 20px;
    text-align: center;
    width: 90px;
}
.contact2-info > ul > li span {
    display: block;
}
.contact2-info > ul > li > strong {
    color: #fff;
    display: block;
    font-family: Poppins;
    font-size: 17px;
    margin-bottom: 10px;
    margin-top: 5px;
    text-transform: uppercase;
}
.contact2-info > ul > li > span,
.contact2-info > ul > li > a {
    line-height: 24px;
}
.contact2-info > ul > li > span i {
    float: left;
    font-style: normal;
    width: 20%;
}
.map2,
.map4 {
    float: left;
    min-height: 530px;
    width: 100%;
}
.map4 {
    height: 550px;
}
/*===== Blog Detail Style 2 =====*/
.style2 span.date {
    font-style: italic;
}
.style2 .blg-mta > h1 {
    border-bottom: 1px solid #ededed;
    color: #333;
    font-size: 28px;
    margin-bottom: 0;
    padding-bottom: 20px;
    position: relative;
}
.style2 .blg-mta > h1::before {
    background: red none repeat scroll 0 0;
    bottom: -3px;
    content: "";
    height: 3px;
    left: 2px;
    position: absolute;
    width: 50px;
}
.style2 .blg-mta .pst-meta {
    margin-top: 20px;
}
.style2 .blg-mta .pst-meta > li {
    margin-right: 40px;
}
.blg-dtl.style2 > p {
    color: #666;
    line-height: 30px;
}
/*===== Blockquote Style 2 =====*/
blockquote.style2 {
    background: rgba(0, 0, 0, 0) url(../images/blcqut-bg1.jpg) repeat scroll center center / cover;
    display: inline-block;
    margin: 40px 0 80px;
    text-align: left;
}
blockquote.style2 p {
    font-family: Roboto;
    font-weight: 400;
}
blockquote.style2 > i,
blockquote.style2 > p > i {
    color: #fff;
    float: left;
    font-size: 20px;
    height: 62px;
    line-height: 62px;
    margin-right: 30px;
    text-align: center;
    width: 62px;
}
/*===== Share Tags Style 2 =====*/
.shar-tag2 {
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    border-radius: 35px;
    display: inline-block;
    margin-top: 70px;
    padding: 23px 50px;
    width: 100%;
}
.shar-tag2 .tagclouds {
    color: #fff;
    float: left;
}
.shar-tag2 .tagclouds > span {
    color: #fff;
    font-size: 13px;
    line-height: initial;
}
.shar-tag2 .tagclouds > a {
    color: #fff;
    font-family: Roboto;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: initial;
}
.shar-tag2 .share {
    float: right;
}
.shar-tag2 .share > span {
    color: #fff;
    font-size: 13px;
    line-height: initial;
}
.shar-tag2 .share > a {
    background: transparent none repeat scroll 0 0;
    color: #fbfbfb;
    font-size: 15px;
    height: initial;
    line-height: initial;
    margin-left: 20px;
    width: initial;
}
.shar-tag2 .tagclouds > a:hover,
.shar-tag2 .share > a:hover {
    color: #000;
}
.shar-tag2 .share > a::before {
    display: none;
}
.shar-tag2 .tagclouds:blank{
    background: red;
    padding: 100px;
}
/*===== Post Author Style 2 =====*/
.pst-author.style2::before {
    display: none;
}
.pst-author.style2 {
    background: #fbfbfb none repeat scroll 0 0;
    margin-top: 80px;
    padding: 40px 60px;
}
.gray .pst-author.style2 {
    background: #fff none repeat scroll 0 0;
}
.pst-author.style2 .pst-author-detail {
    padding-left: 30px;
}
.pst-author.style2 .pst-author-detail > h2 {
    color: #333;
    font-size: 20px;
    margin-right: 30px;
}
.pst-author.style2 .pst-author-detail > h2 a {
    color: inherit;
}
.pst-author.style2 .author-social {
    float: none;
}
.pst-author.style2 .author-social > li {
    color: #999;
    font-size: 15px;
    margin-left: 20px;
    margin-right: 0;
    padding-right: 0;
}
.pst-author.style2 .author-social > li a {
    color: inherit;
}
.pst-author.style2 .author-social > li::before {
    display: none;
}
.pst-author.style2 .pst-author-detail > p {
    color: #666;
    font-size: 14px;
    line-height: 26px;
}
/*===== Comments Style 2 =====*/
.comments.style2 {
    margin-top: 70px;
}
.cmt-tl {
    color: #333;
    font-size: 24px;
    margin-bottom: 35px;
    margin-top: 0;
}
.comments.style2 .comment::before {
    display: none;
}
.comments.style2 .comment {
    margin-top: 10px;
    background: #fafafa none repeat scroll 0 0;
    -webkit-border-radius: 110px 0 0 110px;
    -moz-border-radius: 110px 0 0 110px;
    border-radius: 110px 0 0 110px;
    padding: 40px 50px;
}
.gray .comments.style2 .comment {
    background: #fff;
}
.comments.style2 .comment-thumb {
    width: 120px;
    overflow: hidden;
    float: left;
    min-width: 120px;
}
.comments .no-avatar > .comment-thumb{
    display: none;
}
.comments .no-avatar > .comment-thumb + .comment-detail{
    max-width: 100%;
}
.comments.style2 .comment-thumb .comment-reply-link {
    bottom: 0;
    text-transform: initial;
    padding: 0 20px;
    left: 0;
    right: 0;
    text-align: center;
}
.comments.style2 .comment-detail {
    padding-left: 30px;
    max-width: calc( 100% - 120px );
}
.comments.style2 .comment-detail ul,
.comments.style2 .comment-detail ol{
    list-style-position: inside;
}
.comments.style2 .comment-detail > h2:first-child {
    font-size: 17px;
    margin-right: 15px;
}
.comments.style2 .comment-detail > span {
    font-family: Poppins;
    font-size: 11px;
    margin-top: 4px;
    text-transform: uppercase;
}
.comments.style2 .comment-detail > p {
    font-style: italic;
    margin-top: 18px;
}
.comments.style2 .comment-detail > *:nth-child(n+3){
    clear: both;
}
/*===== Comment Reply Style 2 =====*/
.reply-comment.style2 {
    padding: 0;
}
.reply-comment.style2 >div {
    margin-top: 70px;
    padding: 30px 0 0;
}
.reply-comment.style2 input,
.reply-comment.style2 textarea {
    background: #fafafa none repeat scroll 0 0;
    color: #555;
    font-style: italic;
}
.gray .reply-comment.style2 input,
.gray .reply-comment.style2 textarea {
    background: #fff none repeat scroll 0 0;
}
.reply-comment.style2 input:focus,
.reply-comment.style2 textarea:focus {
    font-style: normal;
}
.reply-comment.style2 textarea {
    -webkit-border-radius: 110px;
    -moz-border-radius: 110px;
    border-radius: 110px;
    min-height: 130px;
    padding-top: 40px;
}
.reply-comment.style2 button {
    margin-top: 20px;
}
/*===== Cause Detail Style 2 =====*/
.cause-detail2 .blg-mta > h1::before {
    display: none;
}
.cause-detail2 .blg-mta > h1 {
    border-bottom: 0 none;
    padding-bottom: 0;
}

.style2 .dont-inf > span {
    font-weight: 400;
    margin-right: 25px;
}
.style2 .dont-inf > span span.price {
    font-weight: 600;
}
.our-donrs {
    background: #fafafa none repeat scroll 0 0;
    float: left;
    padding: 7% 10%;
    width: 100%;
}
.gray .our-donrs {
    background: #fff none repeat scroll 0 0;
}
.dnrs-tl {
    float: left;
    width: 100%;
}
.dnrs-tl > h4 {
    color: #333;
    float: left;
    font-size: 22px;
    margin-bottom: 3px;
    margin-top: 0;
    text-transform: uppercase;
}
.dnrs-tl > span {
    float: left;
    font-family: Poppins;
    font-size: 14px;
    width: 80%;
}
.dnrs-tl > a {
    float: right;
    margin-left: 10px;
    margin-top: -50px;
}
.dntr {
    float: left;
    margin-top: 45px;
    width: 100%;
}
.dntr > img {
    float: left;
    margin-right: 20px;
}
.dntr > h2 {
    font-size: 16px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.dntr > h2 a {
    color: inherit;
}
.dntr > span {
    font-family: Poppins;
    font-size: 13px;
}
/*===== Product Detail =====*/
.product-detail {
    float: left;
    padding: 0 10%;
    width: 100%;
}
.prd-thm {
    float: left;
    width: 100%;
}
.prd-thm > img {
    width: 100%;
}
.product-detail-innr {
    float: left;
    margin-top: 35px;
    padding-left: 30px;
    width: 100%;
}
.product-detail-innr > h1 {
    font-size: 24px;
    margin-bottom: 7px;
    margin-top: 0;
    text-transform: uppercase;
}
.product-detail-innr .prd-cate {
    font-size: 14px;
}
.product-detail-innr span.price {
    float: left;
    font-family: Poppins;
    font-size: 20px;
    margin-right: 45px;
}
.prd-rev {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.prd-rev .rating {
    float: left;
    margin-right: 15px;
    margin-top: 3px;
}
.review-link {
    color: #4f4f4f;
    float: left;
    font-family: Poppins;
    font-size: 12px;
    margin-top: 5px;
}
.product-detail-innr > p {
    color: #666;
    display: inline-block;
    font-style: italic;
    line-height: 28px;
    margin-bottom: 35px;
    margin-top: 25px;
}
.prd-qunt {
    display: inline-block;
}
.prd-qunt button[type="submit"]{
    margin: 10px 0;
}
.qun-inpt {
    float: left;
    margin-right: 30px;
}
.qun-inpt > span {
    float: left;
    width: 85px;
}
.qun-inpt > span .input-group {
    background: #111 none repeat scroll 0 0;
    border-collapse: unset;
    display: initial;
    float: left;
    width: 100%;
    margin: 10px 0;
}

.qun-inpt .input-group > span {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    display: initial;
    float: right;
    position: absolute;
    width: 34%;
}
.qun-inpt .input-group > span:first-child {
    bottom: 0;
    right: 0;
}
.qun-inpt .input-group > span:last-child {
    top: 0;
    right: 0;
}
.qun-inpt .input-group > span button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border-color: currentcolor currentcolor currentcolor #fff;
    border-image: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    color: transparent;
    font-family: Poppins;
    height: 24px;
    margin: 0 !important;
    padding: 0;
    text-align: center;
    width: 100%;
}
.qun-inpt > span .input-group > input {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    float: left;
    font-family: Poppins;
    font-size: 17px;
    font-weight: 600;
    height: 48px;
    text-align: center;
    width: 56px;
}
.qun-inpt .input-group > span button::before {
    color: #fff;
    font-family: fontawesome;
    font-size: 12px;
    left: 50%;
    position: absolute;
}
.qun-inpt .input-group > span button.bootstrap-touchspin-down::before {
    content: "\f0d7";
}
.qun-inpt .input-group > span button.bootstrap-touchspin-up::before {
    content: "\f0d8";
}
.prd-qunt > a {
    margin-top: -6px;
}

.prd-cates {
    float: left;
    width: 100%;
    font-size: 14px;
    color: inherit;
    margin-bottom: 13px;
    text-transform: capitalize;
    margin-top: 25px;
    padding-left: 30px;
}
.prd-cates > span {
    font-family: Poppins;
    font-size: 14px;
}
.rviw-tbs {
    float: left;
    padding: 0 10%;
    width: 100%;
}
.rviw-tbs .tab-content {
    float: left;
    width: 100%;
}
.rviw-tbs .tab-content p {
    color: #666;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 30px;
}
.rviw-tbs .tab-content > div.tab-pane {
    float: left;
    padding: 30px 30px 0;
    width: 100%;
}
.rviw-tbs .tab-content p:last-child {
    margin-bottom: 0;
}
.product-info-list {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
}
.product-info-list > li {
    color: #444;
    float: left;
    font-size: 12px;
    line-height: 60px;
    width: 100%;
}
.product-info-list > li strong {
    border-right: 1px solid #f1f1f1;
    color: #444;
    float: left;
    font-size: 12px;
    margin-right: 45px;
    padding: 0 40px;
    text-transform: uppercase;
    width: 20%;
}
.product-info-list > li:nth-child(2n) {
    background: #fdfdfd none repeat scroll 0 0;
}
.product-info-list > li:nth-child(2n+1) {
    background: #f9f9f9 none repeat scroll 0 0;
}
.comment .rating {
    display: initial;
    float: right;
    line-height: initial;
    margin-top: 0;
}
.comment .rating > ul li {
    margin-top: 0;
    width: auto;
}
@media (max-width: 991px) {
    .product-detail{
       padding: 0;
    }
    .product-detail-innr{
        padding-left: 0;
    }
}
/*===== Cart Page =====*/
 .woocommerce-cart .cart-empty {
    padding: 0 30px 0 30px; }
  .woocommerce-cart .return-to-shop {
    padding: 0 30px 20px 30px; }
  .woocommerce-cart table.cart {
    border: 0;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0; }
  .woocommerce-cart table.cart tr:hover {
    background: #f9f9f9; }
  .woocommerce-cart table.cart th, .woocommerce-cart table.cart td {
    border: 1px solid #f2f2f2; }
  .woocommerce-cart table.cart th {
    padding: 20px 10px;
    vertical-align: middle;
    text-align: left;
    letter-spacing: 0.05em;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #2a2a2a;
    text-transform: uppercase; }
  .woocommerce-cart table.cart th.product-price, .woocommerce-cart table.cart th.product-quantity, .woocommerce-cart table.cart th.product-subtotal {
    text-align: center; }
  .woocommerce-cart table.cart td {
    border-top-color: transparent;
    border-bottom: 1px solid #f2f2f2;
    padding: 29px 15px;
    vertical-align: middle; }
  .woocommerce-cart table.cart td, .woocommerce-cart table.cart td a {
    font-weight: 600;
    font-size: 15px;
    line-height: 24px; }
  .woocommerce-cart table.cart .product-remove {
    text-align: center; }
  @media screen and (min-width: 992px) {
      .woocommerce-cart table.cart .product-remove {
        width: 95px; } }
  .woocommerce-cart table.cart .product-remove a {
    font-size: 24px;
    background: transparent;
    display: inline-block; }
  .woocommerce-cart table.cart td.product-thumbnail {
    text-align: center;
    width: 100px; }
  .woocommerce-cart table.cart td.product-thumbnail img {
    padding: 0;
    width: 80px; }
  @media screen and (min-width: 992px) {
      .woocommerce-cart table.cart td.product-name {
        width: 33%; } }
  .woocommerce-cart table.cart td.product-name > a {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    display: block; }
  .woocommerce-cart table.cart td.product-name .woocommerce-product-rating {
    margin-bottom: 8px; }
  .woocommerce-cart table.cart td.product-name .star-rating {
    font-size: 11px;
    color: #ffca28;
    width: 62px;
    height: 15px; }
  .woocommerce-cart table.cart td.product-name dl.variation dd, .woocommerce-cart table.cart td.product-name dl.variation dt {
    margin: 0;
    padding: 0;
    display: inline-block; }
  .woocommerce-cart table.cart td.product-name dl.variation dd p, .woocommerce-cart table.cart td.product-name dl.variation dt p {
    line-height: 22px; }
  .woocommerce-cart table.cart td.product-price {
    text-align: center; }
  .woocommerce-cart table.cart td.product-price span {
    font-size: 16px;
    color: #555;
    font-weight: bold; }
  .woocommerce-cart table.cart td.product-quantity {
    text-align: center; }
  .woocommerce-cart table.cart .product-subtotal {
    text-align: center; }
  .woocommerce-cart table.cart .product-subtotal span {
    font-size: 16px;
    color: #555;
    font-weight: bold; }
  .woocommerce-cart table.cart .quantity {
    padding-right: 0; }
  .woocommerce-cart table.cart .quantity .qty {
    background: #fff;
    width: 100px;
    height: 48px;
    font-weight: 500;
    float: none;
    border: 3px solid #f2f2f2;
    border-radius: 3px;
    display: inline-block;
    padding: 8px 12px; }
  .woocommerce-cart table.cart .quantity .plus, .woocommerce-cart table.cart .quantity .minus {
    width: 30px;
    height: 42px;
    font-size: 22px;
    font-weight: 500;
    background-color: #eee;
    color: #666;
    border: 1px solid #ddd; }
  .woocommerce-cart table.cart .quantity .plus:focus, .woocommerce-cart table.cart .quantity .minus:focus {
    outline: none; }
  .woocommerce-cart table.cart .quantity .minus {
    top: 0;
    left: 0; }
  .woocommerce-cart table.cart .quantity .plus {
    top: 0;
    right: 0;
    border-bottom: 1px solid #ddd; }
  .woocommerce-cart table.cart td.actions {
    padding: 8px 30px 18px 30px;
    position: relative; }
  .woocommerce-cart table.cart td.actions .coupon {
    padding-bottom: 0; }
  .woocommerce-cart table.cart td.actions .coupon label {
    display: none; }
  .woocommerce-cart table.cart td.actions .coupon input[type="text"] {
    display: inline-block;
    max-width: 270px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    width: 100%;
    border-radius: 4px;
    height: 50px;
    padding:  10px 30px; }
  .woocommerce-cart table.cart td.actions .coupon input[type="text"]:focus {
    outline: 0;}
.woocommerce-cart table.cart td.actions .coupon button {
    float: left;
}
  .woocommerce-cart table.cart td.actions button {
    height: 50px;
    margin-top: 10px;
    border: 1px solid #fff;
    padding: 0 20px; }

  @media (min-width: 768px) {
        .woocommerce-cart table.cart td.actions button[name='update_cart'] {
          margin-top: 0;
          position: absolute;
          top: 18px;
          right: 30px; } }
  .woocommerce-cart table.cart td.actions .checkout-button {
    float: right;
    margin-top: 10px;
    font-family: "Poppins";
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 19px 20px;
    line-height: 1;
    height: 50px;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    position: relative;
    vertical-align: middle;
    letter-spacing: 0.03em;
    color: #fff;
    border: 1px solid #fff;
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s; }
  .woocommerce-cart table.cart td.actions .checkout-button:hover, .woocommerce-cart table.cart td.actions .checkout-button:active, .woocommerce-cart table.cart td.actions .checkout-button:focus {
    box-shadow: none;
    outline: none; }
  @media screen and (max-width: 767px) {
  .woocommerce-cart table.cart thead {
    display: none; }
    .woocommerce-cart table.cart tbody tr {
      display: block; }
      .woocommerce-cart table.cart tbody tr:last-child {
        display: table-row; }
      .woocommerce-cart table.cart tbody td {
        border-top: 0;
        display: block;
        text-align: right !important;
        padding: 10px 15px; }
      .woocommerce-cart table.cart tbody td.product-remove {
        border-top: 1px solid #eee; }
      .woocommerce-cart table.cart tbody td:before {
        content: attr(data-title) ": ";
        font-weight: 600;
        float: left; }
      .woocommerce-cart table.cart tbody td.product-remove:before, .woocommerce-cart table.cart tbody td.product-thumbnail:before {
        content: none; }
      .woocommerce-cart table.cart tbody td.product-thumbnail {
        width: 100%; }
        .woocommerce-cart table.cart tbody td.product-thumbnail a {
          display: block;
          text-align: center; }

    .woocommerce-cart table.cart td.actions {
      padding: 8px 15px 18px 15px;
      display: table-cell; }
      .woocommerce-cart table.cart td.actions:before {
        content: none; }
      .woocommerce-cart table.cart td.actions .coupon input[type="text"] {
        float: none;
        width: 100%;
        max-width: 100%; }
      .woocommerce-cart table.cart td.actions input[type="submit"] {
        width: 100%; }
      .woocommerce-cart table.cart td.actions .checkout-button {
        width: 100%;
        float: none;
        padding: 19px 20px;
        border: 1px solid #fff; }
  .woocommerce-cart .cart_item {
    margin-bottom: 15px; } }
  .woocommerce-cart .shipping-calculator-form {
    display: block; }
  .woocommerce-cart .cart-collaterals {
    margin-top: 80px; 
    }
    .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
        width: 100%;
        float: left;
    }
  .woocommerce-cart .cart-collaterals h2 {
    font-size: 20px;
    letter-spacing: 0.03em;
    margin-left: 15px;
    margin-bottom: 20px; }
  .woocommerce-cart .cart-collaterals table {
    margin: 0; }
  .woocommerce-cart .cart-collaterals table th, .woocommerce-cart .cart-collaterals table td {
    border: 1px solid #f2f2f2;
    padding: 20px 15px; }
  .woocommerce-cart .cart-collaterals table th {
    font-family: "Poppins";
    font-weight: bold;
    font-size: 14px; }
  .woocommerce-cart .cart-collaterals .select2-container .select2-choice, .woocommerce-cart .cart-collaterals .select2-container .select2-selection {
    height: 50px !important;
    padding: 10px 12px !important; }
  .woocommerce-cart .cart-collaterals .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
    width: 50px; }
   .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td {
    border-top: 0;
   } 
   .woocommerce-cart .cart-collaterals .cart_totals table {
    border-bottom: 0;
   }
.prd-tl {
    display: table;
    float: left;
    min-width: 500px;
    width: 100%;
}
.prd-tl > img {
    float: left;
    margin-right: 30px;
    min-width: 120px;
}
.prd-tl-inf {
    float: left;
    margin-top: 30px;
}
.prd-tl-inf > h2 {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 14px;
    margin-top: 0;
}
.prd-tl-inf > h2 a {
    color: inherit;
}
.prd-tl-inf > span {
    color: #7c7c7c;
    font-family: Poppins;
    font-size: 14px;
}
table.prd-tbl tbody td::before {
    background: #d6d6d6 none repeat scroll 0 0;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 1px;
}
table.prd-tbl tbody td:first-child::before {
    display: none;
}
table.prd-tbl tbody tr:nth-child(2n) {
    background: #fdfdfd none repeat scroll 0 0;
}
table.prd-tbl tbody tr:nth-child(2n+1) {
    background: #fbfbfb none repeat scroll 0 0;
}
.prd-prc {
    color: #333 !important;
    display: inline-block;
    font-family: Poppins;
    font-size: 16px;
    margin-top: 20px;
}
.tl-prc {
    display: inline-block;
    font-family: Poppins;
    font-size: 18px;
    margin-top: 20px;
}
.prd-dl {
    color: #bcbcbc;
    display: inline-block;
    font-size: 16px;
    margin-top: 20px;
}
.prd-qt > div.input-group {
    border-collapse: unset;
    display: inline-block;
    width: 60px;
}
.prd-qt {
    display: inline-block;
    margin-top: 23px;
}
.prd-qt .input-group-btn {
    float: right;
    height: 17px;
    width: 19px;
}
.prd-qt input.form-control {
    border-color: #f0f0f0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    color: #5b5b5b;
    font-family: Poppins;
    font-size: 16px;
    text-align: center;
    width: 40px;
}
.prd-qt .input-group-btn button {
    border-color: #f0f0f0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #5b5b5b;
    font-family: Poppins;
    font-size: 16px;
    height: 100%;
    line-height: 16px;
    margin: 0 !important;
    padding: 0;
    width: 100%;
}
.crt-cntrl-btns {
    float: left;
    padding-top: 30px;
    width: 100%;
}
.crt-cntrl-btns > a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    float: left;
    line-height: 45px;
    margin-right: 30px;
}
.crt-cntrl-btns > a.btn1 {
    float: right;
    margin-right: 0;
}
.cl-crt {
    float: left;
    margin-top: 70px;
    width: 100%;
}
.clt-shp {
    float: left;
    width: 100%;
}
.clt-shp > h4 {
    color: #333;
    font-size: 22px;
    margin-bottom: 25px;
    margin-top: 0;
}
.clt-shp > .scl {
    margin-bottom: 10px;
    width: 98%;
}
.clt-shp .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #797979;
    font-size: 12px;
    font-style: normal;
    line-height: 45px;
}
.clt-shp .select2-container--default .select2-selection--single {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    height: 45px;
}
.clt-shp .select2-container--default .select2-selection--single .select2-selection__arrow {
    background: transparent none repeat scroll 0 0;
    border: medium none;
}
.clt-shp .select2-container--default .select2-selection--single .select2-selection__arrow::before {
    color: #878787;
    content: "\f107";
    font-family: fontawesome;
    font-size: 14px;
    left: 50%;
    margin-left: -25px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
}
.clt-shp .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}
.clt-shp > .scl input {
    border: 0 none;
    color: #797979;
    font-size: 12px;
    height: 45px;
    padding: 0 45px;
    width: 100%;
}
.clt-shp > button {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    line-height: 45px;
}
.tl-tbl {
    background: #0d0d0d none repeat scroll 0 0;
    float: left;
    padding: 30px;
    width: 100%;
}
.cart-ttl {
    border-bottom: 1px solid #444;
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0 5px;
    width: 100%;
}
.cart-ttl > li {
    color: #fff;
    float: left;
    font-family: Poppins;
    margin-bottom: 15px;
    text-transform: uppercase;
    width: 100%;
}
.cart-ttl > li strong {
    float: left;
    font-weight: 400;
    width: 54%;
}
.cart-ttl > li.sb-tl {
    font-size: 14px;
}
.cart-ttl > li.grnd-tl {
    font-size: 18px;
}
.cart-ttl > li span {
    float: right;
}
.tl-tbl > a {
    line-height: 45px;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
/*===== Check Out Page =====*/
.login-msg {
    background: #fbfbfb none repeat scroll 0 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    float: left;
    margin-bottom: 70px;
    padding: 19px 70px;
    width: 100%;
}
.gray .login-msg {
    background: #fff none repeat scroll 0 0;
}
.login-msg > p {
    color: #282828;
    font-size: 13px;
    font-style: italic;
    line-height: initial;
    margin-bottom: 0;
}
.checkout-page {
    float: left;
    width: 100%;
}
.bl-tl {
    float: left;
    margin-bottom: 60px;
    width: 100%;
}
.bl-tl > span {
    font-family: Poppins;
    font-size: 12px;
}
.bl-tl > h4 {
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 5px;
}
.checkout-form {
    float: left;
    padding-right: 65px;
    width: 100%;
}
.checkout-form p input {
    height: initial;
    margin-bottom: 0;
    margin-right: 15px;
    margin-top: 7px;
    width: auto;
}
.checkout-form p {
    font-style: italic;
    margin-bottom: 0;
    margin-top: 35px;
}
.checkout-form p label {
    font-weight: 400;
}
.checkout-form p label[for="chkbx2"] {
    color: #444;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 35px;
}
.checkout-form input, .checkout-form textarea {
    color: #8c8c8c;
    font-style: italic;
}
.checkout-form textarea {
    height: 214px;
    padding-top: 30px;
}
.prd-tlt {
    float: left;
    padding-bottom: 50px;
    width: 100%;
}
.prd-tlt > ul {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
}
.prd-tlt > ul li {
    color: #444;
    float: left;
    font-family: Poppins;
    font-size: 13px;
    margin-bottom: 30px;
    padding: 0 60px;
    text-transform: uppercase;
    width: 100%;
}
.gray .prd-tlt {
    background: #fff none repeat scroll 0 0;
}
.prd-tlt > ul li.th {
    background: #181818 none repeat scroll 0 0;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 64px;
}
.prd-tlt > ul li i {
    float: right;
    font-style: normal;
}
.prd-tlt > ul li span {
    font-weight: 600;
}
.prd-tlt > ul li i {
    color: #999;
}
.prd-tlt > ul li.th i {
    color: #fff;
}
.prd-tlt > ul li.ttl-prc {
    padding: 20px 60px;
    position: relative;
}
.prd-tlt > ul li.ttl-prc::before {
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    content: "";
    height: 100%;
    left: 60px;
    position: absolute;
    top: 0;
    width: calc(100% - 120px);
}
.pynmt-mthd {
    float: left;
    padding: 0 60px;
    width: 100%;
}
.pynmt-mthd > ul {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
}
.pynmt-mthd li {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.pynmt-mthd li input {
    float: left;
    margin-right: 15px;
    margin-top: 5px;
}
.pynmt-mthd li label {
    color: #444;
    cursor: pointer;
    font-family: Poppins;
    font-size: 13px;
}
.pynmt-mthd li p {
    background: #fff none repeat scroll 0 0;
    color: #444;
    font-style: italic;
    margin-bottom: 0;
    margin-top: 15px;
    padding: 30px;
}
.gray .pynmt-mthd li p {
    background: #f8f8f8 none repeat scroll 0 0;
}
.pynmt-mthd > a {
    float: right;
    line-height: 52px;
}
/*===== Contact Style 3 =====*/
.contact3-dcp {
    float: left;
    width: 100%;
}
.contact3-dcp > h4 {
    font-size: 35px;
    line-height: 46px;
    margin-top: 0;
    text-transform: uppercase;
}
.contact3-dcp > p {
    color: #666;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 25px;
}
.contact3-dcp > span {
    float: left;
    font-size: 12px;
    font-style: italic;
    margin-top: 30px;
    padding-left: 20px;
    position: relative;
    width: 100%;
}
.contact3-dcp > span::before {
    content: "\f00c";
    font-family: fontawesome;
    font-style: normal;
    left: 0;
    position: absolute;
}
.offic-box.style2 {
    background: #fbfbfb none repeat scroll 0 0;
    margin-top: 110px;
    padding: 60px 60px 50px;
    position: relative;
}
.gray .offic-box.style2 {
    background: #fff none repeat scroll 0 0;
}
.offic-box.style2::before {
    background: #fbfbfb none repeat scroll 0 0;
    border-bottom: 30px solid #fbfbfb;
    border-left: 30px solid #fbfbfb;
    border-right: 30px solid #fbfbfb;
    bottom: -30px;
    content: "";
    left: -6%;
    position: absolute;
    right: -6%;
    top: 0;
    z-index: -1;
}
.gray .offic-box.style2::before {
    background: #fff none repeat scroll 0 0;
}
.offic-box.style2.overlap {
    margin-bottom: -40px;
}
.style2 .offic-info > span,
.style2 .offic-info > a {
    color: #666;
}
.offic-info > span i {
    float: left;
    font-style: normal;
    width: 20%;
}
/*===== Project Page Style 3 =====*/
.remove-ext .project-box1 {
    margin-bottom: 30px;
}
/*====== Blog Detail Style 3 =====*/
.bld-dtl3 {
    float: left;
    width: 100%;
}
.bld-dtl3 .gallery-item img{
    width: auto;
}
.blg-mta.style2 {
    background: #fbfbfb none repeat scroll 0 0;
    margin-bottom: 40px;
    margin-top: -45px;
    padding: 60px 10% 40px;
}
.gray .blg-meta.style2 {
    background: #fff none repeat scroll 0 0;
}
.blg-mta.style2 > ul {
    border-bottom: 1px solid #ededed;
    margin-bottom: 23px;
    margin-top: 10px;
    padding-bottom: 22px;
    position: relative;
}
.blg-mta.style2 > h1 {
    text-transform: uppercase;
}
.blg-mta.style2 > ul::before {
    bottom: -3px;
    content: "";
    height: 3px;
    left: 3px;
    position: absolute;
    width: 40px;
}
.blg-mta.style2 span {
    font-style: normal;
}
.blg-mta.style2 span a {
    color: inherit;
}
.bld-dtl3 > .blg-dtl p {
    color: #666;
    line-height: 28px;
}
.blg-gly {
    display: inline-block;
    margin-bottom: 40px;
    margin-top: 20px;
}

blockquote.center-align {
    background: rgba(0, 0, 0, 0) url(../images/blcqut-bg1.jpg) repeat scroll center center / cover;
}
blockquote.center-align > i,
blockquote.center-align > p > i {
    display: block;
    float: none;
    margin: 0 auto 30px;
}
blockquote.center-align > p {
    color: #fff;
    text-align: center;
}
.bld-dtl3 div.shar-tag2 {
    margin-top: 40px;
}
/*===== Project Detail =====*/
.prj-in {
    float: left;
    width: 60%;
}
.prj-in > h1 {
    color: #333;
    font-size: 22px;
    margin-bottom: 0;
    margin-top: 0;
}
.prj-in span.loc {
    color: #888;
    font-style: italic;
}
.blg-mta > a {
    float: right;
    margin-top: 15px;
}
.styld-lst {
    float: left;
    list-style: outside none none;
    margin-bottom: 25px;
    padding-left: 0;
}
.styld-lst > li {
    display: block;
    font-size: 15px;
    margin: 13px 0;
    padding-left: 25px;
    position: relative;
}
.rightalign {
    float: right;
    margin-bottom: 20px;
    margin-left: 20px;
}
.styld-lst > li::before {
    content: "\f0a4";
    font-family: fontawesome;
    font-size: 13px;
    left: 0;
    position: absolute;
}
/*===== Product Detail Style 2 =====*/
.product-detail.style2 {
    padding: 0;
}
.prd-img-gl {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
}
.qun-inpt2 {
    display: inline-block;
    margin-right: 30px;
    margin-top: 30px;
    width: 150px;
}
.qun-inpt2 > span {
    float: left;
    width: 100%;
}
.qun-inpt.style2 {
    margin-top: 30px;
}
.qun-inpt.style2 ~ a {
    margin-top: 25px;
}
.qun-inpt.style2 > span {
    width: 150px;
}
.qun-inpt.style2 > span .input-group {
    background: #f5f5f5 none repeat scroll 0 0;
}
.qun-inpt.style2 > span .input-group > input {
    color: #353535;
    padding: 0 30px;
    text-align: left;
    width: 95px;
}
.qun-inpt.style2 .input-group > span {
    width: 40px;
}
.qun-inpt.style2 .input-group > span button {
    border: 0 none;
}
.prd-gl-nav {
    float: left;
    margin-bottom: 0;
    margin-left: -5px;
    margin-top: 40px;
    padding-left: 0;
    width: 70%;
}
.prd-gl-nav li.slick-slide {
    margin: 0 5px;
}
.prd-gl-nv-thmb {
    float: left;
    width: 100%;
}
.prd-gl-nv-thmb > img {
    width: 100%;
}
.product-detail-innr.style2 > p {
    margin-bottom: 0;
    margin-top: 15px;
}
.product-detail-innr.style2 .prd-cates {
    margin-top: 30px;
}
/*===== Child Detail =====*/
.child-thmb {
    float: left;
    width: 100%;
}
.child-detail-innr {
    float: left;
    width: 100%;
}
.chld-dtl-in {
    float: left;
    width: 60%;
}
.chld-dtl-in > h1 {
    font-size: 30px;
    margin: 0;
    text-transform: uppercase;
}
.chld-dtl-in > h1 .child-age {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    margin-left: 15px;
    text-transform: initial;
}
.chld-dtl-in .pst-meta {
    width: 100%;
}
.chld-dtl-in .pst-meta li i {
    color: inherit;
}
.chld-dtl-in .pst-meta li {
    margin-right: 30px;
    font-size: 15px;
}
.chld-dtl-in > p {
    color: #666;
    display: inline-block;
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 30px;
}
.child-detail-innr .btns-grp {
    float: right;
    margin-top: 0;
    padding: 0 15px;
    text-align: center;
    width: 270px;
}
.child-detail-innr .btns-grp > a {
    margin: 0 0 30px;
    width: 100%;
    line-height: 24px;
    padding: 17px 50px;
}
.mor-abt {
    float: left;
    margin-top: 80px;
    width: 100%;
}
.mor-abt > h4 {
    font-size: 24px;
    margin-top: 0;
}
.mor-abt > h4 span {
    text-transform: uppercase;
}
.abt-chld {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
    margin-top: 17px;
}
.abt-chld > li {
    color: #666;
    float: left;
    font-size: 15px;
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
    width: 100%;
}
.abt-chld > li::before {
    content: "\f265";
    font-family: fontawesome;
    left: 0;
    position: absolute;
    top: 1px;
}
.abt-chld > li span {
    float: left;
    margin-right: 3px;
}
.abt-chld > li i {
    display: table;
    font-style: normal;
}
/*===== Demo 5 =====*/
/*===== Header Style 5 =====*/
header.style5 .hdr-cnt-bx {
    width: 22%;
}
header.style5 .logo {
    text-align: center;
    width: 50%;
}
header.style5 .menu4-cart {
    text-align: center;
}
header.style5 .menu4-cart nav {
    display: inline-block;
    float: none;
    text-align: left;
}
/*===== Newsletter 2 =====*/
.newsletter.style2 {
    padding-bottom: 42px;
    padding-top: 42px;
}
.newsletter.style2 .newslt-title > span {
    color: #fff;
    font-weight: 400;
}
.newsletter.style2 .newslt-title > h4 {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
}
/*===== Rescue Programs =====*/
.imptc-box.style2::before {
    display: none;
}
.imptc-box.style2 > h2 {
    color: #333;
    font-size: 20px;
    line-height: 28px;
}
.imptc-box.style2 > p {
    color: #777;
    font-size: 16px;
}
.imptc-box.style2 {
    margin-bottom: 55px;
    padding: 0 0 0 23%;
}
.imptc-box.style2 > i {
    left: 0;
}
.prgm-lst {
    float: left;
    margin-bottom: -55px;
    width: 100%;
}
.prg-tl {
    float: left;
    width: 100%;
}
.prg-tl > span {
    background: #3486a4 none repeat scroll 0 0;
    color: #fff;
    font-family: Poppins;
    font-size: 14px;
    padding: 10px 25px;
}
.prg-tl > h4 {
    color: #333;
    float: left;
    font-size: 48px;
    margin-top: 30px;
    width: 100%;
}
.prg-tl > h4 span {
    display: block;
    font-size: 18px;
    margin-top: 5px;
    text-transform: uppercase;
}
.prg-tl > p {
    color: #444;
    float: left;
    font-size: 17px;
    margin-bottom: 0;
    margin-top: 15px;
    width: 100%;
}
.prg-tl > a {
    float: left;
    margin-top: 45px;
}
.sprt-vt .pri-tl-in > span {
    text-transform: uppercase;
}
.sprt-vt .pri-tl-in > h4 i {
    font-size: 18px;
    font-weight: 600;
    text-transform: initial;
}
.sprt-vt .pri-tl-in > h4 {
    font-size: 40px;
}
.sprt-vt .pri-tl > p {
    width: 65%;
}
.sprt-vt {
    float: left;
    padding: 0 150px;
    width: 100%;
}
.sprt-vt > .pri-tl {
    margin-bottom: 0;
}
.sprt-vt .progress {
    background: #d8d8d8 none repeat scroll 0 0;
    height: 16px;
}
.sprt-vt .progress span {
    background: transparent none repeat scroll 0 0;
    bottom: auto;
    padding: 0;
    right: -22px;
    top: -30px;
}
.sprt-vt .progress span::before {
    display: none;
}
.gl-lst {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
.gl-lst > li {
    float: left;
    margin-right: 35px;
    margin-top: 40px;
    padding-right: 25px;
    position: relative;
}
.gl-lst > li .dnt-gl span.price {
    display: block;
}
.gl-lst > li .dnt-gl span {
    font-size: 28px;
    font-weight: 600;
    display: block;
}
.gl-lst > li span.dnt-gl {
    color: #e7e7e7;
    font-size: 14px;
    font-weight: 400;
    margin-top: 0;
    text-align: center;
}
.gl-lst > li::before {
    background: #7a7a7a none repeat scroll 0 0;
    content: "";
    height: 59px;
    margin-top: -28.5px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
}
.gl-lst > li:last-child::before {
    display: none;
}
.sprt-vt > a {
    float: right;
    margin-top: 30px;
}
/*===== Election Timing =====*/
.elect-tmng {
    float: left;
    padding: 0 45px;
    text-align: center;
    width: 100%;
}
.countdown.style2 {
    float: left;
    list-style: outside none none;
    padding-left: 0;
    width: 100%;
}
.elect-tmng .title-style2 > p {
    max-width: 100%;
}
/*===== CountDown Timer Style 2 =====*/
ul.countdown.style2 > li {
    background: red none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -moz-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -ms-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -o-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    display: inline-block;
    float: none;
    margin: 0 55px 20px 0;
    width: 100px;
}
ul.countdown.style2 > li::before {
    border: 0 none;
    bottom: auto;
    color: #333;
    content: ":";
    font-size: 30px;
    left: auto;
    right: -35px;
    top: 50%;
    -webkit-transform: skewX(0deg) translateY(-50%);
    -moz-transform: skewX(0deg) translateY(-50%);
    -ms-transform: skewX(0deg) translateY(-50%);
    -o-transform: skewX(0deg) translateY(-50%);
    transform: skewX(0deg) translateY(-50%);
}
ul.countdown.style2 > li:last-child {
    margin-right: 0;
}
ul.countdown.style2 > li:last-child::before {
    display: none;
}
ul.countdown.style2 > li p {
    color: #fff;
    font-family: Poppins;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
}
ul.countdown.style2 > li span {
    font-size: 30px;
    font-weight: 600;
}
.elect-tmng > a {
    background: #0b709e none repeat scroll 0 0;
    margin-top: 30px;
}
/*===== Insta Style 2 =====*/
.insta-wdgt {
    float: left;
    position: relative;
    width: 100%;
    z-index: 1;
}
.wdgt-tl {
    float: left;
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
}
.wdgt-tl > h4 {
    color: #333;
    font-size: 30px;
    margin-top: 0;
    text-transform: uppercase;
}
.wdgt-tl > h4 i {
    font-style: normal;
}
.wdgt-tl > span {
    font-family: Poppins;
    font-size: 17px;
}
.insta {
    float: left;
    padding: 0 40px;
    width: 100%;
}
.insta > ul {
    background: #fff none repeat scroll 0 0;
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0 20px 20px;
    width: 100%;
}
.insta > ul > li {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    width: 18.7%;
}
.insta > ul > li a {
    display: block;
    width: 100%;
}
.insta > ul > li img {
    width: 100%;
}
.insta > ul > li:last-child {
    margin-right: 0;
}
/*===== Footer Style 3 =====*/
.ft3-abt {
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
}
.ft3-abt .copyright {
    display: block;
    float: none;
    margin-top: 20px;
    text-align: center;
}
.ft3-abt .copyright > span,
.ft3-abt .copyright > p,
.ft3-abt .copyright > span a,
.ft3-abt .copyright > p a {
    color: #898989;
}
.ft3-abt .copyright > span {
    display: block;
    margin-bottom: 7px;
}
.ft-scl {
    display: inline-block;
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: 25px;
    padding-left: 0;
}
.ft-scl > li {
    color: #fff;
    float: left;
    font-size: 15px;
    line-height: 45px;
    margin: 5px 2.5px 0;
}
.ft-scl > li a {
    background: #2a2a2a none repeat scroll 0 0;
    color: inherit;
    display: inline-block;
    height: 45px;
    width: 45px;
}
.ft3-abt::before {
    border-left: 1px solid #323232;
    border-right: 1px solid #323232;
    content: "";
    height: 130px;
    left: -15px;
    position: absolute;
    right: -15px;
    top: 50%;
}
/*===== Bottom Bar Style 2 =====*/
.ftr-lnks {
    border-top: 1px solid #323232;
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 45px 0;
    text-align: center;
    width: 100%;
}
.bottom-bar.style2 {
    padding: 0;
}
.ftr-lnks > li {
    color: #737373;
    display: inline-block;
    font-family: Poppins;
    font-size: 13px;
    margin: 0 24px;
    text-transform: uppercase;
}
.ftr-lnks > li a {
    color: inherit;
}
/*===== Progress Chart =====*/
.prg-chrt {
    float: left;
}
.title5 {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.title5 > h4 {
    color: #fff;
    font-size: 34px;
    margin-top: 0;
}
.title5 > h4 i {
    font-style: normal;
}
.title5 > span {
    font-size: 15px;
    text-transform: uppercase;
}
.chart-bx {
    float: left;
    width: 100%;
}
.chart-bx > canvas {
    float: left;
    width: 100% !important;
}
/*===== Slider Style =====*/
.shp::before {
    background: #030303 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.9;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    transform: skewX(-10deg);
    z-index: -1;
}

.shp {
    position: relative;
}
/*===== Event Detail Style 4 =====*/
.blg-dtl.style4 > p {
    color: #666;
    line-height: 28px;
    text-align: center;
}
.evnt-dtl4 .blg-mta > h1 {margin-top: 22px;} 
.evnt-dtl4,
.prj-dtl4 {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    float: left;
    margin-bottom: 50px;
    overflow: hidden;
    width: 100%;
}
.evnt-dtl4 .blg-mta,
.prj-dtl4 .blg-mta {
    border-bottom: 1px solid #f3f3f3;
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    margin-bottom: 0;
    padding-bottom: 60px;
    padding-left: 60px;
    padding-right: 60px;
}
@media (max-width: 1199px) {
    .evnt-dtl4 .blg-mta,.prj-dtl4 .blg-mta {
        padding: 0 30px 40px;
    }
}
@media (max-width: 479px) {
    .evnt-dtl4 .blg-mta,.prj-dtl4 .blg-mta {
        padding: 0 15px 30px;
    }
}
.evnt-dtl4 .blg-mta > a {
    margin-top: -29px;
    position: absolute;
    right: 60px;
}
/*===== Event Calendar Style 2 =====*/
.clndr.style2 .fc-view-container {
    padding: 0;
}
.clndr.style2 .fc-day {
    background: #fff
}
.clndr.style2 .fc-day:nth-child(2n+1) {
    background: #f3f3f3
}
.clndr.style2 .fc-row:nth-child(2n+1) .fc-day {
    background: #f3f3f3
}
.clndr.style2 .fc-row:nth-child(2n+1) .fc-day:nth-child(2n+1) {
    background: #fff
}
.clndr.style2 .fc-view-container table tbody .fc-day::before {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: none;
}
.clndr.style2 .fc-view-container table tbody .fc-day {
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.clndr.style2 .fc-row .fc-content-skeleton td.fc-event-container::before {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 165px;
    left: 0;
    top: -68px;
    width: 167px;
}
.clndr.style2 .fc-basic-view td.fc-day-number.fc-today,
.clndr.style2 .fc-basic-view td.fc-week-number.fc-today span {
    color: #444;
}
.clndr.style2 .fc-basic-view td.fc-day-number,
.clndr.style2 .fc-basic-view td.fc-week-number span {
    font-size: 18px;
}
.clndr.style2 .fc-view-container .fc-widget-header {
    background: #1b1a1a none repeat scroll 0 0;
}
.clndr.style2 .fc-view-container table thead.fc-head .fc-day-header {
    color: #fff;
    font-size: 13px;
    line-height: 70px;
}
/*===== Project Detail Style 4 =====*/
.prj-dtl4 .blg-mta {
    padding: 40px 0 0;
    text-align: center;
}
.prj-dtl4 .blg-mta > h1 {
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}
.prj-inf-btm {
    background: #fbfbfb none repeat scroll 0 0;
    border-top: 1px solid #f3f3f3;
    float: left;
    margin-top: 40px;
    padding: 17px 7.3%;
    width: 100%;
}
.gray .prj-inf-btm {
    background: #fff none repeat scroll 0 0;
}
.prj-dtl4 .blg-mta span.dnt-gl {
    color: #999;
    font-size: 11px;
    font-weight: 400;
}
.prj-dtl4 .blg-mta span.dnt-gl span {
    font-weight: 600;
}
.prj-inf-btm > * {
    border: 0 none;
    padding: 0;
}
.prj-inf-btm .prj3-sndr {
    float: left;
    width: 50%;
}
.prj-inf-btm > .pst-meta {
    float: right;
    margin-top: 23px;
    width: auto;
}
.prj-inf-btm > .pst-meta > li:last-child {
    margin-right: 0;
}
/*===== Contact Page Style 4 =====*/
.contact-inf4 {
    float: left;
    margin-bottom: 60px;
    padding: 0 30px;
    width: 100%;
}
.contact-inf4 .offic-info {
    background: rgba(0, 0, 0, 0) url(../images4/ptrn-bg.jpg) repeat scroll center center;
    margin-top: 0;
    min-height: 352px;
    padding: 77px 50px;
}
.contact-inf4 .offic-info > i {
    display: inline-block;
    float: none;
    height: 90px;
    line-height: 90px;
    margin-bottom: 25px;
    margin-right: 0;
    width: 90px;
}
.contact-inf4 .offic-info > strong {
    color: #fff;
    font-size: 17px;
    margin-bottom: 15px;
    margin-top: 0;
}
.contact-inf4 .offic-info > span,
.contact-inf4 .offic-info > a {
    color: #cacaca;
}
.contact-inf4 .offic-info > span i {
    display: inline-block;
    float: none;
    text-align: left;
}
.cnt-frm4 {
    float: left;
    width: 100%;
}
.cnt-frm-tl {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.center-align .cnt-frm-tl {
    display: inline-block;
    float: none;
    max-width: 60%;
}
.cnt-frm-tl > h4 {
    color: #333;
    font-size: 35px;
    line-height: 44px;
    margin-bottom: 25px;
    margin-top: 0;
    text-transform: uppercase;
}
.cnt-frm-tl > h4 i {
    display: block;
    font-style: normal;
}
.cnt-frm-tl > p {
    color: #666;
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 0;
}
/*===== Blog Detail Style 5 =====*/
.blg-dtl.style5 .blg-mta > h1 {
    font-size: 24px;
    margin-top: 13px;
}
.blg-dtl.style5 .blg-mta > span {
    font-family: Poppins;
    font-size: 14px;
}
/*===== Event Detail Style 5 =====*/
.evnt-dtl5 {
    float: left;
    margin-bottom: 40px;
    padding: 0 70px;
    position: relative;
    width: 100%;
}
.evnt-dtl5::before {
    background: #fbfbfb none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 20px;
    position: absolute;
    right: 20px;
    top: 100px;
    z-index: -1;
}
.gray .evnt-dtl5::before,
.gray .cus-dtl5 .blg-mta::before {
    background: #fff none repeat scroll 0 0;
}
.evnt-dtl5 .event-box2 {
    padding: 35px 0px 60px 0px;
    position: relative;
}
.evnt-dtl5 .evnt-detail > h1 {
    color: #333;
    font-size: 20px;
    margin-top: 10px;
    max-width: 70%;
    text-transform: uppercase;
}
.evnt-dtl5 .evnt-detail > a {
    position: absolute;
    right: 40px;
    top: 50px;
}
.evnt-dtl5 > img {
    width: 100%;
}
/*===== Cause Detail Style 5 =====*/
.cus-dtl5 .blg-mta {
    margin-bottom: 40px;
    padding: 0 10% 50px;
    position: relative;
}
.cus-dtl5 .blg-mta::before {
    background: #fbfbfb none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 20px;
    position: absolute;
    right: 20px;
    top: 180px;
    z-index: -1;
}
.cus-dtl5 .prj-in {
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}
.cus-dtl5 .prj-in > h1 {
    margin-bottom: 0;
}
.cus-dtl5 .prj-in > span {
    margin-top: 15px;
}
.cus-dtl5 .blg-mta .progress {
    background: #d8d8d8 none repeat scroll 0 0;
    height: 16px;
    margin-top: -16px;
    position: relative;
    z-index: 1;
}
.cus-dtl5 .sprt-vt {
    padding: 0 50px;
}
.cus-dtl5 .gl-lst > li::before {
    background: #e5e5e5 none repeat scroll 0 0;
}
.cus-dtl5 .gl-lst > li {
    color: #333;
}
.cus-dtl5 .gl-lst > li > span {
    color: inherit;
}
.cus-dtl5 .gl-lst > li:last-child {
    margin-top: 50px;
    text-transform: uppercase;
}
.blg-dtl.cus-dtl5 > p {
    color: #666;
}
.gray .insta > ul {
    background: #fbfbfb;
}
/*===== 404 Error Page =====*/
.er-pg {
    float: left;
    width: 100%;
}
.er-pg-inr {
    display: inline-block;
    max-width: 620px;
    width: 100%;
}
.er-pg-inr > strong {
    display: block;
    font-family: Poppins;
    font-size: 100px;
    font-weight: 600;
}
@media (max-width: 767px) {
    .er-pg-inr > strong {
        font-size: 68px;
    }
}
.er-pg-inr > span {
    display: block;
    font-family: Poppins;
    font-size: 32px;
    font-weight: 600;
}
.er-pg-inr > p {
    color: #636363;
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px;
    margin-top: 25px;
    max-width: 60%;
}
.pg-srch-frm {
    display: inline-block;
    max-width: 560px;
    position: relative;
    width: 100%;
}
.pg-srch-frm > input {
    background: #f3f4f6 !important;
    color: #8799a3;
    font-size: 13px;
    font-style: italic;
}
.pg-srch-frm > button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #bbc7cd;
    font-size: 21px;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 50%;
}
.er-pg-inr > a {
    -webkit-box-shadow: 0 10px 30px rgba(0, 129, 255, 0.5);
    -moz-box-shadow: 0 10px 30px rgba(0, 129, 255, 0.5);
    -ms-box-shadow: 0 10px 30px rgba(0, 129, 255, 0.5);
    -o-box-shadow: 0 10px 30px rgba(0, 129, 255, 0.5);
    box-shadow: 0 10px 30px rgba(0, 129, 255, 0.5);
    margin-top: 45px;
}
/*===== Search Not Found =====*/
.srch-fund-inr {
    float: left;
    padding: 0 50px;
    text-align: center;
    width: 100%;
}
.srch-fund-inr > strong {
    color: #333;
    display: block;
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 35px;
}
.srch-fund-inr > p {
    color: #636363;
    font-size: 15px;
    margin-bottom: 60px;
}
.srch-fund-inr .remove-ext {
    text-align: left;
}
.search-no-results .srch-fund-inr > p {
    margin-bottom: 0;
}
/*===== Donate Now Poup =====*/
.popup-wrp {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 99999999;
}
.popup-wrp.active {
    opacity: 1;
    visibility: visible;
}
.popup-inr {
    left: 50%;
    padding: 70px;
    position: absolute;
    top: 20%;
    width: 90% !important;

}
@media (max-width: 991px) {
    .popup-inr {
        padding: 70px 30px;
    }
}
@media (max-width: 479px) {
    .popup-inr {
        padding: 70px 15px;
    }
}
.pp-cls {
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
}
/*===== Scroll bar Styling =====*/
.slimScrollDiv {
    border: 0 solid transparent;
    float: left;
    height: 100% !important;
    width: 100% !important;
}
/*===== Event Registeration Page =====*/
.event-reg {
    float: left;
    width: 100%;
}
.event-reg > form {
    float: left;
    margin-top: 30px;
    padding: 0 135px 0 200px;
    width: 100%;
}
.event-reg > form h4 {
    color: #404040;
    float: left;
    font-size: 15px;
    line-height: 55px;
    margin: 25px 0 0;
    max-width: 400px;
    width: 100%;
}
.event-reg > form h4 ~ span {
    float: left;
    margin-right: 70px;
    margin-top: 45px;
}
.event-reg > form h4 ~ span input {
    height: auto;
    margin-right: 10px;
    margin-top: 4px;
    width: auto;
}
.event-reg > form div.slc,
.event-reg > form input {
    float: left;
    height: 55px;
    margin-top: 25px;
    width: 51%;
}
.event-reg .select2-container--default .select2-selection--single {
    height: 55px;
}
.event-reg .select2-container--default .select2-selection--single > span {
    color: #727272;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    line-height: 55px;
    text-transform: uppercase;
}
.event-reg form button {
    height: 55px;
    margin-left: 40px;
    margin-top: 60px;
}
.vc_section {
    width: 100%;
    float: left;
}
/*===== Responsive Header =====*/
.rsp-hdr {
    display: none;
    float: left;
    width: 100%;
}
.rs-tp-br {
    background: #141414 none repeat scroll 0 0;
    float: left;
    padding-left: 7%;
    width: 100%;
}
@media (max-width: 400px) {
    .rs-tp-br, .rs-md-br {
        display: none;
    }
}
.rs-tp-br .tb-br-cnt1 > li {
    font-size: 10px;
    line-height: 40px;
}
.rs-tp-br > a {
    display: block;
    float: right;
    font-size: 9px;
    line-height: 40px;
    padding: 0 35px;
}
.rs-md-br {
    background: #252a2c none repeat scroll 0 0;
    float: left;
    width: 100%;
}
.scl-btns {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
.scl-btns > li {
    color: #fff;
    float: left;
    font-size: 9.09px;
    margin-right: 1px;
    text-align: center;
}
.scl-btns > li a {
    background: #3d3d3d none repeat scroll 0 0;
    color: inherit;
    display: block;
    line-height: 38px;
    width: 33px;
}
.page-template .block {
    margin: 0;
}
.rs-md-br > form {
    float: right;
    position: relative;
    width: 50%;
}
.rs-md-br input {
    background: transparent none repeat scroll 0 0;
    color: #7e7e7e;
    font-size: 10px;
    height: 38px;
    padding: 0 0 0 25px;
}
.rs-md-br > form button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    bottom: 0;
    color: #999;
    font-size: 12px;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 0;
}
.rs-lg-br {
    float: left;
    padding-left: 7%;
    position: relative;
    width: 100%;
    background: #fff;
}
.rs-mu-btn {
    background: #141414 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    height: 46px;
    line-height: 46px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 44px;
}
.rs-mnu {
    background: #0c0c0c none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 90px 20px 50px;
    position: fixed;
    right: 0;
    text-align: center;
    top: -100%;
    visibility: hidden;
    z-index: 99999;
}
.rs-mnu.slidein {
    opacity: 1;
    top: 0;
    visibility: visible;
    overflow: auto;
}
.rs-mnu-cls-btn {
    background: #303030 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 44px;
}
@media (max-width: 1024px) {
    .admin-bar .rs-mnu-cls-btn {
        top: 42px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered{
        padding-left: 15px;
        text-align: left;
        padding-right: 58px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow{
        width: 58px;
    }
}
@media (max-width: 767px) {
    .admin-bar .rs-mnu-cls-btn {
        top: 58px;
    }
}
.rs-mnu > ul {
    display: inline-block;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

.rs-mnu > ul li {
    color: #fff;
    float: left;
    font-family: Poppins;
    font-size: 16px;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
}

.rs-mnu > ul li a {
    color: inherit;
    display: block;
    padding: 10px 0;
    padding-right: 10px;
    position: relative;
}
.rs-mnu > ul li.menu-item-has-children > a::before {
    content: "\f105";
    font-family: fontawesome;
    position: absolute;
    background: transparent;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
} 
.rs-mnu > ul li.menu-item-has-children.active > a::before {
    content: "\f107";
}
.rs-mnu > ul li:last-child > a {
    margin-bottom: 0;
}

.rs-mnu > ul ul {
    display: none;
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 15px;
    margin-left: 0;
    width: 100%;
}

.rs-mnu > ul ul li {
    //color: #a4a4a4;
    font-size: 14px;
    text-transform: initial;
}

.bg-video {
    float: left;
    height: 770px;
    width: 100%;
}
.volunteer-title.center-align > p {
    display: inline-block;
    max-width: 100%;
}
html.pp-br {
    overflow-y: hidden;
}
/* custom Styles */
button#newletter_button > i,
button#newletter_button2 > i,
button#adopt-child-form-button > i,
button#become-volunteer > i,
button#register-event > i,
button#c_submit > i {
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
    font-size: 20px;
    line-height: inherit;
}
@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.bld-dtl3.no-padding {
    padding: 0;
}
.donation-modal-wraper {
    background: #3d3d3d;
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    opacity: .5;
    width: 100%;
    z-index: 2147483647;
    display: none
}
.donation-modal-preloader {
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999999999999;
    display: none
}
.donation-modal-preloader > i {
    display: block;
    width: 16px;
    height: 16px;
    background: #000;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    border-radius: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    opacity: 1;
    -webkit--webkit-transform: translate3d(60px, 0, 0);
    -moz--webkit-transform: translate3d(60px, 0, 0);
    -ms--webkit-transform: translate3d(60px, 0, 0);
    -o--webkit-transform: translate3d(60px, 0, 0);
    -webkit-transform: translate3d(60px, 0, 0);
    overflow: hidden;
    text-indent: -9999px;
    border: 2px solid #fff
}
.donation-modal-preloader i:nth-child(1) {
    background: #d14836;
    -webkit-animation: google 1.75s ease-in-out infinite;
    -moz-animation: google 1.75s ease-in-out infinite;
    -ms-animation: google 1.75s ease-in-out infinite;
    -o-animation: google 1.75s ease-in-out infinite;
    animation: google 1.75s ease-in-out infinite
}
.donation-modal-preloader i:nth-child(2) {
    background: #e9b330;
    -webkit-animation: google 1.75s ease-in-out infinite .3s;
    -moz-animation: google 1.75s ease-in-out infinite .3s;
    -ms-animation: google 1.75s ease-in-out infinite .3s;
    -o-animation: google 1.75s ease-in-out infinite .3s;
    animation: google 1.75s ease-in-out infinite .3s
}
.donation-modal-preloader i:nth-child(3) {
    background: #4285f4;
    -webkit-animation: google 1.75s ease-in-out infinite .6s;
    -moz-animation: google 1.75s ease-in-out infinite .6s;
    -ms-animation: google 1.75s ease-in-out infinite .6s;
    -o-animation: google 1.75s ease-in-out infinite .6s;
    animation: google 1.75s ease-in-out infinite .6s
}
@-webkit-keyframes google {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(60px, 0, 0);
        -moz-transform: translate3d(60px, 0, 0);
        -ms-transform: translate3d(60px, 0, 0);
        -o-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 0, 0)
    }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-300px, 0, 0);
        -moz-transform: translate3d(-300px, 0, 0);
        -ms-transform: translate3d(-300px, 0, 0);
        -o-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0)
    }
}
@-o-keyframes google {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(60px, 0, 0);
        -moz-transform: translate3d(60px, 0, 0);
        -ms-transform: translate3d(60px, 0, 0);
        -o-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 0, 0)
    }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-300px, 0, 0);
        -moz-transform: translate3d(-300px, 0, 0);
        -ms-transform: translate3d(-300px, 0, 0);
        -o-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0)
    }
}
@keyframes google {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(60px, 0, 0);
        -moz-transform: translate3d(60px, 0, 0);
        -ms-transform: translate3d(60px, 0, 0);
        -o-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 0, 0)
    }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-300px, 0, 0);
        -moz-transform: translate3d(-300px, 0, 0);
        -ms-transform: translate3d(-300px, 0, 0);
        -o-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0)
    }
}
#bank_transcation {
    display: none;
    height: 500px;
    overflow-y: auto;
    position: absolute;
    top: 0
}
.select2-container {
    z-index: 9;
}
#card-info {
    float: left;
    width: 100%;
}
.card-log {
    float: left;
    margin-bottom: 30px;
    margin-top: 30px;
    width: 100%;
}
.confirm_popup {
    background: #f7f7f7 none repeat scroll 0 0;
    height: 270px;
    left: 50%;
    margin-left: -290px;
    margin-top: -135px;
    padding: 50px;
    position: absolute;
    top: 50%;
    width: 580px;
}
/*===== Theme Test Unit =====*/
div.sticky {
    background: transparent none repeat scroll 0 0;
    text-align: center;
}
.sticky .news-detail {
    //background: transparent none repeat scroll 0 0;
    border: 2px solid #fff;

}
.news-thumb,
.wp-caption-text,
.calendar_wrap > table caption,
.calendar_wrap > table th {
    text-align: center;
}
.blg-dtl > img {
    display: block;
    margin: 0 auto 45px;
}
.alignleft {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
}
.bld-dtl3 > .blg-dtl p {
    clear: initial;
}
.aligncenter {
    display: block;
    margin: 0 auto 20px;
}
.wp-caption.alignnone {
    margin-bottom: 20px;
    max-width: 100%;
}
.gallery,
.wp-caption-text,
.wp-caption,
.bypostauthor {
    margin-bottom: 1.5em;
}
.gallery .gallery-item {
    float: none;
    display: inline-block;
    margin-bottom: 40px;
    padding: 0 5px;
    vertical-align: top;
    width: 100%;
    text-align: center;
}
.gallery-item img {
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    color: #222;
    font-family: Poppins;
    margin-top: 10px;
    display: block;
}
.gallery-columns-1 figcaption {
    font-size: 22px;
}
.gallery-columns-2 figcaption {
    font-size: 18px;
}
.gallery-columns-3 figcaption {
    font-size: 16px;
}
.gallery-columns-4 figcaption {
    font-size: 14px;
}
.gallery-columns-5 figcaption,
.gallery-columns-6 figcaption,
.gallery-columns-7 figcaption,
.gallery-columns-8 figcaption,
.gallery-columns-9 figcaption {
    font-size: 12px;
}
.screen-reader-text {
    display: none;
}
.calendar_wrap > table {
    text-align: center;
    width: 100%;
}
.sidebar .widget ul ul {
    padding: 20px 0 0 10px;
}
.sidebar .widget ul li.recentcomments span,
.sidebar .widget.widget_rss ul li span {
    border: 0 none;
    float: none;
    height: auto;
    width: auto;
    font-size: 13px;
}
.sidebar .widget.widget_rss ul li span.rss-date{
    display: block;
    font-size: 10px;
    text-align: left;
}
.widget-title2 > a {
    color: inherit;
}
.widget.widget_search form button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    position: absolute;
    right: 20px;
    top: 50%;
}
.widget.widget_search form {
    float: left;
    position: relative;
    width: 100%;
}
.widget.widget_search form input {
    background: #fff;
    border: 1px solid #C9C9C9;
}
.blg-dtl > table th,
.blg-dtl > table td,
.comment table th,
.comment table td,
.page-contents table th,
.page-contents table td {
    border: 1px solid #eeeeee;
    padding: 10px;
}
.gray .blg-dtl > table th,
.gray .blg-dtl > table td,
.gray .page-contents > table th,
.gray .page-contents > table td {
    border-color: #fff;
}
.post-password-form label {
    width: 75%;
}
.post-password-form label input[type="password"]{
    border: 1px solid #C9C9C9;
}
.post-password-form p > input {
    float: right;
    margin-top: 30px;
    padding-bottom: 0;
    padding-top: 0;
    width: 24%;
    color: #fff;
}
.no-comments {
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.bld-dtl3.format-video > .blg-dtl p {
    clear: both;
    display: inline-block;
    width: 100%;
}
.comment ~ ul {
    padding-left: 50px;
}
.blg-dtl table {
    width: 100%;
}
.comment ~ #respond {
    float: left;
    margin-top: 50px;
    width: 100%;
}
.comment-navigation {
    float: left;
    margin-top: 50px;
    text-align: center;
    width: 100%;
}
.comment-navigation .nav-links > div {
    display: inline-block;
    margin: 0 10px;
}
.comment-navigation .nav-links {
    display: inline-block;
}
.comment-navigation .nav-links > div > a {
    background: #333 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    line-height: 45px;
    padding: 0 30px;
}
.dont-inf .progress {
    margin-bottom: 15px;
}
.cause-info > h2 {
    overflow: hidden;
}
.blg-dtl > span.evnt-loca ~ p {
    clear: initial;
}
span#map-canvas {
    float: left;
    margin-bottom: 20px;
    width: 100%;
    margin-left: 0;
}
.log:empty {
    display: none !important;
}
.log {
    display: block !important;
    float: left;
    width: 100%;
}
.product-list {
    float: left;
    width: 100%;
}
.product-inf .rating .star-rating {
    display: inline-block;
    float: none;
}
.product-inf .rating {
    display: none;
}
.product-inf .rating .star-rating::before {
    color: #a0a0a0;
    font-size: 14px;
}
.product-inf .rating .star-rating > span::before {
    color: #a0a0a0;
    font-size: 14px;
}
.woocommerce div.product span.price ins {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-decoration: none;
}
span.price ins {
    text-decoration: none;
}
.rviw-tbs .nav-tabs > li > a {
    background: #fbfbfb none repeat scroll 0 0;
    color: inherit;
}
.rviw-tbs .nav-tabs > li {
    color: #333333;
    font-family: Poppins;
    font-size: 13px;
}
.gray .rviw-tbs .nav-tabs > li > a {
    background: #ffffff none repeat scroll 0 0;
    border-color: #eee #eee #ddd;
}
.gray .rviw-tbs .nav-tabs > li > a:hover{
    border-color: #eee #eee #ffffff #ddd;
}
.gray .rviw-tbs .nav-tabs > li.active > a {
    border-color: #fff;
}

.woocommerce-tabs .woocommerce-Tabs-panel {
    padding: 20px 30px;
}
.woocommerce #reviews #comments ol.commentlist li{
    float: left;
    width: 100%;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    position: static;
    width: 80px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    float: left;
    width: 83%;
    margin: 10px 0 0 50px;
}
p.stars > span > a {
    color: #000000;
}
.gray .select2-container--default .select2-selection--single {
    background: #fbfbfb none repeat scroll 0 0;
}
.woocommerce p.form-submit > input.submit {
    background: #000000 !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    border-radius: 30px !important;
    color: #ffffff !important;
    padding: 0 40px !important;
    width: auto;
}
.woocommerce-Tabs-panel h2 {
    margin-bottom: 20px;
}
.woocommerce #review_form #respond textarea {
    background: #fbfbfb none repeat scroll 0 0;
    margin-bottom: 20px;
}
.woocommerce #review_form #respond .comment-form .select2{
    display: none;
}
.woocommerce .woocommerce-ordering {
    width: 100%;
}
.woocommerce .woocommerce-ordering .select2-selection--single {
    background: #fbfbfb none repeat scroll 0 0;
}

/*===== Header Search =====*/
.hdr-srch {
    background: rgba(0, 0, 0, 0.95) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
}
.hdr-srch.active {
    opacity: 1;
    visibility: visible;
}
.hdr-srch > form {
    float: left;
    padding: 20% 10%;
    position: relative;
    width: 100%;
}
.srch-cls {
    color: #ffffff;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 50px;
    top: 50px;
    z-index: 1;
}
.hdr-srch > form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 40px;
    height: initial;
    padding: 0;
}
.hdr-srch > form button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    font-size: 23px;
    padding: 0;
    position: absolute;
    right: 10%;
}
.coupon input.input-text {
    width: 58%;
}
.coupon label {
    margin-bottom: 20px;
    width: 100%;
}
.coupon input.button {
    float: right;
    width: auto;
}
.woocommerce-cart-form input.btn1 {
    color: #ffffff !important;
    float: right;
    height: initial;
    line-height: initial;
    margin-top: 40px;
    padding: 20px 50px !important;
    width: auto;
}
.prd-tl > img {
    height: 116px;
    width: 120px;
}
.prd-tl-inf > h2 a {
    color: inherit !important;
}
.gray .woocommerce-billing-fields .select2-selection--single {
    background: #ffffff;
}
.woocommerce-billing-fields .select2-selection--single {
    background: #fbfbfb none repeat scroll 0 0;
}
.woocommerce-additional-fields textarea.input-text {
    height: 120px !important;
}
li.wc_payment_method > input {
    height: initial;
    margin-top: 7px !important;
    width: auto;
}
div.place-order input.button {
    height: initial;
    width: auto;
}
.woocommerce .woocommerce-MyAccount-navigation {
    margin-bottom: 50px;
    width: 100%;
}
.woocommerce .woocommerce-MyAccount-content {
    width: 100%;
}
.woocommerce .woocommerce-MyAccount-navigation li {
    display: inline-block;
}
.woocommerce .woocommerce-MyAccount-navigation li > a {
    background: #fbfbfb none repeat scroll 0 0;
    color: #555555;
    font-family: Poppins;
    padding: 14px 20px;
}
.woocommerce .woocommerce-MyAccount-navigation li.is-active > a {
    color: #ffffff;
}
.woocommerce .woocommerce-MyAccount-content input.woocommerce-Button {
    width: auto;
}
.widget_products .wg-title {
  margin-bottom: 6px; }
  .widget_products ul li {
    padding: 15px 0;
    position: relative; }
  .widget_products ul li .product-content {
    position: absolute;
    top: 50%;
    left: 85px;
    transform: translateY(-50%); }
  
  .widget_products ul.product_list_widget li {
    padding: 10px 0;
  }
  .widget_products ul.product_list_widget li del {
    opacity: 0.5;
  }
  .widget_products ul.product_list_widget li img {
    margin-bottom: 12px;
    margin-left: 0;
    height: auto;
    box-shadow: none;
    width: 100%;
    float: none; }
    .widget_products ul.product_list_widget li span:after {
        content: none;
    }
    .widget_products ul.product_list_widget li:hover span {
        background: transparent !important;
        color: #84c350 !important;
    }
    .widget_products ul.product_list_widget li span {
        width: auto;
        height: auto;
        border: none;
        float: none;
        text-align: left;
        background: transparent;
        color: #84c350;
    }
    .widget_products ul.product_list_widget li span:hover {
        color: inherit;
        background: inherit;
    }
    .widget_products ul.product_list_widget li span.product-title {
        font-size: 16px;
        line-height: 1.2;
        color: #333;
        display: block;
    }
  .widget_products ins {
    background: transparent;
    color: inherit; }
  .widget_products .content-right {
    margin-left: 82px; }
  .widget_products .content-right a {
    color: #444;
    line-height: 22px;
    margin-top: -2px; }
  .widget_products .content-right a:hover {
    color: #ff3514; }
  .widget_products .content-right .amount {
    font-size: 16px;
    font-weight: 600;
    line-height: 25.6px;
    color: rgba(255, 53, 20, 1); }
  .widget_products .content-right .star-rating {
    font-size: 11px;
    margin-top: 4px; }
  .widget_products .content-right .star-rating > span {
    color: #ffca28; }
legend {
    padding-bottom: 10px;
}
.woocomerce-form p input.woocommerce-Button {
    height: initial;
    margin-right: 30px;
    width: auto;
}
form textarea {
    height: 120px;
}
form.wpcf7-form label {
    width: 100%;
}
form.wpcf7-form .select2-container--default .select2-selection--single {
    background: #fbfbfb none repeat scroll 0 0;
}
label input[type="checkbox"], label input[type="radio"] {
    height: auto;
    margin: 8px 5px 0 0;
    width: auto;
}
label input[type="file"] {
    padding: 0;
}
form.wpcf7-form input[type="submit"],
.woocommerce .woocommerce-MyAccount-content input[type="submit"] {
    width: auto;
}
.product-inf > a.added {
    display: none;
}
.woocommerce .select2-container--default .select2-selection--single {
    background: #fbfbfb none repeat scroll 0 0;
}
.woocommerce form input[type="submit"] {
    height: inherit;
    margin-right: 20px;
    width: auto;
}
#errmsg {
    color: red;
}
#f_overlay {
    background: rgba(0, 0, 0, 0.57) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    overflow-y: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}
.confirm_popup {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    left: 50%;
    margin-left: -350px;
    padding: 20px;
    position: fixed;
    top: 50%;
    width: 700px;
    z-index: 9999999;
}
.confirm_popup > h2 {
    background: #4f4f4f none repeat scroll 0 0;
    color: #fff;
    font-family: roboto slab;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin: -20px -20px 20px;
    padding: 15px 20px;
    text-align: center;
    text-transform: uppercase;
}
.wp-donation-system table {
    border: 1px solid #cfcfcf;
    margin-bottom: 30px;
}
.wp-donation-system table td {
    border: 1px solid #d9d9d9;
    font-family: Roboto;
    font-size: 14px;
    padding: 6px 20px;
    text-transform: capitalize;
}
.wp-donation-system input[type="submit"], .wp-donation-system input[type="button"] {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 20px;
    text-transform: capitalize;
}
#bank_layer {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    padding: 4px 10px;
    position: absolute;
    right: 1px;
}
#bank_transcation {
    background: rgba(255, 255, 255, 0.87) none repeat scroll 0 0;
    left: 50%;
    margin-left: -40%;
    overflow-y: hidden;
    position: absolute;
    top: 10%;
    width: 80%;
    z-index: 999999;
}
.wp-donation-system h6 > a {
    color: #fff;
}
#msg_ {
    float: left;
    text-align: center;
    width: 100%;
}
.no-record {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    float: left;
    padding: 15px 30px;
    width: 100%;
}
.no-record p {
    color: #3f3f3f;
    float: left;
    font-family: roboto slab;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
#paypal_single_payment {
    background: #b0b0b0 none repeat scroll 0 0;
    height: auto;
    left: 50%;
    margin-left: -25%;
    margin-top: -6%;
    position: fixed;
    top: 50%;
    width: 50%;
    z-index: 9999999;
}
#reporting_popup .confirm_popup table {
    width: 100%;
}
#reporting_popup .confirm_popup table td {
    border: 1px solid #e7e7e7;
    padding: 5px;
    width: 50%;
}
.wp-donation-system {
    float: left;
    position: relative;
    width: 100%;
}
.wp-donation-system h1,
.wp-donation-system h2,
.wp-donation-system h3,
.wp-donation-system h4,
.wp-donation-system h5,
.wp-donation-system h6 {
    color: #4d4c4c;
    font-family: roboto slab;
}
.wp-donation-system p {
    color: #8f8f8f;
    font-family: Roboto;
    font-size: 12px;
    line-height: 30px;
}
.wp-donation-system ul li,
.wp-donation-system ul li a {
    color: #8f8f8f;
    font-family: Roboto;
    font-size: 12px;
    line-height: 30px;
}
.wp-donation-system a:hover,
.wp-donation-system a:focus {
    outline: 0 none;
    text-decoration: none;
}
.wp-donation-system {
    float: left;
    padding: 70px 0 0;
    position: relative;
    width: 100%;
}
.wp-donation-system h6 {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    left: 0;
    margin: 0;
    padding: 30px 80px 60px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.easy-donation {
    background: #f4f4f4 none repeat scroll 0 0;
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.donation-title {
    background: #e7e7e7 none repeat scroll 0 0;
    float: left;
    margin: 0;
    padding: 40px 90px;
    position: relative;
    width: 100%;
}
.donation-title h1 {
    color: #555555;
    float: left;
    font-size: 22px;
    margin: 7px 0;
    padding: 0;
}
.easy-donation, .language-selector .select2-container--default .select2-selection--single, .language-selector .select2-container--default .select2-selection--single span.select2-selection__rendered, .select2-container--default .select2-selection--single, .wpdonation-button, .donation-figures li a.wpdonation-button, .textfield input, .textfield textarea, .wpdonation-box .nav li a, .wp-donation-system button, .field, .wpdonation-payment a, .history, .history-detail, .history-detail > span, .history-detail > i, .trans-history, .thanks-message, .payment-method .wp-donation-system input[type="submit"], .wp-donation-system input[type="button"] {
    border-radius: 30px;
}
.donation-amount .textfield::before, .donation-amount .textfield::after, .history-detail::before {
    border-radius: 50%;
}
.wpdonation-box .nav li a, .wp-donation-system button, .search input, .search button, .history-detail > a, .wpdonation-payment a, .history:hover .history-detail > i {
    transition: all 0.3s linear 0s;
}
.language-selector {
    float: right;
    width: 180px;
}
.language-selector .select2.select2-container {
    float: left;
    width: 100%;
}
.language-selector .select2-container--default .select2-selection--single {
    background-image: none;
    border: 0 none;
    height: 37px;
}
.language-selector .select2-container--default .select2-selection--single span.select2-selection__rendered {
    color: #fff;
    font-family: Roboto;
    font-size: 11px;
    line-height: 37px;
    padding: 0 40px 0 20px;
    text-transform: uppercase;
}
.language-selector .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;
    width: 40px;
}
.language-selector .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-bottom-color: #fff;
    border-top-color: #fff;
}
.language-selector .select2-container--default .select2-selection--single span.select2-selection__rendered img {
    float: left;
    margin-right: 10px;
    margin-top: 12px;
}
.donation-fields {
    float: left;
    padding: 0 100px 50px;
    width: 100%;
}
.easy-donation .select2-container {
    width: 100%;
    z-index: 1;
}
.donation-fields .select2-container--default .select2-selection--single {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff 0px, #fcfcfc 44%, #fafafa 100%) repeat scroll 0 0;
    border: 1px solid #b7d6df;
    height: 50px;
}
.donation-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #646464;
    font-family: Roboto;
    font-size: 12px;
    line-height: 48px;
    padding: 0 40px 0 20px;
}
.donation-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 49px;
    width: 70px;
}
.select2-results__option {
    font-family: Roboto;
    font-size: 12px;
    line-height: 10px;
    padding: 10px 20px;
}
.donation-fields .select2-container--default .select2-selection--single .select2-selection__arrow::before {
    background: #b1b1b1 none repeat scroll 0 0;
    content: "";
    height: 10px;
    left: 0;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 1px;
}
.wpdonation-box {
    float: left;
    margin-top: 45px;
    width: 100%;
}
.wpdonation-title {
    color: #4d4c4c;
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 30px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
ul.donation-figures {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
ul.donation-figures li {
    display: inline-block;
    margin: 0 5px;
}
.wpdonation-button, .donation-figures li a.wpdonation-button {
    background: #4a4a4a none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    line-height: 25px;
    padding: 10px 30px;
    transition: all 0.3s linear 0s;
}
.textfield {
    float: left;
    position: relative;
    width: 100%;
}
.textfield input, .textfield textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d2cfcf;
    color: #a8a8a8;
    float: left;
    font-family: Roboto;
    font-size: 12px;
    height: 49px;
    padding: 10px 20px;
    width: 100%;
}
.textfield textarea::-moz-placeholder, .textfield input::-moz-placeholder {
    color: #8f8f8f;
    opacity: 1;
}
.donation-amount .textfield textarea {
    line-height: 110px;
    min-height: 135px;
    text-align: center;
}
.donation-amount .textfield textarea {
    font-size: 50px;
    line-height: 110px;
}
.donation-amount .textfield textarea::-moz-placeholder {
    font-size: 12px;
}
.donation-amount {
    float: left;
    margin-top: 50px;
    width: 100%;
}
.donation-amount .textfield::before, .donation-amount .textfield::after {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #b6b6b6;
    color: #4d4c4c;
    content: "OR";
    font-family: roboto slab;
    font-size: 12px;
    font-weight: 600;
    height: 47px;
    left: 50%;
    line-height: 47px;
    margin-left: -23.5px;
    position: absolute;
    text-align: center;
    top: -24px;
    width: 47px;
    z-index: 1;
}
.donation-amount .textfield::after {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    content: "";
    height: 57px;
    margin-left: -28.5px;
    margin-top: -6.5px;
    width: 57px;
    z-index: 0;
}
.wpdonation-box ul {
    border: 0 none;
}
.wpdonation-box .nav {
    float: left;
    text-align: center;
    width: 100%;
}
.wpdonation-box .nav li {
    display: inline-block;
    float: none;
    margin: 0 5px;
}
.wpdonation-box .nav li a, .wpdonation-box .nav li.active a, .wpdonation-box .nav li a:hover {
    background: #4a4a4a none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    line-height: 20px;
    margin: 0;
    padding: 13px 50px;
}
.wpdonation-box > .tab-content {
    float: left;
    padding-top: 50px;
    width: 100%;
}
.payment-type h3 {
    color: #4d4c4c;
    float: left;
    font-size: 15px;
    font-weight: 400;
    margin: 0 0 20px;
    text-align: center;
    width: 100%;
}
.wpdonation-box .tab-content .tab-content {
    float: left;
    margin-top: 10px;
    padding: 0 60px;
    width: 100%;
}
.wpdonation-box .tab-content .tab-content p {
    float: left;
    font-family: roboto slab;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}
.form {
    float: left;
    margin-bottom: -20px;
    width: 100%;
}
.form > div {
    margin-bottom: 20px;
}
.textfield > img {
    position: absolute;
    right: 10px;
    top: 10px;
}
.wp-donation-system button {
    background: #4a4a4a none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    display: table-caption;
    float: none;
    font-family: Roboto;
    font-size: 11px;
    font-weight: 600;
    margin: 30px auto 0;
    padding: 14px 50px;
    text-transform: uppercase;
}
div.search {
    /*background: #373737 none repeat scroll 0 0;*/
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
div.search button {
    border-radius: 0;
    color: #fff;
    float: left;
    font-size: 18px;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 70px;
}
div.search input {
    background: #0f0f0f none repeat scroll 0 0;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #fff;
    font-family: roboto slab;
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    padding: 20px 0;
    position: absolute;
    right: 100%;
    width: 0;
}
div.search button:hover {
    color: #fff;
}
div.search:hover input, div.search input:focus {
    padding: 20px 20px 20px 100px;
    width: 1100px;
}
.date-range {
    float: right;
    margin: 0;
}
.field {
    background: #fff none repeat scroll 0 0;
    float: left;
    height: 36px;
    margin-left: 20px;
    position: relative;
    width: 150px;
}
.field input {
    background: #fff;
    border: 0 none;
    color: #a2a2a2;
    font-family: Roboto;
    font-size: 11px;
    height: 100%;
    padding: 6px 30px 6px 20px;
    width: 100%;
}
.field i {
    color: #a2a2a2;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 12px;
}
.donation-fields strong.wpdonation-subtitle {
    color: #4d4c4c;
    float: left;
    font-family: roboto slab;
    font-size: 14px;
    text-align: center;
}
.wp-donation-system button.clear-filter {
    margin-top: 0;
    padding: 15px 20px;
    width: 100%;
}
.history {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin-top: 20px;
    padding: 10px;
    width: 100%;
}
.wpdonation-payment {
    color: #4c4c4c;
    float: left;
    font-family: roboto slab;
    font-size: 36px;
    font-weight: 300;
    margin: 68px 0;
    text-align: center;
    width: 100%;
}
.wpdonation-payment i {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    margin-right: 5px;
}
.wpdonation-payment a {
    background: #c0bebe none repeat scroll 0 0;
    color: #fff;
    display: table;
    font-family: Roboto;
    font-size: 11px;
    margin: 0 auto;
    padding: 7px 22px;
}
.history-detail {
    float: left;
    padding: 30px 30px 25px 70px;
    position: relative;
    width: 100%;
}
.history-detail > span {
    background: #ececec none repeat scroll 0 0;
    color: #4a4a4a;
    font-family: Roboto;
    font-size: 10px;
    position: absolute;
    right: 80px;
    top: 50%;
    margin-top: -13px;
    padding: 6px 15px;
    text-transform: uppercase;
}
.history-detail h5 {
    color: #646464;
    display: block;
    font-family: Roboto;
    font-size: 15px;
    margin: 0;
}
.history-detail h5 strong {
    font-family: roboto slab;
    font-size: 18px;
    margin-right: 5px;
}
.history-detail > i {
    background: #c0bebe none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-family: Roboto;
    font-size: 11px;
    font-style: normal;
    margin-bottom: 20px;
    padding: 10px 25px;
}
.history-detail ul {
    float: left;
    list-style: outside none none;
    margin: 10px 0 0;
    padding: 0;
    width: 100%;
}
.history-detail ul li {
    float: left;
    line-height: 20px;
    padding-right: 20px;
    width: 50%;
}
.history-detail > a {
    color: #888;
    display: inline-block;
    margin-top: 10px;
}
.donation-fields {
    margin-top: 70px;
}
.history-detail::before {
    background: #c0bebe none repeat scroll 0 0;
    border: 3px solid #fff;
    color: #fff;
    content: "";
    font-family: "themify";
    height: 37px;
    right: -27.5px;
    line-height: 29px;
    margin-top: -17.5px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 37px;
}
.history-wrap {
    float: left;
    margin-top: 40px;
    width: 100%;
}
.trans-history {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
.trans-history a {
    color: #646464;
    float: left;
    font-family: roboto slab;
    font-size: 12px;
    line-height: 22px;
    margin: 0;
    padding: 20px 30px;
    text-transform: uppercase;
    width: 100%;
}
.thanks {
    background: #f4f4f4 none repeat scroll 0 0;
    float: left;
    height: 100%;
    padding: 70px 80px;
    width: 100%;
}
.thanks-message {
    background: #282a1f none repeat scroll 0 0;
    float: left;
    padding: 80px 100px;
    text-align: center;
    width: 100%;
}
.thanks-message img {
    float: left;
    margin: -140px 0;
    width: 190px;
}
.thanks-message h5 {
    color: #0b9444;
    font-family: roboto slab;
    font-size: 80px;
    font-weight: 600;
    margin: 0;
    text-shadow: 5px 5px 4px #202020;
}
.thanks-message span {
    color: #fff;
    display: inline-block;
    font-family: roboto slab;
    font-size: 28px;
    margin-top: 11px;
    text-shadow: 5px 5px 4px #202020;
}
.success-notification {
    float: left;
    margin-top: 90px;
    text-align: center;
    width: 100%;
}
.success-notification > h5 {
    color: #1b1b1b;
    font-family: roboto slab;
    font-size: 16px;
    margin-bottom: 30px;
    margin-top: 0;
    text-transform: uppercase;
}
.success-notification > h5 strong {
    font-size: 18px;
    margin-left: 20px;
}
.success-notification p {
    color: #505050;
    font-family: Roboto;
    font-size: 13px;
    line-height: 26px;
    padding: 0 80px;
}
.payment-method {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #b6b6b6;
    float: left;
    padding: 45px 90px;
    width: 100%;
}
.payment-date {
    background: #f9f9f9 none repeat scroll 0 0;
    float: left;
    padding: 50px 75px;
    width: 100%;
}
.payment-date > strong {
    color: #0b9444;
    float: left;
    font-family: Roboto;
    font-size: 36px;
}
.payment-date > span {
    float: right;
    font-family: Roboto;
    font-size: 13px;
    margin-top: 15px;
}
.payment-method > div > h5 {
    color: #454545;
    float: left;
    font-family: roboto slab;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 60px;
    text-transform: uppercase;
    width: 100%;
}
.payment-method ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.payment-method ul li {
    float: left;
    line-height: 30px;
    width: 100%;
}
.payment-method ul li span {
    color: #646464;
    float: left;
    font-size: 12px;
    font-weight: 600;
    width: 50%;
}
.payment-method ul li i {
    color: #646464;
    float: left;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    width: 50%;
}
.payment-method > p {
    color: #646464;
    float: left;
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 20px;
    width: 100%;
}
.overlay {
    background: rgba(255, 255, 255, 0.87) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    overflow-y: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}
.overlay .my_loader {
    animation: 1.2s ease-in-out 0s normal none infinite running rotateplane;
    background-color: #4cc987;
    height: 50px;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    width: 50px;
}
@-webkit-keyframes rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}
@keyframes rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}
/*===== Cart List =====*/
.crt-drp {
    background: #ffffff none repeat scroll 0 0;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    opacity: 0;
    overflow: hidden;
    padding-top: 44px;
    position: absolute;
    right: 0;
    top: 100%;
    visibility: hidden;
    width: 300px;
}
.crt-drp > ul {
    float: left;
    height: 162px;
    list-style: outside none none;
    margin-bottom: 0;
    overflow-y: auto;
    padding-left: 0;
    width: 100%;
}
.crt-drp > ul li {
    background: #fbfbfb none repeat scroll 0 0;
    float: left;
    padding: 15px 30px;
    width: 100%;
}
.crt-drp > ul li:nth-child(2n) {
    background: #f8f8f8 none repeat scroll 0 0;
}
.crt-itm {
    display: table;
    float: left;
    position: relative;
    width: 100%;
}
.crt-itm > * {
    display: table-cell;
    vertical-align: middle;
}
.crt-inf {
    padding-left: 0;
}
.crt-itm > img {
    max-width: 50px;
    min-width: 50px;
}
.crt-inf > h2 {
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 0;
}
.crt-inf > span {
    float: left;
    font-size: 12px;
    margin-top: 5px;
}
.crt-itm .remove {
    font-size: 12px;
    position: absolute;
    right: -5px;
    top: 50%;
}
.srch-crt-lst > ul > li.active .crt-drp {
    opacity: 1;
    visibility: visible;
}
.ttl-prc {
    color: #333333;
    float: left;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 30px;
    width: 100%;
}
.ttl-prc > span {
    float: right;
    font-weight: 400;
}
.crt-drp-btns {
    background: #fbfbfb;
    float: left;
    padding: 15px 30px;
    width: 100%;
}
.crt-drp-btns > a {
    background: #333333 none repeat scroll 0 0;
    color: #ffffff !important;
    float: left;
    font-family: Poppins;
    font-size: 11px;
    margin: 5px 0;
    padding: 10px 30px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.crt-drp-btns > a:last-child {
    float: right;
}
.woocommerce a.added_to_cart {
    //padding-top: 0px !important;
    padding-top: 15px;
}
/*===== Donation Loader =====*/
.cssload-thecube {
    width: 73px;
    height: 73px;
    margin: 0 auto;
    margin-top: 49px;
    position: relative;
    transform: rotateZ(45deg);
        -o-transform: rotateZ(45deg);
        -ms-transform: rotateZ(45deg);
        -webkit-transform: rotateZ(45deg);
        -moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
    position: relative;
    transform: rotateZ(45deg);
        -o-transform: rotateZ(45deg);
        -ms-transform: rotateZ(45deg);
        -webkit-transform: rotateZ(45deg);
        -moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
}
.cssload-thecube .cssload-cube:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(43,160,199);
    animation: cssload-fold-thecube 2.76s infinite linear both;
        -o-animation: cssload-fold-thecube 2.76s infinite linear both;
        -ms-animation: cssload-fold-thecube 2.76s infinite linear both;
        -webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
        -moz-animation: cssload-fold-thecube 2.76s infinite linear both;
    transform-origin: 100% 100%;
        -o-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        -webkit-transform-origin: 100% 100%;
        -moz-transform-origin: 100% 100%;
}
.cssload-thecube .cssload-c2 {
    transform: scale(1.1) rotateZ(90deg);
        -o-transform: scale(1.1) rotateZ(90deg);
        -ms-transform: scale(1.1) rotateZ(90deg);
        -webkit-transform: scale(1.1) rotateZ(90deg);
        -moz-transform: scale(1.1) rotateZ(90deg);
}
.cssload-thecube .cssload-c3 {
    transform: scale(1.1) rotateZ(180deg);
        -o-transform: scale(1.1) rotateZ(180deg);
        -ms-transform: scale(1.1) rotateZ(180deg);
        -webkit-transform: scale(1.1) rotateZ(180deg);
        -moz-transform: scale(1.1) rotateZ(180deg);
}
.cssload-thecube .cssload-c4 {
    transform: scale(1.1) rotateZ(270deg);
        -o-transform: scale(1.1) rotateZ(270deg);
        -ms-transform: scale(1.1) rotateZ(270deg);
        -webkit-transform: scale(1.1) rotateZ(270deg);
        -moz-transform: scale(1.1) rotateZ(270deg);
}
.cssload-thecube .cssload-c2:before {
    animation-delay: 0.35s;
        -o-animation-delay: 0.35s;
        -ms-animation-delay: 0.35s;
        -webkit-animation-delay: 0.35s;
        -moz-animation-delay: 0.35s;
}
.cssload-thecube .cssload-c3:before {
    animation-delay: 0.69s;
        -o-animation-delay: 0.69s;
        -ms-animation-delay: 0.69s;
        -webkit-animation-delay: 0.69s;
        -moz-animation-delay: 0.69s;
}
.cssload-thecube .cssload-c4:before {
    animation-delay: 1.04s;
        -o-animation-delay: 1.04s;
        -ms-animation-delay: 1.04s;
        -webkit-animation-delay: 1.04s;
        -moz-animation-delay: 1.04s;
}
@keyframes cssload-fold-thecube {
    0%, 10% {
        transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
                75% {
        transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
                100% {
        transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}
@-o-keyframes cssload-fold-thecube {
    0%, 10% {
        -o-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
                75% {
        -o-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
                100% {
        -o-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}
@-ms-keyframes cssload-fold-thecube {
    0%, 10% {
        -ms-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
                75% {
        -ms-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
                100% {
        -ms-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}
@-webkit-keyframes cssload-fold-thecube {
    0%, 10% {
        -webkit-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
                75% {
        -webkit-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
                100% {
        -webkit-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}
@-moz-keyframes cssload-fold-thecube {
    0%, 10% {
        -moz-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
                75% {
        -moz-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
                100% {
        -moz-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

.flickr-gallery a img {width: 100%;}
.volunteer-form .select2-container--default .select2-selection--single,
.event-reg .select2-container--default .select2-selection--single,
.select-fld .select2-container--default .select2-selection--single,
.pynt-opts .select2-container--default .select2-selection--single,
.ind-dv .select2-container--default .select2-selection--single,
.woocommerce-ordering .select2-container--default .select2-selection--single,
.gray .comment-form-rating .select2-container--default .select2-selection--single,
.woocommerce-billing-fields .select2-selection--single {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.gray .event-reg .select2-container--default .select2-selection--single,
.pynt-opts .select2-container--default .select2-selection--single,
.gray .volunteer-form .select2-container--default .select2-selection--single {background-color: #ffffff;}
.reviwrs-vdo > img {float: left;}
.reviewr-nm {text-align: left;}
.gray form.comment-form input, 
.gray form.comment-form textarea {background-color: #fbfbfb;}
p.form-submit {
    float: left;
    width: 100%;
}
p.form-submit > input.submit {
    height: 55px;
    margin-top: 30px !important;
}
form.woocommerce-cart-form input[name="update_cart"] {line-height: initial;}

.ef3-gtb-block {
  max-width: 610px;
  margin-right: auto;
  margin-left: auto; }
  .ef3-gtb-block.align-wide {
    max-width: 1100px; }
  .ef3-gtb-block.align-full {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw; }
  .ef3-gtb-block.align-full img {
    width: 100vw; }
  .ef3-gtb-block .alignleft {
    float: left;
    margin: 0 30px 30px 0; }
  [dir="rtl"] .ef3-gtb-block .alignleft {
    float: right;
    margin: 0 0 30px 30px; }
  .ef3-gtb-block .alignright {
    float: right;
    margin: 0 0 30px 30px; }
  [dir="rtl"] .ef3-gtb-block .alignright {
    float: left;
    margin: 0 30px 30px 0; }
  .ef3-gtb-block.ef3-block-separator {
    display: block;
    clear: both; }
  .ef3-gtb-block .blockquote, .ef3-gtb-block blockquote {
    margin-top: 0;
    padding: 0; }
  .ef3-gtb-block .blockquote:before, .ef3-gtb-block blockquote:before {
    display: none; }
  .ef3-gtb-block.wp-block-paragraph p {
    margin-bottom: 30px; }
  .ef3-gtb-block.wp-block-latest-posts, .ef3-gtb-block.wp-block-categories, .ef3-gtb-block.wp-block-archives, .ef3-gtb-block.ef3-block-pullquote {
    margin-bottom: 30px; }

.alignwide {
  max-width: 1100px; }

ul.wp-block-gallery {
  padding-left: 0;
  padding-right: 0; }

.wp-block-heading > * {
  margin-bottom: 30px; }

.wp-block-column .ef3-gtb-block {
  max-width: 100%; }