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

html,body { height:100%;}
body {font-family: 'Jost', sans-serif; color: #616161; font-smoothing:antialiased; -webkit-font-smoothing: antialiased; font-size:16px; padding-top:80px;}

strong {font-weight:normal;}
p {color: #777; font-size:16px;}

img { max-width:100%; height:auto;}
a, button, input[type=submit] { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; }
a, .btn-link {color:#e71e2a;}
a:hover, a:focus {color:#333;}
a:hover, a:focus, button, .btn { text-decoration:none; outline:0 !important; outline-offset:0px !important;}

.btn-link {font-size:15px; text-transform:uppercase; color:#000; padding:6px 0; display:inline-block; position:relative;}
.btn-link:before {height:1px; background:#000; position:absolute; bottom:0; left:0; content:''; transition:width 0.3s ease 0s, left 0.3s ease 0s; width:30px;}
.btn-link:hover, .btn-link:focus {color:#000; text-decoration:none;}
.btn-link:hover:before {width:100%;}

label {font-weight:normal; }
.data-table { display:table; table-layout:fixed; width:100%; float:none; height:100%;}
.data-cell { display:table-cell; vertical-align:middle; min-width:1%; float:none; }
.data-table.vtop .data-cell { vertical-align:top; }
iframe { width:100% !important; }
sub, sup {font-size:50%; top:-.6em; }
.panel {box-shadow:none; border:none; border-radius:0;}
.form-control {box-shadow:none !important;}

.btn { display: inline-block; padding: 0 30px; border:none; text-decoration: none; text-transform: uppercase; position: relative;}
.btn:hover  { color: #fff; text-decoration: none; }
.btn-primary { background:#ee3737; color:#fff; border-color:#ff4422; -webkit-transition: all .6s cubic-bezier(0.165, .84, .44, 1), box-shadow .8s cubic-bezier(0.165, .84, .44, 1); transition: all .6s cubic-bezier(0.165, .84, .44, 1), box-shadow .8s cubic-bezier(0.165, .84, .44, 1);}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {background-color:#c92323 !important; color:#fff; border-color:#ff310c; box-shadow:0 10px 12px -12px #be1f1f;  transform:translateY(-2px);}
.btn-black {background:#333; color:#fff;}
.btn-black:before {background-color:rgba(255,255,255,0.2);}

.container {max-width:1200px; width:100%;}

img[align="left"] { margin:0 30px 20px 0;}
img[align="right"] { margin:0 0 30px 20px;}
ul {padding:0; list-style:none; margin:0;}
.section {padding:50px 0;}
h1, h2, h3, h4, h5, h6 {font-weight: 700; color: #020202;}		
h1 {font-size:46px; }
h2 {font-size:32px;}
h3 {font-size:26px;}
h4 {font-size:22px;}
h5 {font-size:18px;}
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.mt80 { margin-top:80px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.mb70 { margin-bottom:70px; }
.mb80 { margin-bottom:80px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.pd-none { padding:0; }
.mg-none { margin:0; }
.relative { position:relative;}
hr {background:#ebebeb; height:1px; margin:0}

.title-md, .title-sm {font-size:30px; text-transform:uppercase; color:#333; margin:0 0 15px;}
.title-sm { font-size:22px;}
.input-line .form-control {border-radius:4px; height:40px; border:none; padding-left:10px; background:#fff; color:#4c4c4c; font-size:16px;}
textarea.form-control {height:70px !important;}

.btn-radio input[type="radio"] + label, .btn-checkbox input[type="checkbox"] + label {position: relative; padding:0 0 0 24px; margin:0; cursor:pointer; display:inline-block; margin:0 20px 8px 0; font-size:14px;}
.btn-radio input[type="radio"], .btn-checkbox input[type="checkbox"] {display:none;}
.btn-checkbox input[type="checkbox"] + label:before{border: 1px solid #b4b4be; content:""; display: inline-block; width:16px; height:16px; left:0; position: absolute; top:0; background:#fff;}
.btn-checkbox input[type="checkbox"]:checked + label:before {background:#000; border-color:#000;}
.btn-checkbox input[type="checkbox"] + label:after { content:''; position:absolute; top:3px; left:3px; width:10px; height:6px; border:solid transparent; border-width:0 0 2px 2px; line-height:0; -webkit-transition-duration:0.2s; transition-duration:0.2s; -ms-transform:rotate(-45deg) scale(2); -webkit-transform:rotate(-45deg) scale(2); transform:rotate(-70deg) scale(2);}
.btn-checkbox input[type="checkbox"]:checked + label:after {-ms-transform:rotate(-45deg) scale(1); -webkit-transform:rotate(-45deg) scale(1); transform:rotate(-45deg) scale(1); border-color:#fff;}
.btn-radio input[type="radio"] + label:before {border: 1px solid #b4b4be; content: ""; display: inline-block; width:16px; height: 16px; left: 0; position: absolute; top:0;border-radius:50%; background:#fff;}
.btn-radio input[type="radio"]:checked + label:before {border-color:#000;}
.btn-radio input[type="radio"] + label:after {width:8px; height:8px; display:inline-block; position:absolute; top:4px; left:4px; line-height:0; background:#000; content:''; border-radius:50%;-ms-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s; -ms-transform:scale(0); -webkit-transform:scale(0); transform:scale(0);}
.btn-radio input[type="radio"]:checked + label:after {-ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);}
.btn-radio input[type="radio"]:disabled + label, .btn-checkbox input[type="checkbox"]:disabled + label {opacity: 0.5;}

/* Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-slide {outline:0 !important;}
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; width:100%; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -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); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display:inline-block;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-dots { width:100%; list-style:none; margin:0; padding:0; text-align:center; position:absolute; bottom:0; left:0;}
.slick-dots li {margin:0 3px; display:inline-block;}
.slick-dots li button {width:50px; height:4px; background:#e1e1e1; text-indent: -9999px; padding:0; border-radius:2px; border:inherit;}
.slick-dots li.slick-active button { background:#eb681d; border-color:#de4279;}
.slick-prev, .slick-next {width:50px; height:50px; position:absolute; top:-15%; margin:0; z-index:10; background:none; padding:0; font-size:0; border:none; box-shadow:none;}
.slick-prev { right:65px; background: url(../images/arrow-left.jpg) no-repeat center;}
.slick-next { right:10px; background:url(../images/arrow-right.jpg) no-repeat center;}
.slick-prev.slick-disabled, .slick-next.slick-disabled { opacity:0.2; cursor:default; }
/* Slider-End*/

/** Title **/
.pt-none {padding-top:0;}
.title-head .title {font-size:4.5rem; padding-bottom:20px; font-family: 'Jost', sans-serif; color: #020202; font-weight:400;}
.title-head .title span {color:#de4279;}
.title-head .title small {color:#ea1e2a; display:block; text-transform:uppercase; font-weight:500; font-size:18px; letter-spacing:2px;}
.title-head .title strong {font-weight:700; color:#5e5d89;}
.title-head p {font-size:18px; font-weight:300; color:#455963;}
.data-caption {background: rgba(0,0,0,0.1); width: 100%; height: 100%; display: table;}
/** Title **/

/** Button **/
.btn-login {margin:0; background:#e6eaea; border-radius:0; color:#455963; font-weight:700; font-size:13px; letter-spacing:1px; float:left; padding: 31px 50px;}
.btn-login span {position:relative;}
.btn-login span:before {content:''; position:absolute; right: -9px; top: -5px; background:url(../images/login-ico.png); width:26px; height:25px;}
.btn-login:hover {background:#c3c3c3; color:#872047;}

.btn-donate, .btn-more {background:#ea1e2a; margin:15px 0; border-radius:4px; padding: 15px 40px; color:#fff; font-weight:700; font-size:13px;}
.btn-donate:hover, .btn-donate:focus, .btn-more:hover, .btn-more:focus {background:#eb681d; color:#fff;}
/** Button **/

/** Bg Color **/
.bg-skyblue {background:#e9f1fd;}
.bg-grey { background:#e7edef;}
.bg-voilet {background:#7a498d;}
/** Bg Color **/

/** Header **/
#header {box-shadow: 0px 2px 4px 0px rgba(51,51,51,0.4); position:fixed; top:0; left:0; width:100%; height:80px; z-index:100; background:#fff; padding:0 25px;}
.navbar-brand {padding:5px 0; height:auto;}
#header .btn-donate, #header .top-call {float:left;}
#header .btn-donate {margin-left:25px;}
.top-call {display:inline-block; margin:21px 0 0 20px;}
.top-call h3 {font-size:17px; margin:0;}

#navbar {float:left;}
#navbar .navbar-nav {float:none; margin:0;}
#navbar .navbar-nav > li > a {padding: 30px 13px; color:#373c5a; font-weight:400; font-size:16px; font-family: 'Jost', sans-serif; position:relative;}
#navbar .navbar-nav > li > a:hover, #navbar .navbar-nav > li > a:focus {color:#000; background:inherit;}
#navbar .navbar-nav > li > a:hover:before {width: 100%;}
#header .navbar-nav > li > a:before {position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 0%; content: '.'; color: transparent; background:#80276d;  height:3px; transition: all .5s;}
#header .navbar-nav > li:hover > a:before, #header .navbar-nav > li.active > a:before, #header .navbar-nav > li.dropdown.open > a:before {width:100%; left:0;}
#header .navbar-nav li a:hover, #header .navbar-nav li:hover a, #header .navbar-nav .sub-menu > li > a:hover, #header .navbar-nav .sub-menu > li:hover > a, #header .navbar-nav 
#header .nav > li > a:focus, .nav > li > a:hover {background:none;}

#navbar .navbar-nav .dropdown-menu {padding:0; width:190px;}
#navbar .navbar-nav .dropdown-menu li a { padding:12px 15px; font-family: 'Jost', sans-serif;}
#navbar .navbar-nav .dropdown-menu li+li a {border-top:1px solid #c8c8c8;}
#navbar .navbar-nav .dropdown-menu li a:hover {background:#892348; color:#fff;}

.toggle-btn { width:55px; height:50px; margin:0; display:block; padding:0; border:none; background:0 0; position:absolute; top:60px; right:20px; z-index:99999; -webkit-transition-duration:.4s; transition-duration:.4s; display:none;}
.toggle-btn.is-active {right: 61px; top:8px; z-index: 999999; background:#fff; border-radius:100px; width:35px; height:35px; box-shadow: 0 0 12px #000;}
.toggle-btn span, .toggle-btn:after, .toggle-btn:before { content:""; display:block; height:2px; right:12px; opacity:1; position:absolute; -webkit-transform:rotate(0); transform:rotate(0); -webkit-transition:all 1s cubic-bezier(.68, -.55, .265, 1.55) 0s; transition:all 1s cubic-bezier(.68, -.55, .265, 1.55) 0s; width:50px; background-color:#000; -webkit-transition-duration:.4s; transition-duration:.4s; width:29px;}
.toggle-btn span { top:10px; }
.toggle-btn.is-active span { right:-30px; opacity:0; color:#fff;}
.toggle-btn.is-active:after { -webkit-transform:rotate(-135deg); transform:rotate(-135deg); background-color:#000;}
.toggle-btn:after { top:29px }
.toggle-btn.is-active:before, .toggle-btn.is-active:after {width:16px; top:18px; right: 10px;}
.toggle-btn.is-active:before {-webkit-transform:rotate(135deg); transform:rotate(135deg); background-color:#000;}
.toggle-btn:before { top:19px }
/** Header **/

/** Banner **/
.hp-carousel, .hp-carousel .slick-list, .hp-carousel .slick-track, .hp-carousel .slick-slide > div {height:100%; width:100%;}
.hp-carousel .item { background-size:cover; background-color:#333; background-repeat:no-repeat;  width:100%; height:100%; position:relative;}
.data-caption { background:rgba(0,0,0,0.5); display:table; width:100%; height:100%; text-align:left;}
.data-caption .caption { vertical-align:middle; display:table-cell; vertical-align:middle; text-align:left; color:#fff; font-family: 'Jost', sans-serif;}
.data-caption .caption h3.title {color:#fff; font-size:35px; font-weight:300; margin:0;}
.data-caption .caption h3 strong {display:block; font-weight:700; text-transform:uppercase; font-size:50px;}
.hp-carousel .slick-dots { left:18%; bottom:20%; width:auto; padding:15px 25px; border-radius: 200px 0px 0px 200px; -moz-border-radius: 200px 0px 0px 200px; -webkit-border-radius: 200px 0px 0px 200px; line-height:0;}
/** Banner **/

/** About Us **/
.col-about {background:#ffca77; padding:80px 0;}
.col-about p {color:#1e1e1e;}


/** About Us **/

/** Target Area **/
.target-area .target-content {padding-left:50px; padding-top:15px;}
.target-area .goal-raised {overflow: hidden; margin-top: 50px; margin-bottom: 40px; border-bottom: 1px solid #d1d6de;}
.target-area .goal-raised>div {float: left;}
.target-area .goal-raised h3 {margin-top:10px;}
.target-area .goal-raised span {font-size: 14px; font-weight: 500; text-transform: uppercase;}
.target-area .goal-raised>div+div {margin-left: 35px; padding-left: 35px; padding-bottom: 35px; border-left: 1px solid #d1d6de;}
/** Target Area **/

/** Services **/
.map-bg {background:url(../images/map-bg.jpg) no-repeat center center; background-size:cover;}
.causes-item-img {box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.07); background-color: #fff; margin:20px 0;}
.causes-item-img img {width:100%;}
.causes-body {padding:25px 20px;}
.causes-item {margin-top:40px; text-align:left;}
.causes-item-title a {font-size: 20px; color: #282828;}
.causes-body .btn-donate {margin-top:30px;}
.case-service .btn-more {margin-top:20px; margin-bottom:0}
/** Services **/

/** Team **/
.team-bg {background:#04aa99;}
.volunteers .author {margin-bottom:0; color:#fff;}
.team .title-head .title strong {color:#fff;}
.volunteers .specilities {font-size:15px; font-weight:500; color:#965099;}
/** Team **/

/** Counter Figure **/
.tourism-figure .counter-title {font-size:40px;}
.tourism-figure .counter-title strong {color:#965099; font-weight:800;}
.tourism-figure .item {width:25%; float:left; margin-top:30px;}
.tourism-figure img { float:left;}
.tourism-figure .figure { display:block; overflow:hidden; font-weight:500; color: #5e5c8b; font-size:40px; line-height:1.2; margin:10px 0 0 5px;}
.tourism-figure .figure strong {font-weight:800; font-size:40px;}
.tourism-figure .figure small { display:block; font-size:17px;  color: #4a4c70; font-weight:400;}
.fundraise p {font-size:18px; font-weight:500;}
/** Counter Figure **/

/** Testimonials **/
.testimonial-bg {background:url(../images/testimonial-bg.jpg) no-repeat center center; background-size:cover;}
.test-sld-item {position: relative; background-color: #fff; padding: 55px 30px 43px 30px; box-shadow: 0 3px 15px 2px rgba(0,0,0,.06); margin-top:40px;}
.test-sld-item .test-sld-icon {position: absolute; top:-21px; left: 30px; background:url(../images/quote.png) no-repeat; width:63px; height:39px;}
.testimonials-slider .slick-slide {padding: 15px;}
.test-author {font-size:16px; color:#333; font-weight:600; margin-top:30px; position:relative;}
.test-author:before {content: ""; display: inline-block; height: 2px; width: 40px; background-color: #de4279; vertical-align: middle; margin-right: 20px;}
.testimonials-slider .slick-dots {bottom: -48px;}
/** Testimonials **/

/** Blog **/
.blog-item {transition: .4s; -webkit-transition: .4s; -moz-transition: .4s; overflow: hidden;}
.blog-item:hover {box-shadow:0 0 50px 0 rgba(188, 188, 188, .3)}
.blog-item .blog-img {display: block; overflow: hidden;}
.blog-item .blog-img img {width: 100%; height: auto; -webkit-transform: scale(1.1); transform: scale(1.1); transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}
.blog-item .blog-img:hover img {transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);}
.blog-info {position: relative; padding-left: 135px;}
.date-box {position: absolute; left: 20px; top: -53px; color: #fff; padding: 30px 24px; font-size: 40px; font-weight: 500; text-align: center; background-color: #eb681d; line-height: normal;}
.month {display: block; margin-top:0; font-size: 20px; font-weight: 400;}
.blog-title {text-align: left;}
.blog-title h2 a {font-size:24px; color: #626262; margin-top: 10px; transition: .4s; -webkit-transition: .4s; display:inline-block;}
.post-content {padding: 15px 20px; color:#909090;}
.blog-post {font-size: 12px; color:#848484;}
.blog-post ul {padding:0;}
.blog-detail .post-content {margin-top:35px;}
.blog-detail .date-box {padding: 19px 24px;}
.blog-post ul li {display: inline-block; padding-right: 5px; }
.blog-post ul li a {color: #848484; font-weight: 600;}
.blog-slider .slick-dots {bottom: -23px;}
.blog .btn-more {margin-top:40px;}
.blog-inner .blog-item {margin-bottom:20px;}

.sharing-link {background: #f6f6f6; padding: 10px 15px; border: 1px solid #ddd; margin-top:20px;}
.sharing-link ul li {display: inline-block; margin: 0 5px 0 0;}
.sharing-link ul li strong {margin-right:15px; color:#888;}
.sharing-link ul li i {background: #e0e0e0; color: #333; height: 30px; width: 30px; text-align: center; border-radius: 50%; padding: 9px; font-size: 13px;}
.sharing-link ul li:hover i, .list-tags li a:hover, .single-comment .reply:hover {background:#e71e2a; color:#fff;}
.comments-area {margin-top:40px;}
.comments-title {position: relative; margin:0; border-bottom: 1px solid #ddd; padding-bottom: 15px; font-weight:600; font-size:22px;}
.comments-title:before {background:#e71e2a; content: ""; position: absolute; left: 0; bottom: -2px; height: 3px; width: 40px;}
.single-comment {position:relative;padding:0 0 0 100px;margin-top:50px}
.single-comment img {position:absolute;top:0;left:0;border-radius:3px}
.single-comment h4 {margin:0 0 5px;font-size:18px;color:#000}
.single-comment .date {margin-bottom:5px;font-size:15px}
.single-comment .reply {position:absolute;right:0;top:0;background:#f5f5f5;color:#333;padding:4px 15px;display:block;border-radius:3px}
.comment-form {margin-top:30px;}
.search-form {position: relative;}
.search-form .form-control {background-color: #fff; height:40px; border-radius:inherit;}
.search-form .btn-default {border-color: #fe5619; background: #e71e2a; border-radius: 0; height: 40px; position: absolute; top: 0; right: 0; color: #fff; padding: 5px 15px; font-size: 16px;}
.side-widget {margin-top: 30px;}
.single-comment .post-date .fa {margin-right:7px;}
.single-comment strong {font-weight:500; font-size:18px; color:#333;}
.list-tags li {display: inline-block; margin-bottom: 2px;}
.list-tags li a {background: #f5f5f5; color: #333; display: inline-block; padding: 3px 10px;}  

/** Blog **/


/** footer **/
#footer {background:url(../images/footer-bg.jpg) no-repeat top center; height:380px; background-size:cover; padding:40px 0 0 0;}
.col-address {color:#fff; padding-top:80px;}
.col-address strong {display:block; font-weight:700; color:#eb681d;}
.col-address .f-logo {margin-bottom:15px;}
.g-started h3 {font-size:16px; color:#fff; display:inline-block; margin:0 8px 0 0; vertical-align:middle;}
.g-started input {background-color: #566469; height: 50px; color: #fff; padding: 6px 20px; width:400px; border: none; box-shadow: none; position:relative;}
.input-area {position:relative; display:inline-block;}
.g-started .submit {position: absolute; top:50%; right: 8px; transform: translateY(-50%);}
.g-started .submit button {background: #e71e2a; width: 45px; height: 40px; border: 0; outline: 0; position: relative; border-radius: 5px; font-size: 20px; color: #fff;}
.get-btn {height:50px; line-height: 50px; font-size:16px; letter-spacing:1px;}
.f-call {margin-top:30px;}
.f-call a {display:block;}
.f-call i {font-size:30px; margin-right:10px;}
.f-call .icon {width:32px; height:32px; float:left; margin-right:12px;}
.f-call address { display:block; overflow:hidden; color:#fff; font-size:22px; margin:0;}
.icon-call { background:url(../images/call-ico.png) no-repeat 0 0;}
.icon-mail { background:url(../images/mail-ico.png) no-repeat 0 0;}
.icon-fax { background:url(../images/fax-ico.png) no-repeat 0 0;}
.border-right {border-right:1px solid #a3aacd;}
.col-left {padding:0 0 0 20px;}

.footer-nav {margin-top:15px;}
.footer-nav-title {font-size:16px; text-transform:uppercase; letter-spacing:2px; margin:0 0 12px; padding:0 0 7px; color:#fff;}
.footer-nav .nav li {position:relative; padding-left:15px;}
.footer-nav .nav li:before { content:'\f105'; position:absolute; top:1px; left:0; font-family:'FontAwesome'; color:#fff;}
.footer-nav .nav li a {color:#fff; padding:4px 0; position:relative; display:inline-block; font-size:13px; text-transform:uppercase;}
.footer-nav .nav li a:hover, .footer-nav .nav li a:focus {background-color:transparent; color:#fff;}
.footer-nav .nav li a:before, .footer-address a:before { height:1px; background:#fff; position:absolute; bottom:0; left:0; content:''; transition:width 0.4s ease 0s, left 0.4s ease 0s; width:0;}
.footer-nav .nav li a:hover:before, .footer-address a:hover:before {width:100%;}

.social-links {position:relative; padding:14px 0; margin-top:35px;}
.social-links:before {content:''; position:absolute; background:#a2a2c5; height:1px; width:260px; top:0; left:0;}
.social-links:after {content:''; position:absolute; background:#a2a2c5; height:1px; width:260px; bottom:0; left:0;}
.social-links a {margin-right:0; display:inline-block;}
.social-links a i {width:30px; height:30px; line-height:30px; color:#fff; border-radius:100%; text-align:center; font-size:15px; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.social-links .fa-facebook { background-color:#537abd;}
.social-links .fa-facebook:hover { background-color:#6285d1;}
.social-links .fa-twitter { background-color:#1ea0f1;}
.social-links .fa-twitter:hover { background-color:#55b4f0;}
.social-links .fa-linkedin { background-color:#0779b2;}
.social-links .fa-linkedin:hover { background-color:#0985c3;}
.social-links .fa-pinterest { background-color:#bc091c;}
.social-links .fa-pinterest:hover { background-color:#e22c40;}
.social-links .fa-youtube { background-color:#fd0102;}
.social-links .fa-youtube:hover { background-color:#f93a3a;}
.social-links h3 {display:inline-block; font-size:16px; color:#fff; text-transform:uppercase; letter-spacing:1px; margin-right:5px; margin:0 5px 0 0; vertical-align:middle;} 
.footer-bottom {padding:15px 0;}
.copy-text {font-size:13px; color:#959595;}
.copy-text a {color:#233d5f;}
/** footer **/

/** Inner Page **/

/** Page **/
.page p {line-height:25px;}
.page h3 {font-size:25px; margin:20px 0; color:#5e5d89; font-family: 'Jost', sans-serif;}
.page ul {list-style:none; padding:0;}
.page li {font-size:14px; line-height:30px; position:relative; padding:0 13px;}
.page li:before {content:''; position:absolute; top:0; left:0; font-family:'FontAwesome';}
.page strong {font-weight:600;}

.section-inner {padding:40px 0;}

/** Page **/

.inner-banner .col-item {height:400px; background-repeat:no-repeat; background-size:cover;}
.data-caption {width:100%;text-align:center; background:linear-gradient(to top,rgba(0,0,0,0.9) 0,rgba(0,0,0,0)); display:table; height:100%;}
.data-caption .inner-caption {text-align:center; color:#fff; vertical-align:middle;display:table-cell;}
.data-caption .inner-caption h1 {color:#fff; text-transform:uppercase; font-size:30px; padding:0; margin:0; font-weight:900;}
.data-caption .breadcrumb {background:none;}
.data-caption .breadcrumb li a {color:#ff8b49;}
.data-caption .breadcrumb li {color:#fff; font-size:15px;}

.offering {padding-top:60px;}
.offering h3 {font-size:30px; font-weight:300; line-height:40px; margin-bottom:30px; color:#181818;}
.offering h3 strong {color:#323232;}
.offering {color:#666666; line-height:25px;}

.inner-team .title-head .title strong {color:#5e5d89;}
.inner-team .volunteers .author {color:#2f2f2f;}

.toll-free {background:#eb681d; color:#e1e1e1; padding:20px 0;}
.toll-free h2 {font-size:18px; font-weight:300; margin:0; margin-top: 5px; color:#fff;}
.toll-free h2 strong {position:relative; padding:0 40px; margin-left:15px; font-weight:300; font-size:25px;}
.toll-free h2 strong:before {content:''; background:url(../images/call.png) no-repeat 0 0; position:absolute; left:0; top:0; height:38px; width:38px;}
.toll-free .btn-donate {margin:0; font-size:16px; text-transform:uppercase; font-weight:400;}
.toll-free .btn-donate:hover {background:#f5a72e;}

.about-history {display:flex; text-align:justify;}
.about-history.odd {flex-direction:row-reverse;}
.about-history .col-img { position:relative; width:50%; min-height: 28.125rem;}
.about-history .col-img img { position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit: cover; object-fit: cover;}
.about-history .col-text {padding:0 50px 0 0; width:50%; min-height: 28.125rem;}
.col-text h3 {margin:0; font-size:28px; position:relative; padding-bottom:10px; margin-bottom:25px;}
.col-text h3:before {content:''; position:absolute; bottom:0; left:0; background:#0d4f99; width:30px; height:2px;}
.about-history .btn-blue {text-transform:capitalize; margin-top:10px;}
.about-history .col-text2 {padding:50px 0 0 50px;}
.inner-team .item-slide  {margin-top:40px;}

.video-thumb { position:relative; background-color:#222; height:120px; padding-bottom:61%; display:block; background-position:center; background-size:cover;}
.video-btn {position:absolute; left:50%; top:50%; background:url(../images/video-ico.png) no-repeat ; background-size:100%; margin:-39px 0 0 -39px; height:78px; width:78px; -webkit-transition-duration:.6s; transition-duration:.6s; border-radius: 100%;}
.video-thumb:hover .video-btn { box-shadow:0 0 0 10px rgba(255,255,255,.5); background-image:url(../images/video-ico-red.png); background-color:#fff;}
.myvideo {position:relative; margin:0 -15px;}
.myvideo .item {padding:0 15px;}

.video-modal .modal-dialog {max-width: 100%; margin:0 auto; position:relative; padding:40px;}
.video-modal .modal-content {padding:0; border-radius:0; border:none;}
.video-modal .close {position: absolute; top: -42px; right: -60px; color: #fff; width: 50px; height: 50px; font-weight: 300; text-shadow: none; opacity: 1; font-size: 50px;}
.video-modal .close:hover, .video-modal .close:not(:disabled):not(.disabled):focus, .video-modal .close:not(:disabled):not(.disabled):hover {opacity:0.8; color:#fff;}

.cnt-page {margin-bottom:40px;}
.dim-light {background:#eb681d; padding:25px 30px;}
.dim-light img {float:left; padding-right:13px;}
.cnt-page h3 {font-size:18px; color:#2f2f2f; font-weight:700;}
.page-call {margin-top:5px;}
.page-mail {margin-top:7px;}
.dim-light p {margin-bottom:0; color:#fff;}

.page-pd {padding:15px 25px;}
.map {position:relative; padding-top:60px;}
.conatct-form {background:#e9f1fd; position:absolute; right:90px; top:-20px; width:570px;}
.conatct-form .form-title {font-size:22px; color:#2f2f2f; font-weight:700; text-transform:uppercase; position:relative; padding-bottom:12px;}
.conatct-form .form-title:before {content:''; position:absolute; bottom:0; left:0; background:#2f2f2f; height:3px; width:25px;}
.conatct-form .form-control {height:40px; font-size:13px; border:inherit;}
.conatct-form .btn {margin:20px 0;}

.bottom-more {display:none;}

@media (min-width: 1200px) {
	.col-focus .panel {height:285px;}
 	#navbar .nav > li:hover > ul.dropdown-menu {display: block;}
 	#navbar {display:block !important;}
}

@media only screen and (max-width:1199px) {
	body {-webkit-transition-duration:0.4s; transition-duration:0.4s; position:relative; left:0;}
	body.no-scroll {overflow:hidden; left:-220px;}
	#header {position:absolute;}
	.toggle-btn { display:block; top:20px; right:15px;}
	#navbar {display:none;}
	#navbar{position:fixed; background:#fff; overflow:auto; top:0; right:-300px; width:300px; height:100%; z-index:99999; -webkit-transition-duration:0.4s; transition-duration:0.4s;}	 
	#navbar.open{ right:0;}
	#navbar .nav { margin-top:45px;}
	#navbar .nav > li {float:none;}
	#navbar .nav > li > a {color:#1c234c; padding:15px 15px; border-bottom:1px solid #e9e9e9; font-size:14px; font-weight:500;}
	#header .navbar-nav .dropdown-menu li a {position:relative; padding: 12px 15px 12px 38px;}
	#header .navbar-nav .dropdown-menu li a:before {content:'\f105'; position:absolute; left: 26px; top: 11px; font-family:'FontAwesome'; font-size: 18px;}
	#navbar .nav > li + li {border:none;}
	#navbar .nav > li:hover > ul.dropdown-menu, #navbar .dropdown-menu {position:relative; left:0; width:100%; float:none;}
	#navbar .nav > li > a::after {display:none;}
	#navbar .nav > li > a.dropdown-toggle:after { content:'\f067'; font-family:'FontAwesome'; font-size:12px; display:block; position:absolute; width:40px; line-height:40px; text-align:center; top:0; right:0;}
	#navbar .nav > li.open > a.dropdown-toggle:after{content:'\f068';}
	#navbar .nav > li.open > a { color:#000;}
	#navbar .nav > li > a.dropdown-toggle:after {content:'\f107'; color:#1c234c; font-family:'FontAwesome'; font-size:16px; display:block; position:absolute; text-align:center; top:6px; right:0;}
	#navbar .nav > li.open > a.dropdown-toggle:after {content:'\f106';}
	.dropdown-menu {border:none; box-shadow:inherit;}
	.btn-login { margin:0 70px 0 0; padding: 30px 50px;}
	.no-scroll .bg-overlay {display: block;}
	.bg-overlay {background: rgba(52,23,78,0.8); width: 100%; height: 100%; position: fixed; z-index: 999; top: 0; left: 0; display: none;}
		
 }

@media only screen and (max-width:767px){
	#navbar {display:block !important;}
	.btn-login, .btn-login:hover, .btn-login:focus {background:inherit; box-shadow:inherit;}
	#header .btn-donate {margin:23px 42px 23px 0; font-size: 11px; padding: 9px 18px;}
	.btn-login {margin:0 34px 0 0;}
	.hp-carousel .item, .hp-carousel {height: 300px;}
	.tourism-figure .item {padding: 10px 5px; width: 50%;}
	.hp-carousel .slick-dots, .project-slide .slick-dots {display:none !important;}
	.data-caption .caption h3 strong {font-size:30px;}
	.data-caption .caption h3.title {font-size:18px; text-align:center;}
	.hp-carousel .btn-donate {display:none;}
	.tourism-figure {height:auto;}
	.tourism-figure .figure { line-height: 21px; margin: 0 0 0 5px;}
	.tourism-figure .figure small {font-size: 11px; letter-spacing:0; line-height:1;}
	.tourism-figure .figure strong, .info-left h3, .page .info-left h3 {font-size:25px;}
	.tourism-figure img {height:50px;}
	.target-area .target-content {padding:0;}
	.left-data .btn-more {display:none;}
	.bottom-more {display:block;}
	.section {padding:40px 0;}
	.title-head .title {font-size:25px; line-height:34px; margin-bottom:0;}
	.title-head .title br {display:none;}
	.target-area .goal-raised {margin-top: 30px; margin-bottom: 20px;}
	.volunteers .item-slide {margin-bottom:10px;}
	.testimonials-slider__text {font-size:15px;}
	.test-author {margin-top: 20px;}
	.test-author::before {display:none;}
	.blog-item {padding: 0 4%;}
	.blog-info {padding-left: 0; padding-top: 30px; padding-right: 0;}
	.post-content {padding: 15px 0;}
	.date-box {padding: 10px 20px 10px; font-size: 30px; text-transform:uppercase;}
	.blog-title h2 a {font-size: 18px; margin-top:20px;}
	.blog-post ul {padding:0;}
	#footer {height:auto; padding: 40px 0 30px 0;}
	.g-started input {max-width:100%; width:auto;}
	.g-started h3 {margin-bottom:10px;}
	.f-call address, .f-call i {font-size: 18px;}
	.f-call > div {margin-bottom: 20px;}
	.col-left {padding: 0;}
	
	.col-about {padding: 30px 0;}
	.title-head p {font-size:16px;}
	.title-head p br {display:none;}
	.patient-info {text-align:center;}
	.patient-info img {height: 229px;}
	.amount {float:none;}
	.btn-donate {margin-left:0;}
	.project-slide .panel img, .about-history .col-img, .about-history .col-text, .about-history .col-logo {width: 100%;}
	.project .panel .panel-body {padding: 15px 10px;}
	.project .panel {height:auto;}
	.project .panel .panel-footer {text-align:center;}
	.info-left .read-btn {display:inline-block;}
	.about-history {display:block;}
	.about-history .col-img img {position:inherit;}
	.about-history .col-text {padding:30px; min-height: 20.125rem;}
	.col-text a {margin-top: 15px; margin-bottom: 15px;}
	.col-logo {padding:50px 20px 30px 20px !important;}
	.f-nav {margin-top:10px;}
	.f-nav .nav li {padding: 0 18px 10px 0;}
	.f-nav .nav li a {font-size: 13px;}
	.social li a {font-size:16px;}
	.foot-nav.social {margin-top:0; margin-bottom:0;}
	.right-col {float:none !important;}
	.design-by {float:left;}
	.foot-nav.social {margin-top: 10px; float: left; padding: 0;}
    .data-caption .inner-caption h1 {font-size:25px;}
	.breadcrumb {margin-bottom:0;}
	.data-caption .breadcrumb li {font-size: 14px;}
	.page h3 {font-size:20px;}
	.toll-free h2 strong {display:block; margin-top:10px;}
	.toll-free {text-align:center;}
	.toll-free .text-right {text-align:center; margin-top:20px;}
	.toll-free h2 strong::before {display:none;}
	.inner-banner .col-item {height: 300px;}
	.team-member {margin-left:0; padding:20px; margin-top:60px; margin-bottom:50px; text-align:center;}
	.team-member+.team-member {margin-top:70px;}
	.post-feature {position:inherit; left:0; margin:-60px 0 0 0; margin-bottom:0; width: 14rem; height: 14rem;}
	.cnt-grey {height:auto; margin:auto; padding:30px 30px; display:block;}
	.design-by {margin-top: 14px; text-align:left;}
	.m-top {margin-top:50px;}
	.col-support li {font-size:14px; line-height: 30px;}
	.col-support li::before {top: 14px;}
	.support .title-head {padding: 27px 0;}
	.case .cnt-grey h3, .left-col, .right-col {text-align:left;}
	.cnt-grey .right-col p::before {display:none;}
	.cnt-grey .left-col, .cnt-grey .right-col {width:auto;}
	.cnt-grey .right-col p {padding: 0; font-size:16px;}
	.cnt-grey .left-col p { text-align: left;}
	.cnt-grey p strong {text-transform:capitalize;}
	.video-thumb {height:250px;}
	.myvideo {margin-bottom:15px;}
	.conatct-form {width:auto; position:inherit; right:0; top:0; margin: 0 40px 20px 40px; padding: 0 20px;}
	.map {padding-top:0;}
	iframe {height:300px;}
	.mt70 {margin-top:40px;}
		
}

@media only screen and (max-width:640px) {
	.navbar-brand img {width:220px;}
	.navbar-brand {padding: 13px 0;}
	#header .btn-donate {font-size: 10px; padding: 9px 16px;}
	.btn-donate, .btn-more {font-size: 12px; padding: 12px 28px;}
	.target-area .goal-raised h3 {font-size:20px;}
	.target-area .goal-raised span {font-size:12px;}
	.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {margin-left:0;}
	.timeline-centered .timeline-entry {width:100%; float:none; text-align:center;}
	.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label::after {display:none;}
	.timeline-centered .timeline-entry .timeline-entry-inner {margin-left:0;}
	.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {margin-right:0;}
	.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {margin-right:0;}
	.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {right:0; z-index:9999;}
	.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {left:0; z-index:9999; text-align: center !important; width: 100%; top: 58px;}
	.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {display: inline-block; float: none;}
	.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {margin-top:14px; line-height:normal;}
	.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {margin-top:16px;}
	.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label::after {display:none;}
	.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {float: none; display: inline-block;}
	.cnt-grey h3, .cnt-grey p {text-align:center;}
	.cnt-grey p span {padding:0; display:block;}
	.cnt-grey p span:before {background:inherit;} 
	.pd-top {padding-top: 0;}
	.cnt-black {display:block;}
	
	
}

@media only screen and (max-width:450px) {
	.navbar-brand img {max-width:200px;}
	.navbar-brand {padding: 15px 0;}
	.volunteers .img-circle {width:50%;}
	
}