/*
Theme Name: proffs
Theme URI: http://webpentagon.com/demo/themeforest/wordpress/proffs/
Author: pranontheme
Author URI: http://themeforest.net/user/pranontheme
Description: proffs is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. proffs will make your WordPress look beautiful everywhere.
Version: 1.0
License: Themeforest License
License URI: https://themeforest.net/licenses
Tags: one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, sticky-post, threaded-comments, translation-ready, blog
Text Domain: proffs

This theme, like WordPress, is licensed under the https://themeforest.net/licenses.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*
    Project Name : proffs
    Author Company : SpecThemes
    Project Date: 25 july, 2017
    Template Developer: vsafaryan50@gmail.com
*/

/*
==============================================
TABLE OF CONTENT
==============================================

1. Sections
2. Headings
3. Top-Bar
4. Navbar
5. Preloader
6. Builder Classes
    a) Inner paddings
    b) text-content
    c) Frames, Shadows
    d) Buttons
    e) Text Colors
7. Top Articles 
8. Services
    a) Service Grid
    b) Service Block
    c) Service Box
9. Services Detail  
10. CountUp
11. Tabs
12. Testmonials
13. Team Members
14. Portfolio (Isotop)
15. Project Detail
16. Blog Grid
17. Blog List
18. Blog Post
19. Pricing List
20. Partners
21. Progress Bars
22. Accordions
23. 404 Page
24. Forms
25. Contact Page
26. Google Map
27. Scroll To Top Button
28. Footer

==============================================
[END] TABLE OF CONTENT
==============================================
*/



/*-----------------------------------------
1. Sections
-------------------------------------------*/
.section-block{
    padding: 100px 0px 100px 0px;
    background-color: #fff;
}   

.section-block-grey{
    padding: 100px 0px 100px 0px;
    background-color: #f9f9f9;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.section-block-parallax{
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
    padding: 70px 0px 70px 0px;    
}   

.page-title-section{
    background-size: cover;
    background-attachment: fixed;
    padding: 70px 0px 70px 0px;
    background-position: center;
}

.partner-section{
    padding: 40px 0px 40px 0px;
    background: #fff;
}

.partner-section-grey{
    padding: 40px 0px 40px 0px;
    background: #f9f9f9;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;   
}


/*-----------------------------------------
2. Headings
-------------------------------------------*/
.section-heading{
    margin-bottom: 70px;
}
.section-heading.center-holder{
    padding-left: 20%;
    padding-right: 20%;
}
.section-heading h2{
    font-size: 35px;
    font-weight: 300;
    color: #3b3b3b;
    line-height: 130%;
    margin-bottom: 10px!important;
}

.section-heading h3{
    font-size: 30px;
    font-weight: 300;
    color: #3b3b3b;
    line-height: 130%;
    margin-bottom: 20px;
}

.section-heading h4{
    font-size: 25px;
    font-weight: 300;
    color: #3b3b3b;
    line-height: 130%;
    margin-bottom: 20px;
}

.section-heading h5{
    font-size: 20px;
    font-weight: 300;
    color: #3b3b3b;
    line-height: 150%;
    margin-bottom: 20px;
}

.section-heading p{
    font-size: 18px;
    font-weight: 500;
    color: #b1b1b1;
    line-height: 160%;
    margin-bottom: 0px;
}

.section-heading span{
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #18ba60;
    line-height: 160%;
}

.page-title h1{
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px;
}

.page-title ul{
    padding-left: 0px;
}

.page-title ul li{
    display: inline-block;
}   

.page-title ul li a{
    font-size: 17px;
    font-weight: 500;
    color: #fff;
}
.page-title ul li:after{
    content: " /";
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    margin: 0px 5px 0px 5px;    
}
.page-title ul li:last-child:after{
    content: none;
}

.single-post{margin-top:25px;}
.block-heading h3{
    font-size: 28px;
    font-weight: 300;
    color: #3b3b3b;
    line-height: 130%;
    margin-bottom: 10px;    
}
.page p{padding-left: 10px;}

/*-----------------------------------------
3. Top-Bar
-------------------------------------------*/
#top-bar{
    background: #3b526b;
    border-bottom: 1px solid #eee;
    min-height: 50px;
}

.top-bar-info {
    padding: 0px;
}

.top-bar-info li{
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    list-style-type: none;
    float: left;
    margin: 0px;
    padding: 16px 16px 16px 0px;
}

.top-bar-info li i{
    font-size: 15px;
    color: #18ba60;
    padding-right: 8px;
}

.top-appoinment{
    display: inline-block;  
    font-size: 15px;
    font-weight: 500;
    background: #18ba60;
    color: #fff;
    text-align: center;
    padding: 15px 25px 15px 25px;   
}
.top-appoinment:hover{
    color: #fff;
    background: #2d4358;
}


/*-----------------------------------------
4. Navbar 
-------------------------------------------*/
.affix {
    top: 0;
    width: 100%;
    z-index: 99999;
}

.navbar-nav{
    margin: 0px;
}

.navbar-header-custom{
    background: #fff;
    padding: 25px 0px 25px 0px;
}

.navbar-logo img{
    max-width: 100%;
    margin-left: 15px;
    max-height: 50px;
}

