/* 
1. Add your custom Css styles below
2. Place the this code in your template: 
<link href="css/custom.css" rel="stylesheet">
*/
/* 
    Created on : 30-Sep-2021, 1:32:38 PM
    Author     : bizmotech - Swapnil
*/
/*home page css starts here*/
/*custom font face*/
@font-face {
    font-family: 'Golden Hopes';
    /*a name to be used later*/
    /*otf*/
    /*src: url('../golden_hopes/GoldenHopes_PERSONAL_USE_ONLY.otf');*/
    /*woff*/
    /*src: url('../golden_hopes/GoldenHopes-rgAlA.woff');*/
    /*URL to font*/
    src: url('../golden_hopes/goldenhopes-rgala.otf');
}
@font-face{
    font-family: 'Ubuntu', sans-serif;
    src: url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400&display=swap');
}
.HeaderTitleFont{
    font-family: 'Ubuntu', sans-serif!important;
    font-weight: 500!important;
}
.bootstrap-notify{
    display: none!important;
}
/*css for logo*/
#header .header-inner #logo a > img{
    height: 40px!important;
    width: auto!important;
    display: block;
    margin-top: 15px;
}
/*submenu dropdown symbol css*/
#mainMenu nav > ul > li.dropdown:before{
    color: black!important;
}
/* 
## CSS for scroll to top button for backgroung color
*/
#scrollTop {
    background-color: #fd7220!important;
}
#scrollTop:hover i {
    background-color: #fd7220!important;
}
#scrollTop:after, #scrollTop:before{
    background-color: #fd7220!important;
}
#mainMenu nav > ul > li:hover > a{
    color: #fd7220!important;
}
/*life text height css*/
.lifeTextHight{
    height: 130px!important;
}
/*
color code css starts here
*/
/* 
## CSS for adding golden font family and font size
*/
.GoldenFont{
    font-family: 'Golden Hopes'!important;
}
.GoldenFontTitle{
    font-family: 'Golden Hopes'!important;
    font-size: 67px!important;
}
.GoldenFontSubTitle{
    font-size: 47px!important;
}
/* 
## CSS class for theme color
*/
.thmColor{
    color: #ff6600!important;
}
/* 
## CSS class for logo color
*/
.logoClr{
    color: #fd7220!important;
}
/* 
## CSS class for logo font size 
*/
.logoFntSize{
    font-size: 28px!important;
}
/* 
## CSS class for margin top 300px
*/
.margTp300{
    margin-top: 300px!important;
}
/* 
## CSS class for life of balasaheb section text color 
*/
.lifeOfTxtColor{
    color: #7f7f7f!important
}
/* 
## CSS class for life of balasaheb section background color 
*/
.lifeOfBgColor{
    background-color: #f2f2f2!important
}
/* 
/* 
## CSS class for life of balasaheb section border
*/
.lifSectionBorder{
    border: 1px solid #e4e6ef;
}
/* 
## CSS class for footer logo font weight
*/
.footerLgo{
    font-weight: 600!important;
}
.textJustify{
    text-align: justify!important;
    word-spacing:-2px;
}
/*
new Class css starts here
*/
/* 
## section class for life of balasaheb section for adding padding vertical
*/
section.lifesec{
    padding: 55px 0!important;
}
/* 
## section class for about smarak for adding padding vertical
*/
section.aboutSmarakSec{
    padding: 0px 0!important;
}
/* 
## section class for balasaheb section for adding padding vertical
*/
section.bal-sec{
    padding: 0px 0!important;
}
/* 
## section class for goggle image section for adding padding vertical
*/
section.goggle{
    padding: 70px 0!important;
}
/* 
## section class for gallery image section for adding padding vertical
*/
section.galsec{
    padding: 0px 0!important;
}
/* 
## section class for word of honor section for adding padding vertical
*/
section.honor{
    padding: 10px 0!important;
}
/* 
## css class for right side inkpen css 
*/
.rightPenCss{
    left: -moz-calc(100% - 153px);
    left: -webkit-calc(100% - 153px);
    left: calc(100% - 153px);
    top: -100px;
    width: auto;
    height: 330px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    /*background-image:url('../images/balasaheb/homepage/inkpen.png');*/
}
/* 
## css class for left side pencil css 
*/
.leftPenCss{
    right: -moz-calc(100% - 164px);
    right: -webkit-calc(100% - 164px);
    right: calc(100% - 164px);
    /*top: 500px;*/
    width: auto;
    height: 260px;
    position:absolute;
    z-index: 3;
    background-repeat: no-repeat;
    background-size: contain;
    /*background-image:url('../images/balasaheb/homepage/pencil.png');*/
}
/* 
## css class for left side ink bottle css 
*/
.leftBottleCss{
    right: -moz-calc(100% - 180px);
    right: -webkit-calc(100% - 180px);
    right: calc(100% - 180px);
    top: -10px;
    width: 180px;
    height: 254px;
    /*    bottom: 40px;*/
    position:absolute;
    z-index: 1;
    transform: rotate(45deg);
    background-repeat: no-repeat;
    background-size: contain;
    background-image:url('../images/balasaheb/homepage/inkbottle.png');
}
/*homepage left aligned sigle rudraksha css*/
/* 
## css class for homepage left aligned sigle rudraksha css
*/
.leftRudrakshaCss{
    right: -moz-calc(100% - 98px);
    right: -webkit-calc(100% - 98px);
    right: calc(100% - 98px);
    top: -44px;
    width: auto;
    height: 290px;
    bottom: 0px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    /*background-image:url('../images/balasaheb/homepage/ink.png');*/
}
/*homepage left aligned rudrakshas css*/
/* 
## css class for homepage left aligned sigle rudrakshas css
*/
.leftRudrakshasCss{
    right: -moz-calc(100% - 82px);
    right: -webkit-calc(100% - 82px);
    right: calc(100% - 82px);
    top: -22px;
    width: auto;
    height: 280px;
    bottom: 0px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    /*background-image:url('../images/balasaheb/homepage/rudraksha.png');*/
}
/*homepage right aligned flag css*/
/* 
## css class for homepage right aligned flag css
*/
.rightFlagCss{
    left: -moz-calc(100% - 92px);
    left: -webkit-calc(100% - 92px);
    left: calc(100% - 92px);
    top: -40px;
    width: auto;
    height: 260px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    /*background-image:url('../images/balasaheb/homepage/flag.png');*/
}

