*{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    font-family: 'Titillium Web','Open Sans', sans-serif;

    text-decoration: none;

    letter-spacing: .015em;

}

:root{

    --theme-color:#43AD49;

    /*--primery-text:#6f6f6f;*/
    --primery-text:#212529;

    --light-black:#6f6f6f;

    --Defult-color:#FFF;

    --article-border:#ddd;

    --theme-font:400 16px 'Titillium Web','Open Sans', sans-serif;

    --theme-font-bold:bold 16px 'Titillium Web','Open Sans', sans-serif;

    --theme-font-14:bold 16px 'Titillium Web','Open Sans', sans-serif;

}

html,

body{

    background: var(--theme-color)!important;

    overflow-x: hidden;

}

body a{

    color:var(--theme-color);

    text-decoration: none;

    transition: .2s ease-in-out 0s;

}

body a:hover{

    color:var(--light-black);

}

* img{

    max-width: 100%;

    display: block;

}

i{

    font-size:1em

}

.web-box{

    background: var(--Defult-color);

}

.big-icons{

    font-size:2em

}

.b-block{

    border-block: 1px solid var(--article-border);

}

a.white{

    color:var(--Defult-color)!important;

    font:bold 14px 'Titillium Web', sans-serif;

    display: block;

}

::selection {

    background: var(--theme-color);

    color: var(--Defult-color);

}





/***************** navigation-menu ******************/

.navbar-expand-sm{

    padding-top:0px!important;

}

.middle-nav{

    padding-block:1rem;

    justify-content: space-between;

    align-items: center;

}

.middle-right-img{

    max-width: clamp(25em,65% + 5px,45rem);

}

.main-nav{

    text-transform: uppercase;

    width: 100%;

    flex-wrap: wrap;

}

.main-nav li a{

    padding: 10px max(1vw,0.5rem)!important;

    display: block;

    font:bold 15px 'Titillium Web', sans-serif;

    color: var(--light-black);

}

.bottom-nav{

    border-bottom: 1px dotted #c5c5c5;

    width: 100%;

    overflow-x: auto;



}



.bottom-nav li a{

    color: var(--theme-color);

    font:bold 14px 'Titillium Web', sans-serif;

    text-transform: uppercase;

    display: block;   

}

.Search-box{

    position: relative;

    margin-left: auto!important;

}

.Search-box input[type="text"],

select.language{

    padding: 6px 1.5rem 6px .5rem;

    border: 1px solid #e2e2e2;

/*    box-shadow: inset 0px 2px 10px rgb(0 0 0 / 12%);*/

    border-radius: 2px;

    width: 145px;

}

.Search-box input[type="text"]{

    width: clamp(12rem,20vw,17rem);

}

select.language{

    outline: none;

    font-size: 13px;

    color: var(--primery-text);

    padding: 1px 5px;

}

.Search-box input{

    border: 0;

    outline: 0;

    font-size: 12px;

    color: var(--primery-text);

}