.navbar-custom{
    background: #fff;
    border: none;
    border-radius: 0px;
    padding: 0px 0px 0px 0px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(20, 20, 20, 0.05);
    -moz-box-shadow:    0px 3px 6px 0px rgba(20, 20, 20, 0.05);
    box-shadow:         0px 3px 6px 0px rgba(20, 20, 20, 0.05);
    margin-bottom: 0px;
}
.navbar-nav li.dropdown > ul.dropdown-menu{
    left: 0;
} 
.navbar-nav li.dropdown > ul.dropdown-menu li ul{
    top:0;
    left: 100%;
} 

.navbar-nav li.dropdown:last-child ul.dropdown-menu li ul{
    left: auto;
    right: 100%;
}

.navbar-custom .navbar-links-custom li {
    padding: 25px 5px 25px 5px;
}

.navbar-custom .navbar-links-custom li a{
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;  
    letter-spacing: 0.5px;
    color: #3b3b3b;
    border-radius: 5px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;       
}

.navbar-custom .navbar-links-custom li a i{
    font-size: 9px;
    font-weight: normal;
}
.navbar-custom .navbar-links-custom li a:hover{
    color: #18ba60;
}

.navbar-custom .navbar-toggle .icon-bar {
    background-color: #18ba60;
}

@media screen and (max-width:767px) {
    .navbar-custom .navbar-links-custom li{
    font-size: 13px;
    font-weight: bold;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;   
    border-bottom: 1px solid #e6e6e6;
    padding: 0px;
    margin: 0px;
    }
    .navbar-custom .navbar-links-custom li:last-child{
        border-bottom: none;
    }
    .navbar-custom .navbar-links-custom li a{
        margin: 0px;
        padding: 15px;
    }
    .navbar-default .navbar-links-custom .open .dropdown-menu>li>a {
        color: #3b3b3b;
        font-size: 12px;
        padding: 7px 0px 7px 20px;
    }       
}

.navbar-links-custom .dropdown ul{
    border: none;
    border-radius: 0px;
    padding: 10px;
    margin-left: 5px;
    -webkit-box-shadow: 0px 5px 9px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow:    0px 5px 9px 0px rgba(50, 50, 50, 0.15);
    box-shadow:         0px 5px 9px 0px rgba(50, 50, 50, 0.15); 
}

.navbar-links-custom .dropdown ul li{
    padding: 0px;
    border:none;
}

.navbar-links-custom .dropdown ul li a{
    font-weight: 700;
    padding: 12px;
    width: 200px;
    text-transform: none;
    text-align: left;
    color: #444;
}

.navbar-links-custom .dropdown ul li a:hover{
    background: #18ba60;
    color: #fff !important;
}

/*DROPDOWN ICON STYLES*/
.navbar-links-custom .dropdown > a:after{
    content: "\f107";
    font-family: FontAwesome;
    padding-left: 6px;
}

.active-link a{
    color: #18ba60 !important;
}



.menu-icon{
    border: none;
    background: none;   
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

/*This class is for Landing Navbar*/
.active-nav{
    color: #18ba60 !important;
}



/*Navbar breakpoint*/
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
        max-height: 350px;
        overflow-y: auto;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }  
    .navbar-links-custom{
        padding-bottom: 5px;
    }
    .navbar-custom .navbar-links-custom li {
        padding: 5px 0px 0px 5px;
        float: left;
        width: 100%;
    } 
    .navbar-nav li a,.navbar-links-custom .dropdown ul li a{
        float: left;
        width: 100%;
    }
    .navbar-nav li.dropdown > ul.dropdown-menu li ul {
        top: 0;
        left: 0;
    }

    .navbar-nav li.dropdown ul.dropdown-menu{
        position: relative;
        width: 100%;
        margin-left: 0;
    }
}


/*-----------------------------------------
5. Preloader
-------------------------------------------*/
#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #fff;
    display: table;
    text-align: center;
}

.loader {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    position: relative;
    width: 200px;
    height: 200px;
}

.loader-icon {
    width: 75px;
    height: 75px;
    border: 1.5px solid #18ba60;
    border-right-color: transparent;
    border-radius: 50%;
    position: relative;
    animation: loader-rotate 1s linear infinite;
    margin: 0 auto;
}

@keyframes loader-rotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}


/*-----------------------------------------
6. Builder Classes
-------------------------------------------*/
/*--------------------
a) Inner Paddings
----------------------*/
.inner-padd{
    padding: 20px;
}

/*--------------------
b) Text Content
----------------------*/
.text-content p{
    font-size: 16px;
    font-weight: 500;
    color: #909090;
    line-height: 180%;  
}

/*--------------------
c) Frames, Shadows
----------------------*/
.border-round{
    border-radius: 10px;
}
.img-shadow{
    box-shadow: 0px 20px 50px 0px rgba(26, 38, 74, 0.25);
}

/*--------------------
d) Buttons
----------------------*/
.button-primary{
    display: inline-block;
    font-size: 14.5px;
    font-weight: 600;
    color: #fff;
    padding: 10px 25px 10px 25px;
    border: 2px solid #18ba60;
    border-radius: 5px;
    background: #18ba60;
    text-align: center;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;      
}
.button-primary:hover{
    color: #fff;
    border-color: #3b526b;
    background: #3b526b;
}

.button-xs{
    font-size: 10px;
}