/*homepage right aligned goggle css*/
.rightGoggleCss{
    left: -moz-calc(100% - 125px);
    left: -webkit-calc(100% - 125px);
    left: calc(100% - 125px);
    top: -41px;
    width: auto;
    height: 260px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    /*background-image:url('../images/balasaheb/homepage/goggle.png');*/
}
/*alignmetn css class created here*/
.alnright{
    text-align: right!important;
}
.alnleft{
    text-align: left!important;
}
.alncenter{
    text-align: center!important;
}
/*set icons height width of life of balasaheb section*/
.lifeIcons{
    height: 120px;
    width: 120px;
}
/*about smarak section image css*/
.aboutSmarakImg{
    background-color: rgb(255, 255, 255);
    padding: 0px;
    /*background-image: url('../images/balasaheb/homepage/Smarak.png');*/
    background-position: center center;
    background-repeat: no-repeat;
    /*background-size: cover;*/
    /*min-height: 514.594px;*/
    height: auto;
}

/*existing class css with important*/
#header {
    position: absolute!important;
}
.bg-overlay{
    background: rgba(0, 0, 0, 0)!important;
}

.heading-text.heading-section h2:before {
    background-color: #fd7220!important;
}
.inspiro-slider .slide .slide-captions h2{
    font-weight: 400!important;
}
/*make main menu a little bit transparent*/
#header.header-sticky.sticky-active .header-inner, #header.header-sticky.sticky-active #header-wrap{
    opacity: 0.9!important;
}
/*main menu hover color to theme color*/
#mainMenu nav > ul > li > .dropdown-menu > li:hover{
    color: #fd7220!important;
}

#mainMenu nav > ul > li > a:hover{
    color: #fd7220!important;
}

#mainMenu nav > ul > li .dropdown-menu > li > a:hover{
    color: #fd7220!important;
}

/*make header menu color black*/
.dark #mainMenu nav > ul > li > a, #mainMenu.dark nav > ul > li > a{
    color: black;
}

.p-dropdown ul.p-dropdown-content > li a{
    color: #fd7220!important;
}