.search-button[type="submit"]{

    position: absolute;

    background:transparent url(https://advancedbiofuelsusa.info/assets/images/icon-search.png)no-repeat center; 

    padding: 12px;

    background-position:12px 10px;

    right: 5px;

    top: 0;

    z-index: 2;

    width: 12px;

    height: 12px;

    cursor: pointer;

}

.top-spl-content{

    font:bold 10px 'Titillium Web', sans-serif;

}

.top-nav .donate-btn{margin-block:0px;margin-left:.5rem;}

.top-nav p{

    margin-bottom: 0px;

}

button.navbar-toggler{

    position: absolute;

    border: none;

    left: 0;

    box-shadow: none!important;

    top:12px;

}

.nav-logo{

    display: block;

}

.adds-silder .slick-slide img {

    display: block;

    margin-inline: auto;

    width: 100%;
    height: auto;
    max-width: inherit !important;

}

.nav-link{text-decoration: none!important}

.main-nav .navbar-nav .nav-item > .sub-menu,

.top-nav .navbar-nav .nav-item > .sub-menu{

    display: none;

}

/* @media screen and (min-width: 567px) and (max-width:1440px) {

    .container{

        width: max(90%,1320px)

    }

} */

.custom-container {

    max-width: 1350px;

    margin-inline: auto;

    padding-inline: 1rem;

    width: 100%;

}



@media (min-width: 567px) {

    .top-nav .navbar-nav .nav-link{

        text-transform: uppercase;

        color: #727272;

        font:bold 10px Arial, sans-serif; 

        letter-spacing: .02em;

        display: block;

        padding-inline:10px;

    }

    .top-nav .navbar-nav .nav-item::after{

        position: absolute;

        right: 0px;

        content:"";

        width: 1px;

        height: 75%;

        inset:0 0 0 auto;

        margin-block: auto;

        border-right: 1px dotted #e5e5e5;

    }

    .main-nav .nav-item,.top-nav .nav-item{

        position: relative;

    }

    .main-nav{

        border-block: 1px dotted #c5c5c5;

        background: #f6f6f6;

        

    }

    .main-nav .navbar-nav .nav-item > ul,

    .top-nav .navbar-nav .nav-item > ul{

        position: absolute;

        left: 0;

        top: 100%;

        width: max(18vw, 11rem);

        padding-left: 0;

        z-index: 1;

        background: var(--light-black);

    }

    .top-nav .navbar-nav .nav-item > ul{

        box-shadow: 0px 1px 3px rgb(0 0 0 / 10%), inset 0px 0px 0px 1px #fff;

        background: #f6f6f6;

        border: 1px solid #d5d5d5;

        border-radius: 3px;

        padding: .5rem;

        width: 170px;

    }

    .top-nav .navbar-nav .nav-item > ul li{

        padding: .5rem;

        border-bottom: 1px dotted #c5c5c5;

        line-height: 1.20;

    }

    .top-nav .navbar-nav .nav-item > ul li:last-child,

    .top-nav .navbar-nav .nav-item:last-child:after{

        border: none;

    }

    .top-nav .navbar-nav .nav-item > ul a{

        color: #727272;

        font:bold 10px Arial, sans-serif; 

        text-transform: uppercase;

        text-decoration: none;

    }

    .top-nav .navbar-nav .nav-item > ul a:hover{

        color: #000;

    }

    .top-nav .navbar-nav .nav-item > ul:before{

        display: block;

        content: '';

        width: 6px;

        height: 6px;

        position: absolute;

        top: -4px;

        background: inherit;

        border-left: inherit;

        border-top: inherit;

        transform: rotate(45deg);

    }

    .main-nav li a.nav-link:hover{

        background-color: var(--light-black);

        color:var(--Defult-color);

        text-decoration: none;

    }

    

    .main-nav .navbar-nav .nav-item ul li a{

        color: var(--Defult-color);

        text-decoration: none;

    }

     .main-nav .navbar-nav > .nav-item:hover > a{

        color: #FFF;

        background: var(--light-black);

        transition: none;

        display: block!important;

    }

    .main-nav .navbar-nav .nav-item:hover > ul,

    .top-nav .navbar-nav .nav-item:hover > ul {

        display: block!important;

        z-index: 9

    }

    .main-nav .navbar-nav .nav-item:hover > ul li{

        border-bottom: 1px solid rgba(255,255,255,0.07);

    }

  

    .nav-fixed .bottom-nav{

        background-color: var(--Defult-color);

    }

    .topmenu-list{

        border-bottom: 1px dotted #c5c5c5;

        padding-block: .5rem;

    }

}



@media screen and (min-width:567px) and (max-width:820px) {

    .logo .nav-logo img{

        max-width: 160px;

        padding-left: .2rem;

    }

    

}

.nav-fixed{

    position: fixed;

    width: 100%;

    left: 0;

    right:0;

    top: 0;

    z-index: 9;

}

.theme-navigition.nav-fixed .nav-logo img {

    max-width: 100px;  

}

.theme-navigition.nav-fixed{

    box-shadow: 0 4px 6px 0 rgb(12 0 46 / 8%);

    background-color: #fff;

}



@media (max-width: 567px) {

  

/*************************

 navbar-sidebar

 ***************************/

    .offcanvas {

        background: #44ad49;

        color: #fff;

    }

    .offcanvas a{

        color: #fff!important;

        font:500 1rem  'Titillium Web','Open Sans', sans-serif!important;;

        text-transform: capitalize!important;

    }

    .nav-logo img{

        margin-inline: auto;

        transition:all .3s ease-in-out;

    }

    .offcanvas{

        overflow-y: scroll;

    }

    button.btn-close.d-block.d-sm-none{

        position: fixed;

        right: 20px;

        top: 20px;

        font-size: 18px;

    }

    nav .nav-item ul li a {

        font-size: 1rem!important;

        font-weight: 400!important;

        padding-block: 6px!important;

        color: #fffc!important;

        display: block;

    }

    .top-nav,.main-nav,.bottom-nav{

        border-bottom: none;

        padding-inline: 2rem;

    }

    .nav-logo {

        padding-block: 1.2rem

    }

    .main-nav li a {

        padding: 10px 0rem!important;

    }

    .sub-menu {

        margin: 0rem 3vh 1rem 3vh;

    }

    .offcanvas.show:not(.hiding), .offcanvas.showing {

        width: 100%!important;

        padding-bottom: 2rem

    }

    .main-nav .custom-container,

    .bottom-nav .custom-container{

        padding-inline:0px!important

    }

    :root{

        --theme-font:400 15px 'Titillium Web','Open Sans', sans-serif;

        --theme-font-bold:bold 15px 'Titillium Web','Open Sans', sans-serif;

        --theme-font-14:bold 15px 'Titillium Web','Open Sans', sans-serif;

    }

}



/******************** Hero - Carousel Section ************Start*****/

.carousel-indicators [data-bs-target]{

    width: 13px!important;

    height: 13px!important;

    border-radius: 50px;

    overflow:hidden;

    border: 0px!important;

    background-color:var(--light-black)!important;

    opacity: 1!important;;

}

.carousel-indicators .active{

    background-color: transparent!important;

    border: 1px solid var(--light-black)!important;

}

.carousel-control-next-icon, .carousel-control-prev-icon{

    width: 1rem !important;

}



/******************** 

        Hero-Carousel Section 

                 ************End*****/





/**********

    New-css 

            *************/



.web-content .article-contant p,

.widget p{

    font:var(--theme-font);

    color:var(--primery-text);

    margin-bottom: 1rem;

}
.widget p {
    color: var(--primery-text);
    margin-bottom: 1rem;
    font: 400 13px 'Titillium Web','Open Sans', sans-serif;
}
.web-content .article-contant h3,

.main-article-content h3{

    font:bold max(1.15vw,1.2rem) 'Titillium Web', sans-serif;

}

.web-content .article-contant h2,

.main-article-content h2{

    font:bold max(1.30vw,1.4rem) 'Titillium Web', sans-serif;

}

.web-content .article-contant h2 a,

.web-content .article-contant h3 a{ 

    text-decoration:none;

    letter-spacing:.015em;

    margin-block:1rem;

    text-transform:uppercase;

    display:block;

    line-height: 1;

    color: var(--primery-text);

}

.web-content .article-contant h2 a:hover,

.web-content .article-contant h3 a:hover,

.web-content .small-article-content .article-link .article-icon-link:hover{ 

    text-decoration: underline;

    color: var(--theme-color);

}

.small-article{
    border-bottom: 1px dotted #ccc;
    margin-bottom: 1rem;
}
.article-contant{

    margin-bottom: 1rem;

    /*border-bottom: 1px dotted #ccc;*/

}



.main-article-content p,

.list-article li,.number-list li{

    font:var(--theme-font);

    color:#000000;

}

.main-article-content h3{

    line-height: 1;

}

.main-article-content h2{

    line-height: 1;

    color:var(--theme-color);

}



.main-article-content h5{

    font:400 14px 'Titillium Web', sans-serif; 

    color:#000;

}

.main-article-content strong{

    font:bold 1rem 'Titillium Web', sans-serif; 

    margin-bottom: 3px;

}



/************

     Big-Heading 

            ************/

.content-article-title{

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 4px solid #43AD49;

    margin-bottom: 1.2rem;

}

.content-article-title h1{

    font: bold clamp(1.25rem, 2.8vw, 2rem) 'Titillium Web', sans-serif;

    margin-bottom: 0.5rem;

    color: var(--theme-color);

    text-transform: uppercase;

}

.content-article-title a{

    font:var(--theme-font-bold);

    color:var(--primery-text);

    text-transform: uppercase;

    text-decoration: none;

    font-size: clamp(.70em, 1vw, .90rem);

}

.content-article-title a i{

    font-size: .8em;

}



/************

     Big-Heading 

            ************/









/**********

    Small-Article 

            **************/

   

   @media screen and (min-width:768px){

    .small-article{

        width: 48%;

    }

    .main-content-split{

        display: flex;

        justify-content: space-between;

        flex-wrap: wrap;

    }

   } 



   .small-article .small-article-content{

        display: flex;  

    }

    .small-article .article-contant h2 a{

        color: var(--theme-color);

        text-transform: none;

        line-height: 1.15;

    }

    .small-article .article-contant h2 a:hover{

        color: var(--light-black);

    }

    .small-article-content .article-photo{

        width: clamp(10rem,12vw,15rem);

        height:fit-content;

        max-width: 100%;

        margin: 0.25em 1rem 1rem 0;

        border: 1px solid var(--article-border); 

    }

    .small-article-content .article-photo img{

        width: 100%;

    }

    .article-link{

        display: flex;

        color:var(--light-black);

        font:var(--theme-font-bold);

        align-items: center;

        padding-bottom: 1.5rem;

        margin-bottom: 0;

    }

    .small-article-content .article-link .article-icon-link,

    .colored a,.massage{

        color:var(--light-black);

        margin-left: .75rem;

    }

    .small-article-content .article-link .article-icon-link i{

        font-size: .90rem;

    }



    /*********

        Page-Pager 

                *********/

    .page-pager .pagination{

        border-top:2px solid var(--theme-color);

        margin-top:1rem;

        margin-bottom:3rem;

        padding-top:1rem;

        border-radius:0px;

    }           

    .page-pager .pagination{

       justify-content: center;

    } 

    .page-pager .pagination li{

        display: flex;

        border-radius: 0px;

        flex-wrap: wrap;

    } 

    .page-pager .pagination li a.active{

       background-color:var(--theme-color);

       color: var(--Defult-color);

    }

    .page-pager .pagination li a{

        color: #8f8e8e;

        background: #f6f6f6;

        border: none;

        border-radius:0px!important;

        font:var(--theme-font-bold);

        text-transform: uppercase;

    }      

    .page-pager .pagination .page-item:first-child{
            margin-right: 10px;
    }
    .page-pager .pagination .page-item:last-child{
            margin-left: 10px;
    }
    

    





 /************

        Right-Content-Section 

                        ******************/

.widget h5{

    background-color: var(--theme-color);

    font:bold 16px 'Titillium Web','Open Sans', sans-serif;

    padding: .4rem .8rem;

    margin-bottom: 1rem;

    text-transform: uppercase;

    color:var(--Defult-color);

}
.widget h5{

    background-color: var(--theme-color);

    font:bold 12px 'Titillium Web','Open Sans', sans-serif;

    padding: .4rem .8rem;

    margin-bottom: 1rem;

    text-transform: uppercase;

    color:var(--Defult-color);

}

.widget h5 a{

    color:var(--Defult-color);

    display:block;

}

.widget h5 a:hover{

    color: initial;

}

/*.marquee{

    overflow: hidden;

    height: 300px;

    margin-bottom: 1.2rem;

}
*/
.marquee div {

    /*animation: scrollUp 5s ease-in-out infinite;*/

    display: flex;

    margin-block: .5rem;

    border: 1px solid var(--article-border);

    box-shadow: 0px 0px 5px 1px rgb(96 96 96 / 10%);  

    padding: .4em;

}

.marquee div img{

    width:90px;

    height: 90px;

    max-width: 100%;

    transition: all .3s ease-in-out;

    border: 1px solid var(--article-border);

}


.marquee div img:hover{

    opacity: .5;

}

.marquee div a{

    margin-left: .8rem; 

    font-size: 12px;

    display: block;

    font:bold 12px "open Sans" , sans-serif 

}

.marquee div a{

    color: var(--light-black)!important;

}
.marquee div a{

    color: var(--theme-color)!important;

}
.marquee div a:hover{

    color: var(--light-black)!important;

}


.tickercontainer { 
  height:300px;
  overflow:hidden;
  margin-bottom: 1.2rem;
}
.tickercontainer .mask {
  position: relative;
  left: 0px;
  top: 0;
  height:300px;
  overflow: hidden;
}
.tickercontainer .marquee {
  position: relative;
}


@keyframes scrollUp {

    from {

        -webkit-transform: translateY(0);

                transform: translateY(0);

    }

    to {

        -webkit-transform: translateY(-150%);

                transform: translateY(-150%);

    }

}

.right-content .panel{

    margin-bottom: .80em;

    padding-bottom: .5em;

    border-bottom: 1px dotted #ccc;

}

.right-content .menu-advanced-list{

    padding-left: 1rem;

}

.right-content .menu-advanced-list ul{
    padding-left: 1rem;
}
.menu-advanced-list li ul li{

    border-bottom: none!important;

}

.right-content .menu-advanced-list li{

    list-style:url(../images/sub.png);

    border-bottom:1px solid var(--article-border);

}

.right-content .menu-advanced-list li a{

    padding:.2rem .2rem .2rem 0;

    display: block;

    font:400 13px Arial, sans-serif; 
    color: var(--theme-color)!important;
}

.panel a img{

    margin-inline: auto;

    margin-bottom: 5px;

    max-width: 90%;

}

.right-content .first{

    width: 145px;

}



/* *********

      Tag-Cloud 

            ********* */



.tagcloud a{

    font-size: 14px;

    color: var(--light-black);

}
.tagcloud a{

    font-size: 14px;

    color: var(--primery-text);

}

.tagcloud a:hover{

    color: var(--theme-color);

}

/*.tagcloud a:nth-child(1n){

    font-size: 14px;

}

.tagcloud a:nth-child(2n){

    font-size: 18px;

}

.tagcloud a:nth-child(3n){

    font-size: 22px;

}

.tagcloud a:nth-child(4n){

    font-size: 24px;

}

.tagcloud a:nth-child(5n){

    font-size: 14px;

}

.tagcloud a:nth-child(6n){

    font-size: 16px;

}

.tagcloud a:nth-child(7n){

    font-size: 14px;

}

.tagcloud a:nth-child(8n){

    font-size: 20px;

}*/



.tag_1{

    font-size: 14px !important;

}
.tag_2{

    font-size: 16px !important;

}
.tag_20{
    font-size: 16px !important;
}
.tag_3{

    font-size: 17px !important;

}

.tag_4{

    font-size: 16px !important;

}

.tag_5{

    font-size: 16px !important;

}

.tag_6{

    font-size: 18px !important;

}

.tag_7{

    font-size: 18px !important;

}

.tag_8{

    font-size: 18px !important;

}

.tag_9{

    font-size: 20px !important;

}
.tag_10{

    font-size: 22px !important;

}
.tag_11{

    font-size: 24px !important;

}
.tag_12{

    font-size: 24px !important;

}

/***********

         Donate-Btn 

                *****Start*******/

.donate-btn{

    color: var(--light-black);

    background: #FFC439;

    padding: 0.625rem .935rem;

    border: 1px solid #FFC439;

    border-radius: 20px;

    font:bold 13px Arial, sans-serif;

    display: block;

    margin-inline:auto;

    width: fit-content;

}

.donate-btn:hover{

    background: transparent;

    text-decoration: none;

}

.top-nav-right .donate-btn{

    margin-inline: 10px;

}



/***********

         Donate-Btn 

  

/* number-list */



.number-list li{

    list-style: auto;

    margin-left: 0;

}

.spl-content{

    color: var(--light-black);

    font-weight: 700;

}

.spl-content span{

    color: var(--theme-color);

}









/*==================== Right-content-section ==============================*/



/*******************

 list-article 

 ********************/

 .list-article li{

    margin-bottom: .5rem;

    list-style:square;

 }

 .list-article li::marker {

    color: var(--light-black);

    font-size: 11px;

}

.list-article{

  padding-left: 1rem;

}



.bold-roman-list  li{

    list-style: upper-roman;

    font:var(--theme-font-bold);

    font-size: 14px;

    margin-bottom: .5rem;

}

.roman-list li{

    list-style: upper-roman;

    font:var(--theme-font);

    font-size: 14px;

    margin-bottom: .5rem;

}



/************* table  Biodiesel **************/





.biodiesel thead{

    background-color:var(--theme-color);

    text-transform: uppercase;

    color: var(--Defult-color);

}

table.biodiesel{

    border: 1px solid var(--article-border);

    font:var(--theme-font);

    margin-block: 1rem;

}



/* image-Gallery */



.image-gallery ul{

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}

.image-gallery ul li{

    padding: .1em;

} 

.img-card img {

    width: max(20vw, 15rem);

    max-height: 150px;

    float: left;

}



/* pagination */



.photo-gallery-pagination .pagination li a{

    border: none;

    text-decoration: none;

    border-radius: 0px!important;

    background: var(--primery-text);

    color: var(--Defult-color);

} 





/***** About-Note

 ******/



.about-note{

    font-style: italic;

    font-size: 14px;

    color:var(--theme-color);

}





 /*============ border-card ======= */



 .border-card-image-box{

    border: 1px solid var(--article-border);

    border-radius: 2px;

    padding: 1rem;

 }

 .table-content-border{

    border:1px solid var(--light-black);

    padding: 1rem;

    border-radius: 2px;

 }

 .table-content-border ul li a{

    color:var(--primery-text)

 }

 .table-content-border ul li a{

    font-size:13px;

    font-family: Arial, sans-serif

 }

 .table-content{

    margin-block: 1rem;

 }

 .table-content li {

   font-size: 15px;

   margin-top:.5rem

}

 

/********************* Footer-Section ************Start**************/

footer{

    background-color: var(--theme-color);

    padding: 3rem 0;

}

footer h4{

    color: var(--Defult-color);

    margin-block: 1rem;

    font: bold max(1.3vw,1.3rem) Arial, sans-serif;

} 



footer .article-contant{

    border-bottom: 1px dotted var(--article-border);



    margin-bottom: .5em;

}

footer .article-contant h2,

footer .article-contant h2 a{

    color: var(--Defult-color);

    font:bold 16px 'Titillium Web', sans-serif; 

    display: block;

}



footer .article-contant h2 a:hover{

   text-decoration: underline;

}



footer .article-contant .article-link a{

   color: var(--light-black);

   font:var(--theme-font-bold);

   padding-right: 1rem;

}

footer .article-contant .article-link a:hover{

    color: var(--Defult-color);

}

.tweets-article{

    background-color: var(--Defult-color);

    border-radius: 20px;

    height:500px;

    padding-block: .5rem;

}

.tweets-article h4 a{ 

    padding:1px 20px;

    border-bottom:1px solid var(--article-border);

    display: block;

    padding-block: .3em;

    color:var(--light-black)

}

.tweets-article h4 a:hover {

    color: initial;

    text-decoration: underline;

    color: #43ad49;

}

.tweets-comment{

    padding: 5px;

    overflow-y: auto;

}

.f-menu{

    background-color: #DEDEDE;

    font-size: 14px;

    color: var(--primery-text);

    padding-top: 1rem;

    padding-bottom: 1rem !important;

}

.f-navigition ul li a{

   font:bold 12px Arial, sans-serif;

   text-transform: uppercase;

   text-decoration: none;

   padding: 6px 8px;

   display: inline-block;

}



/********************* Footer-Section ************End**************/

.bottom-nav{white-space: nowrap;}





/************ conatct-from ************/



.contact-form h5{ font:var(--theme-font-bold);font-size: 15px;margin-block: 1.5rem;}



.contact-form form{

    margin-bottom: 3rem

}

@media screen and (min-width:1200px){

    .contact-form form{

        width:80%;

    }

}

 @media screen and (min-width:992px){

    .article-controls .colored{

        padding-inline: 2rem!important;

        margin-left: 1.5rem!important;

    }

}

 @media screen and  (max-width:567px){

    .right-side a span{

        display:none

    }    

}

.article-controls .colored{

    padding-inline: 5px;

    margin-left: 5px;

    background-color: #f6f6f6;

}

.article-controls :is(.date,.right-side a) {

    font-size: clamp(.80em, 1.2vw, 1rem);

}









.contact-form .contact-field{

   margin-bottom:1rem;

}

.contact-form label{

    font:var(--theme-font-bold);

    margin-bottom: 5px;

    font-size: 14px;

}

.contact-form button{

    font:var(--theme-font);

    padding: 8px 40px;

    margin-block: 1em;

    background-color: var(--theme-color);

    color: var(--Defult-color);

    border: 0;

}

/************ conatct-from ************/



svg.bi.bi-twitter {

    fill: #00ACED;

    width: 20px;

    height: 20px;

}

svg.bi.bi-facebook{

    width: 20px;

    height: 20px;

    fill: #3B5998;

    margin-inline: 5px;

}

svg.bi.bi-linkedin{

    fill: #007FB1;

    width: 20px;

    height: 20px;

}

.menu-title {

    margin-block: 3rem 1.5rem;

    font-weight: bold;

    font-size: 1.2rem;

}

.arrow-down{

    color: #fff;

    font-size: 1.3rem;

    transition: .3s ease-in-out 0s;

    display: inline-block;

    position: absolute;

    right: 30px;

    top: 4px;

    font-weight: 500;

}

.arrow-down.active{

    transform: rotate(180deg);

}

li.nav-item{

    position: relative;

}



/* listing-Page */



.small-article-content,

.article-controls,

.right-side{

    display: flex;

}

.article-categories{

    margin-block:.75rem;

    color:var(--light-black)

}

.article-categories a{

    color: var(--light-black);

    padding-right: .425em;

    font-weight:bold;

    text-decoration: underline;

}

.article-categories a:hover{

    color: var(--theme-color);

    text-decoration: none;

}

.article-controls{

    border-block:1px solid var(--article-border);

    font: var(--theme-font-bold);

    justify-content: space-between;

    line-height: 38px;

}





.article-controls .colored > a i,

.massage i{

    font-size: 14px;

    font-weight: 700;

    padding-right: 0.5em

}

.article-controls .colored > a:hover{

    text-decoration: underline;

}

.article-share-bottom{

    background-color: #f6f6f6;

    padding: 1rem;

    border-block:1px solid var(--article-border);

    color:var(--primery-text);

    display:flex;

    margin-bottom: 1.2rem;

}

.two-option{

    display: flex;

    flex-flow: column;

    padding-bottom: 0.5rem;

}

.two-option a span i{

    font-size: 1em;

}

.tag-block a {

    background: #fff;

    color: #000;

    font-size: 14px;

    padding: 3px 10px;

    margin: 0 0 0.5rem 0.85rem;

    display: inline-block;

    font-weight: 600;

}

.tag-block a:hover{

    background: #3B5998;

    color: var(--Defult-color);

}     

.date-time{

    float: right;

    font-size: 13px;

    color: #8e8484;

}

.reply-by-user .article-contant .article-photo img{

    width: 90px

}

.reply-by-user .article-contant .article-photo{

    width: fit-content;

}

.reply-by-user .article-contant .inner-content > h5 > a{

    color: var(--light-black);

    font-weight: bold;

}

.reply-by-user .article-contant .inner-content > h5 > a:hover{

    text-decoration: underline;

}

.reply-by-user .inner-content{
    flex: 1;
}

.article-contant .main-article-content h1{

    font-size: clamp(1.2rem, 1.8rem, 1.5rem);

    color: var(--theme-color);

    font-weight: 600;

    margin-block: 1rem 1.2rem;



}

.article-contant h4{

    font-size: clamp(1.1rem, 1.5rem,1.15rem);

    font-weight: bold;

}

.article-contant p strong{

    color: #000;

}

.footer-menu li{

    display:inline-block;

}

.small-article-content .article-photo{

    flex: 0 0 100px;

}



/*gallery*/

.image_gallery {

    display: none;

  }

  #loadMore {

    width: 200px;

    color: #fff;

    display: block;

    text-align: center;

    margin: 20px auto;

    padding: 10px;

    border-radius: 10px;

    border: 1px solid transparent;

    background-color: blue;

    transition: .3s;

  }

  #loadMore:hover {

    color: blue;

    background-color: #fff;

    border: 1px solid blue;

    text-decoration: none;

  }

  .noContent {

    color: #000 !important;

    background-color: transparent !important;

    pointer-events: none;

  }

  