.button-sm{
    font-size: 13px;
}

.button-md{
    font-size: 15px;
}

.button-lg{
    font-size: 17px;
    font-weight: 400;
}


/*--------------------
e) Text Colors
----------------------*/
.primary-color h1, 
.primary-color h2, 
.primary-color h3, 
.primary-color h4, 
.primary-color h5, 
.primary-color h6, 
.primary-color p, 
.primary-color i, 
.primary-color span{
    color: #18ba60 !important;
}

.white-color h1, 
.white-color h2, 
.white-color h3, 
.white-color h4, 
.white-color h5, 
.white-color h6, 
.white-color p, 
.white-color i, 
.white-color span{
    color: #fff !important;
}

.grey-color h1, 
.grey-color h2, 
.grey-color h3, 
.grey-color h4, 
.grey-color h5, 
.grey-color h6, 
.grey-color p, 
.grey-color i, 
.grey-color span,
.grey-color{
    color: #aaa !important;
}


/*-----------------------------------------
7. Top Articles
-------------------------------------------*/
.service-article{
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    padding: 20px 20px 20px 0px;
    margin-bottom: 30px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;       
}

.article-icon{
    float: left;
    width: 25%;
    text-align: center;
    margin-top: 5px;
}

.article-icon i{
    font-size: 42px;
    color: #3b3b3b;
}

.article-text{
    float: left;
    width: 75%;
    text-align: left;
}

.article-text h3{
    font-size: 22px;
    font-weight: 500;
    color: #3b3b3b; 
}

.article-text p{
    font-size: 15px;
    font-weight: 500;
    line-height: 180%;
    color: #909090; 
    margin-top: 10px;
    margin-bottom: 15px;
}

.article-text a{
    font-size: 14px;
    font-weight: 700;
    color: #18ba60;
}
.article-text a:after{
    content: " \f105";
    font-family: FontAwesome;
    font-size: 14px;
    padding-left: 3px;
}
.article-text a:hover{
    color: #3b3b3b;
}


/*-----------------------------------------
8. Services
-------------------------------------------*/
/*--------------------
a) Service Grid
----------------------*/
.service-grid{
    background: #fff;
    border: 1px solid #e6e6e6;
    margin: 15px 0px 15px 0px;
    border-radius: 10px;
    overflow: hidden;
}

.service-grid img{
    width: 100%;
}

.service-grid h4{
    font-size: 17px;
    font-weight: 600;
    color: #3b3b3b;
    line-height: 150%;
}

.service-grid p{
    font-size: 15px;
    font-weight: 600;
    color: #909090;
    line-height: 160%;  
    margin-top: 15px;
    margin-bottom: 15px;
}

.service-grid a{
    font-size: 14px;
    font-weight: 700;
    color: #18ba60;
}
.service-grid a:after{
    content: " \f105";
    font-family: FontAwesome;
    font-size: 14px;
    padding-left: 3px;
}
.service-grid a:hover{
    color: #3b3b3b;
}


/*--------------------
b) Service Block
----------------------*/
.service-block{
    background: #fff;
    border: 1px solid #e6e6e6;
    margin: 15px 0px 15px 0px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;   
}

.service-block img{
    width: 100%;
}

.service-block h4{
    font-size: 17px;
    font-weight: 600;
    color: #3b3b3b;
    line-height: 150%;
}

.service-block p{
    font-size: 15px;
    font-weight: 600;
    color: #909090;
    margin-top: 5px;
    margin-bottom: 0px;
}

.service-block-content{
    float: left;
    width: 80%;
}

.service-block-icon{
    float: left;
    width: 20%; 
    text-align: right;
}

.service-block-icon a{
    display: inline-block;
    color: #18ba60;
    font-size: 25px;
    border-radius: 50%;
    border: 1.5px solid #18ba60;
    text-align: center;
    width: 50px;
    height: 50px;
    padding: 7px;
}
.service-block:hover .service-block-icon a{
    color: #fff;
    background-color: #18ba60;  
}
.service-block:hover{
    box-shadow: 10px 5px 90px 0px rgba(26, 38, 74, 0.13);
}


/*--------------------
c) Service Box
----------------------*/
.service-box{
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 20px;
    border-radius: 10px;
    margin: 15px 0px 15px 0px;
}

.box-icon{
    float: left;
    width: 25%;
    text-align: center;
    padding-top: 15px;
}

.box-icon i{
    font-size: 38px;
    color: #18ba60;
}

.box-content{
    float: right;
    width: 75%; 
}

.box-content h5{
    font-size: 17px;
    font-weight: 600;
    color: #3b3b3b;
    line-height: 180%;  
    margin-left: 15px;
    margin-bottom: 5px;
}

.box-content p{
    font-size: 15px;
    font-weight: 500;
    color: #909090;
    line-height: 180%;  
    margin-left: 15px;
    margin-bottom: 0px;
}


