ikan Uploader :
Directory : /var/www/html/shardawelfarefoundation.org/assets/css/
Upload File : |
| Current File : //var/www/html/shardawelfarefoundation.org/assets/css/swf.css |
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
* {
outline: 0 !important
}
body {
word-break: break-word;
font-family: 'Open Sans', sans-serif;
color: #000;
overflow-x: hidden
}
a {
text-decoration: none;
color: #000;
white-space: initial;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease
}
a:focus,
a:hover {
text-decoration: none;
color: #393939
}
a:hover {
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease
}
img {
max-width: 100%
}
ul {
list-style: none;
margin: 0;
padding: 0
}
ul.list-1 {
list-style-type: disc; margin:20px 0 0 0;
padding-left: 30px;
}
ul.list-1 li { padding:relative; font-size:16px; padding:5px 0; }
ul.list-1 li strong{ display:inline-block;font-size:16px; color:#000; font-weight:700; }
.preloader {
display: block;
position: fixed;
left: 0;
top: 0;
width: 0;
height: 0;
z-index: 999999;
background-color: transparent
}
.preloader .preloader-inner {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.preloader .preloader-inner:before {
content: '';
position: fixed;
left: 0;
top: 0;
margin-top: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: 1;
-webkit-transition: 1s opacity ease-in;
-ms-transition: 1s opacity ease-in;
-o-transition: 1s opacity ease-in;
-moz-transition: m1s opacity ease-in;
transition: 1s opacity ease-in
}
.preloader.page-loaded .preloader-inner:before {
border-color: #f84545;
opacity: 0
}
.preloader .icon {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
margin-top: 100px
}
@-webkit-keyframes slidingstep1 {
0% {
left: 0;
opacity: 0;
transform: scale(2);
transition: transform 3s ease-in-out
}
100% {
left: 0;
opacity: 1
}
}
#slide1 {
-webkit-animation-name: slidingstep1;
-webkit-animation-duration: 5s
}
.preloader .icon img {
margin: 150px auto 0;
display: block
}
.preloader.page-loaded .icon {
opacity: 0
}
.preloader img {
display: inline-block;
max-width: 100%;
height: auto
}
.header { height:100vh; padding: 0; position: fixed; top: 0; left: 0; width: 100px; z-index: 9; background: #fff; transition: ease all .3s; box-shadow: 0px 00px 20px rgb(0 0 0 / 5%); }
.header .logo { width: 90px; padding: 20px 00px 0 0; margin: 0 auto; transition: ease all .3s}
.header .logo img { width: 100% }
.header .logo a {cursor: pointer;}
.header.sticky { }
.header.sticky .logo { w}
/*.header.sticky.white-heder .menu-sidebar i { color: #000; }*/
.header .logo-w { display: none}
.header.white-heder .logo-m {display:block;}
.header.white-heder .logo-w { display: none;}
.header.sticky.white-heder .logo-m { display: block;}
.header.sticky.white-heder .logo-w { display: none;}
.header-inner .logo { }
.donate-btn { transform: rotate(-90deg); position:absolute; top:50%; width:140px; margin:-50px 0 0 -22px; }
.donate-btn a { margin: 0px 0px 0 0; font-size: 13px !important; padding: 10px 20px !important; display:block; }
.wrapper { padding:0 0 0 100px; }
.header-nav { position: absolute; bottom: 0; left:0px; text-align:center; width:100px; height:100px; border-top:1px solid #dadada; }
.menu-sidebar { padding: 23px 0px 0 0; cursor:pointer; }
.menu-sidebar i { font-size: 34px; color: #111 !important; transition: ease all .5s}
.menu-sidebar i:hover { color: #f57493;}
.menu-sidebar.color i {color: #f57493 !important; }
.right-header { float: right}
.black-menu { display: none;position: fixed;right: -100%; width: 100%; background: rgba(0, 0, 0, .5); top: 0; height: 100vh; overflow-y: scroll; transition: ease all .5s; z-index: 10}
.black-menu.open { right: 0}
.nav { padding: 0 0 0 70px; float: left}
.nav ul { line-height: none;margin: 0; padding: 0; }
.nav ul li { float: left}
.nav ul li a { font-size: 16px; padding: 20px !important; color: #000; display: block; text-transform: uppercase; font-weight: 600}
.menulogo { width: 140px; display: block; margin: 40px 0 60px 100px}
.sidebar-menu { position: fixed; top: -0%; width: 350px; background: #fff; left: -450px; height: 100%; overflow-y: hidden; transition: ease all .5s; z-index: 8; box-shadow: 0 0 10px #ccc; padding-bottom: 40px; padding:100px 40px; }
.sidebar-menu.open { left: 100px;}
.sidebar-menu ul { margin: 0px 0 0 0; position: relative; z-index: 1;}
.sidebar-menu ul li { text-align: left; width: 100%; float: left; }
.sidebar-menu ul li a { display: inline-block; font-size: 22px; padding: 10px 0 0 0; text-align: center; color: #333}
.sidebar-menu ul li a:hover,
.sidebar-menu ul li.active a { color: #f57493}
#sidebar-close { color: #f09c3a; font-size: 30px; position: absolute; top: 20px; right: 20px; cursor: pointer}
#sidebar-close:hover {color: #06a6e0}
#menu-blank { position:fixed; background:#fff; top:0; left:0; height:100%; width:100%; z-index:7; opacity:0.2; }
#menu-blank.show { display:block !important; }
.slider { overflow: hidden; width: 100%; position: relative;height: 100vh; }
.slider:before { display:none; content:""; position:absolute; top:0; width:0; background:#000; left:0; height:100%; width:100%; z-index: 2; opacity: 0.3;}
.slider video { height: 100vh; position: absolute;left: 0;top: 0; z-index: 1; width: 100%; object-fit: cover}
.slider-in { position: absolute; bottom: 90px; width: 100%; z-index: 3; }
.slidercontant { padding:0 0 0 20px; }
.slidercontant h2 { font-size: 86px; line-height: 86px; margin: 0; display: block; padding: 0 0 40px 0; color: #fff; font-weight: 300}
.slidercontant h1 { font-size: 42px; line-height: 50px;margin: 0; display: block; padding: 0 0 20px 0; color: #fff; font-weight: 500}
.slidercontant p { font-size: 15px; line-height: 24px; margin: 0; display: block; padding: 0 0 20px 0; color: #fff; font-weight: 300}
.read-more {
font-size: 18px;
padding: 0 40px 0 0;
line-height: 30px;
position: relative;
display: block;
margin: 10px 0 0 0;
text-decoration: none;
display: inline-block
}
.read-more span {
content: "";
width: 30px;
height: 30px;
position: absolute;
right: 0;
top: 4px;
text-align: center;
line-height: 30px
}
.read-more span img {
width: 16px;
display: block;
margin: 6px auto 0;
line-height: 77px
}
.sec-2 {padding: 90px 60px 80px 60px; border-bottom:1px solid #f1f1f1; }
.sec-2 .sec-2-contant { padding: 0 5px; text-align:left;}
.sec-2 .sec-2-contant .ima { margin: 0 auto 20px; overflow: hidden; padding:0px; background:#fffbef; }
.sec-2 .sec-2-contant .ima img {width: 100%; transition: ease all .5s;
`
transform: scale(1, 1)}
.sec-2 .sec-2-contant h3 {font-size: 24px; margin: 0 0 10px 0; line-height:30px; transition: ease all .3s; position: relative; text-decoration-color: #fff}
.sec-2 .sec-2-contant p {font-size: 14px; margin: 0 0 0px 0; line-height:26px; transition: ease all .3s; position: relative; text-decoration-color: #fff}
.sec-2 .sec-2-contant:hover .ima img { /*-webkit-filter: grayscale(0%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); background-image: linear-gradient(to top, #f35c7f, #f68ba7); */ transform: scale(1.1, 1.1)}
.sec-2 .sec-2-contant:hover h3 { text-decoration: underline; color:#f57493; }
.core-banner-in { overflow: hidden; height:550px; }
.core-banner-in img { transform-origin: 0 0; animation: leaves 30s ease-in-out infinite alternate; transform: scale(1.2)}
@keyframes leaves {
0% { transform: scale(1) }
100% { transform: scale(1.2) }
}
.core-banner img { width: 100%; height:100%; display: block; object-fit: cover; }
.core-phil { position:relative; }
.core-phil-in { position:absolute; bottom:0; right:0; width:100%; }
.core-phil-contant { background:#f2f7ff; padding:40px; }
.core-phil-contant h3 {
font-size: 18px;
line-height: 28px;
font-weight: 700;
color: #000;
display: block
}
.core-phil-contant h4 {
font-size: 24px;
font-weight: 700;
color: #000;
display: block;
line-height: 42px;}
.core-phil-contant p { font-size: 14px; margin: 15px 0 25px 0; line-height: 24px;font-weight: 400}
.button1 {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #f482a1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s;
padding: 12px 30px;
border: 0;
font-size: 16px;
text-transform: uppercase;
color: #fff;
font-weight: 700;
border-radius: 50px;
background: linear-gradient(to right, #f2688a 0%, #f482a1 100%);
}
.button1:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #486aaf;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
border-radius: 50px;
background: linear-gradient(to right, #486aaf 0%, #1487c6 100%);
}
.button1 a,
.button1:active,
.button1:focus,
.button1:hover {
color: #fff
}
.button1:active:before,
.button1:focus:before,
.button1:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.button2 {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #fff;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s;
padding: 12px 30px;
border: 0;
font-size: 16px;
text-transform: uppercase;
color: #fff;
font-weight: 700;
border-radius: 50px
}
.button2 span {
position: relative;
z-index: 1;
color: #222
}
.button2:before {
content: "";
width: 0%;
height: 100%;
background: #06a6e0;
left: 0;
top: 0;
display: block;
position: absolute;
transition: ease all .3s
}
.button2:hover:before {
width: 100%
}
.button2:hover span {
color: #fff
}
.button2:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #06a6e0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
border-radius: 50px
}
.button1 a,
.button2:active,
.button2:focus,
.button2:hover {
color: #fff
}
.button2:active:before,
.button2:focus:before,
.button2:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.button3 {
background: #f09c3a;
padding: 12px 30px;
border: 0;
font-size: 16px;
text-transform: uppercase;
color: #fff;
font-weight: 700;
border-radius: 50px;
position: relative;
overflow: hidden
}
.button3 span {
position: relative;
z-index: 1;
color: #fff
}
.button3:before {
content: "";
width: 0%;
height: 100%;
background: #06a6e0;
left: 0;
top: 0;
display: block;
position: absolute;
transition: ease all .3s
}
.button3:hover:before {
width: 100%
}
.button3:hover span {
color: #fff
}
.button4 {
background: #f09c3a;
padding: 12px 30px;
border: 0;
font-size: 16px;
text-transform: uppercase;
color: #fff;
font-weight: 700;
border-radius: 50px;
position: relative;
overflow: hidden
}
.button4 span {
position: relative;
z-index: 1;
color: #fff
}
.button4:before {
content: "";
width: 0%;
height: 100%;
background: #06a6e0;
left: 0;
top: 0;
display: block;
position: absolute;
transition: ease all .3s
}
.button4:hover:before {
width: 100%
}
.button4:hover span {
color: #fff
}
.letestup { background: #fff; padding:90px 0 60px 0}
.letestup h2 { font-size: 36px; margin: 0 0 25px 0; font-weight: 500; display: block; text-align: center;}
.letestup .button1 {display: block; margin: 20px auto 0}
.lets-inner .ima1 { width: 50%; float: left; height: 350px; overflow: hidden}
.lets-inner .ima1 img { width: 100%; transition: ease all .5s; transform: scale(1, 1)}
.lets-inner .contant { padding: 100px 40px; width: 50%; float: left}
.lets-inner .contant h4 { font-size: 20px; margin: 0 0 15px 0; text-transform: uppercase}
.lets-inner .contant h2 { font-size: 36px; margin: 0 0 15px 0; font-weight: 600}
.lets-inner .contant a { display: inline-block}
.lets-inner .contant a p { display: inline}
.lets-inner .contant p { font-size: 28px; margin: 0 0 15px 0; line-height: 38px; font-weight: 400; transition: ease all .3s}
.lets-inner .contant span { display: inline-block; font-size: 18px; margin: 15px 0 0 0}
.lets-inner .contant span img { float: right; margin: 0 0 0 20px}
.lets-inner:hover .ima1 img { transform: scale(1.1, 1.1)}
.lets-inner:hover .read-more { color: #000}
.lets-inner:hover .contant p { text-decoration: underline}
.lets-inner:nth-child(even) .ima1 {float: right}
.core-banner2 {
position: relative;
overflow: hidden
}
.core-banner2 .imagaa {
height: 600px;
display: block;
width: 100%;
transform-origin: 0 0;
animation: core 30s ease-in-out infinite alternate;
transform: scale(1.1)
}
@keyframes core {
0% {
transform: scale(1)
}
100% {
transform: scale(1.1)
}
}
.foundationspap {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 70px 0
}
.foundationspap h3 {
color: #fff;
font-size: 26px;
line-height: 38px;
display: block
}
.foundationspap ul {
list-style: none;
padding: 40px 0 0 0;
margin: 0
}
.foundationspap ul li {
width: 48%;
float: left;
border-left: 3px solid #f09c3a;
padding: 0 0 0 40px;
margin: 10px 0 30px 0
}
.foundationspap ul li:nth-child(even) {
float: right
}
.foundationspap ul li strong {
font-size: 32px;
line-height: 32px;
display: block;
color: #fff;
padding: 0 0 10px 0;
margin: 0;
float: left;
font-weight: 400
}
.foundationspap ul li span {
font-size: 32px;
line-height: 32px;
display: block;
color: #fff;
padding: 0;
margin: 0;
float: left
}
.foundationspap ul li p {
font-size: 14px;
line-height: 20px;
display: block;
color: #fff;
padding: 0;
margin: 0;
font-weight: 400
}
.ourvolen {
background: #fff;
padding: 60px 0
}
.ourvolen h2 {
font-size: 36px;
margin: 0 0 25px 0;
font-weight: 700;
display: block;
text-align: left
}
.ourvolen .button1 {
display: block;
margin: 60px auto 0;
width: 260px
}
.ourvolen .vol_slider {
padding: 0 70px
}
.ourvolen .vol_slider .slick-dots {
display: none !important
}
.ourvolen .vol_slider .slick-next,
.ourvolen .vol_slider .slick-prev {
width: 50px;
height: 50px;
background: #fff;
border-radius: 40px;
border: 0 solid #dadada;
font-size: 0;
line-height: 52px;
text-align: center
}
.ourvolen .vol_slider .slick-prev {
position: absolute;
bottom: 40%;
left: 10px;
z-index: 2
}
.ourvolen .vol_slider .slick-next {
position: absolute;
bottom: 40%;
right: 10px;
z-index: 2
}
.ourvolen .vol_slider .slick-prev:before {
content: "\e605";
font-size: 22px;
font-family: simple-line-icons;
color: #333
}
.ourvolen .vol_slider .slick-next:before {
content: "\e606";
font-size: 22px;
font-family: simple-line-icons;
color: #333
}
.vol-list ul {
list-style: none;
padding: 20px 0 0 0;
margin: 0;
text-align: center
}
.vol-list ul li {
display: inline-block;
width: 142px;
height: 142px;
overflow: hidden;
border-radius: 100px;
margin: 10px;
position: relative;
cursor: pointer
}
.vol-list ul li:after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(240, 156, 58, 0);
transition: ease all .3s
}
.vol-list ul li:hover:after {
background: rgba(240, 156, 58, .7)
}
.vol-list ul li strong {
position: absolute;
left: 0;
top: 100%;
font-size: 16px;
padding: 0 10px;
display: block;
color: #fff;
width: 100%;
z-index: 1;
transition: ease all .3s
}
.vol-list ul li:hover strong {
top: 40%
}
.vol-list ul li a {
display: block;
width: 100%;
height: 100%
}
.footer { background: #f57493; padding: 60px 0 10px 0;}
.footer-link { text-align: center}
.footer-link h5 { font-size: 20px; font-weight: 700; color: #fff; padding: 0 0 20px 0; margin: 0; text-transform: uppercase}
.footer-link ul {list-style: none}
.footer-link li {width: 100%; display: block}
.footer-link li a {font-size: 15px;line-height: 21px; padding: 0 0 12px 0; display: inline-block; text-transform: uppercase; color: #fff; position: relative; transition: ease all .3s}
.footer-link li a:after { content: ""; position: absolute; bottom: 10px; height: 1px; width: 0; left: 0; background: #fff;transition: ease all .2s}
.footer-link li a:hover:after { width: 100%}
.footer-link1 { text-align: left}
.footer-link1 p {font-size: 16px; color: #fff; margin: 0; padding: 0 0 15px 0}
.footer-link2 {text-align: right}
.footer-link2 li { width: 100%}
.copyright { background: #f2eee6; padding: 40px 0 40px 0; border-top: 1px solid #fff; font-family: Raleway, sans-serif}
.copyright p { font-size: 16px; line-height: 21px; padding: 0; margin: 0; display: block;color: #030303}
.footer-social { float: left; display: block;width: 100%;padding: 30px 0 0 0;}
.footer-social ul { list-style: none; text-align: center}
.footer-social li {display: block; float: left; width: inherit}
.footer-social li a { width: 38px; height: 38px;color: #fff;font-size: 26px; text-align: center; line-height: 36px; border-radius: 40px; display: block;margin: 0 15px 0 0}
.footer-social li a:hover { color: #000}
.footer-social li a:after { display: none}
.white-heder .menu-sidebar i { color: #fff}
.copy-p { padding: 20px 0; margin:30px 0 0 0; border-top: 1px dashed #fff;text-align: center; color: #fff}
.slider-inner {
position: relative;
overflow: hidden
}
@-webkit-keyframes zoom {
from {
-webkit-transform: scale(1, 1)
}
to {
-webkit-transform: scale(1.5, 1.5)
}
}
@keyframes zoom {
from {
transform: scale(1, 1)
}
to {
transform: scale(1.5, 1.5)
}
}
.slider-inner img {
width: 100%;
animation: zoom 50s;
-webkit-animation: zoom 50s
}
.slider-contant h1 {
font-size: 86px;
line-height: 86px;
margin: 0;
display: block;
padding: 0 0 40px 0;
color: #fff;
font-weight: 300
}
.slider-contant h1 {
font-size: 80px;
line-height: 46px;
margin: 0;
display: block;
padding: 0 0 40px 0;
color: #fff;
font-weight: 300
}
.heading h1 {
font-size: 38px;
line-height: 46px;
margin: 0;
display: block;
padding: 0 0 40px 0;
color: #fff;
font-weight: 300
}
.slider-contant {
position: absolute;
bottom: 70px;
width: 100%;
z-index: 1
}
.about-contant {
padding: 60px 0 0 0
}
.about-innercon {
padding: 0 60px 0 0
}
.about-innercon h3 {
font-size: 28px;
display: block;
color: #222;
font-weight: 700;
padding: 0;
margin: 0
}
.about-innercon p {
font-size: 16px;
display: block;
color: #222;
font-weight: 400;
padding: 20px 0;
margin: 0
}
.about-innercon p a { color: #f57493; }
.about-innercon strong {
font-size: 22px;
display: block;
color: #1f84c8;
font-weight: 400;
padding: 00px 0;
margin: 0;
position: relative
}
.aboutsidebar {
position: sticky;
top: 100px;
background: #f57493;
padding: 30px
}
.aboutsidebar h3 {
font-size: 22px;
display: block;
font-weight: 500;
color: #fff;
padding: 0;
margin: 0;
text-transform: uppercase
}
.aboutsidebar ul {
padding: 10px 0 0 0;
margin: 0
}
.aboutsidebar ul li a {
display: block;
font-size: 18px;
font-weight: 300px;
color: #fff;
padding: 10px 0;
border-bottom: 1px dashed rgba(255, 255, 255, .5)
}
.aboutsidebar ul li:last-child a {
border-bottom: 0
}
.aboutsidebar ul li.active a {
padding: 10px 0 10px 0;
font-weight: 500
}
.aboutsidebar ul li a:hover {
padding: 10px 0 10px 0;
font-weight: 500
}
.aboutsidebar ul li a i {
font-size: 14px;
width: 0;
overflow: hidden;
transition: ease all .3s
}
.aboutsidebar ul li a:hover i,
.aboutsidebar ul li.active a i {
font-size: 14px;
width: 14px;
margin: 0 2px 0 0
}
.contribute {
position: relative
}
.contribute img {
width: 100%
}
.contribute-contant {
position: absolute;
top: 160px;
width: 100%;
z-index: 1
}
.contribute-contant h2 {
font-size: 24px;
line-height: 30px;
margin: 0;
display: block;
padding: 0 0 20px 0;
color: #fff;
font-weight: 300
}
.key-leaders {
padding: 60px 0;
background: #f2f7ff
}
.key-leaders .saprator {
margin: 0 auto 40px;
width: 50%
}
.key-leaders .saprator img {
background: #f0f4f7
}
.key-leaders h3 {
font-size: 32px;
line-height: 32px;
margin: 0 0 20px 0;
color: #000;
display: block;
text-align: center
}
.key-leaders-in {
border: 1px solid #dadada;
background: #fff;
margin: 15px 5px;
padding: 0 0
}
.key-leaders-in .image {
width: 100%;
/*height: 370px;*/
height: 310px;
overflow: hidden
}
.key-leaders-in .image img {
width: 100%
}
.key-leaders-in .content {
padding: 20px;
text-align: center;
transition: ease all .3s;
/*min-height: 125px;*/
min-height: 145px;
}
.key-leaders-in .content h4 {
/*font-size: 24px;*/
font-size: 20px;
margin: 0 0 10px 0;
transition: ease all .3s
}
.key-leaders-in .content strong {
font-size: 16px;
font-weight: 400;
margin: 0;
transition: ease all .3s
}
.key-leaders-in a:hover .content {
background: #f57493
}
.key-leaders-in a:hover .content h4 {
color: #fff
}
.key-leaders-in a:hover .content strong {
color: #fff
}
.key-leaders .button1 {
display: table;
margin: 20px auto 0
}
.whychoose {
padding: 60px 0;
position: relative
}
.whychoose .container-fluid {
padding: 0
}
.whychoose .saprator {
margin: 0 auto 40px
}
.whychoose h3 {
font-size: 42px;
line-height: 60px;
color: #000;
display: block;
text-align: center
}
.founder-msg {
position: relative
}
.founder-msg img {
width: 100%
}
.founder-msg-contant {
position: absolute;
top: 100px;
width: 100%;
z-index: 1
}
.founder-msg-contant h2 {
font-size: 28px;
line-height: 30px;
margin: 0;
display: block;
padding: 0 0 20px 0;
color: #fff;
font-weight: 600
}
.founder-msg-contant p {
font-size: 20px;
line-height: 30px;
margin: 0;
display: block;
padding: 0 0 20px 0;
color: #fff;
font-weight: 300
}
.whychoose .saprator {
width: 50%
}
.whychoose .image {
border-left: 0;
position: relative;
margin: 10px -30px 0 0;
z-index: 1
}
.whychoose .content {
padding: 70px 50px 70px 70px;
z-index: 1;
position: relative;
background: #f57493;
margin: 130px 0 0 -130px;
min-height: 430px;
border: 10px solid #fff
}
.whychoose .content h4 {
color: #fff;
font-size: 36px;
line-height: 40px;
letter-spacing: 1px;
padding: 0 0 5px 0;
font-weight: 600;
position: relative
}
.whychoose .content h4 strong {
font-style: italic
}
.whychoose .content p {
color: #fff;
font-size: 16px;
padding: 0;
margin: 0;
letter-spacing: 1px;
line-height: 30px;
font-weight: 300;
display: block
}
.whychoose .button2 {
margin: 30px 0 0 0;
display: inline-block
}
.whychoose .slick-dots {
bottom: -40px;
width: 150px;
right: 0;
left: inherit
}
.whychoose .slick-dots li {
float: right;
padding: 0 !important
}
.whychoose .slick-dots li button {
background: 0 0;
border: 1px solid #fff;
height: 20px;
width: 20px;
margin: 0 10px
}
.whychoose .slick-dots li.slick-active button {
background: #fff
}
.contacts-top {
padding: 0 0; background:url(../images/our-leadership.jpg) no-repeat; background-size:cover;
margin: 0px 0 0 0;
text-align: center;
position: relative;
}
.contacts-top .mask-overlay {position: absolute; width: 100%; height: 100%; top: 0; opacity: 0.5; background: #000; }
.contacts-top h1 {
font-size: 36px;
color: #fff;
display: block;
padding: 0;
margin: 0 0 10px 0
}
.contacts-top p {
font-size: 14px;
color: #fff;
display: block;
padding: 0;
width: 50%;
margin: 0 auto 20px
}
.contacts-top .col-md-12 {
border-bottom: 1px solid #dadada;
padding: 100px 15px
}
.contacts {
padding: 60px 0 70px 0;
position: relative
}
.contact-deta h4 {
text-transform: capitalize !important
}
.contact-deta strong {
color: rgba(248, 248, 248, .5)
}
.contact-form h4 {
font-size: 30px;
line-height: 30px;
color: #333;
display: block;
margin: 0 0 20px 0;
font-weight: 600
}
.contact-form input,
.contact-form select {
line-height: 60px;
font-size: 16px;
height: 60px;
padding: 0 20px;
width: 100%;
border: 1px solid #dadada;
margin: 0 0 20px 0
}
.contact-form textarea {
font-size: 16px;
height: 120px;
padding: 20px 20px;
width: 100%;
border: 1px solid #dadada;
margin: 0 0 20px 0
}
.contact-form .button2 {
line-height: 60px;
font-size: 16px;
height: 60px;
background: #1d234f;
color: #fff;
display: inline-block;
padding: 0 50px
}
.contact-form input[type=file] {
line-height: 52px;
font-size: 16px;
height: 60px;
padding: 0 0;
width: 100%;
border: 1px solid #dadada;
margin: 0 0 20px 0
}
.contact-detail h4 {
font-size: 30px;
line-height: 30px;
color: #333;
display: block;
margin: 0 0 20px 0;
font-weight: 600
}
.contact-detail-add p {
font-size: 14px;
margin: 0 0 30px 0
}
.contact-detail-add ul {
list-style: none;
margin: 0;
padding: 0
}
.contact-detail-add li {
font-size: 14px;
padding: 0 200px 15px 25px;
position: relative
}
.contact-detail-add li i {
color: #1f84c5;
position: absolute;
left: 0;
top: 2px;
font-size: 16px
}
.faq .accordion-button {
background: #fff;
border-radius: 5px;
padding: 18px 20px;
font-size: 18px;
font-weight: 500;
border: 1px solid #dadada
}
.faq .accordion-item {
margin: 0 0 20px 0;
border: 0;
background: 0 0
}
.faq .accordion-body {
background: #fff;
border: 1px solid #dadada;
margin-top: -4px
}
.faq .accordion-button:not(.collapsed) {
color: #000;
box-shadow: none
}
.faq .accordion-button::after {
background: url(../images/addd.png) no-repeat;
width: 12px;
height: 12px
}
.faq .accordion-button:not(.collapsed)::after {
background: url(../images/add-m.png) no-repeat;
btransform: rotate(0deg)
}
.faq .accordion-body p {
font-size: 14px
}
.faq .accordion-body strong {
font-size: 14px;
font-weight: 700
}
.faq .accordion-body a {
color: #1f84c8
}
.faq .accordion-body ul.list1 {
font-size: 14px;
list-style: disc;
padding-left: 20px
}
.faq .accordion-body ul.list1 li {
margin-bottom: 10px
}
.breadcrumb {
display: block;
width: 100%;
text-align: center;
margin: 80px auto 0;
padding: 15px 0;
border-top: 1px solid #dadada;
display: none
}
.breadcrumb ul {
margin: 0;
padding: 0;
line-height: none
}
.breadcrumb ul li {
font-size: 16px;
color: #000;
padding: 0 10px 0 0;
display: inline-block
}
.breadcrumb ul li a {
color: #000
}
.breadcrumb ul li a:hover {
color: #f09c3a
}
.keyuptodate {
position: relative;
background: #f09c3a;
padding: 30px 0
}
.keyuptodate h2 {
font-size: 28px;
line-height: 30px;
margin: 0;
display: block;
padding: 8px 0 0 0;
color: #fff;
font-weight: 400
}
.keyuptodate button {
float: right
}
.ledership-page {
padding: 50px 0
}
.ledership-in {
padding: 0 0 50px 0;
margin: 0 0 50px 0;
border-bottom: 1px solid #dadada;
display: inline-block;
width: 100%
}
.ledership-in:last-child {
margin: 0;
padding: 0;
border-bottom: 0
}
.ledership-in .imgsec {
width: 300px;
float: left;
margin: 0 100px;
position: relative
}
.ledership-in .imgsec .imgs {
width: 300px;
height: 300px;
border-radius: 200px;
border: 10px solid #000;
overflow: hidden;
margin: 0 auto;
transition: ease all .3s
}
.ledership-in .imgsec .imgs img {
width: 100%;
height: 100%
}
.ledership-in .imgsec .plus-ico {
position: absolute;
top: 36%;
right: -40px;
width: 90px;
height: 90px;
border-radius: 100px;
background: #000;
color: #fff;
font-size: 55px;
text-align: center;
line-height: 86px
}
.ledership-in .imgsec .plus-ico:hover {
background: #1f84c8 !important
}
.ledership-in .imgsec:hover .imgs {
border: 10px solid #1f84c8
}
.ledership-in .imgsec:hover .plus-ico {
background: #1f84c8
}
.ledership-in .imgsec .plus-ico:hover {
background: #222
}
.ledership-in .consec {
width: 50%;
float: left;
padding: 20px 55px 0
}
.ledership-in .consec h3 {
display: block;
font-size: 28px;
margin: 0 0 10px 0
}
.ledership-in .consec small {
display: block;
font-size: 20px;
margin: 0;
color: #222;
font-style: italic
}
.ledership-in .consec p {
display: block;
font-size: 14px;
color: #222
}
.ledership-in .consec a {
display: block;
font-size: 14px;
color: #1f84c8
}
.ledership-in .consec strong {
display: block;
font-size: 14px;
margin: 15px 0 0 0
}
.ledership-in:nth-child(even) .imgsec {
float: right
}
.ledership-in:nth-child(even) .imgsec .plus-ico {
right: inherit;
left: -40px
}
.story-secs {
padding: 50px 0
}
.story-inner { margin: 0 0 20px 0}
.story-inner .st-img { width: 100%; height: 290px; overflow: hidden; position: relative}
.story-inner .st-img strong {display: block; background: #f09c3a; position: absolute; bottom: 20px; left: 20px; border-radius: 30px; padding: 10px 20px; color: #fff; font-size: 12px; line-height: 14px}
.story-inner .st-img img { width: 100%; transition: ease all .5s; transform: scale(1, 1); object-fit: cover; height: 100%}
.story-inner .st-con {padding: 10px 0 20px 0}
.story-inner .st-con a { font-size: 20px; display: block; color: #222; line-height: 30px; margin: 0 0 10px ;}
.story-inner:hover a { text-decoration: underline}
.story-inner .st-con a:hover { text-decoration: underline}
.story-inner .st-con p { font-size: 14px; display: block; padding: 0 0 10px 0; margin: 0; color: #444}
.story-inner .st-con a p {
font-size: 20px;
display: block;
color: #222;
line-height: 30px;
margin: 0 0 10px 0
}
.story-inner:hover img {
transform: scale(1.1, 1.1)
}
.story-secs .story-top {
padding: 0 0 30px 0;
margin: 0 0 30px 0;
border-bottom: 1px solid #dadada;
display: inline-block;
width: 100%
}
.story-top .st-img {
width: 45%;
float: left
}
.story-top .st-con {
width: 50%;
float: right;
padding: 40px 0 0 0
}
.story-top .st-con .story-date {
display: inline-block;
background: #1f84c8;
bottom: 20px;
left: 20px;
border-radius: 30px;
padding: 6px 15px;
color: #fff;
font-size: 12px;
line-height: 14px;
margin: 0 0 10px 0
}
.st-con .story-date-flat {
display: inline-block;
color: #999;
font-size: 12px;
line-height: 14px;
margin: 0
}
.popupteam {
position: relative;
padding: 60px 20px 20px 20px
}
.popupteam .imgsec {
margin: 0 0;
position: relative;
margin: 0;
text-align: center
}
.popupteam .imgsec .img {
width: 340px;
height: 340px;
border-radius: 200px;
border: 10px solid #1f84c8;
overflow: hidden;
margin: 0 auto
}
.popupteam .imgsec .img img {
width: 100%
}
.popupteam .imgsec h3 {
display: block;
font-size: 28px;
margin: 15px 0 10px 0
}
.popupteam .imgsec small {
display: block;
font-size: 20px;
margin: 0 0 15px 0;
color: #222;
font-style: italic
}
.popupteam .imgsec strong {
display: block;
font-size: 14px;
margin: 15px 0 0 0
}
.popupteam .contant {
padding: 20px
}
.popupteam .contant h4 {
display: block;
font-size: 20px;
margin: 5px 0 10px 0
}
.popupteam .contant p {
font-size: 14px;
display: block;
padding: 0;
margin: 0;
color: #444
}
.popupteam .btn-close {
position: absolute;
top: 10px;
right: 10px
}
.modal-content {
border: 0
}
.modal-backdrop {
background: #000 !important
}
.story-secs-detail {
padding: 60px 0
}
.story-inner-detail {
border-bottom: 1px solid #dadada;
padding: 0 0 30px 0
}
.story-inner-detail .st-heading {
display: inline-block;
margin: 0 0 20px 0;
width: 100%
}
.story-inner-detail .st-heading .stortopsec {
width: 50%;
margin: 20px 0 10px 100px;
display: inline-block;
float: left
}
.story-inner-detail .st-heading .stortopsec .image {
width: 60px;
height: 60px;
display: block;
float: left;
overflow: hidden;
border-radius: 50px;
margin: 0 30px 0 0
}
.story-inner-detail .st-heading .stortopsec .image img {
width: 100%;
height: 100%
}
.story-inner-detail .st-heading .stortopsec .con {
width: 60%;
float: left
}
.story-inner-detail .st-heading .stortopsec .con p {
font-size: 14px;
color: #222;
line-height: 16px;
margin: 0;
padding: 10px 0 0 0
}
.story-inner-detail .st-heading .tags {
margin: 30px 100px 10px 0;
float: right;
display: inline-block;
background: #f09c3a;
border-radius: 30px;
padding: 10px 20px;
color: #fff;
font-size: 12px;
line-height: 14px
}
.story-inner-detail .st-heading h1 {
display: block;
font-size: 36px;
color: #000;
margin: 0 0 1px 0;
text-align: center
}
.story-inner-detail .st-con img {
width: 100%;
margin: 0 0 20px 0
}
.story-inner-detail .st-con p {
font-size: 16px;
line-height: 28px;
display: block
}
.story-inner-detail .st-con h4 {
font-size: 14px;
font-weight: 700;
display: block;
margin: 25px 0 15px 0
}
.more-infos {
padding: 20px 0;
margin: 20px 0;
border-bottom: 1px solid #dadada;
border-top: 1px solid #dadada
}
.more-infos h3 {
font-size: 14px;
display: block;
margin: 0 0 15px 0
}
.more-infos ul {
display: block;
line-height: none;
width: 100%
}
.more-infos ul li {
width: 48%;
float: left
}
.more-infos ul li:nth-child(even) {
float: right
}
.more-infos ul li .image {
width: 60px;
height: 60px;
display: block;
float: left;
overflow: hidden;
border-radius: 50px
}
.more-infos ul li .image img {
width: 100%;
height: 100%
}
.more-infos ul li p {
font-size: 24px !important;
float: right;
width: 84%
}
.more-sto h3 {
font-size: 24px;
font-weight: 700;
display: block;
margin: 25px 0 15px 0;
text-align: center
}
.more-sto ul {
list-style: none;
display: inline-block
}
.more-sto .stydslider {
width: 32%;
float: left;
margin: .5%
}
.more-sto .stydslider .img {
width: 38%;
float: left
}
.more-sto .stydslider .img img {
width: 100%
}
.more-sto .stydslider .con {
width: 60%;
float: right
}
.more-sto .stydslider .con a {
font-size: 17px;
color: #000;
margin: 0 0 20px 0;
padding: 0
}
.more-sto .stydslider .con p {
font-size: 14px;
color: #222;
line-height: 16px;
margin: 0;
padding: 10px 0 0 0
}
.missionblog {
background: #f2f7ff;
padding: 60px 0
}
.missionblog1 {
display: block;
padding: 30px;
height: 270px;
display: inline-block;
width: 100%;
box-shadow: 0 0 5px #ccc;
margin: 0 0 30px 0;
background: #fff
}
.missionblog1 small {
display: block;
color: #2b3e93;
font-size: 14px;
margin: 0 0 15px 0;
padding: 0
}
.missionblog1 h4 {
display: block;
color: #000;
margin: 0 0 15px 0;
padding: 0
}
.missionblog1 p {
font-size: 14px;
display: block;
line-height: 20px;
color: #000
}
.missionblog1:last-child {
margin: 0
}
.missionblog2 {
display: block;
padding: 0;
height: 570px;
display: inline-block;
width: 100%;
box-shadow: 0 0 5px #ccc;
margin: 0 0 30px 0;
background: #fff
}
.missionblog2 .image {
height: 300px;
display: block;
overflow: hidden;
position: relative
}
.missionblog2 .image .whitepach {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
border-left: 0 solid transparent;
border-right: 700px solid transparent;
border-bottom: 55px solid #fff
}
.missionblog2 .image img {
width: 100%
}
.missionblog2 .contant {
padding: 30px
}
.missionblog2 small {
display: block;
color: #2b3e93;
font-size: 14px;
margin: 0 0 15px 0;
padding: 0
}
.missionblog2 h4 {
display: block;
color: #000;
margin: 0 0 15px 0;
padding: 0
}
.missionblog2 p {
font-size: 14px;
display: block;
line-height: 20px;
color: #000
}
.testimonils {
background: #000;
padding: 70px 0
}
.testimonils h3 {
display: block;
text-align: center;
font-size: 42px;
margin: 0 0 30px 0;
font-weight: 700;
color: #fff
}
.testimonils .tab-pane p {
font-size: 22px;
text-align: center;
display: block;
padding: 0 0 30px 0;
color: #fff;
line-height: 34px;
font-weight: 300
}
.testitabs {
width: 100%;
display: inline-block;
margin: 0;
padding: 0;
border-bottom: 0
}
.testitabs li {
width: 20%;
float: left;
text-align: center;
min-height: 320px;
position: relative;
padding: 0
}
.testitabs li .image {
width: 75px;
height: 75px;
overflow: hidden;
border-radius: 50px;
border: 3px solid #f09c3a;
margin: 0 auto 20px;
transition: ease all .3s
}
.testitabs li button {
font-size: 18px;
color: #aaa;
width: 100%;
position: absolute;
bottom: 0;
padding: 0;
transition: ease all .3s;
border: 0 !important
}
.testitabs li button:hover {
background: 0 0 !important;
border: 0 !important;
outline: 0 !important;
color: #fff !important
}
.testitabs li button:focus {
background: 0 0 !important;
border: 0 !important;
outline: 0 !important
}
.testitabs li .active .image {
width: 180px;
height: 180px;
border: 7px solid #f09c3a;
border-radius: 150px
}
.testitabs li .active {
font-size: 22px;
color: #fff !important;
bottom: 30px
}
.testitabs li .active {
background: 0 0 !important;
border: 0 !important
}
.testitabs li:hover {
background: 0 0 !important;
border: 0 !important;
outline: 0 !important
}
.testitabs li:focus {
background: 0 0 !important;
border: 0 !important;
outline: 0 !important
}
.testitabs li:nth-child(2) button,
.testitabs li:nth-child(4) button {
bottom: 20px
}
.slick-slider {
position: relative;
display: block;
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-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-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;
margin-left: auto;
margin-right: auto
}
.slick-track:after,
.slick-track:before {
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: 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-arrow.slick-hidden {
display: none
}
.slick-dots {
display: flex;
justify-content: center;
margin: 0;
padding: 1rem 0;
list-style-type: none;
position: absolute;
left: 0;
bottom: 60px;
width: 100%;
padding: 0
}
.slick-dots li:last-child {
margin-bottom: 0
}
.slick-dots li:first-child {
padding-left: 500px
}
.slick-dots li button {
display: block;
width: 11px;
height: 11px;
padding: 0;
border: none;
border-radius: 50%;
background: 0 0;
text-indent: -9999px;
border: 1px solid rgba(0, 0, 0, .1);
margin: 0 4px
}
.slick-dots li.slick-active button {
background-color: #fc654c
}
.storydetail_slider {
padding: 0 70px
}
.storydetail_slider .slick-dots {
display: none !important
}
.storydetail_slider .slick-next,
.storydetail_slider .slick-prev {
width: 50px;
height: 50px;
background: #fff;
border-radius: 40px;
border: 1px solid #dadada;
font-size: 0;
line-height: 46px;
text-align: center
}
.storydetail_slider .slick-prev {
position: absolute;
bottom: 40%;
left: 10px;
z-index: 2
}
.storydetail_slider .slick-next {
position: absolute;
bottom: 40%;
right: 10px;
z-index: 2
}
.storydetail_slider .slick-prev:before {
content: "\e605";
font-size: 16px;
font-family: simple-line-icons;
color: #333
}
.storydetail_slider .slick-next:before {
content: "\e606";
font-size: 16px;
font-family: simple-line-icons;
color: #333
}
.mision-slider .list-1 li {
position: relative;
list-style: none;
padding: 5px 0 5px 20px;
color: #fff
}
.mision-slider ul {
padding: 0;
margin: 0
}
.mision-slider .list-1 li:after {
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
border-radius: 10px;
left: 0;
top: 11px;
background: #fff
}
.leadslider {
padding: 0 65px
}
.arrows .slick-dots {
display: none !important
}
.arrows .slick-next,
.arrows .slick-prev {
width: 50px;
height: 50px;
background: #fff;
border-radius: 40px;
border: 1px solid #dadada;
font-size: 0;
line-height: 48px;
text-align: center
}
.arrows .slick-prev {
position: absolute;
bottom: 40%;
left: 10px;
z-index: 2
}
.arrows .slick-next {
position: absolute;
bottom: 40%;
right: 10px;
z-index: 2
}
.arrows .slick-prev:before {
content: "\e605";
font-size: 16px;
font-family: simple-line-icons;
color: #333
}
.arrows .slick-next:before {
content: "\e606";
font-size: 16px;
font-family: simple-line-icons;
color: #333
}
.news-detail {
padding: 40px 0
}
.side-link {
background: #fff;
border: 1px solid #dadada
}
.side-link {
list-style: none;
padding: 0;
margin: 0
}
.side-link li {
border-bottom: 1px solid #dadada
}
.side-link li:last-child {
border-bottom: 0
}
.side-link li a {
font-size: 18px;
display: block;
padding: 15px 20px;
color: #000;
font-weight: 300
}
.side-link li.active a {
font-weight: 700;
background: #f09c3a;
color: #fff
}
.content-statick h4 {
font-size: 18px;
display: block;
border-bottom: 0 solid #dadada;
padding: 0;
margin: 0 0 15px 0
}
.content-statick p {
font-size: 14px;
display: block;
line-height: 20px;
color: #000;
margin: 0 0 25px 0
}
.whatwe-list {
display: inline-block;
width: 100%;
padding: 20px;
margin: 10px 0;
background: #fafafa
}
.whatwe-list h4 {
font-size: 20px;
display: block;
border-bottom: 1px solid #dadada;
padding: 0 0 10px 0;
margin: 0 0 10px 0
}
.whatwe-list .leftswhat {
width: 29%;
float: left;
margin: 20px 20px 10px 0
}
.whatwe-list .leftswhat img {
width: 100%
}
.whatwe-list .rightswhat {
width: 100%
}
@media (max-width:767px) {
@-webkit-keyframes slidingstep1 {
0% {
left: 0;
opacity: 0;
transform: scale(1.2);
transition: transform 3s ease-in-out
}
100% {
left: 0;
opacity: 1
}
}
.ledership-in .consec small {
font-size: 17px
}
.ledership-in .consec h3 {
font-size: 26px
}
.sidebar-menu {
width: 100%
}
.menulogo {
width: 140px;
display: block;
margin: 8px auto 30px
}
.sidebar-menu ul li a {
font-size: 30px;
padding: 5px 0
}
.sidebar-menu ul li:nth-child(2n+1) {
padding: 0 0
}
.sidebar-menu ul li:nth-child(2n) {
padding: 0
}
.sidebar-menu ul li {
float: none;
width: 100%;
text-align: center
}
.header .logo {
width: 90px
}
.header .donate-btn { transform: rotate(-0deg);right: 0;
top: 0px;
margin: 0; }
.header .donate-btn a {
position: absolute;
top: 23px;
right: 15px;
margin: 0;
padding: 0 10px;
font-size: 11px !important;
text-transform: capitalize
}
.slider {
padding: 100px 0 0 0
}
.lets-inner .ima1 {
width: 100%;
height: 200px
}
.lets-inner .contant {
width: 100%;
padding: 15px 15px 25px 15px
}
.lets-inner .contant p {
display: block;
font-size: 20px
}
.lets-inner .contant p a {
display: inline-block
}
.letestup .button1 {
margin: 0 auto
}
.foundationspap ul li {
padding: 0 0 0 10px
}
.foundationspap ul li strong {
font-size: 26px;
padding: 0
}
.foundationspap ul li p {
font-size: 14px
}
.core-banner {
min-height: auto
}
.foundationspap {
padding: 50px 0
}
.ourvolen {
padding: 30px 0
}
.vol-list ul li {
width: 95px;
height: 95px
}
.ourvolen .button1 {
margin: 10px auto 0
}
.ourvolen h2 {
display: block;
text-align: center;
margin: 0 0 10px 0
}
.vol-list ul li strong {
font-size: 12px
}
.footer-link {
text-align: left;
margin: 0 0 30px 0
}
.footer {
padding: 60px 0 30px 0
}
.core-phil {
padding: 30px 0
}
.core-phil-contant h3 {
font-size: 20px;
margin: 20px 0 0 0
}
.core-phil-contant p {
font-size: 16px;
line-height: 22px
}
.about-contant {
padding: 20px 0
}
.about-innercon {
padding: 0
}
.aboutsidebar {
top: 0;
margin: 30px 0 0 0
}
.slider-inner {
min-height: 390px;
overflow: hidden
}
.slider-inner img {
width: 260%;
max-width: 260%
}
.slider-contant h1 {
font-size: 60px;
line-height: 45px
}
.heading h1 {
font-size: 30px;
line-height: 40px
}
.whychoose .image {
margin: 0
}
.whychoose .content {
margin: 0;
padding: 20px;
border: 0;
min-height: inherit
}
.whychoose {
padding: 0 0 30px 0
}
.contribute {
overflow: hidden
}
.contribute img {
width: 240%;
max-width: 240%;
margin: 0 0 0 -300px
}
.contribute-contant {
top: 80px;
padding: 0 0 0 20px
}
.contribute-contant h2 {
font-size: 18px
}
.key-leaders-in .image {
height: 280px;
}
.founder-msg-contant {
position: static;
padding: 20px 20px 40px 20px
}
.founder-msg-contant h2 {
color: #111
}
.founder-msg-contant p {
color: #111;
font-size: 16px;
line-height: 22px
}
.founder-msg-contant button3:hover {
background: #000
}
.sec-2 {
padding: 20px 0 10px 0
}
.sec-2 .sec-2-contant p {
font-size: 18px;
margin: 0 0 25px 0;
min-height: inherit
}
.sec-2 .sec-2-contant .ima {
margin: 0 0 10px 0;
height: 380px
}
.letestup {
padding: 30px 0
}
.core-banner2 {
min-height: 450px
}
.core-banner-in {
height: auto
}
.contacts-top h3 {
font-size: 30px
}
.contacts-top p {
width: 100%
}
.ledership-in .imgsec {
margin: 0 auto;
height: 260px;
width: 260px
}
.ledership-in .imgsec .imgs {
height: 260px;
width: 260px
}
.ledership-in .consec {
width: 100%;
padding: 20px
}
.header .logo img {
width: 80%
}
.story-inner .st-img {
height: 300px
}
.story-top .st-img {
width: 100%;
height: 300px
}
.story-top .st-con {
width: 100%;
padding: 10px 0 0 0
}
.story-inner-detail .st-heading .stortopsec {
width: 100%;
margin: 0;
padding: 10px
}
.more-infos ul li {
width: 100%
}
.more-infos ul li p {
width: 78%;
font-size: 17px !important
}
.storydetail_slider {
padding: 0 30px
}
.storydetail_slider .slick-prev {
left: -10px
}
.storydetail_slider .slick-next {
right: -10px
}
.awards ul li {
width: 100% !important
}
.work-withus .workwithustabs .navlisting li{width:auto!important;}
}
@font-face {
font-family: simple-line-icons;
src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0');
src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'), url('../fonts/Simple-Line-Icons.woff2?v=2.4.0') format('woff2'), url('../fonts/Simple-Line-Icons.ttf?v=2.4.0') format('truetype'), url('../fonts/Simple-Line-Icons.woff?v=2.4.0') format('woff'), url('../fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format('svg');
font-weight: 400;
font-style: normal
}
.icon-action-redo,
.icon-action-undo,
.icon-anchor,
.icon-arrow-down,
.icon-arrow-down-circle,
.icon-arrow-left,
.icon-arrow-left-circle,
.icon-arrow-right,
.icon-arrow-right-circle,
.icon-arrow-up,
.icon-arrow-up-circle,
.icon-badge,
.icon-bag,
.icon-ban,
.icon-basket,
.icon-basket-loaded,
.icon-bell,
.icon-book-open,
.icon-briefcase,
.icon-bubble,
.icon-bubbles,
.icon-bulb,
.icon-calculator,
.icon-calendar,
.icon-call-end,
.icon-call-in,
.icon-call-out,
.icon-camera,
.icon-camrecorder,
.icon-chart,
.icon-check,
.icon-chemistry,
.icon-clock,
.icon-close,
.icon-cloud-download,
.icon-cloud-upload,
.icon-compass,
.icon-control-end,
.icon-control-forward,
.icon-control-pause,
.icon-control-play,
.icon-control-rewind,
.icon-control-start,
.icon-credit-card,
.icon-crop,
.icon-cup,
.icon-cursor,
.icon-cursor-move,
.icon-diamond,
.icon-direction,
.icon-directions,
.icon-disc,
.icon-dislike,
.icon-doc,
.icon-docs,
.icon-drawer,
.icon-drop,
.icon-earphones,
.icon-earphones-alt,
.icon-emotsmile,
.icon-energy,
.icon-envelope,
.icon-envelope-letter,
.icon-envelope-open,
.icon-equalizer,
.icon-event,
.icon-exclamation,
.icon-eye,
.icon-eyeglass,
.icon-feed,
.icon-film,
.icon-fire,
.icon-flag,
.icon-folder,
.icon-folder-alt,
.icon-frame,
.icon-game-controller,
.icon-ghost,
.icon-globe,
.icon-globe-alt,
.icon-graduation,
.icon-graph,
.icon-grid,
.icon-handbag,
.icon-heart,
.icon-home,
.icon-hourglass,
.icon-info,
.icon-key,
.icon-layers,
.icon-like,
.icon-link,
.icon-list,
.icon-location-pin,
.icon-lock,
.icon-lock-open,
.icon-login,
.icon-logout,
.icon-loop,
.icon-magic-wand,
.icon-magnet,
.icon-magnifier,
.icon-magnifier-add,
.icon-magnifier-remove,
.icon-map,
.icon-menu,
.icon-microphone,
.icon-minus,
.icon-mouse,
.icon-music-tone,
.icon-music-tone-alt,
.icon-mustache,
.icon-note,
.icon-notebook,
.icon-options,
.icon-options-vertical,
.icon-organization,
.icon-paper-clip,
.icon-paper-plane,
.icon-paypal,
.icon-pencil,
.icon-people,
.icon-phone,
.icon-picture,
.icon-pie-chart,
.icon-pin,
.icon-plane,
.icon-playlist,
.icon-plus,
.icon-power,
.icon-present,
.icon-printer,
.icon-puzzle,
.icon-question,
.icon-refresh,
.icon-reload,
.icon-rocket,
.icon-screen-desktop,
.icon-screen-smartphone,
.icon-screen-tablet,
.icon-settings,
.icon-share,
.icon-share-alt,
.icon-shield,
.icon-shuffle,
.icon-size-actual,
.icon-size-fullscreen,
.icon-social-behance,
.icon-social-dribbble,
.icon-social-dropbox,
.icon-social-facebook,
.icon-social-foursqare,
.icon-social-github,
.icon-social-google,
.icon-social-instagram,
.icon-social-linkedin,
.icon-social-pinterest,
.icon-social-reddit,
.icon-social-skype,
.icon-social-soundcloud,
.icon-social-spotify,
.icon-social-steam,
.icon-social-stumbleupon,
.icon-social-tumblr,
.icon-social-twitter,
.icon-social-vkontakte,
.icon-social-youtube,
.icon-speech,
.icon-speedometer,
.icon-star,
.icon-support,
.icon-symbol-female,
.icon-symbol-male,
.icon-tag,
.icon-target,
.icon-trash,
.icon-trophy,
.icon-umbrella,
.icon-user,
.icon-user-female,
.icon-user-follow,
.icon-user-following,
.icon-user-unfollow,
.icon-vector,
.icon-volume-1,
.icon-volume-2,
.icon-volume-off,
.icon-wallet,
.icon-wrench {
font-family: simple-line-icons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-user:before {
content: "\e005"
}
.icon-people:before {
content: "\e001"
}
.icon-user-female:before {
content: "\e000"
}
.icon-user-follow:before {
content: "\e002"
}
.icon-user-following:before {
content: "\e003"
}
.icon-user-unfollow:before {
content: "\e004"
}
.icon-login:before {
content: "\e066"
}
.icon-logout:before {
content: "\e065"
}
.icon-emotsmile:before {
content: "\e021"
}
.icon-phone:before {
content: "\e600"
}
.icon-call-end:before {
content: "\e048"
}
.icon-call-in:before {
content: "\e047"
}
.icon-call-out:before {
content: "\e046"
}
.icon-map:before {
content: "\e033"
}
.icon-location-pin:before {
content: "\e096"
}
.icon-direction:before {
content: "\e042"
}
.icon-directions:before {
content: "\e041"
}
.icon-compass:before {
content: "\e045"
}
.icon-layers:before {
content: "\e034"
}
.icon-menu:before {
content: "\e601"
}
.icon-list:before {
content: "\e067"
}
.icon-options-vertical:before {
content: "\e602"
}
.icon-options:before {
content: "\e603"
}
.icon-arrow-down:before {
content: "\e604"
}
.icon-arrow-left:before {
content: "\e605"
}
.icon-arrow-right:before {
content: "\e606"
}
.icon-arrow-up:before {
content: "\e607"
}
.icon-arrow-up-circle:before {
content: "\e078"
}
.icon-arrow-left-circle:before {
content: "\e07a"
}
.icon-arrow-right-circle:before {
content: "\e079"
}
.icon-arrow-down-circle:before {
content: "\e07b"
}
.icon-check:before {
content: "\e080"
}
.icon-clock:before {
content: "\e081"
}
.icon-plus:before {
content: "\e095"
}
.icon-minus:before {
content: "\e615"
}
.icon-close:before {
content: "\e082"
}
.icon-event:before {
content: "\e619"
}
.icon-exclamation:before {
content: "\e617"
}
.icon-organization:before {
content: "\e616"
}
.icon-trophy:before {
content: "\e006"
}
.icon-screen-smartphone:before {
content: "\e010"
}
.icon-screen-desktop:before {
content: "\e011"
}
.icon-plane:before {
content: "\e012"
}
.icon-notebook:before {
content: "\e013"
}
.icon-mustache:before {
content: "\e014"
}
.icon-mouse:before {
content: "\e015"
}
.icon-magnet:before {
content: "\e016"
}
.icon-energy:before {
content: "\e020"
}
.icon-disc:before {
content: "\e022"
}
.icon-cursor:before {
content: "\e06e"
}
.icon-cursor-move:before {
content: "\e023"
}
.icon-crop:before {
content: "\e024"
}
.icon-chemistry:before {
content: "\e026"
}
.icon-speedometer:before {
content: "\e007"
}
.icon-shield:before {
content: "\e00e"
}
.icon-screen-tablet:before {
content: "\e00f"
}
.icon-magic-wand:before {
content: "\e017"
}
.icon-hourglass:before {
content: "\e018"
}
.icon-graduation:before {
content: "\e019"
}
.icon-ghost:before {
content: "\e01a"
}
.icon-game-controller:before {
content: "\e01b"
}
.icon-fire:before {
content: "\e01c"
}
.icon-eyeglass:before {
content: "\e01d"
}
.icon-envelope-open:before {
content: "\e01e"
}
.icon-envelope-letter:before {
content: "\e01f"
}
.icon-bell:before {
content: "\e027"
}
.icon-badge:before {
content: "\e028"
}
.icon-anchor:before {
content: "\e029"
}
.icon-wallet:before {
content: "\e02a"
}
.icon-vector:before {
content: "\e02b"
}
.icon-speech:before {
content: "\e02c"
}
.icon-puzzle:before {
content: "\e02d"
}
.icon-printer:before {
content: "\e02e"
}
.icon-present:before {
content: "\e02f"
}
.icon-playlist:before {
content: "\e030"
}
.icon-pin:before {
content: "\e031"
}
.icon-picture:before {
content: "\e032"
}
.icon-handbag:before {
content: "\e035"
}
.icon-globe-alt:before {
content: "\e036"
}
.icon-globe:before {
content: "\e037"
}
.icon-folder-alt:before {
content: "\e039"
}
.icon-folder:before {
content: "\e089"
}
.icon-film:before {
content: "\e03a"
}
.icon-feed:before {
content: "\e03b"
}
.icon-drop:before {
content: "\e03e"
}
.icon-drawer:before {
content: "\e03f"
}
.icon-docs:before {
content: "\e040"
}
.icon-doc:before {
content: "\e085"
}
.icon-diamond:before {
content: "\e043"
}
.icon-cup:before {
content: "\e044"
}
.icon-calculator:before {
content: "\e049"
}
.icon-bubbles:before {
content: "\e04a"
}
.icon-briefcase:before {
content: "\e04b"
}
.icon-book-open:before {
content: "\e04c"
}
.icon-basket-loaded:before {
content: "\e04d"
}
.icon-basket:before {
content: "\e04e"
}
.icon-bag:before {
content: "\e04f"
}
.icon-action-undo:before {
content: "\e050"
}
.icon-action-redo:before {
content: "\e051"
}
.icon-wrench:before {
content: "\e052"
}
.icon-umbrella:before {
content: "\e053"
}
.icon-trash:before {
content: "\e054"
}
.icon-tag:before {
content: "\e055"
}
.icon-support:before {
content: "\e056"
}
.icon-frame:before {
content: "\e038"
}
.icon-size-fullscreen:before {
content: "\e057"
}
.icon-size-actual:before {
content: "\e058"
}
.icon-shuffle:before {
content: "\e059"
}
.icon-share-alt:before {
content: "\e05a"
}
.icon-share:before {
content: "\e05b"
}
.icon-rocket:before {
content: "\e05c"
}
.icon-question:before {
content: "\e05d"
}
.icon-pie-chart:before {
content: "\e05e"
}
.icon-pencil:before {
content: "\e05f"
}
.icon-note:before {
content: "\e060"
}
.icon-loop:before {
content: "\e064"
}
.icon-home:before {
content: "\e069"
}
.icon-grid:before {
content: "\e06a"
}
.icon-graph:before {
content: "\e06b"
}
.icon-microphone:before {
content: "\e063"
}
.icon-music-tone-alt:before {
content: "\e061"
}
.icon-music-tone:before {
content: "\e062"
}
.icon-earphones-alt:before {
content: "\e03c"
}
.icon-earphones:before {
content: "\e03d"
}
.icon-equalizer:before {
content: "\e06c"
}
.icon-like:before {
content: "\e068"
}
.icon-dislike:before {
content: "\e06d"
}
.icon-control-start:before {
content: "\e06f"
}
.icon-control-rewind:before {
content: "\e070"
}
.icon-control-play:before {
content: "\e071"
}
.icon-control-pause:before {
content: "\e072"
}
.icon-control-forward:before {
content: "\e073"
}
.icon-control-end:before {
content: "\e074"
}
.icon-volume-1:before {
content: "\e09f"
}
.icon-volume-2:before {
content: "\e0a0"
}
.icon-volume-off:before {
content: "\e0a1"
}
.icon-calendar:before {
content: "\e075"
}
.icon-bulb:before {
content: "\e076"
}
.icon-chart:before {
content: "\e077"
}
.icon-ban:before {
content: "\e07c"
}
.icon-bubble:before {
content: "\e07d"
}
.icon-camrecorder:before {
content: "\e07e"
}
.icon-camera:before {
content: "\e07f"
}
.icon-cloud-download:before {
content: "\e083"
}
.icon-cloud-upload:before {
content: "\e084"
}
.icon-envelope:before {
content: "\e086"
}
.icon-eye:before {
content: "\e087"
}
.icon-flag:before {
content: "\e088"
}
.icon-heart:before {
content: "\e08a"
}
.icon-info:before {
content: "\e08b"
}
.icon-key:before {
content: "\e08c"
}
.icon-link:before {
content: "\e08d"
}
.icon-lock:before {
content: "\e08e"
}
.icon-lock-open:before {
content: "\e08f"
}
.icon-magnifier:before {
content: "\e090"
}
.icon-magnifier-add:before {
content: "\e091"
}
.icon-magnifier-remove:before {
content: "\e092"
}
.icon-paper-clip:before {
content: "\e093"
}
.icon-paper-plane:before {
content: "\e094"
}
.icon-power:before {
content: "\e097"
}
.icon-refresh:before {
content: "\e098"
}
.icon-reload:before {
content: "\e099"
}
.icon-settings:before {
content: "\e09a"
}
.icon-star:before {
content: "\e09b"
}
.icon-symbol-female:before {
content: "\e09c"
}
.icon-symbol-male:before {
content: "\e09d"
}
.icon-target:before {
content: "\e09e"
}
.icon-credit-card:before {
content: "\e025"
}
.icon-paypal:before {
content: "\e608"
}
.icon-social-tumblr:before {
content: "\e00a"
}
.icon-social-twitter:before {
content: "\e009"
}
.icon-social-facebook:before {
content: "\e00b"
}
.icon-social-instagram:before {
content: "\e609"
}
.icon-social-linkedin:before {
content: "\e60a"
}
.icon-social-pinterest:before {
content: "\e60b"
}
.icon-social-github:before {
content: "\e60c"
}
.icon-social-google:before {
content: "\e60d"
}
.icon-social-reddit:before {
content: "\e60e"
}
.icon-social-skype:before {
content: "\e60f"
}
.icon-social-dribbble:before {
content: "\e00d"
}
.icon-social-behance:before {
content: "\e610"
}
.icon-social-foursqare:before {
content: "\e611"
}
.icon-social-soundcloud:before {
content: "\e612"
}
.icon-social-spotify:before {
content: "\e613"
}
.icon-social-stumbleupon:before {
content: "\e614"
}
.icon-social-youtube:before {
content: "\e008"
}
.icon-social-dropbox:before {
content: "\e00c"
}
.icon-social-vkontakte:before {
content: "\e618"
}
.icon-social-steam:before {
content: "\e620"
}
.awards {
padding: 80px 0
}
.awards h2 {
display: block;
text-align: center;
color: #333;
font-size: 18px;
font-weight: 500;
width: 100%;
text-transform: uppercase
}
.awards h3 {
display: block;
text-align: center;
color: #333;
font-size: 36px;
font-weight: 700;
width: 100%;
text-transform: uppercase
}
.acards-li {
margin: 30px 0 10px 0;
width: 100%;
display: inline-block
}
.awards ul {
list-style: none;
padding: 0;
margin: 0
}
.awards ul li {
width: 30%;
margin: 0 1.5% 30px;
float: left;
transition: ease all .3s;
position: relative;
box-shadow: 0 0 15px #eee
}
.awards ul li .image {
height: 200px;
overflow: hidden
}
.awards ul li .image img {
width: 100%;
height: 100%;
transition: ease all .3s
}
.awards ul li .content {
background: #fff;
padding: 19px;
min-height: 150px;
text-align: center
}
.awards ul li .content h4 {
font-size: 20px;
color: #f58a52;
font-weight: 500;
margin: 0 0 10px 0
}
.awards ul li .content p {
color: #333;
font-size: 14px;
font-weight: 500;
line-height: 26px;
margin: 0
}
.awards .link {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
border-top: 1px solid #dadada;
color: #030303;
min-height: 70px;
box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
}
.awards .link strong {
display: block;
font-weight: 400;
text-transform: uppercase;
font-size: 13px;
line-height: inherit;
padding: 23px 0 0 30px;
transition: ease all .3s
}
.awards .link span {
display: block;
font-weight: 400;
font-size: 15px;
padding: 0 0 15px 30px
}
.awards .link i {
line-height: 70px;
font-size: 11px;
height: 70px;
width: 80px;
float: right;
border-left: 1px solid #dadada;
position: absolute;
top: 0;
right: 0;
text-align: center;
color: #127ec2;
transition: ease all .3s
}
.awards .link i:before {
padding: 0;
transition: ease all .3s
}
.awards ul li:hover .link i:before {
padding: 0 0 0 20px
}
.awards ul li:hover .image img {
transform: scale(1.1, 1.1)
}
.awards .button2 {
display: block;
margin: 10px auto 0
}
.awards-home li:last-child {
display: none
}
.innerpage-slider {
padding: 80px 0 0 0
}
.innerpage-sliderin {
display: block;
position: relative;
height: 550px;
overflow: hidden
}
.innerpage-sliderincar {
overflow: inherit
}
.innerpage-sliderin1 {
height: inherit
}
.innerpage-sliderin:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(#0b81c5, #504099);
opacity: .6
}
.innerpage-sliderin img {
width: 100%;
height: 100%
}
.innerpage-content {
position: absolute;
top: 0;
width: 100%;
padding: 90px 0 0 0;
z-index: 2
}
.innerpage-content .heading {
padding: 50px 0;
display: inline-block;
position: relative
}
.innerpage-content .heading h2 {
font-size: 120px;
text-transform: uppercase;
color: #fff;
line-height: 140px;
position: relative;
z-index: 1;
text-shadow: 0 2px 24px rgba(0, 0, 0, .5)
}
.innerpage-content .leaf {
position: absolute;
width: 340px;
top: -60px;
left: -60px;
display: block;
opacity: .8
}
.innerpage-sliderin1 .innerpage-content {
position: absolute;
top: 0;
width: 100%;
padding: 30px 0 0 0;
z-index: 2
}
.innerpage-sliderin1 .heading h2 {
font-size: 60px;
text-transform: uppercase;
color: #fff;
line-height: 73px;
position: relative;
z-index: 1;
text-shadow: 0 2px 24px rgba(0, 0, 0, .5)
}
.innerpage-sliderin1 .leaf {
position: absolute;
width: 230px;
top: -10px;
left: -40px;
display: block;
opacity: .8
}
.innerpage-sliderin2 {
background: #fff;
padding: 15px 0 10px 0;
border-top: 1px solid #979797;
border-bottom: 1px solid #979797
}
.innerpage-sliderin2 h2 {
font-size: 24px;
color: #111;
text-transform: uppercase;
margin: 0;
float: left;
line-height: 42px
}
.innerpage-sliderin2 i {
font-size: 30px;
color: rgba(3, 3, 3, .5);
margin: 5px 20px 0 0;
float: left;
line-height: 30px
}
.innerpage-sliderin2 .heading {
display: inline-block;
width: 100%
}
.innerpage-sliderin2 .heading a {
float: left
}
.innerpage-sliderin2 .visit-website {
float: right !important;
color: #0085c9;
font-weight: 700;
padding: 10px 0 0 0;
font-size: 18px
}
.news-detail {
padding: 80px 0 80px 0;
overflow: hidden;
position: relative
}
.new-detail-in {
width: 80%;
margin: 0 auto
}
.new-detail-in .news-with-image {
height: 500px
}
.new-detail-in .news-with-image img {
width: 100%;
height: 100%
}
.new-detail-in p {
font-size: 20px;
line-height: 32px;
color: #111;
margin-top: 20px
}
.new-detail-in h3 {
margin-bottom: 1.5rem
}
.inner-content h1 {
margin-bottom: 18px
}
.inner-content h2 {
font-weight: 400;
margin-bottom: 20px
}
.inner-content p {
font-size: 20px;
opacity: .5;
margin-bottom: 50px;
line-height: 32px
}
.button5 {
border-radius: 21px;
background: #f09c3a;
color: #fff !important;
border: 0;
font-size: 12px;
line-height: 19px;
padding: 10px 20px;
font-weight: 700;
transition: all .3s ease 0s;
outline: 0;
min-width: 120px
}
.inner-content {
padding-top: 60px
}
@media (min-width:1000px) and (max-width:1300px) {
.slider-in h1 {
font-size: 26px;
line-height: 30px
}
.slider-in p {
font-size: 14px;
line-height: 18px
}
.preloader .icon img {
margin: 50px auto 0
}
.preloader img {
display: inline-block;
max-width: 80%
}
.menulogo {
width: 100px
}
.sidebar-menu ul li a {
padding: 0 0 20px 0;
font-size: 34px
}
.sidebar-menu {
overflow-y: hidden
}
@-webkit-keyframes slidingstep1 {
0% {
left: 0;
opacity: 0;
transform: scale(1.5);
transition: transform 3s ease-in-out
}
100% {
left: 0;
opacity: 1
}
}
.foundationspap ul li p {
font-size: 11px;
line-height: 15px
}
.foundationspap ul li span {
font-size: 28px;
line-height: 20px
}
.foundationspap ul li strong {
font-size: 28px;
line-height: 20px
}
.foundationspap ul li {
width: 50%
}
.sec-2 .sec-2-contant .ima {
height: 300px
}
.sec-2 .sec-2-contant p {
font-size: 18px
}
.founder-msg-contant p {
font-size: 15px;
line-height: 20px
}
.key-leaders-in .image {
height: 250px
}
.key-leaders-in .content strong {
font-size: 12px
}
.key-leaders-in .content h4 {
font-size: 16px
}
.contacts-top p {
font-size: 12px
}
.ledership-in .consec {
padding: 20px 55px 0
}
.ledership-in .consec h3 {
font-size: 25px
}
.ledership-in .consec small {
font-size: 17px
}
.ledership-in .consec p {
font-size: 12px
}
.ledership-in .imgsec {
margin: 0 80px;
width: 300px
}
.ledership-in .imgsec .imgs {
width: 300px;
height: 300px
}
}
@font-face {
font-family: 'Harmony';
src: url('../fonts/Harmony.eot');
src: url('../fonts/Harmony.eot?#iefix') format('embedded-opentype'),
url('../fonts/Harmony.woff2') format('woff2'),
url('../fonts/Harmony.woff') format('woff'),
url('../fonts/Harmony.ttf') format('truetype'),
url('../fonts/Harmony.svg#Harmony') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.category-banner-main { position: relative; height:550px; overflow:hidden; }
.category-banner-main img { width:100%; }
.category-banner-main .hos { position:relative; height:550px; }
.category-banner-main .hos:before { content:""; background:#000; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; transition:ease all 0.3s; opacity:0.3; }
.category-banner { position:relative; padding:60px 0 80px 0; /*background:url(../images/snapshot.jpg) no-repeat center; background-size:cover; */ display: flex; justify-content: space-evenly; align-items:center; }
.category-banner:after { content:""; position:absolute; bottom:0; left:0; width:100%; background:#f2f7ff; height:36%; }
/*.category-banner:before { content:""; position:absolute; top:0; left:0; background:#000; width:100%; height:100%; opacity:0.6; }
*/
.category-banner .container { z-index:1; position:relative; }
.category-banner-main .hos h2{ text-align: center; z-index:1; position: absolute; top: 35%; left: 0%; color: #fff; width:100%; font-size: 57px;}
.category-banner .col-md-12 { padding:0 20px ; }
.category-banner h3 { padding:0px 0 0 0; color:#000; text-align:center; display:block; font-size:32px; }
.category-banner p { padding:0px 0 60px 0; color:#666; text-align:center; display:block; font-size:16px; }
.category-banner ul { text-align:center; list-style:none; margin:0; padding:0; }
.category-banner ul li { background: #fff; position:relative;
border-radius: 10px; width:20%; margin:0 20px;
padding: 20px 20px 35px 20px;
text-align: center;
box-shadow: 0px 20px 30px rgb(0 0 0 / 5%);
border-bottom: 8px solid #feebf0; }
.category-banner ul li .image { width:80px; height:80px; display:block; position:relative; top:0px; background:#f57493; border-radius:100px; margin:-60px auto 10px; }
.category-banner ul li .image i { font-size:30px; line-height:80px; color:#fff; }
.category-banner ul li strong { font-size:28px; line-height:40px; display:inline-block; color:#000; padding:0 0 10px 0; margin:0; font-weight:normal; margin:0px auto 0px; }
.category-banner ul li span { font-size:28px; line-height:40px; display:inline-block; color:#000; padding:0 0 10px 0; margin:0; font-weight:normal; margin:0px auto 0px; }
.category-banner ul li p { font-size:14px; line-height:20px; display:inline-block; color:#666; padding:0 0 0px 0; margin:0; font-weight:normal; }
.category-banner .slick-arrow { display:none !important; }
.category-banner .slick-list { overflow:visible; }
.category-banner .latestpost_slider { overflow:visible; padding:0 180px; }
.testi-main { position:relative; /*top:-130px;background:#f2f7ff;*/ padding:20px 80px 80px 80px; }
/*.testi-main:after { content:""; position:absolute; top:0; left:0; width:100%; background:#f2f7ff; height:76%; z-index:-1; }
*/
.testi-main h2 { padding:0px 0 30px 0; color:#000; text-align:center; display:block; font-size:32px; }
.testinonials-home { }
.testinonials-home h4 { font-size:38px; font-weight:normal; }
.testinonials-home strong { display:block; font-size:18px; line-height:20px; margin:10px 0 10px 0; text-align:left; font-weight:normal; }
.testinonials-home strong span { display:block; font-size:13px; line-height:30px; font-weight:normal; color:#666; }
.testinonials-home p { font-size:14px; color:#666; font-weight:normal; text-align:left; font-weight:normal; padding:10px 0 0 0; }
.testinonialsmain { padding:0; }
.testi-slide { position:relative; background: #fff; border-radius:10px; padding:30px; text-align:left; box-shadow:0px 0px 30px rgb(0 0 0 / 5%); border-bottom:8px solid #feebf0; margin:0 20px; }
.testi-slide img { position:absolute; width:100px; height:auto; opacity:0.2; right:30px; bottom:30px; }
.dotslider .slick-dots { bottom:-35px; }
.dotslider .slick-dots li { padding:0; background:none; width:auto; margin:0 6px; }
.dotslider .slick-dots li button { margin:0; border:1px solid #dadada; background:#fff; width:14px; height:14px; }
.dotslider .slick-dots li.slick-active button { background:#f57493;border:1px solid #f57493; }
.arrowsldier .slick-dots { display:none !important; }
.arrowsldier .slick-prev, .arrowsldier .slick-next {width:70px;height:70px;background:#fff;border-radius:70px;border:1px solid #dadada;font-size:0;line-height:68px;text-align:center; }
.arrowsldier .slick-prev { position:absolute; bottom:50%; margin:0px 0 -35px 0; left:160px; z-index:2; }
.arrowsldier .slick-next { position:absolute; bottom:50%; margin:0px 0 -35px 0; right:160px; z-index:2; }
.arrowsldier .slick-prev:before { content:"\e605"; font-size:20px; font-family: 'simple-line-icons'; color:#f57493 ; }
.arrowsldier .slick-next:before { content:"\e606"; font-size:20px; font-family: 'simple-line-icons'; color:#f57493 ; }
.letestnews {}
.letestnews .slick-list { overflow:visible; }
.letestnews .latestpost_slider { overflow:visible; padding:0 180px; }
.letestnews { /*position:relative; top:-130px;*/ padding:60px 60px 80px 60px; background:#f2f7ff; }
.letestnews h2 { padding:0px 0 10px 0; color:#000; text-align:center; display:block; font-size:32px; }
.letestnews-box { display:flex; background: #fff; overflow:hidden; border-radius:10px; padding:0; margin:20px; text-align:left; box-shadow:0px 20px 30px rgb(0 0 0 / 5%); }
.letestnews-box .images { width:50%; height:330px; }
.letestnews-box .images img { width:100%; height:100%; object-fit:cover; }
.letestnews-box .contant { width:50%; padding:50px; }
.letestnews-box .contant h3 { font-size:18px; color:#000; }
.letestnews-box .contant p { font-size:15px; color:#666; }
.letestnews .button1 { display:block; margin:30px auto 0; }
.accreditation-sec { padding:60px 60px 70px 60px; }
.accreditation-sec h2 { padding:0px 0 20px 0; color:#000; text-align:center; display:block; font-size:32px; }
.accreditation-sec .accreditation_slider { padding:0 50px; }
.accreditation-sec ul li { display:flex; background: #fff; text-align:center; overflow:hidden; border-radius:10px; padding:0; margin:20px; text-align:left; box-shadow:0px 0px 20px rgb(0 0 0 / 5%); }
.accreditation-sec ul li img { display:block; margin:50px auto; }
.accreditation-sec ul .slick-prev { left:-20px; }
.accreditation-sec ul .slick-next { right:-20px; }
.modelform { padding:10px; }
.forminput { padding:0 0 15px 0; }
.forminput input { border:1px solid #dadada; width:100%; padding:0 10px; line-height:50px; height:50px; }
.forminput textarea { border:1px solid #dadada; width:100%; padding:0 10px; line-height:22px; height:100px; }
.forminput input[type="file"] { border:1px solid #dadada; width:100%; padding:0 0px; line-height:42px; height:50px; }
.work-withus { padding:0px 00px 60px ; position:relative; }
.work-withus:after { content:""; position:absolute; top:0; left:0; width:100%; background:#f2f7ff; height:76%; z-index:-1; }
.workwith-main { background: #fff; border-radius:10px; padding:40px 40px 20px 40px; text-align:left; box-shadow:0px 40px 60px rgb(0 0 0 / 5%); border-bottom:8px solid #fde3e9; }
.work-withus h2 { padding:0px 0 20px 0; color:#000; text-align:center; display:block; font-size:32px; }
.work-withus .button1 { display:block; margin:0px auto; }
.work-withus .form-in { padding:0 0 20px 0; }
.work-withus .form-in input { width:100%; padding:0 10px; line-height:50px; height:50px; border:1px solid #dadada; background:#fff; border-radius:5px; }
.work-withus .form-in textarea { width:100%; padding:10px 10px; line-height:22px; height:120px; border:1px solid #dadada; background:#fff; border-radius:5px; }
.work-withus .form-in input[type="file"] { width:100%; padding:0 0px; line-height:42px; height:50px; border:1px solid #dadada; background:#fff; border-radius:5px; }
/* working us tabing */
.work-withus .workwithustabs{text-align: center; display: flex; margin-bottom: 15px;}
.work-withus .workwithustabs .navlisting{display: inline-block; border: 1px solid #dadada; padding: 0px; border-radius: 45px; background:#fff; margin: 0px auto; overflow: hidden;}
.work-withus .workwithustabs .navlisting li{display: inline-block; width: 120px; text-align: center;}
.work-withus .workwithustabs .navlisting li button{color: #000; width: 100%; border: 0; border-radius: 0; }
.work-withus .workwithustabs .navlisting button.active{
background: #f482a1;
color: #fff;
}
.newsinfo { padding:60px 100px 80px 100px; border-top:1px solid #dadada; }
.newsinfo .slick-prev { left:-50px; }
.newsinfo .slick-next { right:-50px; }
.newsinfo h2 { padding:0px 0 10px 0; color:#000; text-align:center; display:block; font-size:32px; }
.newsinfo-box { display:block; background: #fff; overflow:hidden; border-radius:10px; padding:0; margin:20px; text-align:left; box-shadow:0px 00px 20px rgb(0 0 0 / 5%); }
.newsinfo-box .images { width:100%; height:200px; }
.newsinfo-box .images img { width:100%; height:100%; object-fit:cover; }
.newsinfo-box .contant { width:100%; padding:20px; }
.newsinfo-box .contant h3 { font-size:18px; color:#000; }
.newsinfo-box .contant p { font-size:15px; color:#666; }
.newsinfo .button1 { display:block; margin:30px auto 0; }
.new-whatwedo { padding:30px 0 0px 0; display:inline-block; width:100%; }
.new-whatwedo h4 { font-size: 22px;
display: block;
color: #000;
font-weight: 400;
padding: 0px 0 15px 0;
margin: 0;
position: relative; }
.new-whatwedo strong { font-size: 18px;
display: block;
color: #1f84c8;
font-weight: 400;
padding: 0px 0 15px 0;
margin: 0;
position: relative; }
.new-whatwedo li { font-size:16px; line-height:26px; color:#222; display:block; float:left; position:relative; padding:0px 0 9px 18px; width:100%; }
.new-whatwedo li:before { content:""; position:absolute; top:10px; left:0; width:7px; height:7px; transform:rotate(45deg); background:#f57493; border-radius:10px; }
.core-phil-contant { margin:0 20% 0 0; }
.what-wedo-fold { padding:70px 0 0 0; }
.what-wedo-sec .col-lg-6 { }
.what-wedo-sec:nth-child(odd) .col-lg-6:nth-child(1) { order:2; }
.what-wedo-sec { position:relative; margin:0px 0; height:100vh; }
.what-wedo-sec .core-banner-in { height:100%;}
.what-wedo-sec .core-banner-in img { height:100%; width:100%; object-fit:cover; }
.what-wedo-sec .core-phil-contant { margin:0; height:100%; padding:30px; background:none; }
.what-wedo-sec .core-phil-contant h4 { color:#fff; font-size:32px; }
.what-wedo-sec .core-phil-contant strong { color:#fff; font-size:22px; }
.what-wedo-sec .core-phil-contant p { color:#fff; font-size:15px; }
.what-wedo-sec .what-wedo-in { position:absolute; width:100%; top:30%; }
@media (max-width:767px) {
.slider-in h1 { font-size: 18px; line-height: 24px }
.slidercontant p { display:none; }
.slider { height:30vh; padding:0; margin-top:60px; }
.slider video { height:30vh; }
.slider-in { bottom:40px; }
.header { height:60px; width:100%; }
.header-nav { width:60px; height:60px;}
.header .logo { width: 90px; position: absolute; top: 4px; left: 70px; padding: 0; }
.menu-sidebar { padding: 4px 0px 0 0; cursor: pointer;}
.header .donate-btn { top:-10px; }
.sidebar-menu.open { left:0; }
.wrapper { padding:0; overflow:hidden; }
.workwith-main { width:90%; margin:0 5%; }
.footer-social { padding:10px 0 30px 0; }
.core-phil-in { position:static; }
.core-phil-in .container { padding:0; }
.core-phil-contant { padding:20px; }
.category-banner p { padding:0 0 20px 0; }
.category-banner { padding:0 0 50px 0; }
.testi-main { padding: 20px 10px 80px 10px; }
.testi-main h2 { font-size:22px; padding:0 0 10px 0; }
.work-withus { padding:0 0 20px 0; }
.category-banner:after { height:46%; }
.newsinfo { padding:40px 30px; }
.newsinfo .slick-prev { left:-25px; }
.newsinfo .slick-next { right:-25px; }
.arrowsldier .slick-prev, .arrowsldier .slick-next { width:50px; height:50px; line-height:50px; }
.leadslider { padding:0 25px; }
.letestnews { padding:40px 30px; }
.letestnews .latestpost_slider { padding:0; }
.letestnews-box { display:block; margin:0 10px; }
.letestnews-box .images { width:100%; height:170px; }
.letestnews-box .contant { width:100%; padding:15px; min-height:260px; }
.letestnews .arrowsldier .slick-next{ right:-10px !important; }
.letestnews .arrowsldier .slick-prev { left:-10px !important; }
.contacts-top { margin:60px 0 0 0; }
.slider-inner { min-height:inherit; margin:60px 0 0 0; }
.ledership-in .imgsec { float:none; }
.ledership-in:nth-child(even) .imgsec { float:none; }
.ledership-in:nth-child(even) .imgsec .plus-ico { right: -40px; left: inherit; }
.core-phil-contant { margin:0; }
.key-leaders-in .content {padding: 12px;}
}
@media (min-width:768px) and (max-width:1000px) {
.slider-in h1 { font-size: 22px; line-height: 30px }
.slidercontant p { font-size:14px; line-height:22px; }
.slider { height:50vh; padding:0; margin-top:80px; }
.slider video { height:50vh; }
.slider-in { bottom:40px; }
.header { height:80px; width:100%; }
.header-nav { width:80px; height:80px;}
.header .logo { width: 90px; position: absolute; top:12px; left: 90px; padding:0; }
.menu-sidebar { padding: 14px 0px 0 0; cursor: pointer;}
.header .donate-btn { top: 70px; right: 30px; transform: rotate(-0deg); }
.sidebar-menu.open { left:0; }
.wrapper { padding:0; overflow:hidden; }
.letestnews .latestpost_slider { padding:0; }
.letestnews { padding:50px 40px; }
.letestnews-box .contant { width:55%; padding:30px; }
.letestnews-box .images { width:45%; }
.letestnews .arrowsldier .slick-next{ right:-10px !important; }
.letestnews .arrowsldier .slick-prev { left:-10px !important; }
.newsinfo { padding: 50px 60px; }
.testi-main { padding: 20px 0px 80px 0px;}
.footer-social li a { margin:0 4px 0 0; }
.sec-2 { padding:40px 0; }
.core-phil-contant { margin:0; }
.key-leaders-in .image {height:180px;}
.key-leaders-in .content h4 {font-size: 16px;}
.key-leaders-in .content {padding: 12px; min-height: 198px;}
}
@media (min-width:1001px) and (max-width:1250px) {
.header { height:100%; }
.wrapper { overflow:hidden; }
.sec-2 { padding:60px 10px; }
.letestnews .latestpost_slider { padding:0 60px; }
.letestnews { padding:50px 40px; }
.letestnews-box .contant { width:50%; padding:30px; }
.letestnews-box .images { width:50%; }
.letestnews .arrowsldier .slick-next{ right:30px !important; }
.letestnews .arrowsldier .slick-prev { left:30px !important; }
.testi-main{ padding:0 0px 80px 0px; }
.core-phil-contant { margin:0; }
}
/* Popup Css */
.home-popup {position: fixed; top: 0px; width: 100%; left: 0px; background: rgba(0,0,0,0.8); height: 100%; z-index:9999;}
.popup-image {position: relative; top: 0px; width: 100%; height:100%; margin: 0 auto;}
.popup-image img{display:block; margin:0 auto; height:100%; }
.close-popup{position: absolute; right: 25px; top: 10px; z-index:99999; box-shadow: 0px 1px 2px 1px #FFF; width: 50px; cursor:pointer;}
.popup-image span i { font-size: 28px; }
.popup-image span i { width: 50px; height: 50px; text-align: center; line-height: 50px; padding: 0px; display: block;
color: #fff; right:10px; border-radius: 5px 0px 0 5px; }
/* donate now css */
.table-info2 { text-align:center; transition:ease all 0.3s; cursor:pointer; padding:100px; }
.table-info2 table { width:100%; overflow-x:scroll; padding:0 0 20px 0; }
.table-info2 table { width:100%; text-align:left; }
.table-info2 table td { padding:8px; background:#fff; color:#222; font-size:13px; border:1px solid #cacaca; }
.table-info2 table tr td:first-child { padding:8px; background:#efefff; color:#222; font-size:13px; border:1px solid #cacaca; font-weight:bold; }
.payment-con { text-align:left; margin:0 0 30px 0; }
.payment-con h2 { font-size:30px; font-weight:bold; color:#ff0000; margin:0 0 15px 0; display:block; }
.payment-con h4 { font-size:30px; font-weight:bold; color:#096 ; margin:0 0 15px 0; display:block;}
.payment-con strong { font-size:15px; margin:0 0 10px 0; }
.payment-con p { font-size:14px; line-height:24px; color:#333; margin:0; padding:0; }
.payment-con a { font-size:14px; line-height:24px; color:#002855; font-weight:bold; text-decoration:underline; }
.payment-con-info { text-align:left; margin:0 0 30px 0; background:#efefff; padding:20px; border-radius:5px; }
.payment-con-info p { font-size:14px; line-height:24px; color:#333; margin:0; padding:0; }
.payment-con-info a { font-size:14px; line-height:24px; color:#002855; font-weight:bold; text-decoration:underline; }
.donate-main { }
.donate-main .row { display:flex; width:100%; }
.donate-main .core-banner-in { position:relative; min-height:100vh; max-height:100%; width:100%; padding:00px; }
.donate-main .core-banner-in .contant-s { position:absolute; bottom:0px; padding:70px; }
.donate-main .core-banner-in .contant-s h4 { color:#fff; font-size:30px; }
.donate-main .core-banner-in .contant-s p { color:#fff; }
.donate-now { padding:0px 50px; }
.donate-now ul { list-style:none; }
.donate-now ul li { display:inline-block; }
.donate-now ul li a { display:block; padding:10px 20px; border-radius:5px 5px 0 0; background:#fafafa; margin:0 2px 0 0; }
.donate-now ul li.active a { background: linear-gradient(to right, #f2688a 0%, #f482a1 100%); color:#fff; }
.donate-in { background:#fff; padding:0px; border-radius: 10px 10px; padding:40px; }
.donate-in h3 { font-size:24px; display:block; padding:0 0 0px 0; margin:0; }
.donate-in span { font-size:14px; display:block; padding:0 0 20px 0; }
.button-group { padding:0 0 20px 0; }
.button-group .btn { width:24%; font-size:14px; padding:10px; }
.button-group .btn-check:active+.btn-outline-danger,
.button-group .btn-check:checked+.btn-outline-danger,
.button-group .btn-outline-danger.active,
.button-group .btn-outline-danger.dropdown-toggle.show,
.button-group .btn-outline-danger:active { background: linear-gradient(to right, #f2688a 0%, #f482a1 100%); color:#fff; }
.button-group .btn-check:focus+.btn-outline-danger, .button-group .btn-outline-danger:focus { box-shadow:none; }
.donate-in p { font-size:14px; display:block; padding:0 0 20px 0; }
.select-citizen { display:inline-block; width:100%; padding:10px 0; }
.select-citizen label { padding:0 20px 0 24px; font-size:14px; position:relative; }
.select-citizen input { width:18px; height:18px; margin:2px 0px 0 0; float:left; position:absolute; left:0; top:0; }
.select-citizen a { color:#f2688a; }
.form-domate { display:inline-block; width:100%; padding:0 0 10px 0; }
.form-domate input { border:1px solid #dadada; width:100%; padding:0 10px; line-height:50px; height:50px; }
.form-domate select { border:1px solid #dadada; width:100%; padding:0 10px; line-height:50px; height:50px; }
.form-domate textarea { border:1px solid #dadada; width:100%; padding:10px 10px; line-height:24px; height:80px; }
.new5fold { display:block; }
.new5fold b { font-size:16px; color:#fff; margin:10px 0 10px 0; display:block; }
.new5fold li { font-size:14px; color:#fff; padding:5px 0; }
.new5fold li strong { font-size:14px !important; color:#fff; }
.new5fold .what-wedo-in { top:0; padding:50px 0; position:inherit !important; }
.new5fold .what-wedo-sec { height:auto; }
.new5fold .core-banner-in {
z-index: -1;
overflow: hidden;
height: 100%;
position: absolute; width:100%;
top: 0;
left: 0;
}
.newcpill a { color:#f57493; }
Kontol Shell Bypass