#mc-embedded-subscribe-form input, #mc-embedded-subscribe-form select{

    width:69%;

}

#mc-embedded-subscribe-form #mce-MMERGE4-0, #mc-embedded-subscribe-form #mce-MMERGE4-1,

#mc-embedded-subscribe-form #mce-EMAILTYPE-0, #mc-embedded-subscribe-form #mce-EMAILTYPE-1{

    width:auto;

}

#mc-embedded-subscribe-form ul{

    list-style: none;

    width:69%;

    padding-left:0px;

}

#mc-embedded-subscribe-form ul li label{

    padding-left:5px;

}

#mc-embedded-subscribe-form input[type='checkbox']{

    width:auto;

}

#mc-embedded-subscribe-form label {

    width: 30%;

}

#mc-embedded-subscribe-form .input-group strong{

    width:30%;

}

#mc-embedded-subscribe-form .mc-field-group{

    margin-top:15px;

}

#mc-embedded-subscribe-form input[type='submit']{

    width: 100%;

    color: #fff;

    background-color: #43ad49;

    border-color: #43ad49;

    box-shadow: none;

    font-weight: bold;

    padding: 5px;

    border: 0px;

}

#mc-embedded-subscribe-form input[type='submit']:hover{

    width: 100%;

    color: #fff;

    background-color: #59b35e;

    border-color: #59b35e;

    border: 0px;

}