/*-----------------------------------------
9. Services Detail
-------------------------------------------*/
.service-category-list{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.service-category-list ul{
    margin-bottom: 0px;
    padding-left: 0px;
}

.service-category-list ul li{
    list-style-type: none;
    display: block;
    background: #f9f9f9;
}

.service-category-list ul li a{
    display: block; 
    font-size: 15px;
    font-weight: 600;
    color: #3b3b3b;
    padding: 15px 30px 15px 30px;
    border-bottom: 2px solid #fff;          
}

.service-category-list ul li a:before{
    content: " \f105";
    font-family: FontAwesome;
    font-size: 16px;
    color: #3b3b3b; 
    padding-right: 20px;    
    -webkit-transition-duration: .3s;
    transition-duration: .3s;       
}
.service-category-list ul li:hover a{
    background: #18ba60;
    color: #fff;    
}
.service-category-list ul li:hover a:before{
    color: #fff;    
    padding-right: 30px;    
}

.list-active-link a{
    background: #18ba60 !important;
    color: #fff !important; 
}
.list-active-link a:before{
    color: #fff !important; 
}

.single-contact{
    background: #3b526b;
    border-radius: 10px;
    margin-top: 40px;
    padding: 15px;
}

.single-contact h4{
    font-size: 19px;
    font-weight: 600;   
    color: #fff;
}

.single-contact p{
    font-size: 14px;
    font-weight: 600;   
    color: #fff;
    margin-top: 15px;
}

.single-contact h6{
    font-size: 18px;
    font-weight: 500;   
    color: #fff;
    margin-top: 15px;
}

.single-broucher{
    background: #fff;
    margin-top: 40px;
}

.single-broucher ul{
    padding-left: 0px;
    margin-bottom: 0px; 
}

.single-broucher ul li{
    list-style-type: none;  
    margin-top: 10px;       
}

.single-broucher ul li a{
    display: block;
    color: #3b3b3b;
    font-size: 15px;
    font-weight: 600;
    background: #fff;
    border-radius: 10px;
    border: 1.5px solid #efefef;
    padding: 15px;      
}

.single-broucher ul li a i{
    font-weight: 500;
    margin-right: 10px;
}
.single-broucher ul li a:hover{
    color: #fff;
    background: #18ba60;
    border-color: #18ba60;  
}

.detail-heading h3{
    font-size: 22px;
    font-weight: 500;
    color: #3b3b3b;
    text-align: left;   
    margin: 40px 0px 10px 0px;  
}
.detail-heading h3:after{
    display: block;
    content: "";
    width: 50%;
    border-bottom: 2px solid #efefef;
    margin: 10px 0px 15px 0px;
}   


/*-----------------------------------------
10. CountUp
-------------------------------------------*/
.countup-box{
    margin: 30px 0px 30px 0px;
}

.countup-box h4{
    font-size: 45px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    margin: 0px;
}

.countup-box h5{
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    text-align: center; 
    margin-top: 20px;
}


/*-----------------------------------------
11. Tabs
-------------------------------------------*/
.tab-menu{
    padding: 0px 15px 10px 0px;
}

.tabs{
    position: relative;
}

.tabs li {
    display: inline-block;  
    background: transparent;
    margin-right: 20px; 
}

.tabs li a {
    color: #999;
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;  
    border-bottom: 1.5px solid #eee;    
    padding: 10px 3px 10px 3px;
}
.tabs li i {
    color: #999;
    display: block;
    font-size: 40px;
    margin-bottom: 15px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;       
}
.tabs li:hover a, .tabs li:hover i {
    color: #18ba60;
}

.active-tab a, .active-tab a i {
    color: #18ba60 !important;
    border-bottom: 1.5px solid #18ba60 !important;
}


.tabs-md li {
    display: inline-block;  
    background: transparent;
    margin-right: 20px; 
}

.tabs-md li a {
    color: #3b3b3b;
    display: block;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;  
    border-bottom: 1.5px solid #eee;    
    padding: 10px 3px 10px 3px;
}

.tabs-md li i {
    color: #18ba60;
    display: block;
    font-size: 40px;
    margin-bottom: 15px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;       
}
.tabs-md li:hover a, .tabs-md li:hover i {
    color: #18ba60;
}

@media screen and (max-width:767px) {
    .tab-menu{
        padding-right: 0px;
    }
    .tabs-md li{
        display: block;
        padding: 5px 0px 5px 0px;
        margin-right: 0px;
    }   
}


/*-----------------------------------------
12. Testmonials
-------------------------------------------*/
.testmonial-block{
    position: relative;
    margin-bottom: 30px;
}

.testmonial-img{
    width: 20%;
    float: left;
    text-align: center;
}

.testmonial-img img{
    width: 80px !important;
    max-width: 100%;
    border-radius: 50%;
    margin: 0px 30px 30px 0px;
    margin: auto;
}

.testmonial-text{
    width: 80%;
    float: left;
    text-align: left;
}

.testmonial-block strong{
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-align: left;
    margin: 0px 0px 15px 0px;   
}

.testmonial-block span{
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #18ba60;
    text-align: left;
}

.testmonial-block p{
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    text-align: left;
    line-height: 180%;
}


/*-----------------------------------------
13. Team Members
-------------------------------------------*/
.team-member{
    position: relative;
}

.team-member-image{
    position: relative;
    margin: 15px 0px 15px 0px;
}

.team-member-image img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.team-member-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(58, 82, 106, 0.9) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(58, 82, 106, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(58, 82, 106, 0.9) 100%);  
    overflow: hidden;
    width: 100%;
    height: 30%;
    opacity: 0;
    transition: .5s ease;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px  
}
.team-member:hover .team-member-overlay {
    opacity: 1;
}

