@charset "utf-8";
/* CSS Document */

@font-face{ font-family:"sfregular"; src:url("../fonts/sfregular.OTF"); }
@font-face{ font-family:"sfbold"; src:url("../fonts/sfbold.OTF"); }
@font-face{ font-family:"cochin"; src:url("../fonts/cochin.ttf"); }
@font-face{ font-family:"Charter"; src:url("../fonts/charter.ttf"); }
@font-face{ font-family:"american"; src:url("../fonts/american.ttf"); }

/*===== Pre CSS =====*/
body{ margin: 0; padding: 0; font-size: 14px; font-weight: normal; color: #333; font-family: 'Lato'; background: #fff; }
p, a, span, table, th, tr, td, h1, h2, h3, h4, h5, h6, img, ul, ol, li{ margin: 0; padding: 0; font-family: 'Lato'; }

/*===== Go To Top Section =====*/
#back-top { position: fixed; bottom: 140px; right: 14px; bottom: 15px; text-align: center; z-index: 99999999999999999999999999999999; display: none;}
#back-top a { display: block; text-decoration: none; display: none;}
#back-top a .fa{ width: 40px; height: 40px; padding-top: 10px; font-size: 18px; border-radius: 5px; opacity: 1; color: #fff; background: #c0392b; border: #c0392b solid 1px; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; transition: all linear 0.3s; }
#back-top a .fa:hover{ background: #c0392b; color: #fff; transform: scale(1.05,1.05);  }

.post, .page{margin: 0;}

/* Modal Body */
.modal{ top: 25%; }
.modal-body .close{ position: absolute; top: 6px; right: 7px; opacity: 1; color: #fff; width: 30px; height: 30px; background: #337ab7; border-radius: 50%; padding: 0 0 1px 1px; }
.modal-body img{ width: 100%; height: auto; }
.search-block{ display: block; margin: 0; padding: 0; }
.search-block h4{ display: none; color: #337ab7; font-size: 20px; text-transform: uppercase; font-weight: 700; padding-bottom: 10px; margin-bottom: 15px; border-bottom: #ccc solid 1px; }
.search-block .search-form label{ display: block; width: 100%; }
.search-block .search-form .screen-reader-text{ display: block; width: 100%; margin-bottom: 5px; font-size: 18px; color: #337ab7; }
.search-block .search-form .search-field{ display: block; width: 100%; height: 40px; border: #666 solid 1px; padding: 15px; color: #337ab7; }
.search-block .search-form .search-submit{ display: block; padding: 10px 15px; width: 100%; border: none; background: #337ab7; color: #fff; border-radius: 2px; margin-top: 8px; }

/* Wrapper */
.wrapper{ margin: 0; padding: 0; overflow: hidden; }
.text-bold{ font-weight: 700; }

/*===== Header Section =====*/
.navbar-inverse{ border: none; background: transparent; position: relative; z-index:1;}
.navbar{ margin-bottom:0; margin-top: 0; background: transparent; border-radius: 5px;}
.navbar-inverse .navbar-nav{ display: block; float: none; text-align: left; margin-top: 0; padding: 0; min-height: 75px; display: flex; justify-content: space-between; align-items: center; width: 100%;}
.navbar-inverse .navbar-nav li{ display: inline-block; float: none; margin: 0 0 0 0; }
.navbar-inverse .navbar-nav li a{ display: inline-block; padding: 16px 30px; margin: 0; border: none; border-radius: 5px; color: #020202; background: transparent; font-size: 16px; font-weight: 500; text-align: center; font-family: 'sfregular', sans-serif; text-decoration: none; text-transform: uppercase; -webkit-transition: all linear 0.5s; -moz-transition: all linear 0.5s; -o-transition: all linear 0.5s; transition: all linear 0.5s; position: relative; z-index: 2;}

.navbar-inverse .navbar-nav li a:hover,
.navbar-inverse .navbar-nav li a:focus,
.navbar-inverse .navbar-nav .active a,
.navbar-inverse .navbar-nav .active a:hover,
.navbar-inverse .navbar-nav .active a:focus{ color: #D43C17; background:transparent; }
/*===== Mobile Menu =====*/
.mobile_menu.active{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 9999999999; }
.menu_icon_box{ position: fixed; top: 0; left: 0; z-index: 9999999999; display: block; width: 100%; background: rgb(252,87,35); background:radial-gradient(circle, rgb(220 53 0) 0%, rgb(229 59 17) 52%, rgb(221 10 9) 100%); height: 57px;  display: none;}
.tab_button{ float: left; }
.tab_button a{ display: inline-block; padding: 7px 10px; margin-top: 14px; font-size: 10px; text-align: center; text-transform: uppercase; color: #fff; background: transparent; border: #fff solid 1px; border-radius: 5px; box-sizing: border-box; text-decoration: none; }
.tab_button a:hover{ background: #747474; border: #747474 solid 1px; }
.tab_button1{ margin-left: 15px; margin-right: 5px; }

.menu_icon{ position: fixed; top: 15px; right: 15px; width: 30px; height: 30px; padding: 1px 5px; background: transparent; box-sizing: border-box; cursor: pointer; z-index: 999; }
.menu_icon span{ width: 100%; height: 2px; display: block; background: #fff; margin: 5px 0; border-radius: 5px; transition: all linear 0.3s; }
.menu_icon.active{ color: #fff; padding: 8px 3px 0; }
.menu_icon.active span{ position: absolute;	width: 85%; }
.menu_icon.active span:nth-child(1){ transform: rotate(45deg); }
.menu_icon.active span:nth-child(3){ transform: rotate(-45deg); }
.menu_icon.active span:nth-child(2){ display: none; }

.mobile_slideLogo{ display: block; margin-top:10px; text-align: center; }
.mobile_slideLogo img{ display: inline-block; float: none; background: #fff; padding: 10px 30px; margin-bottom: 15px; border-radius: 5px; width: 100%; height: auto; }
.sidebar{ padding: 65px 15px; position: fixed; top: 0; left: -100%; z-index: 99999; overflow-y: scroll; width: 80%; height: 100%; background:radial-gradient(circle, rgb(220 53 0) 0%, rgb(229 59 17) 52%, rgb(221 10 9) 100%); text-align: center; box-sizing: border-box; z-index: 999999; transition: all linear 0.3s; }
.sidebar.active{ left: 0; }
.sidebar ul li{ list-style: none; margin-bottom:5px;}
.sidebar ul li a{ position: relative; display: block; padding: 10px 15px; border: #fff solid 1px; text-align: left; color: #fff; margin-bottom: 1px; text-transform: uppercase; text-decoration: none; font-size: 13px; border-radius:50px; font-weight: 400; border-radius: 50px; position: relative; overflow: hidden; }
.sidebar ul li a::before{ content: ""; position: absolute; top: 0; left: 0; z-index: -1; padding: 12px 0; height: 100%; width: 0%; background:rgb(229 59 17); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; }
.sidebar ul li a:hover::before{ width: 100%; }
.sidebar ul li.active{ background:rgb(229 59 17); border-radius: 50px; }

/*===== Responsive Mobile Dropdown =====*/
.accordion{ list-style: none;  padding: 0; margin: 0; }
.accordion_headline{ background: transparent; padding: 8px 10px; border: #666 solid 1px; color: #fff; text-align: left; text-transform: uppercase; font-size: 12px; font-weight: 400; transition: .3s ease; position: relative; }
.accordion_headline::before,
.accordion_headline::after{ content: ""; width: 15px; height: 2px; background: #ffffff; position: absolute; display: block; top: 50%; right: 15px; transform: translate(-50%, -50%) rotate(0deg); transition: .3s ease; }
.accordion_headline::after{ transform: translate(-50%, -50%) rotate(90deg); }
.accordion_headline:hover{ cursor: pointer; background: transparent; }
.open > .accordion_headline::before{ transform: translate(-50%, -50%) rotate(180deg);	}
.open > .accordion_headline::after{ transform: translate(-50%, -50%) rotate(360deg); }
.accordion_content{ display: none; background: transparent; padding: 0; border-top: 0; }
.accordion li{ margin-bottom: 1px; }
.accordion_headline h5{ font-size: 16px; margin: 0; padding-right: 30px; }
.accordion_content p{ font-size: 14px; margin: 0; }

/*===== For WordPress Site Only =====*/
.mobile-view-menu-list{ display: block; padding: 0 15px; }

/*-- Modern Social Media Icon Display --*/
.social_media_block{ display: block; position: fixed; top: 0; left: 0; z-index: 9; height: 100%; background: transparent; }
.share_icon .fa{ position: absolute; left: 14px; bottom: 14px; z-index: 2; cursor: pointer; width: 52px; height: 52px; border-radius: 50%; border: #c0392b solid 1px; background: #c0392b; color: #fff; font-size: 24px; text-align: center; padding: 12px 5px 0 0; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }
.share_icon .fa:hover{ transform: rotate(360deg); color: #fff; background: #c0392b; border-color: #c0392b; }
.social_icon ul{ display: block; text-align: center; }
.social_icon ul li{ list-style: none; display: inline-block; }
.social_icon ul li .fa{ position: absolute; left: 15px; bottom: 15px; z-index: 1; width: 50px; height: 50px; border-radius: 50%; border: none; background: #c0392b; color: #fff; font-size: 24px; text-align: center; padding: 13px 0px 0 0; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }
.social_icon ul li .fa:hover{ transform: rotate(360deg); }
.social_icon.active ul li:nth-child(1) .fa{ bottom: 215px; background: #3b5999; color: #fff; }
.social_icon.active ul li:nth-child(2) .fa{ bottom: 165px; background: #1da1f3; color: #fff; }
.social_icon.active ul li:nth-child(3) .fa{ bottom: 115px; background: #e0483a; color: #fff; }
.social_icon.active ul li:nth-child(4) .fa{ bottom: 66px; background: #2797cf; color: #fff; }
/*more*/
.more{display: block; text-align: center;}
.more a{text-decoration: none; display: inline-block; font-family: "sfregular"; font-size: 15px; letter-spacing: 0.01em; text-align: left; color: #fff; padding:15px 40px; background:#D43C17; border-radius: 50px;  transition: all linear .3s; margin-top: 30px;}
.more a:hover{background: #000;}
/*header*/
.top-header{background: #1E1E1E;}
.bottom-header .logo{width:200px; height:auto;}
.top-header-content{display: flex; justify-content: space-between; align-items: center; padding: 14px 0;}
.top-header-content ul{display: flex; align-items: center; justify-content: flex-start;}
.top-header-content ul li{font-family: "sfregular"; font-weight: normal; font-size: 14px; letter-spacing: 0.01em; text-align: left; color: #fff; list-style: none; display: flex; justify-content: flex-start; align-items: center;}
.top-header-content ul li span{margin-right: 15px; display: flex; justify-content: center; align-items: center;}
.top-header-content ul:first-child li:first-child{margin-right: 30px;}
.top-header-content ul:last-child li a{text-decoration: none; width: 30px; height: 30px; background: #9c9c9c; display: flex; justify-content: center; align-items: center; border-radius: 50%; color: #fff; transition: all linear .3s;}
.top-header-content ul:last-child li a:hover{background: #fff; color: #000;}
.top-header-content ul:last-child li{margin-left: 10px;}
/*.bottom-header-content*/
.bottom-header{background: #F4F4F4;}
.bottom-header-content{display: flex; justify-content: space-between; align-items: center; padding:20px 0;}
.bottom-header-content .bottom-header-contact{display: flex; justify-content: flex-end; align-items: center;}
.bottom-header-content .bottom-call-us{display: flex; justify-content: flex-start; align-items: center;}
.bottom-header-content .bottom-call-us span{width: 55px; height: 55px; background: #d43c17; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 10px;}
.bottom-header-content .bottom-call-us h4{font-family: "sfregular"; font-weight: normal; font-size: 16px; letter-spacing: 0.01em; line-height: 22px; text-align: left; color: #414141;}
.bottom-header-content .donate-now a{text-decoration: none; display: inline-block; font-family: "sfregular"; font-size: 15px; letter-spacing: 0.01em; text-align: left; color: #fff; padding:17px 40px; background:#D43C17; border-radius: 50px; margin-left: 50px; transition: all linear .3s;}
.bottom-header-content .donate-now a:hover{background: #000;}
/*banner-slider*/
.banner-slider img{width:100%; height: auto;}
/*why-choose-us*/
.why-choose-us ul{display: flex; justify-content: flex-start; align-items: center;}
.why-choose-us ul li{width:25%; background: #FC5722; padding:40px; list-style: none;}
.why-choose-us ul li h3{font-family: 'cochin'; font-weight: bold; font-size: 28px; letter-spacing: 0.01em; line-height: 45px; text-align: left; color: #fff;}
.why-choose-us ul li a{text-decoration: none; display: inline-block; padding:10px 30px; background:transparent; border:2px solid #fff; font-family: "sfregular"; font-weight: normal; font-size: 14px; letter-spacing: 0.01em; text-align: left; color: #fff; border-radius: 50px; margin-top: 20px; transition: all linear .3s;}
.why-choose-us ul li a:hover{background: #fff; color:#FC5722; }
.why-choose-us ul li:nth-child(2){background:#FC4A1E; }
.why-choose-us ul li:nth-child(3){background:#FC431D; }
.why-choose-us ul li:nth-child(4){background:#FC3D1D; }
/*welcome*/
.welcome{padding:60px 0;}
.welcome img{width:100%; height: auto;}
.welcome h1{font-family: Charter; font-weight: 900; font-size: 35px; letter-spacing: 0.01em; line-height: 45px; text-align: left; color: #fc551f; margin-bottom: 15px;}
.welcome h1 span{font-family: Charter; font-weight: 900; font-size: 35px; letter-spacing: 0.01em; line-height: 45px; text-align: left; color: #3E3E3E;}
.welcome .welcome-desc h3{font-family: "sfbold"; font-size: 18px; letter-spacing: 0.01em; line-height: 40px; text-align: left; color: #343434; text-transform: uppercase;}
.welcome .welcome-desc ul li{list-style: none; font-family: "sfregular"; font-weight: normal; font-size: 14.5px; letter-spacing: 0.01em; line-height: 32px; text-align: left; color: #343434; padding-left:20px; position: relative; z-index: 1;}
.welcome .welcome-desc ul li::before{content:''; position: absolute; top:10px; left:0; width: 10px; height: 10px; background: #d43c17; border-radius: 50%;}
.welcome .more{text-align:left; }
.welcome .more a{margin-right: 30px;}
.welcome .more a:nth-child(2){background: transparent; border:1px solid #D43C17; color: #D43C17;}
.welcome .more a:nth-child(2):hover{background: #D43C17; color: #fff;}
/*save-lives*/
.save-lives{padding:80px 0; background:url('../images/donor-bg.png')center center no-repeat fixed; background-size: cover;}
.save-lives .title-section{text-align: center; display: block;}
.save-lives .title-section h2{font-family: Charter; font-weight: 900; font-size: 30px; letter-spacing: 0.01em; color: #fff; margin-bottom: 20px;}
.save-lives .title-section p{font-family: "sfregular"; font-weight: normal; font-size: 16px; letter-spacing: 0.01em; line-height: 35px; text-align: center; color: #fff; padding: 0 100px; margin-bottom: 90px;}
.save-lives ul{display: flex; justify-content: space-between; align-items: center;}
.save-lives ul li{list-style: none; width: 31%; text-align: center; height: 340px; border-radius: 5px; background: transparent; border: 1px solid #fff; backdrop-filter: blur(30.802900314331055px); --webkit-backdrop-filter: blur(30.802900314331055px); background-color: rgba(0, 0, 0, 0.01); transition: all linear .3s; position: relative; z-index:1; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.save-lives ul li:hover{backdrop-filter: blur(10.802900314331055px); --webkit-backdrop-filter: blur(10.802900314331055px);}
.save-lives ul li h3{font-family: "sfbold"; font-weight: bold; font-size: 30px; letter-spacing: 0.01em; line-height: 35px; text-align: center; color: #fff; margin-top: 20px;}
.save-lives ul li p{font-family: "sfregular"; font-weight: normal; font-size: 22px; letter-spacing: 0.01em; line-height: 45px; text-align: center; color: #fff;}
.save-lives ul li span{width: 100px; height: 100px; background: #d23d23; border: 2px solid #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: absolute; top:0; left:50%; transform: translate(-50%,-50%); z-index: 9;}
.save-lives ul li a{text-decoration: none; display: inline-block; font-family: "sfregular"; font-weight: normal; font-size: 15px; letter-spacing: 0.01em; text-align: left; color: #fff; padding:12px 30px; background:#d43c17; border:2px solid #fff; border-radius: 50px; margin-top: 20px; transition: all linear .3s;}
.save-lives ul li a:hover{background: #fff; color: #d23d23;}
/*optn-data*/
.optn-data{padding: 60px 0;}
.optn-data h3{font-family: "sfbold"; font-size: 30px; letter-spacing: 0.01em; line-height: 50px; text-align: left; color: #000;}
.optn-data h2{font-family: "american"; font-weight: normal; font-size: 100px; letter-spacing: 0.01em; line-height: 78px; text-align: left; color: #d43c17; margin: 45px 0;}
.optn-data p{font-family: "sfregular"; font-weight: normal; font-size: 30px; letter-spacing: 0.01em; line-height: 50px; text-align: left; color: #000;}
.optn-data p strong{text-transform: uppercase; font-weight: 400; margin-bottom: 40px; display: block;}
.optn-data ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.optn-data ul li{list-style: none; width: 47%; list-style: none; display: flex; justify-content: center; align-items: center; flex-direction: column; border: 1px solid #707070; border-radius: 10px; height:210px; margin:15px 0; transition: all linear .3s;}
.optn-data ul li img{transition: all linear .3s;}
.optn-data ul li h5{font-family: "sfregular"; font-weight: 500; font-size: 30px; letter-spacing: 0.01em; text-align: left; color: #d43c17; margin-top: 15px; transition: all linear .3s;}
.optn-data ul li p{font-family: "sfregular"; font-weight: 500; font-size: 23px; letter-spacing: 0.01em; text-align: left; color: #6c6c6c;  transition: all linear .3s;}
.optn-data ul li:hover{background: #d43c17;}
.optn-data ul li:hover img{filter: brightness(.1)invert(1);}
.optn-data ul li:hover h5{color: #fff;}
.optn-data ul li:hover p{color: #fff;}
.optn-data .more{text-align: left;}
/*.donation-process*/
.donation-process{padding: 60px 0; background: #F7F7F7;}
.donation-process h2{font-family: "sfbold"; font-size: 48px; letter-spacing: 0.01em; line-height: 65px; text-align: left; color: #d43c17;}
.donation-process p{font-family: "sfregular"; font-size: 18px; letter-spacing: 1px; line-height: 42px; text-align: left; color: #1d1d1d;}
.donation-process p strong{color:#d43c17;}
.donation-process .more{text-align: left;}
/*home-form*/
.home-form{padding:60px 0; background: #fff; position: relative; z-index: 1;}
.home-form h3{font-family: "sfbold"; font-size: 40px; letter-spacing: 0.01em; line-height: 40px; text-align: left; color: #d43c17;}
.home-form p{font-family: "sfregular"; font-size: 20px; letter-spacing: 0.01em; line-height: 40px; text-align: left; color: #464646; margin: 20px 0;}
.home-form label{font-family: "sfregular"; font-size: 16px; letter-spacing: 0.01em; text-align: left; color: #464646;}
.home-form .custom-field{width: 100%; height: 55px; border-radius: 6px; background: #fff; border: 1px solid #707070;}
.home-form .form-wrapper{padding-right: 70px;}
.home-form .submit-btn{width: 200px; height: 55px; border-radius: 30.5px; background: #d43c17; border:0; font-family: "sfregular"; font-size: 17px; letter-spacing: 0.01em; color: #fff; margin-top: 30px; transition: all linear .3s;}
.home-form .submit-btn:hover{background: #000; color: #fff;}
.home-form .home-form-image img{width:100%;}
/*testimonials*/
.testimonials{padding:60px 0 80px; background: url('../images/testimonials.png')center center no-repeat fixed; background-size: cover;}
.testimonials .title-section h2{font-family: Charter; font-size: 40px; letter-spacing: 0.01em; line-height: 45px; color: #fff; text-align: center; margin-bottom: 20px;}
.testimonials .item{display: block; text-align: center;}
.testimonials .item h4{font-family: "sfbold"; font-size: 30px; letter-spacing: 0.01em; line-height: 45px; text-align: center; color: #fff;}
.testimonials .item .stars{display: block; text-align: center; margin: 20px 0;}
.testimonials .item p{font-family: "sfregular"; font-weight: normal; font-size: 20px; letter-spacing: 0.01em; line-height: 45px; text-align: center; color: #fff;}
/*registerd-wrapper*/
.registerd-wrapper{padding: 60px 0; background: #fff;}
.registerd-block{display: block; text-align: center; border-radius: 20px; background: #fff; box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.16); height: 200px; display:flex; justify-content: center; align-items: center; flex-direction: column;}
.registerd-block p{font-family: "sfbold"; font-size: 28px; letter-spacing: 0.01em; line-height: 45px; text-align: center; color: #d43c17;}
.registerd-block .widget{margin:0;}
.registerd-block .more a{margin-top: 20px;}
/*footer*/
.footer{padding: 60px 0; background: #1A1A1A;}
.footer h3{font-family: "sfregular"; font-size: 18px; letter-spacing: 0.02em; line-height: 35px; color: #fff; text-transform: uppercase; margin-bottom: 20px;}
.footer .footer-contact ul li{list-style: none; font-family: "sfregular"; font-size: 14px; letter-spacing: 0.02em; line-height: 40px; color: #fff;}
.footer .footer-contact ul li span{float: left; width: 23px; }
.footer .footer-contact ul li:last-child span{margin-bottom: 30px;}
.footer .custom-menu ul li{list-style: none;}
.footer .custom-menu ul li a{ font-family: "sfregular"; font-size: 14px; letter-spacing: 0.02em; line-height: 40px; color: #fff; text-decoration:none; display: block; transition: all linear .3s;}
.footer .custom-menu ul li a:hover{color:#D43C17;}
.footer .custom-menu-large{padding-left: 20px;}
.footer .stay-connected ul{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.footer .stay-connected ul li{list-style: none;}
.footer .stay-connected ul li a{text-decoration: none; display: flex; justify-content: center; align-items: center;  width: 50px; height: 50px; background: #fff; color: #ee4234; border-radius: 50%; font-size:19px;}
.wp-block-tnp-minimal{padding: 0 !important;}
.footer .tnp-subscription-minimal input.tnp-email{background: #fff; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.footer .tnp-subscription-minimal input.tnp-submit{border:1px solid #EE4234; background: #EE4234; width: 36%; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.tnp-subscription-minimal form{display: flex; justify-content: center; align-items: center;}
/*copyright*/
.copyright{background: #000; }
.copyright p{font-family: "sfregular"; font-weight: normal; font-size: 14px; letter-spacing: 0.01em; line-height: 35px; text-align: left; color: #fff; padding:10px 0; text-align: center;}
.copyright p a{text-decoration: none; color: #fff;}
/*===== Slider Plugins =====*/
#owl-demo .owl-buttons{ display: none; }
#owl-demo .owl-pagination { position: absolute; left: 50%; top: 80%; transform: translate(-50%,-50%); z-index: 9; }
#owl-demo .owl-pagination .owl-page span{ width: 15px; height: 15px; border-radius: 50%; background: #fff; border: #fff solid 3px; opacity: 1; }
#owl-demo .owl-pagination .active span{ background: #ffb400; }

#owl-demo1 .owl-buttons{ display: none; }
#owl-demo1 .owl-pagination { position: absolute; left: 47%; top: 110%; z-index: 9; }
#owl-demo1 .owl-pagination .owl-page span{ margin: 0 5px; width: 10px; height: 10px; border-radius: 50%; background: yellow; border: none; opacity: 1; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }
#owl-demo1 .owl-pagination .active span{ transform: scale(2,2); background: yellow; }

#owl-demo3 .owl-pagination{ display: none }
#owl-demo3 .owl-buttons .owl-prev{ position: absolute; left: 46%; top: 120%; transform: translate(-50%,-50%); z-index: 99999; font-family: 'FontAwesome'; text-align: center; width: 40px; height: 40px; background: #fff; color: #333; font-size: 24px; font-weight: 400; border-radius: 0; opacity: 1; padding-right: 14px; padding-top: 0; border: #fff solid 2px; box-sizing: border-box; box-shadow: 0px 0px 15px -5px #666; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }
#owl-demo3 .owl-buttons .owl-next{ position: absolute; left: 54%; top: 120%; transform: translate(-50%,-50%); z-index: 99999; font-family: 'FontAwesome'; text-align: center; width: 40px; height: 40px; background: #fff; color: #333; font-size: 24px; font-weight: 400; border-radius: 0; opacity: 1; padding-left: 10px; padding-top: 0; border: #fff solid 2px; box-sizing: border-box; box-shadow: 0px 0px 15px -5px #666; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }
#owl-demo3 .owl-buttons .owl-prev:hover,
#owl-demo3 .owl-buttons .owl-next:hover{ background: #fff; color: #333; }

/*===== Content Pages =====*/
.content-banner{ padding:30px; background:url(../images/testimonial-bg.png)center center no-repeat fixed; background-size: cover;}
.content-banner h2{ padding: 15px; text-transform: uppercase; background: #fff; color: #333; font-size: 12px; font-weight: bold; }
.content-banner a{ text-decoration: none; color: #333; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s;  text-transform: uppercase;}
.content-banner a:hover{ color: #333; }
.content-block{ background: #fff; padding: 20px; height: auto; }
.content{ width: 100%; padding: 50px 0; background: #eeeeee; }
.sectiontitleunderline{ display: block; width: 80px; height: 2px; margin: 0 0 30px; background: #333; }
.content .underline-style{ display: block; margin-bottom: 30px; }
.content h2{ text-transform: uppercase; font-size: 24px; color: #333; font-weight: 900; margin-bottom: 10px; font-family: 'sfregular'; }
.content h3{ text-transform: uppercase; font-size: 20px; color: #333; font-weight: 900; margin: 20px 0 10px; font-family: 'sfregular'; }
.content h4{ text-transform: uppercase; font-size: 16px; color: #8aca41; font-weight: 700; margin: 20px 0 10px; font-family: 'sfregular'; }
.content p{ font-size: 16px; line-height: 30px; text-align:justify; color: #666; margin-bottom: 15px; font-family: 'sfregular'; }
.content p span{ font-size: 20px; color: #333; margin: 0; font-weight: bold; font-family: 'sfregular'; }
.content ol,
.content ul{ margin: 0; padding: 0; margin-bottom: 15px; font-family: 'sfregular'; }
.content ol li,
.content ul li{ margin-left: 18px; line-height: 30px; font-size: 16px; text-align:justify; color: #333; font-family: 'sfregular';}
.content ol li span,
.content ul li span{ font-size: 16px; text-align:justify; color: #666; font-family: 'sfregular';}
.breadcrumb{margin-bottom:0; padding:15px; border-radius:0;}


/*===== Contact Form Section =====*/
.content .formstyle{ padding-left: 65px; height: 50px; border-color: #666; border-radius: 0; }
.content textarea.formstyle{height:150px;}
.content .btn-formstyle{ width: 150px; color: #fff; background-color: #000; border: none; border-radius: 0; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; transition: all linear 0.3s; }
.content .btn-formstyle:hover{ background: #2ecc71; }
.content .form-horizontal .form-group{ margin-right: 0; margin-left: 0; }
.content .form-horizontal .form-group input::placeholder{ color: #666; }
.content .form-horizontal .form-group textarea::placeholder{ color: #666; }
.content .form_section .fa{ position: absolute; top: 20px; z-index: 999; height: 50px; width: 50px; background: #666; text-align: center; padding-top: 15px; color: #fff; font-size: 18px; }
.content .form_section .sms{ height: calc(100% - 20px); }

/*===== 404 =====*/
.page_not_found{ display: block; text-align: center; padding: 50px; }
.page_not_found h2{ font-size: 120px; color: #34495e; }
.page_not_found p{ font-size: 18px; color: #34495e; text-align: center; }
.page_not_found a{ display: inline-block; padding: 10px 25px; background: #e74c3c; color: #fff; border-radius: 3px; text-decoration: none; }
.page_not_found a:hover{ background: #f56658; }

/*===== Archive Page =====*/
.archive_page_block{ margin-top: 30px; }
.archive_page_block .archivecontent{ padding: 0 15px 15px; }
.archive_page_block .archivecontent h4{ color: #00cedb; font-size: 20px;  }
.archive_page_block .archivecontent h4 a{ color: #00cedb; text-decoration: none;  }
.archive_page_block .archivecontent h4 a:hover{ color: #C82823; }

/*========== Responsive ==========*/
@media (max-width: 991px){
.bottom-header-content{flex-direction: column;}
.navbar-inverse .navbar-nav li a{padding: 16px 10px;}
}
@media (max-width: 767px){
	
	/*===== Go To Top =====*/
	#back-top{ right: 15px; bottom: 20px; }
	#back-top a { width: 40px; height: 40px;  }
	#back-top a .fa{ font-size: 16px; margin-top: 10px; }

	/*===== Left Social Icon =====*/
	.share_icon .fa{ left: 9px; bottom: 9px; width: 42px; height: 42px; font-size: 20px; padding: 10px 2px 0 0; }
	.social_icon ul li .fa{ left: 10px; bottom: 10px; width: 40px; height: 40px; font-size: 20px; text-align: center; padding: 10px 0px 0 0;  }
	.social_icon.active ul li:nth-child(1) .fa{ bottom: 170px; }
	.social_icon.active ul li:nth-child(2) .fa{ bottom: 130px; }
	.social_icon.active ul li:nth-child(3) .fa{ bottom: 90px; }
	.social_icon.active ul li:nth-child(4) .fa{ bottom: 50px; }

	/*========== Body Section ===============*/
	.menu_icon_box{display: block; }
	header{padding-top: 57px;}
	.top-header-content{flex-direction: column; }
	.top-header-content ul:first-child{flex-direction: column; margin-bottom:10px;}
	.top-header-content ul:first-child li:first-child{margin-right: 0;}
	.bottom-header-content .bottom-header-contact{display: block; text-align: left;}
	.bottom-header-content .donate-now a{margin: 15px 0 0 0;}
	.bottom-header-content .logo{margin-bottom: 15px;}
	.why-choose-us ul{flex-direction: column; }
	.why-choose-us ul li{width: 100%;}
	.welcome h1 span,.welcome h1{font-size:28px;}
	.welcome .more{display: flex; justify-content: space-around; align-items: center; margin-bottom: 30px;}
	.save-lives .title-section h2{font-size: 22px; line-height: 2;}
	.save-lives{padding-top: 30px;}
	.welcome .more a{margin-right: 0; padding:17px 30px;}
	.save-lives .title-section p{padding: 0;}
	.save-lives ul li{width: 100%;}
	.save-lives ul li:nth-child(2){margin: 60px 0;}
	.optn-data h3{font-size: 19px;}
	.save-lives ul{flex-direction: column;}
	.optn-data h2{font-size: 60px; margin: 30px 0;}
	.optn-data ul li h5{font-size:20px;}
	.optn-data ul li p{font-size: 18px;}
	.donation-process h2{font-size: 28px;}
	.optn-data p{font-size: 20px; line-height: 35px;}
	.optn-data p strong{margin-bottom: 10px;}
	.home-form .form-wrapper{padding-right: 0;}
	.home-form h3{font-size:30px;}
	.testimonials .title-section h2{font-size: 30px;}
	.testimonials .item h4{font-size: 24px;}
	.registerd-wrapper{padding: 20px 0;}
	.registerd-block p{font-size: 25px;}
	.registerd-block{height: auto; padding:20px 0; margin: 30px 0;}
	.footer .custom-menu-large{padding-left: 0;}

	/*===== ALL Slider Section =====*/
	#owl-demo .owl-pagination{ top: 80%; left:50%; width:100px; display: none;}
	#owl-demo1 .owl-buttons .owl-prev{ top: 102%; left: 42%; }
	#owl-demo1 .owl-buttons .owl-next{ top: 102%; left: 58%; right: inherit; }

	/*===== Page Section =====*/
	.content-banner{ padding: 20px 0; border-top: #c0392b solid 1px; }
	.content-block{ min-height: auto; }
	.content{ padding: 15px 0; }
	.content h2{ font-size: 20px; }
	.content h3{ font-size: 16px; }
	.content h4{ font-size: 16px; }
	.sectiontitleunderline{ width: 100px; margin-bottom: 15px; }
	.content p,
	.content ul li{ font-size: 14px; line-height: 24px; }
	.content ul li span{ font-size: 14px; line-height: 24px; }
	.reviewsblock h4{ font-size: 18px; }
	.reviewsblock{ padding: 15px 0; }
	.btn-reviewsformstyle{ font-size: 14px; }
	.testimonials-page h4{ font-size: 18px; }
	.testimonials-page p{ padding: 0; }
	.formstyle{ padding-left: 50px; height: 40px; }
	.form_section .fa{ width: 40px; height: 40px; }
	.form_section .sms{ width: 40px; height: 174px; }
	.btn-formstyle{ display: block; margin: 0 auto; width: 100px; font-size: 14px; margin-bottom: 15px; }
	.quoet-address{ margin-top: 15px; }
	.quoet-address ul{ margin-bottom: 15px; }
	.quoet-address ul li{ margin-bottom: 15px; font-size: 14px; }
	.quoet-address ul li span{ font-size: 16px; }
	.free-estimate-form .freeblock{ margin-bottom: 0; }
	.freeestimatestyle{ height: 40px; padding-left: 50px; }
	.btn-freeestimatestyle{ display: block; margin: 0 auto; width: 100%; font-size: 14px; }
	.free-estimate-form .fa{ width: 40px; height: 40px; }
	.free-estimate-form .sms{ width: 40px; height: 174px; }

	/*===== Archive Services Page =====*/
	.services-archive-single-block{ margin-bottom: 15px; }
}