ikan Uploader :
Directory : /var/www/html/shardawelfarefoundation.org/html/css/
Upload File : |
| Current File : /var/www/html/shardawelfarefoundation.org/html/css/swf.css |
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
/***** General CSS *****/
*{outline: none!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 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
a:hover, a:focus { text-decoration: none; color: #393939;}
a:hover { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
img {max-width: 100%;}
ul { list-style:none; margin:0; padding:0; }
.header { height:80px; padding:0px; position:fixed; top:0; left:0; width:100%; z-index:9; transition:ease all 0.3s; }
.header .logo { float:left; width:120px; padding:8px 00px 0px 0px; transition:ease all 0.3s; }
.header .logo img { width:100%; }
.header.sticky { background:#fff; box-shadow:0 0 10px #dadada; }
.header.sticky .logo { float:left; width:73px; }
.header.sticky.white-heder { }
.header.sticky.white-heder .menu-sidebar i { color:#000; }
.header .logo-w { display:none; }
.header.white-heder .logo-m { display:none; }
.header.white-heder .logo-w { display:block; }
.header.sticky.white-heder .logo-m { display:block; }
.header.sticky.white-heder .logo-w { display:none; }
.header-inner .logo { float:left; width:73px; }
.menu-sidebar { float:right; padding:22px 20px 0 0; cursor:pointer; position:absolute; top:0; right:0;}
.menu-sidebar i { font-size:34px; }
.right-header { float:right; }
.nav { padding:0px 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; }
.sidebar-menu { position:fixed; right:-880px; width:850px; background:#fff; top:0; height:100vh; overflow-y:scroll; transition:ease all 0.5s; z-index:11; box-shadow:0 0 10px #ccc; }
.sidebar-menu.open { right:0;}
.sidebar-menu ul { margin:150px 0 0 50px; }
.sidebar-menu ul li {}
.sidebar-menu ul li a { display:block; font-size:50px; padding:0 15px; color:#333; }
.sidebar-menu ul li a:hover ,.sidebar-menu ul li.active a { color:#F09C3A; }
#sidebar-close { color:#222; font-size:30px; position:absolute; top:20px; left:20px; cursor:pointer; }
.langiage { float:right; height:80px; border-left:1px solid #dadada; display:block; padding:25px 40px; }
.langiage select { border:0; font-size:14px; }
.search-top { float:right; height:80px; border-left:1px solid #dadada; display:block; padding:25px 40px; }
.search-top input { border:0;font-size:14px; }
.slider img { width:100%; }
.slider .headeings { position:absolute; top:250px; left:0; width:100%; z-index:1; text-align:left; }
.slider .headeings h1 { font-size:78px; color:#000; position:relative; font-weight:bold; }
.slider .headeings p { font-size:36px; line-height:50px; color:#000; margin:0 0 30px 0; font-style:italic; }
.read-more { font-size:18px; padding:0 40px 0 0px; 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:60px 0 40px 0; }
.sec-2 .sec-2-contant { padding:0px; }
.sec-2 .sec-2-contant .ima img { width:100%; }
.sec-2 .sec-2-contant .ima { margin:0 0 20px 0; }
.sec-2 .sec-2-contant p { font-size:24px; margin:0 0 15px 0; line-height:32px; }
.core-banner {}
.core-banner img { width:100%; display:block; }
.core-phil { background:#F2F7FF; padding:60px 0; }
.core-phil-contant {}
.core-phil-contant h3 { font-size:28px; font-weight:bold; color:#000; display:block; }
.core-phil-contant h4 { font-size:32px; font-weight:bold; color:#000; display:block; line-height:42px; }
.core-phil-contant p { font-size:20px; margin:15px 0 25px 0; line-height:32px; font-weight:400; }
.button1 { background:#F09C3A; padding:12px 30px; border:0; font-size:16px; text-transform:uppercase; color:#fff; font-weight:bold; transition:ease all 0.3s; }
.button1:hover { background:#000000; color:#fff; }
.button2 { background:#fff; padding:12px 30px; border:0; font-size:16px; text-transform:uppercase; color:#222; font-weight:bold; transition:ease all 0.3s; }
.button2:hover { background:#000000; color:#fff; }
.button3 { background:#F09C3A; padding:12px 30px; border:0; font-size:16px; text-transform:uppercase; color:#fff; font-weight:bold; transition:ease all 0.3s; }
.button3:hover { background:#fff; color:#F09C3A; }
.letestup { background:#fff; padding:60px 0; }
.letestup h2 { font-size:36px; margin:0 0 25px 0; font-weight:bold; display:block; text-align:left; }
.letestup .button1 { display:block; margin:60px auto 0; }
.lets-inner {}
.lets-inner .ima1 { width:50%; float:left; }
.lets-inner .ima1 img { width:100%; }
.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 p { font-size:28px; margin:0 0 15px 0; line-height:38px; font-weight:400;}
.lets-inner:nth-child(even) .ima1 { float:right; }
.core-banner { position:relative; }
.foundationspap { position:absolute; top:0; left:0; width:100%; padding:70px 0; }
.foundationspap h3 { color:#fff; font-size:28px; line-height:38px; display:block; }
.foundationspap ul { list-style:none; padding:40px 0 0 0px; 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 20px 0; margin:0; }
.foundationspap ul li p { font-size:20px; line-height:20px; display:block; color:#fff; padding:0 0 0px 0; margin:0; }
.ourvolen { background:#fff; padding:60px 0; }
.ourvolen h2 { font-size:36px; margin:0 0 25px 0; font-weight:bold; display:block; text-align:left; }
.ourvolen .button1 { display:block; margin:60px auto 0; }
.vol-list ul { list-style:none; padding:20px 0 0 0; margin:0; text-align:center; }
.vol-list ul li { display:inline-block; width:170px; height:170px; 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.0) ; transition:ease all 0.3s; }
.vol-list ul li:hover:after { background:rgba(240,156,58,0.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 0.3s; }
.vol-list ul li:hover strong { top:40%; }
.vol-list ul li a { display:block; width:100%; height:100%; }
.footer { background:#F09C3A; padding:90px 0 80px 0; }
.footer-link { text-align:center; }
.footer-link h5 { font-size:20px; font-weight:bold; 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:18px; line-height:21px; padding:0 0 15px 0; display:block; text-transform:uppercase; color:#fff; }
.footer-link1 { text-align:left; }
.footer-link1 p { font-size:16px; color:#fff; margin:0; padding: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 0 0px 0; margin:0; display:block; color:#030303; }
.footer-social { float:left; display:block; width:100%; padding:30px 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:36px; text-align:center; line-height:36px; border-radius:40px; display:block; margin:0 15px 0 0px; }
.footer-social li a:hover { color:#7EB8C4; }
.white-heder .menu-sidebar i { color:#fff;}
.slider-inner { position:relative; }
.slider-contant h2 { font-size:86px; line-height:86px; margin:0; display:block; padding:0 0 40px 0; color:#fff; font-weight:300; }
.slider-contant h3 { font-size:36px; 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:#222222; font-weight:700; padding:0 0 0px 0; margin:0; }
.about-innercon p { font-size:16px; display:block; color:#222222; font-weight:400; padding:20px 0; margin:0; }
.about-innercon strong { font-size:22px; display:block; color:#F09C3A; font-weight:400; padding:00px 0; margin:0; position:relative; }
.aboutsidebar { position:relative; top:-140px; background:#F09C3A; 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 {}
.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,0.5); }
.aboutsidebar ul li:last-child a { border-bottom:0; }
.aboutsidebar ul li.active a { padding:10px 0 10px 0px; font-weight:500; }
.aboutsidebar ul li a:hover { padding:10px 0 10px 0px; font-weight:500; }
.aboutsidebar ul li a i { font-size:14px; width:0px; overflow:hidden; transition:ease all 0.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-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 0; }
.key-leaders-in .image { width:100%; height:380px; overflow:hidden; }
.key-leaders-in .image img { width:100%; }
.key-leaders-in .content { padding:20px; text-align:center; transition:ease all 0.3s; }
.key-leaders-in .content h4 { font-size:24px; margin:0 0 10px 0; transition:ease all 0.3s;}
.key-leaders-in .content strong { font-size:16px; font-weight:normal; margin:0 0 0px 0; transition:ease all 0.3s;}
.key-leaders-in a:hover .content { background:#F09C3A;}
.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-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:#F09C3A; 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:-30px; width:250px; right:0; left:inherit; }
.whychoose .slick-dots li { float:right; padding:0 !important; }
.whychoose .slick-dots li button { background:#979797; height:20px; width:20px; margin:0 10px; }
.whychoose .slick-dots li.slick-active button { background:#fff; }
.contacts-top { padding:0px 0; border-top:1px solid #dadada; margin:80px 0 0 0; text-align:center; }
.contacts-top h3 { font-size:36px; color:#000; display:block; padding:0; margin:0 0 20px 0; }
.contacts-top p { font-size:14px; color:#000; display:block; padding:0; width:50%; margin:0px auto 20px; }
.contacts-top .col-md-12 { border-bottom:1px solid #dadada; padding:40px 15px; }
.contacts { padding:60px 0 70px 0; position:relative; }
.contact-deta h4 { text-transform:capitalize !important; }
.contact-deta strong { color:rgba(248,248,248,0.5); }
.contact-form {}
.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-detail {}
.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:#F09C3A; position:absolute; left:0px; 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:none; }
.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:not(.collapsed)::after {}
.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:bold; }
.faq .accordion-body a { color:#F09C3A; }
.breadcrumb { display:block; width:70%; text-align:center; margin:0px auto; padding:30px 0 0 0; }
.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 0px 0; color:#fff; font-weight:400; }
.keyuptodate button { float:right; }
.aboutblog {}
.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:370px; float:left; margin:0 100px; position:relative; }
.ledership-in .imgsec .imgs { width:370px; height:370px; border-radius:200px; border:10px solid #000; overflow:hidden; margin:0px auto; transition:ease all 0.3s; }
.ledership-in .imgsec .imgs img { width: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:#F09C3A !important; }
.ledership-in .imgsec:hover .imgs { border:10px solid #F09C3A; }
.ledership-in .imgsec:hover .plus-ico { background:#F09C3A; }
.ledership-in .imgsec .plus-ico:hover { background:#222; }
.ledership-in .consec { width:50%; float:left; padding:50px 60px 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 0 15px 0; color:#222222; font-style:italic;}
.ledership-in .consec p {display:block; font-size:14px; color:#222222; }
.ledership-in .consec a { display:block; font-size:14px; color:#F09C3A; }
.ledership-in .consec strong { display:block; font-size:14px; margin:15px 0 0px 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:350px; 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%; }
.story-inner .st-con { padding:20px 0 0 0; }
.story-inner .st-con a { font-size:20px; display:block; color:#222; line-height:30px; margin:0 0 10px 0; }
.story-inner .st-con a:hover { color:#F09C3A; }
.story-inner .st-con p { font-size:14px; display:block; padding:0 0 10px 0; margin:0; color:#444; }
.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 strong { display:inline-block; background:#F09C3A; bottom:20px; left:20px; border-radius:30px; padding:10px 20px; color:#fff; font-size:12px; line-height:14px; margin:0 0 20px 0; }
.popupteam { position:relative; padding:60px 20px 20px 20px; }
.popupteam .imgsec { margin:0 0px; position:relative; margin:0 0 0px 0; text-align:center; }
.popupteam .imgsec .img { width:340px; height:340px; border-radius:200px; border:10px solid #F09C3A; overflow:hidden; margin:0px 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:#222222; font-style:italic;}
.popupteam .imgsec strong { display:block; font-size:14px; margin:15px 0 0px 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 0 0px 0; margin:0; color:#444; }
.popupteam .btn-close { position:absolute; top:10px; right:10px; }
.modal-content { border:0; }
.modal-backdrop { background:#F09C3A !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 0px; 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:13px; display:block; }
.story-inner-detail .st-con h4 { font-size:14px; font-weight:bold; 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 {}
.more-sto h3 { font-size:24px; font-weight:bold; display:block; margin:25px 0 15px 0; text-align:center; }
.more-sto ul { list-style:none; display:inline-block; }
.more-sto ul li { width:32%; float:left; margin:.5%; }
.more-sto ul li .img { width:38%; float:left; }
.more-sto ul li .img img { width:100%; }
.more-sto ul li .con { width:60%; float:right; }
.more-sto ul li .con a { font-size:20px; color:#000; margin:0 0 20px 0; padding:0; }
.more-sto ul li .con p { font-size:14px; color:#222; line-height:16px; margin:0; padding:10px 0 0 0;; }
.missionblog { background:#F2F7FF; }
.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:0px auto 20px; transition:ease all 0.3s; }
.testitabs li button { font-size:18px; color:#aaa; width:100%; position:absolute; bottom:0; padding:0; transition:ease all 0.3s; border:0 !important; }
.testitabs li button:hover {background:none !important; border:0 !important; outline:0 !important; color:#fff !important; }
.testitabs li button:focus {background:none !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:none !important; border:0 !important; }
.testitabs li:hover {background:none !important; border:0 !important; outline:0 !important;}
.testitabs li:focus {background:none !important; border:0 !important; outline:0 !important; }
.testitabs li:nth-child(2) button ,
.testitabs li:nth-child(4) button { bottom:20px; }
Kontol Shell Bypass