.team-member-content {
    white-space: nowrap; 
    color: white;
    font-size: 20px;
    position: absolute;
    overflow: hidden;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    padding: 50px;
}

.team-member-content i{
    font-size: 20px;
    text-align: center;
    color: #fff;
    padding: 7px;
    transition: .3s ease;   
}
.team-member-content i:hover{
    color: #18ba60;
}
.team-member:hover .team-member-overlay i{
    animation-name: fadeInDown;
    animation-duration: .4s; 
    animation-timing-function: ease-out; 
}

.team-member-name h4{
    font-size: 22px;
    font-weight: 400;
    color: #3b3b3b;
    text-align: center;
    margin-top: 15px;
}

.team-member-name h6{
    font-size: 13px;
    font-weight: 600;
    color: #b1b1b1;
    text-align: center;
    text-transform: uppercase;
    margin-top: 5px;
}


/*-----------------------------------------
14. Portfolio (Isotop)
-------------------------------------------*/

.latest-projects{
    margin-top: 60px;
}

.overlay-container{
    position: relative;
}

.project-item img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.project-item-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    border-radius: 10px;
    background-color: rgba(58, 82, 106, 0.7);
    transition: .5s ease;
}

.overlay-container:hover .project-item-overlay {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
    height: 100%;
    width: 100%;    
    height: 100%;
    transition: .5s ease;
}

.project-item-overlay h4 {
    font-size: 25px;
    font-weight: 500;   
    white-space: nowrap; 
    color: white;
    position: absolute;
    overflow: hidden;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    padding: 50px;
}