.portfolio-item, .grid-item{
    padding: 0 0 0px 0;
}
.inspiro-slider.dots-dark .flickity-page-dots .dot:after, .carousel.dots-dark .flickity-page-dots .dot:after{
    background-color: #fd7220!important;
}
.inspiro-slider.dots-dark .flickity-page-dots .dot, .carousel.dots-dark .flickity-page-dots .dot{
    box-shadow: inset 0 0 0 2px #7f7f7f;
}
.testimonial.testimonial-box .testimonial-item{
    background-color: #f8f8f8!important;
    padding: 20px!important;
}
/*testamonial height*/
.testItmeHeight{
    height: 500px!important;
}
/*testimonila content justify*/
.testContJustify{
    text-align: center!important;
}
.flickity-page-dots .dot:after {
    background-color: #fd7220!important;
}
.social-icons.social-icons-colored a, .social-icons.social-icons-colored-hover a:hover {
    color: #fd7220!important;
}
.social-icons.social-icons-border a {
    /*    border: 1px solid #d7d7d7;*/
    background: transparent;
    color: #333;
}
.social-icons a {
    padding: 10px;
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 16px;
    text-align: center;
    margin: 0 4px 4px 0;
    overflow: hidden;
    transition: all .3s ease;
}
li.constitutions::marker {
    color: #fd7220!important;
}
.exploreBtn:hover{
    background-color: white!important;
    color: #fd7220!important;
}
.exploreBtn{
    text-transform: uppercase;
    background-color: #fd7220!important;
    border-color: #fd7220!important;
    border-width: 1px;
    border-style: solid;
    color: white!important;
}

