Editing:
/home/sarth6v3/public_html/css/style.css
Encoding: Re-open Use Code Editor Close Save Changes
/*
Theme Name: An Attire Affair
Theme URI: http://www.anattireaffair.com/
Author: Danstring Technologies PVT. Ltd.
Author URI: http://www.anattireaffair.com/
Description: Style file.
Version: 3.1
Tags: Responsive, Clean, White, black.
*/
/*-------------------------------------- Developed and Designed by Neeraj Bhalla, Web Designer ------------------------------------------*/
/*------------------------------------------------ on 00th month year at time ------------------------------------------------------*/
/*------------------------- Attach fonts ------------------------------*/
/*------------------------ Default Styles ---------------------------*/
/*-------------------------------------------------------------------*/
/* Stylesheets and Google fonts import */
@import url("font-awesome.css");
@import url("animations.css");
@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700);
/*------------------------------------------------------------------*/
*{
margin: 0;
padding: 0;
}
body{
font-size: 14px;
font-family: 'Roboto', sans-serif;
color: #383838!important;
}
a{
text-decoration: none;
cursor: pointer;
transition: 0.2s all;
-o-transition: 0.2s all;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
}
a:hover{
text-decoration: none;
transition: 0.2s all;
-o-transition: 0.2s all;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
}
.embed-responsive.embed-responsive-16by9 > iframe {
height: auto !important;
width: 100% !important;
}
.team-data > h3 {
color:#428bca !important;
}
.link-btn {
background-color: #40078a;
color: #fff;
display: inline-block;
padding: 10px;
margin: 0 auto;
text-transform: uppercase;
margin-left: 11px;
margin-top: 27px;
}
.link-btn:hover{
background-color: #5e205c;
color:#fff;
}
p{
// line-height: 22px;
}
h1, .our-partners{
font-size: 30px;
//text-transform: uppercase;
//font-style: italic;
//margin: 0;
//padding: 0;
}
.bb{
border-bottom: 1px solid #5e205c;
padding-bottom: 5px;
color: #5e205c;
}
.mb-x{
margin-bottom: 10px;
}
.mb-2x{
margin-bottom: 20px;
}
.mb-3x{
margin-bottom: 30px;
}
.mb-4x{
margin-bottom: 40px;
}
.mb-5x{
margin-bottom: 50px;
}
.mt-5x{
margin-top: 50px;
}
.mt-8x{
margin-top: 80px;
}
.mt-3x{
margin-top: 30px;
}
.padding-2x{
padding: 20px;
}
.relative{
position: relative;
}
.upload-resume {
background: rgb(221, 221, 221) none repeat scroll 0 0;
color: rgb(0, 0, 0);
display: inline-block;
font-size: 14px;
left: 113px;
padding: 10px !important;
text-transform: uppercase;
top: 6px;
}
.arrow-icon {
display: block;
margin-bottom: -4px;
margin-top: -17px;
padding-left: 42px;
}
/*.fileupload .form-control.txtinput.magic-placeholder {
float: left;
width: 50% !important;
}
.upload-resume {
background: #014d86 none repeat scroll 0 0;
color: #fff;
float: left;
font-size: 18px;
margin-left: 5%;
padding: 9px 17px !important;
text-transform: uppercase;
width: 45%;
}*/
ul{
list-style: none;
padding-left: 0;
margin: 0;
}
.light-grey{
background-color: #f8f8f9;
}
.blue{
background-color: #40078a;
}
.footer-sm {
display: none;
}
/*------- transitions -------*/
.transition{
transition: 1s all;
-o-transition: 1s all;
-moz-transition: 1s all;
-webkit-transition: 1s all;
}
/*----------- header style---------*/
.header-top-area{
background-color: #52b6ff;
}
.header-top-block{
margin: 0 auto;
}
.header-top-link-li {
float: left;
border-right: 1px solid #52b6ff;
text-transform: uppercase;
font-size: 0.9em
}
.header-top-link-li a {
background-color: #045ea1;
color: #fff;
display: inline-block;
padding: 10px 20px;
text-decoration: none;
}
.header-top-link-li a:hover{
color: #a8daff;
}
#News .tab-pane-area {
padding: 9px 25px;
}
/*header-top-area*/
/*header-area*/
.header-area{
text-align: left;
}
.customer-care, .header-account {
padding: 50px 0 0;
}
.customer-care-li {
float: none;
font-size: 0.9em;
text-align: left;
text-transform: uppercase;
display: inline-block;
vertical-align: bottom;
}
.logo {
padding: 7px 0;
width: 128px;
}
.header-account-li {
display: inline-block;
margin-right: 5px;
}
#choose-file {
padding-bottom: 41px !important;
padding-top: 2px !important;
}
.header-account-li:last-child{
margin-right: 0;
}
/*header-area*/
/*navigation*/
.menu {
float: left;
width: 100%;
font-size: 11.5px;
}
.menu-li {
float: left;
text-transform: uppercase;
}
.menu-li:first-child{
// border-left: 1px solid #7b19ec;
}
.menu-li a {
color: #fff;
display: block;
padding: 16px 8px;
text-decoration: none;
}
.menu-li a:hover{
background-color: #5e205c;
}
.sub-menu{
position: absolute;
visibility: hidden;
opacity: 0;
background-color:#40078a;
transition: 0.8s all;
-o-transition: 0.8s all;
-moz-transition: 0.8s all;
-webkit-transition: 0.8s all;
top: 100px;
width: 248px;
z-index: 999;
}
/*.sub-sub-menu{
background-color:#40078a;
}*/
.menu-li:hover .sub-menu{
visibility: visible;
opacity: 1;
transition: 0.8s all;
-o-transition: 0.8s all;
-moz-transition: 0.8s all;
-webkit-transition: 0.8s all;
top:50px;
z-index: 999;
}
.sub-menu-li{
position: relative;
}
.sub-menu-li a {
background-color: #40078a;
border-bottom: 1px solid #7b19ec;
display: block;
padding: 10px;
}
.sub-menu-li a:hover{
background-color:#5e205c;
}
.sub-sub-menu{
position: absolute;
visibility: hidden;
opacity: 0;
background-color:#2baeff;
transition: 0.8s all;
-o-transition: 0.8s all;
-moz-transition: 0.8s all;
-webkit-transition: 0.8s all;
top: 100px;
width: 250px;
z-index: 999;
left: 250px;
}
.sub-menu-li:hover .sub-sub-menu{
visibility: visible;
opacity: 1;
transition: 0.8s all;
-o-transition: 0.8s all;
-moz-transition: 0.8s all;
-webkit-transition: 0.8s all;
top:0px;
z-index: 999;
}
.social-icon{
position: fixed;
left: 0;
top: 40%;
z-index: 999;
list-style: none !important;
}
.events{
position: fixed;
right: 0;
top: 40%;
z-index: 999;
}
.sl-icon {
display: block;
}
.sl-icon:hover {
opacity: 0.7;
}
/*navigation*/
/*top-slider*/
.slider-area{
position:relative;
}
.flexslider-top .flex-direction-nav, .flex-control-nav .flex-direction-nav{
display: none;
}
.flexslider{
background: transparent none repeat scroll 0 0!important;
border-radius: 0!important;
margin: 0!important;
}
.flexslider-top .flex-control-nav {
bottom: 10px;
z-index: 222;
}
.flexslider-top .flex-direction-nav .flex-prev, .flexslider-top .flex-direction-nav .flex-next {
background-color: #5d2297;
}
.flexslider-top .flex-direction-nav .flex-prev {
left: 10px;
}
.flexslider-top .flex-direction-nav .flex-next{
right:10px;
padding-right: 10px;
}
.flexslider-top .flex-direction-nav a::before {
font-size: 28px;
padding-left: 10px;
}
.flexslider-top .flex-direction-nav a {
color: #fff;
}
.flex-direction-nav a {
color: #5e205c!important;
}
/*top-slider*/
/*services*/
.service-block {
position: absolute;
top: 57px;
}
.services-ul {
background-color: #5e205c;
color: #fff;
float: left;
padding: 10px;
position: absolute;
width: 300px;
z-index: 222;
}
.service-li {
border-bottom: 1px solid #35719f;
display: inline-block;
width: 100%;
}
.service-li:last-child{
border:0;
}
.service-icon{
width: 20%;
float: left;
}
.service-text{
width: 80%;
float: left;
}
.count {
float: left;
font-size: 2.5em;
font-weight: bold;
height: 38px;
width: 100%;
color: #fffb9b;
}
.service-name {
width: 100%;
float: left;
}
/*services*/
/*about-area*/
#about-area p {
padding: 10px 0;
}
/*about-area*/
/*causes*/
.causes-area{
text-align: center;
}
.causes-block {
padding-top: 20px;
}
.causes-block-2 {
background-color: #f7f7f7;
color: #fff;
padding-bottom:10px;
}
.causes-heading {
font-size: 1.2em;
margin: 0;
padding: 16px 0;
text-transform: uppercase;
background-color: #5e205c;
}
.causes-text {
margin-bottom: 10px;
padding: 10px;
text-align: justify;
color: #383838;
}
.causes-btn {
border: 1px solid #ddd;
border-radius: 5px;
display: inline-block;
padding: 10px 20px;
text-transform: uppercase;
}
.causes-btn:hover {
border: 1px solid #5e205c;
color: #5e205c;
}
/*causes*/
/*tab-area*/
.election-center{
text-align:center;
}
.election-center h2 {
color: #fff;
font-size: 1.1em;
height: 50px;
line-height: 50px;
margin: 0;
padding-left: 30px;
text-transform: uppercase;
}
.nav-tabs{
background-color: #40078a;
border-bottom: 0;
}
.nav-tabs > li {
background-color: #40078a;
float: left;
font-size: 1.1em;
line-height: 50px;
margin-bottom: 0;
text-align: center;
text-transform: uppercase;
width: 100%; //vishal
border-right: 1px solid #248fdd;
}
.nav-tabs > li:last-child{
border-right: 0;
}
.nav-tabs > li > a {
border-image: none;
border-radius: 0;
border-style: none solid none none;
border-width: 0 1px 0 0;
color: #fff;
margin-right: 0;
line-height: 30px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
border: 0;
cursor: default;
background-color: #5e205c;
color: #fff;
}
.nav > li > a:hover, .nav > li > a:focus {
background-color: #5e205c;
border:0;
color:#FFF;
}
.tab-pane-area {
border-bottom: 1px solid #dcdcdd;
float: left;
padding: 9px 25px;
width: 100%;
}
.tab-pane-area img{
width: 100%;
}
.news-section h4, .testimonial h4 {
color: #5e205c;
font-size: 1em;
margin: 0;
padding-bottom: 2px;
}
.news-section p, .testimonial p{
font-size: 0.9em;
}
.btn-success {
height: 30px;
}
.btn {
border-radius: 4px;
cursor: pointer;
line-height: 27px;
padding: 0 10px;
}
.tab-content {
//background-color: #f7f7f7;
float: left;
//width: 100%;
}
.more-news {
margin: 10px;
}
.founder, .testimonial-heading {
color: #fff;
font-size: 1.1em;
height: 50px;
line-height: 50px;
margin: 0;
text-transform: uppercase;
background-color: #40078a;
font-weight: normal;
}
.founder-block{
text-align: center;
}
.founder-block h5 {
font-size: 1.1em;
text-transform: uppercase;
color: #000;
border-bottom: 1px solid #000;
padding-bottom: 5px;
}
.founder-text{
padding: 10px 4%;
min-height: 351px;
}
/*tab-area-end*/
/*testimonial*/
.testimonial-text{
background-color: #f7f7f7;
width: 100%;
float: left;
}
.testimonial-heading{
padding-left: 20px;
}
.testimonial p{
margin-bottom: 0
}
.testimonial-text .tab-pane-area {
padding: 9px 0;
}
.testimonial-video {
padding: 10px 4%;
min-height: 321px;
}
.testimonial-video img{
width: 100%;
}
/*testimonial*/
/*partner*/
.partner-heading {
text-align: center;
}
#partner-area {
padding: 20px 0;
}
.partner-slider .slides > li, .causes-slider .slides > li {
background-color: #fff;
margin-right: 5px!important;
}
.b-bottom{
border-bottom: 1px solid #bdbdbd;
padding-bottom: 20px;
}
.partner-area .col-md-12 > p {
font-weight: bold;
padding-bottom: 10px;
}
.partner-slider .flex-control-nav, .causes-slider .flex-control-nav{
display: none;
}
.explore-dis{
padding-bottom: 0 10px;
}
.explore-dis h5 {
color: #025d01;
font-weight: bold;
font-size: 1.2em;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
.partner-slider .flex-direction-nav .flex-prev, .causes-slider .flex-direction-nav .flex-prev {
left: -46px !important;
}
.partner-slider .flex-direction-nav .flex-next, .causes-slider .flex-direction-nav .flex-next {
right: -35px !important;
}
.partner-slider .flex-direction-nav a::before, .causes-slider .flex-direction-nav a::before {
font-size: 26px;
}
/*partner*/
/*newsletter-area*/
/*newsletter-area*/
/*footer-area*/
.footer-area {
background-color: #0e0e0e;
width: 100%;
padding: 20px 0;
}
.footer-about{
color: #fff;
}
/*.sm-area-ul {
text-align: center;
}*/
.sm-logo {
display: inline-block;
}
.facebook, .tweeter, .gplus, .youtube {
display: block;
border: 1px solid #40078a;
}
.facebook:hover, .tweeter:hover, .gplus:hover, .youtube:hover {
border: 1px solid #40078a;
display: block;
opacity: 0.8;
}
.footer-block {
border-right: 1px solid #444444;
padding: 20px 10px;
min-height: 287px;
}
.footer-block:last-child{
border:0;
}
.footer-title {
color: #fff;
font-size: 1em;
text-transform: uppercase;
}
.footer-link {
background-image: url("https://sarthakindia.org//images/arrow-link.png");
background-position: left center;
background-repeat: no-repeat;
padding: 6px 0 6px 15px;
}
.footer-link a {
color: #ccc;
text-decoration: none;
}
.footer-link a:hover {
padding-left: 5px;
}
.footer-block h6 {
font-size: 1.1em;
font-weight: normal;
text-transform: uppercase;
}
.footer-block p {
color: #cccccc;
font-size: 0.9em;
line-height: 18px;
}
.magic-placeholder-text {
color: #919190;
left: 10px;
position: absolute;
top: 10px;
padding: 0 0 0 20px !important;
}
.magic-placeholder-text1 {
color: #919190;
left: 10px;
position: absolute;
top: 10px;
padding: 10 0 0 20px !important;
}
.form-control {
border-radius: 0;
width: 100% !important;
height: 40px;
border:0;
}
.newsletter, .search{
width: 80%;
float: left;
}
.search-area{
padding-top: 8px;
}
.subscribe-btn {
background-color: #40078a;
border: 0 none;
color: #fff;
font-size: 1.2em;
padding: 8px;
text-transform: uppercase;
width: 20%;
float: left;
text-align: center;
}
.subscribe-btn:hover {
background-color: #5e205c;
color: #fff;
}
.search-btn{
background-color: #014d86;
}
/*footer-area*/
.copyright-area{
background-color: #40078c;
color: #fff;
padding: 10px 0;
margin-bottom: -10px;
}
.breadcrumb {
border-radius: 0px;
margin: 10px 0;
}
.inner-page h1{
font-size: 1.8em;
padding: 0;
text-transform: uppercase;
color: #40078a;
padding-bottom: 5px;
margin-bottom: 20px;
font-style: normal;
}
.inner-page h2{
font-size: 1.5em;
margin: 0;
padding: 0;
padding-bottom: 5px;
}
.inner-page p{
text-align: justify;
padding:5px 0;
}
.inner-page-text{
clear: both;
}
.thumbnail .caption {
color: #333;
padding: 9px;
min-height: 148px;
}
.advisory-board {
padding-bottom: 1px;
}
.inner-page-ul{
list-style-type:disc;
padding-left: 3%;
}
.inner-page-ul li{
padding: 5px 0;
}
.form-style-1 .form-control {
background-color: #f4f4f4;
border: medium none;
border-radius: 0;
float: right;
height: 40px;
margin-bottom: 13px;
width: 100%;
box-shadow: none;
}
/*.magic-placeholder-text {
color: #626262;
left: 10px;
position: absolute;
top: 10px;
}*/
textarea {
background-color: #f4f4f4;
border: 0 none;
overflow: auto;
padding: 10px;
resize: vertical;
width: 100%;
}
.send-btn {
border: 0 none;
margin: 20px;
}
.contact-us {
background-image: url("https://sarthakindia.org/images/contact_us.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;
min-height: 276px;
padding: 15px;
}
.event-date {
background-color: #5e205c;
border-radius: 10px;
color: #000;
display: block;
font-size: 2em;
line-height: 27px;
padding: 13px 0;
text-align: center;
width: 100%;
}
.toggle-menu{
display: none;
}
.what-we-do, .who-we-are, .who-we-are1, .who-we-are03 .online, .governance, .gallery, .get-involved {
display: none;
}
.mb-banner{
display: none;
}
#header-area { position:relative; }
.top-menu {
/* float: right;*/
margin: 0;
list-style-type: none;
position: ABSOLUTE;
right: 0px;
top: 25px;
}
.top-menu li{
display:inline-block;
font-family: 'Roboto', sans-serif;
letter-spacing:.04em;
text-transform:uppercase;
font-weight:700;
font-size:12px;
}
.top-menu li a{
padding:0 20px;
line-height:37px;
display:block;
background-color:#40078a;
color:rgba(255,255,255,1);
-webkit-transition:all 0.3s ease 0.2s;
-moz-transition:all 0.3s ease 0.2s;
-ms-transition:all 0.3s ease 0.2s;
-o-transition:all 0.3s ease 0.2s;
transition:all 0.3s ease 0.1s;
}
.top-menu li a:hover{
text-decoration:none;
background-color: #5e205c;
}
.centers_section h4 { font-size:18px; margin-bottom:20px; margin-top:40px !important; }
.centers_section h5 { font-size:16px; }
.center_address_section { background-color:#f1f1f1; padding:20px; min-height:250px; margin-top: 20px; }
.center_address_section p { padding-bottom:0px !important; }
.form-control {
border:1px solid #ccc;
border-radius: 0;
height: 40px;
width: 100% !important;
color:#666;
}
.join_us::-webkit-input-placeholder {
color: red;
}
.join_us:-moz-placeholder { /* Firefox 18- */
color: red;
}
.join_us::-moz-placeholder { /* Firefox 19+ */
color: red;
}
.join_us:-ms-input-placeholder {
color: red;
}
.advisory-board .advisory_content { background-color:#efefef; padding:10px; border:1px solid #dddddd; -webkit-border-radius: 5px; -moz-border-radius: 5px;
border-radius: 5px; }
.grid-holder{
margin:0;
list-style-type:none;
width: 105%;
margin-left: -3%;
float: left;
}
.grid-holder .grid-item{
float: left;
}
.grid-item{
margin-bottom: 1%;
border-bottom: medium none;
}
.grid-item-inner{
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
background:#ffffff;
}
.grid-holder .grid-item{
margin-left: 1%;
}
.grid-holder.col-2 .grid-item{
width:47%;
}
.grid-holder.col-3 .grid-item{
width:32%;
}
.grid-holder.col-4 .grid-item{
width:22%;
}
.grid-media{
position:relative;
}
.grid-item-inner img { width:100%; height:200px; }
.grid-holder.col-4.gallery-grid li { margin-left: 1%; }
.projects-grid .project-cat, .gallery-grid .gallery-cat{
position: absolute;
right:0;
bottom:0;
z-index:99;
padding:2px 12px;
color:#ffffff;
font-family: 'Roboto', sans-serif;
text-transform:uppercase;
font-size:11px;
letter-spacing:1px;
}
.posts-grid h3.post-title{
margin-bottom:5px;
}
.posts-grid .meta-data{
margin-bottom:12px;
}
.single-post .meta-data, .post-single-image{
margin-bottom:20px;
}
.related-posts{
margin:20px 0;
}
.related-post h3{
margin-bottom:0;
margin-top:10px;
}
.overlay-transparent, .gallery-grid .gallery-cat {
background: rgba(0,0,0,.6);
}
.isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.media-box{
position:relative;
display:block;
max-width:100%;
}
.media-box .zoom, .media-box .expand{
position:absolute;
width:36px;
height:36px;
line-height:36px;
margin:0 auto;
text-align:center;
color:#ffffff!important;
font-size:1.2em;
z-index:999;
left:50%;
top:50%;
margin-left:-18px;
margin-top:-18px;
-webkit-border-radius:4px;
border-radius:4px;
opacity:0;
-webkit-transition:all 0.3s ease 0.2s;
-moz-transition:all 0.3s ease 0.2s;
-ms-transition:all 0.3s ease 0.2s;
-o-transition:all 0.3s ease 0.2s;
transition:all 0.3s ease 0.1s;
}
.media-box:hover img{
opacity:.9
}
.media-box:hover .zoom, .media-box:hover .expand{
opacity:1;
-webkit-transition: opacity .3s .2s;
-moz-transition: opacity .3s .2s;
-ms-transition: opacity .3s .2s;
-o-transition: opacity .3s .2s;
transition: opacity .3s .2s;
}
.media-box .media-box-wrapper{
padding:30px;
}
.fa {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-search:before {
content: "\f002";
}
.fluid-width-video-wrapper { /* give fit to box an aspect ratio */
display: inline-block!important; /* let it be styled thusly */
padding: 0!important; /* get rid of pre-styling */
margin: 0!important;
width: 100%!important; /* take up full width available */
padding-top: 56.25%!important; /* give aspect ratio of 16:9; "720 / 1280 = 0.5625" */
height: 0px!important; /* don't want it to expand beyond padding */
position: relative!important; /* allow for absolute positioning of child elements */
}
.fluid-width-video-wrapper iframe {
position: absolute!important; /* expand to fill */
top: 0px!important;
left: 0px!important;
right: 0px!important;
bottom: 0px!important;
}
.main .content {
padding: 0px 0 30px;
}
.nav.nav-pills.sort-source { padding-top:10px; padding-bottom:40px; }
.secondary-bar .nav > li > a:hover { color:#fff !important; }
#nav-area { position: relative; z-index: 999; }
body.mfp-zoom-out-cur { z-index: 999999 !important; }
.mfp-bg { z-index: 999999 !important; }
.mfp-wrap { z-index: 9999999 !important; }
.success_stories .col-sm-3.col-xs-12 { padding-left:0px; }
.success_stories img { max-width:100%; }
.grid-holder {
margin: 0;
list-style-type: none;
width: 105%;
margin-left: -3%;
float: left;
}
.grid-item {
margin: 1%;
border-bottom: medium none;
}
.grid-holder {
margin: 0;
list-style-type: none;
width: 105%;
margin-left: -3%;
float: left;
}
.grid-holder .grid-item {
float: left;
}
.grid-holder .grid-item {
margin-left: 1%;
}
.grid-holder.col-3 .grid-item {
width: 29.63%;
}
.grid-item-inner img {
max-width: 100%;
/* max-height: 109px;*/
}
.grid-item-inner {
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
background: #ffffff;
}
.media-box {
position: relative;
display: block;
max-width: 100%;
}
.media-box .zoom, .media-box .expand {
position: absolute;
width: 36px;
height: 36px;
line-height: 36px;
margin: 0 auto;
text-align: center;
color: #ffffff!important;
font-size: 1.2em;
z-index: 999;
left: 50%;
top: 50%;
margin-left: -18px;
margin-top: -18px;
-webkit-border-radius: 4px;
border-radius: 4px;
opacity: 0;
-webkit-transition: all 0.3s ease 0.2s;
-moz-transition: all 0.3s ease 0.2s;
-ms-transition: all 0.3s ease 0.2s;
-o-transition: all 0.3s ease 0.2s;
transition: all 0.3s ease 0.1s;
}
.fa {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.grid-content {
// padding: 15px 20px 1px 20px;
}
.grid-item h3 {
line-height: 1.2em;
font-size: 18px;
}
.annual_report .border_report { border:1px solid #ccc; width:95%; margin:auto; }
.annual_report img { max-width:100%; }
.info-cols li {
width: 25%;
text-align: center;
float: left;
height: 40px;
border-bottom: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
}
.info-cols li a {
width: 100%;
padding: 10px;
display: block;
text-align: center;
font-size: 15px;
}
/*----------- 22-6-2016---------*/
.donatelink a{color: #fff;text-transform: uppercase;font-size: 18px;font-weight: bold;}
.donatelink{ background-color:#40078a; display:inline-block; width:33%; margin-right:23px; text-align:center; padding:15px 0; color:#fff;}
.lastbtn{ background-color:#40078a; display:inline-block; width:33%; text-align:center; padding:15px 0; color:#fff;}
.content_list li { padding-bottom:13px; text-align:left; line-height:25px; list-style-type:disc; font-size:15px; font-weight:600; }
/*----------- footer style---------*/
/*Responsive*/
@media (max-width: 1215px) {
.service-block {
top: 18px;
}
.count {
font-size: 2em;
font-weight: bold;
height: 31px;
}
.partner-slider .flex-direction-nav .flex-prev, .causes-slider .flex-direction-nav .flex-prev {
left: 0 !important;
}
.partner-slider .flex-direction-nav .flex-next, .causes-slider .flex-direction-nav .flex-next{
right: 0 !important;
}
}
@media (max-width: 1200px) {
.menu-li a {
padding: 18px 16%;
}
.service-block {
position: relative;
top: -13px;
}
.services-ul {
width: 100%;
}
.service-li {
border-right: 1px solid #35719f;
float: left;
text-align: center;
width: 20%;
border-bottom: 0;
min-height: 150px;
}
.service-icon, .service-text {
float: none;
width: 100%;
}
.causes-area {
margin-top: 18%;
}
}
@media (max-width: 991px)
{
.nav-area {
border-bottom: 2px solid #000;
}
.menu {
float: left;
width: 100%;
padding-top: 10px;
}
.menu-li a {
padding: 18px 18.7%;
}
.menu-li {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #7b19ec -moz-use-text-color #7b19ec #7b19ec;
border-image: none;
border-style: solid none solid solid;
border-width: 1px 0 1px 1px;
float: left;
text-transform: uppercase;
}
.menu-li:last-child {
border-right: 1px solid #7b19ec;
}
.search-area {
float: left;
padding: 10px 0;
width: 100%;
}
.footer-block {
border-right: none;
min-height: auto;
width: 100%;
border-bottom: 1px solid #444;
}
.events, .social-icon {
display: none;
}
.menu-li:hover .sub-menu{
top:68px;
}
.causes-area {
margin-top: 22%;
}
.sub-menu-li a, .sub-sub-menu-li a {
padding: 13px 5px!important;
}
.founder-block {
text-align: center;
margin-bottom: 50px;
}
.testimonial-text.video-block {
margin-top: 50px;
}
}
@media (max-width: 980px) {
.flex-direction-nav {
display: none;
}
.row {
margin-left: 0!important;
margin-right: 0!important;
}
.menu-li a {
padding: 18px 17.3%;
}
}
@media (max-width: 769px) {
.logo {
padding: 10px 0;
width: 100px;
}
.top-menu {
/* float: right;*/
top: 0px;
}
.top-menu li{
font-size:10px;
}
.top-menu li a{
padding:0 5px;
line-height:25px;
}
.toggle-menu-btn {
color: #fff;
font-size: 2em;
}
.toggle-menu {
background-color: #003b60;
border: 0 none;
display: block;
margin-bottom: 3px;
padding: 10px;
}
.menu-toggle-link :hover {
background-color: #022339;
}
.menu{
display: none;
}
.menu-li{
border:1px solid #7b19ec;
border-top:none;
float: none;
position: relative;
}
.menu-li:first-child {
border-top: 1px solid #7b19ec;
}
.menu-li a {
padding: 18px 20px;
}
.sub-menu{
position: relative;
visibility: visible;
opacity: 1;
top:0;
width: 100%;
border-top: 1px solid #7b19ec;
}
.what-we-do-menu, .who-we-are-menu, .who-we-are1-menu, .who-we-are03-menu,.governance-menu,
.online-menu, .gallery-menu, .get-involved-menu, .who-we-are2-menu2, .who-we-are1-menu1{
display: none;
}
.sub-menu-li {
background-color: #ff0000!important;
}
.sub-menu-li a{
padding: 18px 20px!important;
}
.menu-li:hover .sub-menu{
top: 0;
}
.sub-sub-menu{
visibility: visible;
opacity: 1;
display: none;
top: 0;
width: 100%;
position: relative;
left: 0;
}
.sub-menu-li:hover .sub-sub-menu{
top: 0;
}
.what-we-do, .who-we-are, .who-we-are1, .who-we-are03, .governance, .online, .gallery, .get-involved, .who-we-are2 {
background-color: #5e205c;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 22px;
padding: 17px 13px;
position: absolute;
right: 0;
top: 0;
}
.tab-pane .col-md-2, .tab-pane .col-md-10 {
width: 100% ;
text-align: center;
}
.tab-pane .col-md-10 {
padding: 20px;
}
.causes-area {
margin-top: 30%!important;
}
#copyright-area .col-md-6{
width: 100%;
text-align: center;
}
#copyright-area .col-md-6 .pull-right{
text-align: center;
float: none!important;
border-top: 1px solid #fff;
padding: 10px 0;
margin-top: 10px;
display: inline-block;
}
.flexslider-top .flex-control-nav {
display: none;
}
.pc-banner{
display: none;
}
.mb-banner{
display: block;
}
}
@media (max-width: 558px) {
.logo {
padding: 10px 0;
width: 100px;
margin-top: 15px;
}
.top-menu {
/* float: right;*/
top: 0px;
}
.top-menu li{
font-size:10px;
}
.top-menu li a{
padding:0 5px;
line-height:25px;
}
.causes-area {
margin-top: 40%!important;
}
.service-li {
border-right: medium none;
min-height: 0;
width: 100%;
float: none;
border-bottom: 1px solid #35719f;
display: inline-block;
}
.nav-tabs > li {
font-size: 1em;
}
.link-btn .pull-right{
float: none!important;
}
.services-ul {
position: relative;
}
.causes-area {
margin-top: 50px!important;
}
.service-icon {
display: none;
}
.services-ul{
padding:0;
}
}
@media (max-width: 433px) {
.logo {
padding: 10px 0;
width: 100px;
margin-top: 15px;
}
.top-menu {
/* float: right;*/
top: 0px;
}
.top-menu li{
font-size:10px;
}
.top-menu li a{
padding:0 5px;
line-height:25px;
}
.tab-pane-area .col-md-1{
width: 100%!important;
text-align: center;
}
.tab-pane-area .col-md-1 img{
width: auto;
}
.tab-pane-area .col-md-11{
width: 100%!important;
text-align: center;
}
.nav-tabs > li {
width: 100%;
}
.tab-pane-area{
text-align: center;
}
}
.table-setting {
width: 25%;
padding: 5px 0;
}
.footer-block h6 {
color:#FFF !important;
}
.footer-last {
border-right: none !important;
}
#copyright-area a {
color:#FFF;
}
a#back-to-top {
background-color: #5e205c;
color: #fff;
padding: 10px 20px;
}
.top{
position: fixed;
bottom: 100px;
right: 45px;
}
.txtinput {
margin-bottom: 20px;
}
.captch-img {
background-color: #000;
float: left;
margin: 0 5px;
}
.captch-code {
float: left;
width: 220px !important;
}
a.refresh {
float: left;
}
.captch-div span {
padding: 0px 0px 0px 160px !important;
}
.jobsdiv {
margin-bottom:20px;
}
.jobsdiv h4 {
color:#40078a;
font-size:20px;
}
.jobsdiv a {
/*margin-top:0px;*/
}
.pagination li.current a {
color:#383838;
}
/*.embed-responsive iframe {
height: 170px !important;
width: 245px !important;
}*/
.press-releases .gallery-grid img {
height: 250px;
width: 280px;
}
.to-team1 {
text-align: justify !important;
}
nav.paging {
text-align: center !important;
}
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#JasperRoberts {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#TheBlogWidgets {
float:right;
cursor:pointer;
background:url(https://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/TheBlogWidgets.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}