figure {
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 8px;
}
#google_translate_element{
    position: relative;
    top: 9px;
}
#google_translate_element span{
    display:none !important;
}
.goog-logo-link {
    display:none !important;
} 
.goog-te-combo, .VIpgJd-ZVi9od-ORHb *, .VIpgJd-ZVi9od-SmfZ *, .VIpgJd-ZVi9od-xl07Ob *, .VIpgJd-ZVi9od-vH1Gmf *, .VIpgJd-ZVi9od-l9xktf * {
    font-family: inherit !important;
} 
.goog-te-gadget{
    color: transparent !important;
}
.justify-content-between .menu-advanced-list li a {
    font: 600 13px Arial, sans-serif;
}
.border-bottom{
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
}
.article-contant{
    width:100%;
}
.img-left{
    margin-right: 25px;
}
.img-right{
    margin-left: 25px;
}
.backtopbutton {
    display: block;
    position: fixed;
    bottom: 30px;
    right: 30px;
    color: #fff;
    padding: 15px 17px 10px;
    font-size: 16px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    background: #000;
    line-height: 150%;
    text-align: center;
    font-size: 10px;
    opacity: 0.6;
    z-index: 15;
}
        

.backtopbutton:hover {
    color: #fff;
    opacity: 1;
}
.icon-text{
        border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
span strong{
    color:inherit !important;
}
   /***********

         Print-Media Start

                ***************/

@media print {

    body {

      margin: 0;

      color: #000;

      background-color: #fff;

    }

    .right-side-content, #edit_post_btn, .topmenu-list, .main-navigtion, .middle-nav .middle-right-img, .article-controls .right-side, .right-content,footer,.content-article-title,.article-share-bottom,#share,.comment-box,.comment-form-box,

    .f-navigition,.comment-content,.page-pager {

        display: none;

    }
    
    .article-contant h4 {

        font: bold 2rem 'Titillium Web','Open Sans', sans-serif!important;

        color:#000!important

    }

  }
  
  .huge-message {
    margin: 90px 0px;
    text-align: center;
}
  
  .huge-message .big-title {
    font-size: 80px;
    font-weight: bold;
    display: block;
    color: #232323;
    line-height: 110%;
}

.huge-message .small-title {
    font-size: 40px;
}
.clear-both{
    clear:both;
}
  /***********

         Print-Media End

                ***************/