.homeHeaderTitle{
    top: -300px!important;
}
.homeHeaderTitleMargin{
    margin-top: 200px!important;
}
.bannerDiv{
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
@media (min-width:769px) and (max-width:1024px){
    .smarakContDiv{
        padding-top: 40px!important;
    }
}
@media (max-width: 768px){
    .smarakContDiv{
        padding-top: 40px!important;
    }
    .aboutSmarakDiv{
        padding-top: 35px;
    }
    .homeHeaderTitleMargin{
        margin-top: -60px!important;
    }
    .leftRudrakshaCss {
        right: -moz-calc(100% - 98px);
        right: -webkit-calc(100% - 98px);
        right: calc(100% - 98px);
        top: -44px;
        width: auto;
        height: 290px;
        bottom: 0px;
    }
    .homeHeaderTitle{
        top: 45px!important;
    }
    .lead {
        font-size: 16px;
    }
    .GoldenFontSubTitle{
        font-size: 26px!important;
    }
    .GoldenFontTitle{
        font-size: 38px!important;
    }
    .lifeIcons{
        height: 100px;
        width: 100px;
    }
    .mTitle{
        margin-top: 50px!important;
    }
    .lifeTitle{
        margin-top: 115px!important;
    }
    .honorDiv{
        margin-top: 80px!important;
    }
    .galleryDiv{
        margin-top: 95px!important;
    }
}


/*about home /sena pramukh page css starts here*/
.rightRudrasSenaPramukh{
    left: -moz-calc(100% - 96px);
    left: -webkit-calc(100% - 96px);
    left: calc(100% - 96px);
    /*top: 420px;*/
    width: auto;
    height: 240px;
    position:absolute;
    z-index: 3;
    background-repeat: no-repeat;
    background-size: contain;
}
.rightRudras{
    left: -moz-calc(100% - 135px);
    left: -webkit-calc(100% - 135px);
    left: calc(100% - 135px);
    top: 420px;
    width: 223px;
    height: 353px;
    position:absolute;
    z-index: 3;
    background-repeat: no-repeat;
    background-size: contain;
    background-image:url('../images/balasaheb/Shivsena Pramukh/rudraksha mal.png');
}
.rightGoggleSenaPramukh{
    left: -moz-calc(100% - 127px);
    left: -webkit-calc(100% - 127px);
    left: calc(100% - 127px);
    top: -32px;
    width: auto;
    height: 234px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    /*background-image:url('../images/balasaheb/Shivsena Pramukh/sigar.png');*/
    }
@media (max-width: 767px){
    .sliderTitle{
        margin-top: 100px!important;
    }
    .leftChashmaCss{
        height: 250px!important;
    }
    .rigleftChashmaCsshtFlagCSS2{
        height: 310px!important;
        left: calc(100% - 154px)!important;
    }
    .oratorDiv{
        margin-top: 145px!important;
    }
}
.rightFlagCSS2{
    left: -moz-calc(100% - 106px);
    left: -webkit-calc(100% - 106px);
    left: calc(100% - 106px);
    top: -50px;
    width: auto;
    height: 260px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    /*background-image:url('../images/balasaheb/homepage/flag.png');*/
}
.leftChashmaCss{
    right: -moz-calc(100% - 136px);
    right: -webkit-calc(100% - 136px);
    right: calc(100% - 136px);
    top: -17px;
    width: auto;
    height: 250px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    /*background-image:url('../images/balasaheb/Shivsena Pramukh/chashma.png');*/
}
.inkCss{
    right: -moz-calc(100% - 115px);
    right: -webkit-calc(100% - 115px);
    right: calc(100% - 115px);
    top: -30px;
    width: auto;
    height: 280px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    /*background-image:url('../images/balasaheb/Shivsena Pramukh/ink.png');*/
}
.leftPenDotCss{
    right: -moz-calc(100% - 149px);
    right: -webkit-calc(100% - 149px);
    right: calc(100% - 149px);
    top: -54px;
    width: auto;
    height: 260px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    /*background-image:url('../images/balasaheb/Shivsena Pramukh/pen.png');*/
}
section.sybolShivsena{
    padding: 20px 0!important;
}
section.meeting{
    padding: 30px 0!important;
}
section.FrontFighter{
    padding: 0px 0!important;
}
section.leftPenImg{
    padding: 60px 0!important;
}
section.rightSigarSec{
    padding: 60px 0!important;
}
.testimonial .testimonial-item > img{
    height: 120px!important;
    width: 120px!important;
}
.testimonial.testimonial-box .myitem{
    background-color: #fff!important;
}

.lifeOfImg {
    border-radius: 50%;
    display: block;
    float: none;
    height: 120px;
    margin: 0 auto 10px;
    width: 120px;
}
/*.polo-carousel-item img{
    height: 120px!important;
    width: 120px!important;
}*/

.lifeItmImg{
    margin-top: 20px!important;
    height: 120px!important;
    width: 120px!important;
}
.text {
    text-align: justify!important;
}
.tabs .nav-tabs .nav-link.active {
    color: #fd7220!important;
    background-color: transparent;
    border-bottom: 2px solid #fd7220!important;
}

.tabs .nav-tabs .nav-item a:hover{
    color: #fd7220!important;
}



/*css starts for political legend page*/
/*by swapnil*/

/*magzin items css*/
.magzine-item{
    /*border: 1px solid #fbfbfb;*/
    background-color: #fff;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
}
/*magzin item image css*/
.magzine-item > img{
    /* border-radius: 50%; */
    display: block;
    float: none;
    height: 130px;
    margin: 0 auto 10px;
    width: auto;
    margin-bottom: 30px;
    /*border-bottom: 2px solid #fd7220;*/
}
.mgzinImg{
    height: 100px!important;
    width: 250px!important;
}
/*magzin item content border bottom css*/
.spnborder{
    border-bottom: 1px solid #fd7220;
    clear: both;
    position: relative;
    margin: 30px 50px;
}
.leftMarmikImg{
    right: -moz-calc(100% - 139px);
    right: -webkit-calc(100% - 139px);
    right: calc(100% - 139px);
    top: -20px;
    width: auto;
    height: 350px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    /*background-image:url('../images/balasaheb/political legend/marmik.png');*/
}

.saamnaPaperImgRight{
    left: -moz-calc(100% - 150px);
    left: -webkit-calc(100% - 150px);
    left: calc(100% - 150px);
    top: -29px;
    width: auto;
    height: 290px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
}

.leftInkBottleEditorials{
    right: -moz-calc(100% - 112px);
    right: -webkit-calc(100% - 112px);
    right: calc(100% - 112px);
    top: 400px;
    width: auto;
    height: 300px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
}

.rightMike1Political{
    left: -moz-calc(100% - 133px);
    left: -webkit-calc(100% - 133px);
    left: calc(100% - 133px);
    top: -39px;
    width: auto;
    height: 240px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
}
.leftMike2Political{
    right: -moz-calc(100% - 106px);
    right: -webkit-calc(100% - 106px);
    right: calc(100% - 106px);
    top: -54px;
    width: auto;
    height: 260px;
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
}
.post-item.border .postsDiv{
    border: 5px solid #f2f2f2!important;
}

section.secMike1Political{
    padding: 10px 0!important;
}

section.secEditorialsContent{
    padding: 55px 0!important;
}
section.secEditorialsTitleImg{
    padding: 80px 0!important;
}
section.magzines{
    padding: 0px 0;
}
.editorialstxt{
    color: #fd7220!important;
    font-size: 14px!important;
}
.themebg-color{
    background-color: #fd7220!important;
}
@media (max-width: 768px){
    .magzinDiv{
        margin-top: 300px!important;
    }
    .leftInkBottleEditorials{
        top: -15px!Important;
        right: -moz-calc(100% - 112px);
        right: -webkit-calc(100% - 112px);
        right: calc(100% - 112px);
        width: auto;
        height: 300px
    }
}
@media (min-width:769px) and (max-width:1024px){
    .leftInkBottleEditorials{
        top: -43px!Important;
        right: -moz-calc(100% - 112px);
        right: -webkit-calc(100% - 112px);
        right: calc(100% - 112px);
        width: auto;
        height: 300px;
    }
}
.modalbtn{
    cursor: pointer;
}
.mfp-wrap{
    z-index: 1064!important;
}
/*
css for page hindu hriday samrat starts here by swapnil
*/
.hinduTop{
    top: 140px!important;
}
section.hinduSamratSection{
    padding: 0px 0!important;
}
section.secHridaySamratContent{
    padding: 0px 0!important;
}
section.agitationSecForSamratPage{
    padding: 40px 0!important;
}
.rightMudraImgForHridaySamrat{
    left: -moz-calc(100% - 185px);
    left: -webkit-calc(100% - 185px);
    left: calc(100% - 149px);
    top: -40px;
    width: auto;
    height: 300px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
}
.leftSketchHinduSamratPage{
    right: -moz-calc(100% - 111px);
    right: -webkit-calc(100% - 111px);
    right: calc(100% - 111px);
    top: -50px;
    width: auto;
    height: 300px;
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
}
.rightFlagHinduSamratCSS2{
    left: -moz-calc(100% - 114px);
    left: -webkit-calc(100% - 114px);
    left: calc(100% - 114px);
    top: -17px;
    width: auto;
    height: 280px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
}
.leftChashmaHinduSamratCss{
    right: -moz-calc(100% - 125px);
    right: -webkit-calc(100% - 125px);
    right: calc(100% - 125px);
    top: -38px;
    width: auto;
    height: 280px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
}
.pad5{
    padding: 5px!important;
}

@media (max-width: 768px){
    .gallerycontainer{
        margin-top: 180px!important;
    }
    .speechContainer{
        margin-top: 110px!important;
    }
    .leftChashmaHinduSamratCss{
        right: -moz-calc(100% - 116px);
        right: -webkit-calc(100% - 116px);
        right: calc(100% - 116px);
        top: -36px;
        width: auto;
        height: 260px;
    }
    .rightFlagHinduSamratCSS2{
        left: -moz-calc(100% - 100px);
        left: -webkit-calc(100% - 100px);
        left: calc(100% - 100px);
        top: -12px;
        width: auto;
        height: 245px;
    }
}
@media (min-width:769px) and (max-width:1024px){
    .gallerycontainer{
        margin-top: 180px!important;
    }
}
/*
##css code for about smarak page starts here by swap
*/
.themeHeader{
    background-color: #fd7220!important;
    color: #ffffff!important;
    justify-content: center!important;
}
.pad40{
    padding: 40px 0!important;
}
.pad0{
    padding: 0px 0!important;
}
.aboutRudraksha{
    left: -moz-calc(100% - 100px);
    left: -webkit-calc(100% - 100px);
    left: calc(100% - 100px);
    top: -17px;
    width: auto;
    height: 215px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
}
.aboutribbonbrooch{
    right: -moz-calc(100% - 106px);
    right: -webkit-calc(100% - 106px);
    right: calc(100% - 106px);
    top: -40px;
    width: auto;
    height: 218px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
}
.rudrakshTwoAbout{
    left: -moz-calc(100% - 109px);
    left: -webkit-calc(100% - 109px);
    left: calc(100% - 109px);
    top: -27px;
    width: auto;
    height: 130px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
}
.colorwhite{
    color: white!important;
}
.trusteeFont{
    font-size: 24px!important;
    font-weight: 600!important;
}
.trusteeSubFont{
    font-size: 18px!important;
    font-weight: 400!important;
}
.aboutFont{
    font-size: 32px!important;
}
@media (max-width: 768px){
    .aboutFont{
        font-size: 26px!important;
    }
    .trusteeDiv{
        margin-top: 85px!important;
    }
    .trusteeCarouselDiv{
        margin-top: 85px!important;
    }
    .classVisible{
        display: none!important;
    }
    .trusteeFont {
        font-size: 22px!important;
        font-weight: 500!important;
    }
}
@media (min-width:768px) and (max-width:1024px){
    .classVisible{
        display: none!important;
    }

}
/* become cartoonist css =by komal katkar
*/
/*/ right chashma for become cartoonist /*/

/* .cartoonistrightChashmaCss{

    left: -moz-calc(100% - 78px);
    left: -webkit-calc(100% - 78px);
    left: calc(100% - 100px);
    bottom: 50px;
    width: 200px;
    height: 350px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-image:url('../images/balasaheb/cartoonist/specks.png');

} */
/* become cartoonist css =by komal katkar
*/
/*/ right chashma for become cartoonist /*/
.fatkareImgPaddingtop{
    padding-top: 100px!important;
}

.icon-box p {
    margin: 0 0 20px 0px!important;
    font-size: 1rem!important;
    line-height: 28px;
    font-weight: 400;
}
.clsBlock{
    font-size: 20px!important;
}
.cartoonistrightChashmaCss{
    left: -moz-calc(100% - 113px);
    left: -webkit-calc(100% - 113px);
    left: calc(100% - 113px);
    top: -66px;
    width: auto;
    height: 300px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    /*background-image:url('../images/balasaheb/cartoonist/specks.png');*/

}
/* become cartoonist right aligned single rudraksha 
this class return by komal katkar
*/

.cartoonistrightRudrakshasCss{
    left: -moz-calc(100% - 105px);
    left: -webkit-calc(100% - 105px);
    left: calc(100% - 105px);
    top: -3px;
    width: auto;
    height: 160px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    /*background-image:url('../images/balasaheb/cartoonist/single rudraksh.png');*/
}

/*/ left side pen css for cartoonist /*/
section.cartoonistcardsection {
    padding: 10px 0!important;
}
.cartoonistleftPencilCss{

    right: -moz-calc(100% - 116px);
    right: -webkit-calc(100% - 116px);
    right: calc(100% - 116px);
    top: 200px;
    width: auto;
    height: 280px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    /*background-image:url('../images/balasaheb/cartoonist/pencil.png');*/
}

@media (min-width: 320px) and (max-width:714px){
    .cartoonistleftPencilCss{
        right: -moz-calc(100% - 109px);
        right: -webkit-calc(100% - 109px);
        right: calc(100% - 109px);
        top: -30px;
        width: auto;
        height: 260px;
        position:absolute;
        z-index: 1;
        background-repeat: no-repeat;
        background-size: contain;
        /*background-image:url('../images/balasaheb/cartoonist/pencil.png');*/
    }
    /*/ mobile view padding css class  /*/
    .mobileviewPadding{
        padding-top: 100px;
    }


}
/*/ css for multiple rudraksh on become cartoonist page /*/
.cartoonistRightRudrakshaCss{
    right: -moz-calc(100% - 120px);
    right: -webkit-calc(100% - 120px);
    right: calc(100% - 120px);
    top: -15px;
    width: auto;
    height: 300px;
    bottom: 0px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    /*background-image:url('../images/balasaheb/cartoonist/rudraksh.png');*/
}
/*/ css for right pane nad ink image /*/
.cartoonistrightPen_InkCss{
    left: -moz-calc(100% - 77px);
    left: -webkit-calc(100% - 77px);
    left: calc(100% - 77px);
    top: -38px;
    width: auto;
    height: 300px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    /*background-image:url('../images/balasaheb/cartoonist/pen and ink.png');*/
}

/*/ css for cartoonistLeftSigarCss cartonist left sigar image /*/
.cartoonistGoggleCss{
    right: -moz-calc(100% - 96px);
    right: -webkit-calc(100% - 96px);
    right: calc(100% - 96px);
    top: -10px;
    width: auto;
    height: 200px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    /*background-image:url('../images/balasaheb/cartoonist/cigarett.png');*/
}

/*/ chnage the next button color in quotes testimonial /*/
.flickity-button:hover {
    background-color: #fd7220!important;
}
/*/ quotation mark /*/
.cartoonistQuotequotation-mark{


    margin-top: 10px!important;
    font-weight: bold;
    font-size:100px!important;
    color:grey;


}
/*/ media query for become cartoonist pencil  and rudraksh for mobile view  /*/
@media (min-width:425px) and (max-width:1024px){

    .cartoonistleftPencilCss{
        right: -moz-calc(100% - 109px);
        right: -webkit-calc(100% - 109px);
        right: calc(100% - 109px);
        top: -10px;
        width: auto;
        height: 260px;
        position:absolute;
        z-index: 1;
        background-repeat: no-repeat;
        background-size: contain;
        /*background-image:url('../images/balasaheb/cartoonist/pencil.png');*/
    }
    /*/ padding for min width-425 and max-width-1024 /*/
    .mobileviewPadding{
        padding-top: 100px;
    }

}
/* css for min width 320 to  max width  952*/

/* @media (min-width:320px) and (max-width:1024px){
    
    .cartoonistrightChashmaCss{

        left: -moz-calc(100% - 78px);
        left: -webkit-calc(100% - 78px);
        left: calc(100% - 92px);
        bottom: -47px;
        width: 200px;
        height: 302px;
        position:absolute;
        z-index: 1;
        background-repeat: no-repeat;
        background-size: contain;
        background-image:url('../images/balasaheb/cartoonist/specks.png');
    
    }
  
   
} */

.ribbon{
    top: -70px;
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 3;
    background-repeat: no-repeat;
    background-size: contain;
}
@media (max-width: 768px){
    .fatkareDiv{
        margin-top: 146px!important;
    }
    .ribbon{

    }
}
/*/ css for right specks img in cartoonist for 1024 device /*/
@media (min-width:769px) and (max-width:1024px){
    .fatkareDiv{
        margin-top: 138px!important;
    }
}
/* manogat card carousal top padding  */
section.manogatCarousalpadding
{
    padding: 20px 0!important;
}
/*/ manogat card carousal top padding  /*/
section.manogatCarousalpadding
{
    padding: 30px 0!important;
}
/*/ css for point of view paragraph  /*/
.pointofviewPara{
    text-align: justify;

}
/*/ css for manogat carousal in point of view  /*/
.content{
    margin-bottom: -57px!important;
}
/*/ css for padding for paddingforHead  class in point of view marathi /*/
.paddingforHead
{
    padding: 245px!important;
}

.apealcard1{
    box-shadow: none!important;
    background-color: #f0f0f0!important;
}

.apealcard2{
    box-shadow: none!important;
}
/* flex css for trustees section*/
.flex-container {
    display: flex;
    flex-direction: row;
    font-size: 30px;
    text-align: center;
}

.flex-item-left {
    background-color: #eaeaea;
    padding: 10px;
    flex: 50%;
}

.flex-item-right {
    background-color: #fd7220;
    padding: 10px;
    flex: 50%;
}

/*/ Responsive layout - makes a one column-layout instead of two-column layout /*/
@media (max-width: 400px) {
    .flex-container {
        flex-direction: column;
    }
}
/*/ agitations ul css for hriday samarat /*/
.home{
    color: #3c4043;
}
.trustDiv{
    border-radius: 0px!important;
}
@media (max-width: 425px) {
    .trusteeImg{
        float: none!important;
        width: 100%!important;
    }
    .trusteeDesc{
        overflow: hidden;
        position: relative;
        width: 100%!important;
        padding-left: 10px!important;
    }
}
/*  right Mudra image for  home page */
.rightMudraImgForAbouthome{
    left: -moz-calc(100% - 126px);
    left: -webkit-calc(100% - 126px);
   
    left: calc(100% - 126px);
    top: -40px;
    width: auto;
    height: 280px;
    top: -40px;
    width: auto;
    height: 300px;
    position:absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
}
/* css for cartoonist  page in flex */
.flex-containerformagzine {
    display: flex;
    flex-direction: row;
    font-size: 30px;
    text-align: center;
}


.flex-item-leftFormagzine {
   
    padding: 10px;
    flex: 50%;
}

.flex-item-rightForMagzine {
   
    padding: 10px;
    flex: 50%;
}
.MagzineBackgroundColor{
    background-color: #eaeaea;
}

@media (max-width: 768px) {
    .flex-containerformagzine {
        display: flex;
        flex-direction: column;
        font-size: 30px;
        text-align: center;
    } 
}