.project-item-overlay p {
    font-size: 15px;
    font-weight: 500;   
    white-space: nowrap; 
    color: white;
    position: absolute;
    overflow: hidden;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.isotop-button{
    font-size: 13px;
    font-weight: 600;   
    color: #bbb;
    padding: 15px 15px 15px 0px ;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;       
}
.isotop-button:after{
    content: "/";
    font-weight: 400;   
    color: #b1b1b1;
    padding-left: 15px;
}

.isotop-button:last-child:after{
    content: none;
}
.isotop-button:hover{
    color: #18ba60;
}

.isotop-button:active,
.isotop-button.is-checked {
    color: #18ba60;
}


/*-----------------------------------------
15. Project Detail
-------------------------------------------*/
.p-detail-box {
    text-align: center;
    margin: 30px 0px 30px 0px;
}

.p-detail-box i{
    font-size: 50px;
    color: #3b3b3b;
}

.p-detail-box h4{
    font-size: 16px;
    color: #3b3b3b;
    margin-top: 10px;
    text-transform: uppercase;
}

.p-detail-box p{
    font-size: 14px;
    color: #676767;
    margin-top: 5px;
}

.p-detail-img p{
    font-size: 16px;
    color: #676767;
    line-height: 180%;
    margin-top: 30px; 
    padding: 0px 100px 0px 100px;
}

@media screen and (max-width:767px) {
  .p-detail-img p {
        margin-top: 10px; 
        padding: 0px;
  }
}


/*-----------------------------------------
16. Blog Grid
-------------------------------------------*/
.blog-grid{
    position: relative;
    background: #fff;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    margin: 15px 0px 15px 0px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.blog-grid-img {
    overflow: hidden;
    
}

.blog-grid-img img{
   
}

.blog-grid-content h4{
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.blog-grid-content h4 a{
    text-decoration: none;
    color: #565656;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.blog-grid-content h4 a:hover{
    color: #18BA60;
}

.admin-info{
    display: inline-block;
    margin-top: 15px;
    margin-right: 25px;
}

.blog-grid-content i{
    color: #18ba60; 
    font-size: 16px;
    font-weight: 500;
}

.blog-grid-content span{
    font-size: 13px;
    font-weight: 500;
    color: #676767;
    margin-left: 5px;
}

.blog-grid-content p{
    font-size: 16px;
    color: #676767;
    line-height: 180%;
    margin-top: 15px;
}

.blog-grid-button{
    margin-top: 25px;
}

.blog-grid-button a{
    font-size: 14px;
    font-weight: 700;
    color: #18ba60;
}

.blog-grid-button a:after {
    content: " \f105";
    font-family: FontAwesome;
    font-size: 14px;
    padding-left: 3px;
}

.blog-grid-button a:hover{
    color: #565656;
}


/*-----------------------------------------
17. Blog List
-------------------------------------------*/
.blog-list{
    position: relative;
    border-radius: 10px;
    font-size: 15px;
    background: #fff;
    overflow: hidden;
    margin: 30px 0px 30px 0px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.blog-list:hover{
    box-shadow: 10px 5px 90px 0px rgba(26, 38, 74, 0.13);
}

.blog-list img{
     width: 100%;
}

.blog-list-text{
    padding-right: 30px;
}

.blog-list-text h6{
    margin-top: 25px;
}

.blog-list-text h6 a{
    font-size: 13px; 
    font-weight: 600;
    text-transform: uppercase;
    color: #18BA60;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.blog-list-text h6 a:hover{
    color: #b1b1b1 ;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.blog-list-text h3{
    margin-top: 20px;
}

.blog-list-text h3 a{
    font-size: 22px; 
    font-weight: 500;
    color: #3b3b3b;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.blog-list-text h3 a:hover{
    color: #18BA60;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.blog-list-text p{
    color: #676767;
    font-size: 15px; 
    line-height: 24px;
    min-height: 110px;
    margin-top: 30px;
    margin-bottom: 50px;
}

.blog-list-admin{
    border-top: 1px solid #e6e6e6;
    padding-top: 25px;   
    margin-bottom: 15px;    
}

.blog-list-admin span{
    color: #676767;
    padding-left: 80px;
    font-size: 15px; 
    margin-top: 20px;
    padding-top: 20px;
}

.blog-list-admin a{
    color: #909090;
    font-size: 16px; 
    text-decoration: none; 
    margin-top: 20px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.blog-list-admin a:hover{
    color: #18BA60;
    text-decoration: none; 
}

@media screen and (max-width:767px) {
  .blog-list-text {
        margin-top: 50px; 
        padding: 0px 15px 0px 15px;
  }
}


/*-----------------------------------------
18. Blog Post
-------------------------------------------*/
.blog-post img{
    border-radius: 10px;
    
}

.blog-post h4{
    font-size: 25px;
    font-weight: 700;
    color: #3b3b3b;
    margin-top: 20px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.blog-post-info{
    display: inline-block;
    margin-top: 15px;
    margin-right: 25px;

}

.blog-post-info i{
    color: #18ba60; 
    font-size: 16px;
    font-weight: 500;
}    

.blog-post-info span{
    font-size: 13px;
    font-weight: 500;
    color: #676767;
    margin-left: 5px;
}

.blog-post p{
    font-size: 16px;
    font-weight: 500;
    color: #676767;
    line-height: 180%;
}

blockquote{
    border-left: 0px;
    margin-top: 25px;
    padding: 0px;
}

blockquote i{
    color: #18ba60;
    font-size: 38px;
    padding-top: 20px; 
}

.blockquote p{
    color: #3b3b3b;
    font-size: 19px;
    font-weight: 100;
    line-height: 170%;
}

.blog-post-share{
    border-top: 1.5px solid #18ba60;
    padding-top: 20px;
    margin-top: 50px;
}

.blog-post-share a{
    color: #18ba60;
    margin-right: 10px;
}

.share-icons a i{
    color: #676767;
    font-size: 15px;
    padding: 0px 0px 0px 5px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;    
}
.blog-post-share a i:hover{
    color: #18ba60;
}

.blog-post-left{
    background: #fafafa;
    border-radius: 10px;
    margin-bottom: 30px;   
    padding: 20px;
}

.blog-post-left h4{
    font-size: 20px;
    font-weight: 500;
   
}
.blog-post-left h4:after{
    display: block;
    content: "";
    width: 10%;
    border-bottom: 1.5px solid #18ba60;
    padding-bottom: 10px;
}

.recent-posts{
    margin-top: 30px;
}

@media (max-width: 767px) {
    .recent-posts-text{
        margin-top: 10px;
    }
    .blog-post-left{
        margin-top: 20px;
    }
}

.recent-posts-text p a{
    font-size: 15px;
    font-weight: 600;
    color: #676767;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s; 
}
.recent-posts-text p a:hover{
    color: #18ba60;
}

.recent-posts-text span{
    font-size: 14px;
    color: #18ba60;
}

.categories ul li{
    list-style-type: none;
    padding-left: 0px;
    margin-top: 15px;
}

.categories ul {
    padding-left: 0px;
    margin-top: 30px;
}

.categories ul li a{
    font-size: 16px;
    color: #676767;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s; 
}
.categories ul li a:hover{
    font-size: 16px;
    color: #18ba60;
  
}

.categories ul li a span{
    font-size: 15px;
    color: #18ba60;
}

.about p{
    font-size: 15px;
    line-height: 160%;
    color: #676767;
    margin-top: 20px;
}

.about p{
    font-size: 15px;
    line-height: 160%;
    color: #676767;
    margin-top: 20px;
}


/*-----------------------------------------
19. Pricing List
-------------------------------------------*/
.pricing{
    position: relative;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    margin: 15px 0px 15px 0px;
    overflow: hidden;
}

.pricing-box h4{
    font-size: 25px;
    font-weight: 500;
    color: #3b3b3b;
}

.pricing-box h2{
    font-size: 35px;
    font-weight: 500;
    color: #3b3b3b;
    margin-top: 15px;
}

.pricing-box p{
    font-size: 15px;
    color: #676767;
    margin-top: 12px;
    margin-bottom: 15px;
}

.pricing-info{
    border-top: 1px solid #e6e6e6;
    padding-top: 30px;
    margin-top: 30px;
}

.pricing-info p i{
    color: #18ba60;
    font-size: 15px;
    font-weight: 700;
}

.pricing-info p span{
    color: #676767;
    font-size: 15px;
    margin-left: 20px;
}

.pricing-button a{
    display: inline-block;
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 12px 15px 12px 15px;
    background: #18ba60;
    text-align: center;
    text-decoration: none; 
    margin-right: 5px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.pricing-button a:hover{
    background: #3b526b;
    text-decoration: none;
}


/*-----------------------------------------
20. Partners
-------------------------------------------*/
.partners img{
    opacity: 0.5;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;       
}
.partners img:hover{
    opacity: 1;
}


/*-----------------------------------------
21. Progress Bars
-------------------------------------------*/
.progress-text{
    font-size: 13px;
    font-weight: 600;
    color: #777;
    margin-bottom: 10px;    
}

.custom-progress{
    height: 5px;
    box-shadow: none;
}


.custom-bar{
    height: 5px;
    background-color: #3b526b;
    box-shadow: none;
}


/*-----------------------------------------
22. Accordions
-------------------------------------------*/
.accordion{
    box-shadow: none;
    border: none;
}

.accordion-heading{
    border-radius: 10px;
    padding: 0px;
}

.accordion-title a{ 
    font-size: 16px;
    font-weight: 600;
    background: #fafafa;
    color: #3b526b;
    display: block;
    padding: 15px 20px 15px 20px;
    border-radius: 10px;
}
.accordion-title a:after{   
    content: '\f146';
    font-weight: 700;
    color: #3b526b ;
    font-family: FontAwesome;
    font-size: 16px;
    float: right;
}
.accordion-title .collapsed:after{  
    content: '\f0fe';
    font-weight: 700;
    color: #3b526b;
    font-family: FontAwesome;
    font-size: 16px;
    float: right;
}

.accordion-body{
    font-size: 16px;
    font-weight: 500;
    color: #909090;
    line-height: 180%;
    border: none !important;
}


/*-----------------------------------------
23. 404 Page
-------------------------------------------*/
.big-background{    
    margin: 0 auto ;
    background-color: #ffffff;
}   


.block-404 {
    text-align: center;
}

.block-404 h1{
    font-size: 100px;
    font-weight: 100;
    color: #18ba60;
}

.block-404 h2{
    font-size: 30px;
    font-weight: 500;
    color: #000;
}

.block-404 h4{
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin-top: 10px;
}   


/*-----------------------------------------
24. Forms
-------------------------------------------*/
.primary-form input,.primary-form textarea{
    color: #424040;
    font-size: 14px;
    font-weight: 500;   
    border: none;
    border-bottom: 1px solid #eee;
    width: 100%;
    margin-top: 30px; 
    padding: 12px 15px 12px 15px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;       
}
.primary-form input:focus{
      border-bottom: 1px solid #18ba60;
}

.primary-form textarea{
    min-height: 150px;
}

.primary-form textarea:focus{
    border-bottom: 1px solid #18ba60;
}


/*-----------------------------------------
25. Contact Page
-------------------------------------------*/
.contact-box{
    text-align: center;
    border-radius: 10px;
}

.icon-box{
    display: inline-block;
    background: #18ba60; 
    border-radius: 10px;
    width: 100px;
    height: 100px;
    padding-top: 30px;
    margin-bottom: 15px;
}

.contact-box i{
    display: block;
    font-size: 40px;
    color: #ffffff;
    margin-bottom: 25px;
}

.contact-box h4{
    font-size: 20px;
    font-weight: 500;
    color: #3b3b3b;
    margin: 10px 0px 5px 0px;
}

.contact-box p{
    font-size: 15px;
    font-weight: 600;
    color: #3b3b3b;
    margin: 0px;
}

.contact-icon{
    padding: 80px 0px 80px 0px;
}

@media screen and (max-width:767px) {
  .contact-icon {
    text-align: center;
    padding: 20px 0px 20px 0px;   
    border-bottom: 2px solid #fff;
    }
}


/*-----------------------------------------
26. Google Map
-------------------------------------------*/
#map {
    height: 400px;
}


/*-----------------------------------------
27. Scroll To Top Button
-------------------------------------------*/
.scroll-to-top{
    font-size: 20px;  
    padding: 6px; 
    text-align:center; 
    color: #fff;
    text-decoration: none;
    position:fixed;
    bottom:80px;
    right:20px;
    display:none;
    border-radius: 5px;
    background: #3b526b;
    width: 40px;
    height: 40px;  
    z-index: 9999;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;   
}
.scroll-to-top i{
    color: #fff;
}

.scroll-to-top:hover{
    color: #fff;
    background: #18ba60 ;
}
 .scroll-to-top:hover i{
    color: #fff;
}
.scroll-to-top:visited{
    color: #fff;
    text-decoration:none;
}


/*-----------------------------------------
28.0
-------------------------------------------*/
.footer{
    background: #222222;
    padding: 50px 0px 50px 0px; 
}

.footer-column-heading h6{
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 40px!important;
}

@media screen and (max-width:991px) {
    .footer-column-heading h6{
        margin-top: 30px;
    }   
}
.footer-column-1 i{
    font-weight: 100;
    margin-right: 7px;
}

.footer ul{
    padding-left: 20px;
}

.footer ul li{
    list-style-type: none;
    margin-top: 10px;   
}

.footer ul li a{
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    
}
.footer ul li a:hover{
    color: #18ba60;
}

.footer-post{
    margin-bottom: 20px;
}

.footer-post-img{
    width: 25%;
    float: left;
}

.footer-post-img img, #rpwwt-recent-posts-widget-with-thumbnails-2 img{
    border-radius: 5px;
}

.footer-post-content{
    width: 75%;
    float: left;    
}

.footer-post-content h6{
    margin-left: 10px;
}

.footer-post-content h6 a, .footer a span{
    font-size: 15px;
    font-weight: 400;
    color: #aaa;
    text-decoration: none;
}

.newsletter-form input{
    width: 100%;
    border: 1px solid #ccc;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
     border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;    
    padding: 10px;
}

.newsletter-form button{
    color: #fff;    
    background-color: #18ba60;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;   
    padding: 10px 20px 10px 20px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;       
}
.newsletter-form button:hover{
    background-color: #fff;
}

.bottom-bar{
    background-color: #1c1c1c;
    padding: 10px 0px 10px 0px; 
}
.bottom-icons a i{
    color: #fff;
    font-size: 15px;
    padding: 12px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;       
}
.bottom-icons a i:hover{
    color: #18ba60 !important;
}
.pagination_row{margin-left:2px;}
.sticky h4 a {color:RED;}
.blog-single-authors {
    padding-top: 20px;
}
.comment-heading h1 {
    font-size: 24px;
    line-height: 26px;
    padding-bottom: 25px;
}
.comment .media-left img {
    max-width: initial;
}
.single-authors-content a {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: underline;
    color: #18ba60;
}
.single-authors-content .media-heading {
    font-size: 16px;
}

.single-authors-content .media-heading {
    font-size: 16px;
    font-weight: 700;
}
.media-heading {
    margin-top: 0 !important;
    margin-bottom: 5px;
}
.single-authors-content .comment-reply-link {
    float: right;
    color: #18ba60;
}
.blog-post h3{
    font-size: 28px;
}
.blog-post blockquote {
    background: #fff;
    border-left: 5px solid #18ba60;
    margin: 25px 0px 25px 20px;
    padding: 15px;
}
.blog-post blockquote p {
    color: #3b3b3b;
    font-size: 19px;
    font-weight: 100;
    line-height: 170%;
}


table,
th,
td {
    border: 1px solid #d1d1d1;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.75em;
    table-layout: fixed;
    /* Prevents HTML tables from becoming too wide */
    width: 100%;
}
h1, h2, h3, h4, h5, h6, a, p {
    overflow-wrap: break-word;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
}

td {
    border-width: 0 1px 1px 0;
}

th,
td {
    padding: 0.4375em;
}
.post_comment_row{margin-left:1px;}
.post_comment{width:90%;}
.comment-form input, .comment-form textarea {
    color: #424040;
    font-size: 14px;
    font-weight: 500;
    border-radius: 10px;
    border: 1px solid #eee;
    width: 100%;
    margin-top: 30px;
    padding: 12px 15px 12px 15px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.form-submit input {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 10px 25px 10px 25px;
    border: 2px solid  #18ba60;
    width:25%;
    border-radius: 5px;
    background:  #18ba60;
    text-align: center;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.panel-info {
    border-color:  #18ba60;
}
select{width:100%;margin-top:25px;height: 40px;}
.blog-side-box{
    background: #fafafa;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 20px;
}
.blog-post-left {
    background: transparent; 
    border-radius: 0px; 
    margin-bottom: 0px; 
    padding: 0px; 
}
.blog-side-box h4{margin-bottom:20px;}
.blog-side-box ul li a {
    font-size: 16px;
    color: #676767;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.blog-side-box ul {
    padding-left: 0px;
    margin-top: 25px; 
}
.blog-side-box ul li {
    list-style-type: none;
    padding-left: 0px;
    margin-top: 10px;
}
.blog-side-box ul li a {
    font-size: 16px;
    color: #676767;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.blog-side-box ul li a span {
    font-size: 15px;
    color: #18ba60;
    padding-left:5px;
}
.blog-side-box ul li a:hover {
    font-size: 16px;
    color: #18ba60;
}

.submit-search {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 8px 15px 8px 15px;
    border: 2px solid  #18ba60;
    margin-top:10px;
    border-radius: 5px;
    background:  #18ba60;
    text-align: center;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.page-title ul li{
    font-size: 17px;
    font-weight: 500;
    color: #fff;
}
.vc_section{
    margin-left: 0px!important;
    margin-right: 0px!important;
}
.footer-heading h4 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.footer.widget_recent_entries{
    width: 75%;
    float: left;
    text-align: left;

}
.footer.widget_recent_entries ul li a {
    font-size: 15px;
    font-weight: 400;
    color: #aaa;
    text-decoration: none;
    margin-left: 10px;
}
.newsletter-btn{
	position: absolute;
    font-size: 0;
    top: 0;
    white-space: nowrap;
    right: 0;
}
.rpwwt-widget ul li{margin:0px!important;}
.newsletter-form{width: 80%;}
.left-holder{margin-bottom:0px }
.article-text h3{margin-top: 0px;}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.gallery-caption{
    font-size: 11px;
}
.bypostauthor{
    font-size: 13px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
.searchform{margin-top:25px;}
.search-box{height: 40px;}
.pagination>li>a, .pagination>li>span{color:#18ba60;}
.post-password-form input[type=submit]{
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    width: 10%;
    border: 2px solid #18ba60;
    margin-top: 10px;
    border-radius: 5px;
    background: #18ba60;
    text-align: center;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.tagcloud{margin-top:25px;}
.calendar_wrap{margin-top:25px;}
ul.children{margin-top:0px;}
ul.sub-menu{margin-top: 0px;}