/*
Template Name:SOLARON 
*/

/*
Table Of Content

1. Top Menu CSS
2. Menu Area CSS
3. Slider Area CSS
4. Feature Area CSS
5. About Area CSS
6. Service Area CSS
7. Call Area CSS
8. Choose Area CSS
9. Counter Area CSS
10. Team Area CSS
11. Testimonial Area CSS
12. Pricing Area CSS
13. Blog Area CSS
14. Footer Area CSS
15. Breadcumb Area CSS
16. Brand Area CSS
17. Video Area CSS
18. Contact Area CSS
19. Faq Area CSS
20. Portfolio Area CSS

*/

@import url('https://fonts.googleapis.com/css2?family=Asap:wght@300;400;500;600;700;800;900&family=Rubik:wght@300;400;500;600;700;800;900&display=swap');


/*theme css*/

body {
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color: #1c1b1b;
}
 p {
     font-style: normal;
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
    font-family: 'Asap', sans-serif;
    font-style: normal;
    line-height: 1.2;
    font-weight: 700;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 22px;
    transition: .5s;
    margin-bottom: 5px;
    color: #040303;
}
a{
    transition: .5s;
    text-decoration:none;
}
.btn-primary:focus,
select:focus,
textarea:focus,
input:focus{
   box-shadow: none !important;
    border: none;
}
textarea,
input{
    outline:none;
}
.row .slick-slider .col-md-12, .row .slick-slider .col-lg-12 {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 1px;
    margin-top: 1px;
}
.btn:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none;
}
a:focus, a:hover {
    text-decoration: none;
    outline: none;
    color: #86bb47;
}
 .uppercase {
     text-transform: uppercase;
}
 .capitalize {
     text-transform: capitalize;
}
.witr_section_title_inner h1, .witr_section_title_inner h2, .witr_section_title_inner h3 {
    font-size: 40px;
    margin: auto;
    font-weight: 700;
    line-height: 1.2;
}
.witr_section_title_inner h2 {
    font-size: 16px;
    display: inline-block;
    color: #86bb47;
    border-bottom: 4px solid #86bb47;
    margin-bottom: 10px;
}
.witr_back_title {
    position: absolute;
    bottom: 0;
    right: 0;
}
.witr_back_title{
    text-align: center;
    top: -80px;
    left: -150px;
}
.witr_back_title h4 {
    -webkit-text-stroke-color: #02010100;
    -webkit-text-fill-color: #F3F3F3;
    font-size: 150px;
    opacity: 0.7;
    line-height: 1;
}
.witr_section_title_inner {
    position: relative;
    z-index: 1;
}
.witr_section_title {
    position: relative;
}
.witr_section_title_inner p span a, .witr_section_title_inner p span, .witr_section_title_inner h1 span, .witr_section_title_inner h2 span, .witr_section_title_inner h3 span {
    color: #86bb47;
}
.witr_bar_main {
    margin: 10px 0;
}
.witr_bar_inner {
    height: 5px;
    width: 90px;
    background: #86bb47;
    margin: 0px auto;
    position: relative;
    border-radius: 30px;
}
.witr_bar_innerc:before {
    left: 0;
    transform: translateY(-50%);
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: move_title_bg1;
}
.witr_bar_innerc:after {
    right: 0;
    transform: translateY(-50%);
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: move_title_bg2;
}
.witr_bar_innerc:after, .witr_bar_innerc:before {
    content: '';
    position: absolute;
    top: 50%;
    border-radius: 50%;
}
.witr_bar_innerc:after, .witr_bar_innerc:before {
    border: 6px solid #86bb47;
}
@keyframes move_title_bg1{from{left:0}to{left:100%}}
@keyframes move_title_bg2{from{right:0}to{right:100%}}

.divider {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
.divider-separator {
    margin: 0 auto;
}
.divider-separator:after, .divider-separator:after, .divider-separator:before {
    display: block;
    content: "";
    border-bottom: 0;
    flex-grow: 1;
    border-top: 1px solid #efefef;
}
.divider-separator {
    display: flex;
}
.divider-separator{
    position:relative;
}
.witr_section_title {
    margin-bottom: 40px;
}
.witr_section_title_inner p {
    width: 100%;
    padding: 22px 0 0 0;
    margin-top: 0;
}
.witr_section_title_inner.text-center p {
    width: 71%;
    margin-right: auto;
    margin-left: auto;
}
.witr_all_pd0{
    padding:0;
}
.logo-right .logo, .text-right {
    text-align: right;
}
@media (min-width: 1200px){
    .trp_nav_area .container, .animate_banner_area .container{
        max-width: 1200px;
    }   
    
}

@media (min-width: 1140px){
    .container {
        max-width: 1140px;
    }   
}
/* ===== 1. Top Menu CSS ===== */
 .em40_header_area_main.hdisplay_none {
     display: none;
}
.em_creative_header, .top_crt_style {
    background: #fff;
}
.top_crt_style {
    padding: 20px 0;
}
.top_crt_style .main_sticky_l {
    display: none;
}
.creative_header_address {
    overflow: hidden;
    padding-left: 46px;
}
.creative_header_icon i, .top-address p span i, .top-address p a i {
    color: #86bb47;
}
.creative_header_icon i {
    font-size: 30px;
    margin-top: 5px;
    margin-left: 2px;
    display: inline-block;
}
.creative_header_address_text>h3 {
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: #040303;
}
.creative_header_address_text>p {
    margin: 0;
    overflow: hidden;
    color: #787878;
}
.single_header_address {
    text-align: left;
    display: flex;
    justify-content: end;
    gap: 10px;
    align-items: self-end;
}
.creative_header_address_text > p, .creative_header_address_text > p > a, .top_crmenu_l li a, .cr_top_addess p span, .cr_top_addess p a {
    color: #666666;
}
.solaron-header-top {
    padding: 10px 0;
    background: #86bb47;
}
.top-address {
    display: inline-block;
}
.top-address p a, .top-address p span, .top-right-menu ul.social-icons li a, .top-welcome p, .top-welcome p a, .top-welcome p span, .top-welcomet p a, .top-welcomet p span {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}
.top-address p a, .top-address p span {
    margin-right: 20px;
}
.top-address p a {
    display: inline-block;
    text-decoration: none;
    transition: all .2s ease-in-out;
}
.top-address li span {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin-right: 20px;
}
.top-address li span i {
    font-size: 13px;
    margin-right: 6px;
}
.top-right-menu ul.social-icons {
    margin: 0;
    padding: 0;
}
.top-right-menu ul.social-icons li {
    display: inline-block;
    margin-left: 12px;
    position: relative;
}
.top-right-menu ul.social-icons li a {
    display: inline-block;
    text-decoration: none;
    font-weight:500;
    transition: all .2s ease-in-out;
    font-size: 15px;
}
.top-address p a i, .top-address p span i, .top-welcome p span i, .top-welcomet p span i {
    font-size: 13px;
    margin-right: 5px;
    color: #fff;
}
.top-address p {
    margin-bottom: 0;
}
.top-right-menu {
    text-align: right;
}
/* ===== 2. Menu Area CSS ===== */
.solaron_nav_area.postfix {
    transition: .3s;
}
.solaron_nav_area {
    border-top: 1px solid #d1d1d1;
    background: #fff;
}
.trp_nav_area {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    transition: .5s;
}
.tx_menu_together, .tx_bs_together {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.search_popup_button, .tx_mmenu_together {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}
.logo-right,
.logo-left {
    align-items: center;
}
.mobile_menu_logo.text-center {
     padding: 20px 0;
     width: 100%;
}
/* LOGO CSS */
 .logo a {
     display: inline-block;
}
/* logo sticky */
 .solaron-main-menu .logo a.main_sticky_main_l {
     display: block;
}
 .solaron-main-menu .logo a.main_sticky_l {
     display: none;
}
/* logo pre */
 .solaron-main-menu .prefix .logo a.main_sticky_main_l {
     display: none;
}
 .solaron-main-menu .prefix .logo a.main_sticky_l {
     display: block;
} 
/* MENU text CSS */
 .solaron_menu ul {
     text-align: right;
     list-style: none;
}
.solaron_menu > ul > li {
    display: inline-block;
    position: relative;
    border-left: 1px solid #eaeff2;
}
.solaron_menu > ul > li:last-child {
    border-right: 1px solid #eaeff2;
}
 .solaron_menu > ul > li {
     display: inline-block;
     position: relative;
}
.solaron_menu > ul > li > a {
    display: block;
    margin: 17px 15px;
    transition: .5s;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #272727;
    font-family: 'Asap', sans-serif;
    cursor: pointer;
    text-transform: uppercase;
}
.solaron_menu ul .sub-menu li a:hover, .solaron_menu ul .sub-menu li.current-menu-item a, .solaron_menu>ul>li.current-menu-item>a, .solaron_menu>ul>li>a:hover, .solaron_nav_area.prefix .solaron_menu>ul>li.current-menu-item>a, .solaron_nav_area.prefix .solaron_menu>ul>li>a:hover, .hbg2 .solaron_menu>ul>li.current-menu-item>a, .hbg2 .solaron_menu>ul>li>a:hover, .heading_style_2 .solaron_menu>ul>li.current-menu-item>a, .heading_style_2 .solaron_menu>ul>li>a:hover, .heading_style_3 .solaron_menu>ul>li.current-menu-item>a, .heading_style_3 .solaron_menu>ul>li>a:hover, .heading_style_4 .solaron_menu>ul>li.current-menu-item>a, .heading_style_4 .solaron_menu>ul>li>a:hover {
    color: #86bb47;
}
 .solaron_menu > ul > li > a:before, .solaron_menu > ul > li.current > a:before {
     background: #ffb600 none repeat scroll 0% 0;
     bottom: -7px;
     content: "";
     height: 2px;
     left: 0;
     margin: auto;
     opacity: 0;
     position: absolute;
     right: 0;
     transition: all 0.5s ease 0s;
     width: 15%;
     display:none;
}
.solaron_menu ul li:last-child a {
    margin-right: 0;
}
.solaron_menu > ul > li.current > a, .solaron_menu > ul > li:hover > a, .creative_header_menu > ul > li:hover > a {
    background: transparent;
    color: #051a36;
}
 .solaron_menu > ul > li:hover > a:before, .solaron_menu > ul > li.current > a:before {
     opacity: 1;
}
 .transprent-menu .solaron_nav_area {
     left: 0;
     right: 0;
     top: 0;
     z-index: 9999;
     background-color: transparent;
     padding: 0;
     transition: .5s;
     position: absolute;
}
 .solaron_nav_area.postfix {
     transition: .3s;
}
.solaron_nav_area.prefix, .hbg2 {
    background: rgba(10,10,0,0.8);
}
.solaron_nav_area.prefix .right_sideber_menu i, .witr_search_wh .prefix .em-header-quearys .em-quearys-menu i {
    color: #fff !important;
}
.solaron_nav_area.prefix .solaron_menu > ul > li.current > a {
    color: #86bb47;
}
.witr_h_h2 .solaron_menu {
    justify-content: space-around;
    display: flex;
    align-items: center;
}
.landing_page .solaron_menu {
    justify-content: flex-end;
}
.tx_mmenu_together .donate-btn-header {
     padding: 0;
}
 .prefix .main_menu_header_address_text h3, .prefix .main_menu_header_address_text h4 a, .prefix .main_menu_header_icon i {
     color: #fff;
}
.solaron_menu ul .sub-menu li:hover {
    margin-left: 8px;
}
.solaron_nav_area.prefix .solaron_menu>ul>li>a {
    color: #fff;
}
.solaron_menu ul li:last-child a {
    margin-right: 10px;
}
/* sub menu style */
.solaron_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 240px;
    text-align: left;
    background: #fff;
    margin: 0;
    padding: 15px 5px 14px;
    z-index: 9999;
    box-shadow: 0 0 30px rgb(0 0 0 / 9%);
    transition: .2s;
    opacity: 0;
    visibility: hidden;
}
 .solaron_menu ul li:hover > .sub-menu {
     transition: .5s;
     opacity: 1;
     visibility: visible;
     top: 100%;
     z-index: 9;
}
 .solaron_menu ul .sub-menu li {
     position: relative;
     transition:.5s;
}
.solaron_menu ul .sub-menu li a {
    display: block;
    margin: 0;
    margin-bottom: 0px;
    letter-spacing: normal;
    font-size: 18px;
    font-weight: 500;
    transition: .5s;
    color: #272727;
    visibility: inherit !important;
    padding: 7px 17px;
    font-family: 'Asap', sans-serif;
}
 .solaron_menu ul .sub-menu li:hover > a, .solaron_menu ul .sub-menu .sub-menu li:hover > a, .solaron_menu ul .sub-menu .sub-menu .sub-menu li:hover > a, .solaron_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
     color: #86bb47;
}
.solaron_menu ul .sub-menu li:hover:before{
    opacity:1;
}
.solaron_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a, .solaron_menu ul .sub-menu .sub-menu .sub-menu li:hover>a, .solaron_menu ul .sub-menu .sub-menu li:hover>a, .solaron_menu ul .sub-menu li:hover:before, .solaron_menu ul .sub-menu li:hover>a {
    color: #86bb47;
}
.main_menu_header_icon i{
    font-size: 25px;
    color: #86bb47;
}
.solaron_menu ul .sub-menu li {
    position: relative;
    transition: .5s;
}
.solaron_menu ul .sub-menu li:hover:before {
    opacity: 1;
}
/* sub menu 2 */
.solaron_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}
 .solaron_menu ul .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}
/* sub menu 3 */
 .solaron_menu ul .sub-menu .sub-menu li {
     position: relative;
}
 .solaron_menu ul .sub-menu .sub-menu .sub-menu {
     right: 100%;
     left: auto;
     top: 130%;
     opacity: 0;
     visibility: hidden;
}
 .solaron_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}
/* sub menu 4 */
 .solaron_menu ul .sub-menu .sub-menu .sub-menu li {
     position: relative;
}
 .solaron_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}
/* has menu icon */
.solaron-main-menu .menu-item-has-children>a:after {
    margin-left: 5px;
    content: "\eac8";
    font-family: IcoFont!important;
    opacity: 1;
    font-size: 13px;
    font-weight: 600;
    width: 13px;
    height: 13px;
}
/* quearys area css */
.solaron_menu.main-search-menu > .em-header-quearys, .em-quearys-top.msin-menu-search {
    display: inline-block;
}
.em-top-quearys-area {
    position: relative;
}
.solaron_menu div.em-header-quearys {
    text-align: center;
}

.em-quearys-inner {
    visibility: hidden;
    opacity: 0;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 10000;
    transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), transform .3s .15s cubic-bezier(0.32, 0, 0, 1), background .3s 0s cubic-bezier(0.32, 0, 0, 1);
    transform: scale(1.1);
    visibility: hidden;
    opacity: 0;
    left: -150%;
    background: rgba(0, 0, 0, 0);
}
.em-s-open {
    visibility: visible;
    opacity: 1;
    left: 0;
    background: #000000e6 !important;
    transform: scale(1);
}
.em-quearys-form {
    width: 100%;
    max-width: 895px;
    margin: auto;
    padding: 30px 0;
}
.top-form-control {
    position: relative;
}
.top-form-control input {
    background: transparent;
    color: #fff;
    font-size: 50px;
    font-weight: 500;
    height: 100px;
    padding: 0 40px 0 15px;
    width: 100%;
    border: none;
    transition: .5s;
    border-bottom: 3px solid #fff;
}
.top-form-control input::placeholder{
    color:#fff;
}
textarea, input {
    outline: none;
}
.top-form-control button.top-quearys-style {
    position: absolute;
    right: 6px;
    top: 50%;
    background: transparent;
    font-size: 45px;
    border: none;
    color: #fff;
    transform: translateY(-50%);
}
.main-search-menu .em-header-quearys .em-quearys-menu i {
    cursor: pointer;
    background: transparent;
    color: #272727;
    padding: 0;
    border-radius: 100px;
    height: inherit;
    width: inherit;
    line-height: inherit;
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    color: #272727!important;
}
.em-quearys-top.msin-menu-search .em-quearys-menu i {
    margin-left: 25px;
    cursor: pointer;
    display: inline-block;
}
.em-quearys-menu i{
    color:#fff !important;
}
.mrt10{
    margin-top:10px;
}
.em-quearys-menu i {
    background: #86bb47;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 17px;
    color: #222;
    cursor: pointer;
}
.main_menu_address_a {
    display: flex;
    align-items: center;
    position: relative;
}
.main_menu_address_a::before {
    background: #fbfbfb40;
}
.main_menu_address_a:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 107px;
    left: 0;
}
.main_menu_header_icon {
    margin-left: 25px;
    margin-right: 10px;
}
.main_menu_header_address_text h3, .main_menu_header_address_text h4 a {
    margin: 0;
    font-weight: 600;
    font-size: 18px;
    
}
.main_menu_header_address_text h3{
    color: #86bb47;
}
.main_menu_header_address_text h4 {
    margin-bottom: 0;
    color: #030925;
}

/*=======================
#2 solaron mobile menu css
========================*/
.mobile-menu{
 display:none !important;
}
@media (max-width: 991px){
    .search_popup_button, .tx_mmenu_together{
        display: none;
    }

}
 .mobile_logo_area{
 display:none !important;
}
.mean-container a.meanmenu-reveal {
    display: none !important;
}
.mean-container .mean-nav > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}
.mean-container .mean-bar {
    background: #fff;
    padding: 0;
}
.mean-container .mean-nav ul li {
    border-top: 0px solid #ddd;
}
.mean-container .mean-nav ul li li a,
.mean-container .mean-nav ul li a {
    color: #444;
}
.mean-container .mean-nav ul li li a {
    border-top: 1px solid #ddd;
}
.mean-container .mean-nav ul li a:hover {
    color: #ff4a17;
}
.mobile_p {
    position: fixed;
    right: 0;
    width: 300px;
    padding: 80px 20px 0px;
    overflow-y: scroll;
    top: 0;
    height: 100%;
    z-index: 9999;
    display: block;
    transition: 0.5s all;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
    transform: translateX(100%);
    background: #ffffff;
}
.tx-s-open {
    transform: translateX(0);
}
.mobile_p .tuetion_theme_widget > div.widget_block {
    padding: 0;
}
.mobile_p .tuetion_theme_widget > div {
    padding: 20px 0px 20px;
    box-shadow: none;
}
.mobile_p {}
.mean-container .mean-nav ul li a {
    border: 0;  
    width: 100%;
    border-top: 1px solid #ddd; 
    font-size: 14px;
    padding: 12px 5px;
    font-weight: 500;
    display: block;
}
.mean-container .mean-nav ul li a.mean-expand {
    width: auto;
}
.mean-container .mean-nav ul li li a {}
.mobile_opicon {
    text-align: right;
    padding: 4px 0;
}
.mean-container .mean-nav > ul > li:first-child > a {
    border-top: 0;
}
.mobilemenu_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mobile_menu_o  i {
    font-size: 26px;
}
.mobile_menu_content .mobile_menu_logo {
    margin-bottom: 20px;
}
.mobile_cicon {
    position: absolute;
    right: 30px;
    top: 50px;
}
.mobile_overlay {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    transition: all 0.3s ease-out 0s;
}
.mobile_overlay.mactive {
    opacity: 1;
    visibility: visible;
}
.footer-social-icon.htop-menu-s {
    padding: 0;
    display: inline-block;
    margin-left: 30px;
}
.footer-social-icon {
    text-align: center;
}
.footer-social-icon.htop-menu-s a i {
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    margin: 0 1px;
    width: 40px;
    background: #86bb47;
    color: #fff;
    display: inline-block;
}
.footer-social-icon a i {
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    transition: .3s;
}
.footer-social-icon a i:hover {
    background: #fdc400;
}
/* menu button */
a.dtbtn {
    border: none;
    font-size: 16px;
    font-weight: 700;
    border-radius: 30px;
    padding: 12px 15px 12px 30px;
    color: #fff;
    background: #86bb47;
    display: inline-block;
    position: relative;
    font-family: "Asap", sans-serif;
    margin-left: 20px;
}
a.dtbtn i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background: #040303;
    margin-left: 15px;
    transition: .5s;
    display:inline-block;
}
.creative_header_button:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 74px;
    left: 10px;
    top: -14px;
    background: #86bb47;
}
a.dtbtn:hover {
    background: #040303;
}
a.dtbtn:hover i {
    background: #86bb47;
}
.creative_header_button, .top_crmenu_l li {
    position: relative;
    padding-left: 30px;
}
.creative_header_logo {
    position: relative;
    top: 25px;
}
/* ===== 3. Slider Area CSS ===== */
 .witr_ds_content {
    z-index: 1;
    /*height: 100vh;*/
    background-size: cover;
    background-position: center center;
    overflow: hidden;
}
.witr_containers {
    margin: auto;
    width: 63%;
}
.witr_ds_content_inner {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.witr_ds_content_inner h1 {
    font-size: 22px;
    text-decoration: underline;
    text-decoration-color: #86bb47;
    text-underline-offset: 5px;
    margin: 0 auto 7px 0;
}
.text-left .witr_ds_content_inner h1, .text-left .witr_ds_content_inner h2, .text-left .witr_ds_content_inner h3, .text-left .witr_slicks_title h4 {
    width: 60%;
    margin: 0 auto 7px 0;
}
.witr_ds_content_inner h2, .witr_ds_content_inner h3 {
    font-size: 65px;
    line-height: 1.14;
}
.text-left .witr_ds_content_inner h1{
    margin-top:0;
    margin-bottom: 24px;
}
.text-left .witr_ds_content_inner p {
    width: 62%;
    margin: 14px auto 15px 0;
    color: #040303;
    font-weight: 500;
    font-size: 18px;
}
 .slider_btn {
    margin-top: 53px;
}
 .text-left .witr_btn_sinner {
    text-align: left;
}
/* pagination bullet */
 .witr_swiper_area .swiper-pagination-bullet {
     width: 15px;
     height: 15px;
     background: #fff;
}
/* progressbar */
 .witr_swiper_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
     background: #821F05;
}
 .witr_swiper_area .swiper-container-horizontal>.swiper-pagination-progressbar{
}
 .witr_swiper_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, .witr_swiper_area .swiper-container-horizontal>.swiper-pagination-progressbar{
     height: 10px;
}
/* scrollbar */
 .witr_swiper_area .swiper-scrollbar-drag {
     background: #821F05;
}
 .witr_swiper_area .swiper-container-horizontal>.swiper-scrollbar{
     background: rgba(0,0,0,.0);
}
 .witr_swiper_area .swiper-scrollbar-drag, .witr_swiper_area .swiper-container-horizontal>.swiper-scrollbar{
     height: 10px;
}
/* pagination prev next */
 .swiper-button-prev, .swiper-button-next {
     background-image:inherit !important;
     color:#fff;
     transition: .5s;
     outline: none;
}
.video_page_area .swiper-button-prev, .video_page_area .swiper-button-next {
    background-image: inherit !important;
    color: #fff;
    transition: .5s;
    outline: none;
    display: none;
}
 .swiper-button-prev:hover, .swiper-button-next:hover {
     color: #e0a067;
     background:#fff;
     padding:30px;
}
 .swiper-button-next:after, .swiper-button-prev:after{
     font-size: 30px;
}
 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
     opacity:0 !important;
}
.witr_swiper_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #821F05;
}
.witr_swiper_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #821F05;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}
/* pagination prev next */
 .swiper-button-prev, .swiper-button-next {
     background-image:inherit !important;
     color:#fff;
     transition: .5s;
     outline: none;
}
.video_page_area .swiper-button-prev, .video_page_area .swiper-button-next {
    background-image: inherit !important;
    color: #fff;
    transition: .5s;
    outline: none;
    display: none;
}
.swiper-button-prev:hover, .swiper-button-next:hover {
    color: #86bb47;
    background: #fff;
    padding: 30px;
}
 .swiper-button-next:after, .swiper-button-prev:after{
     font-size: 30px;
}
 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
     opacity:0 !important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #e0a067;
}
.witr_swiper_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, .witr_swiper_area .swiper-container-horizontal>.swiper-pagination-progressbar {
    height: 5px;
}
.btn, .feature_btn a, .learn_btn, .service-btn>a, .consit_button a, .witr_bbtn, .witr_btn, .witr_feature_btn_3d a, .witr_feature_btn_f a, .witr_gbbtn, .witr_gbtn, .witr_sbtn_s8 a, .witr_ser_btnb a{
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
}
.witr_btn {
    border-radius: 30px;
    display: inline-block;
    font-size: 16px;
    padding: 12px 15px 12px 34px;
    text-align: center;
    position: relative;
    margin-right: 15px;
    z-index: 2;
    transition: 1s;
    font-weight: 500;
    background: #86bb47;
    color: #fff;
}
.witr_btn:hover {
    background: #040303;
    color: #fff;
}
.slick_pluse_btn {
    display: inline-block;
}
.slick_pluse_btn span {
    color: #86BB47;
    background: #FFFFFF;
    font-size: 16px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50% 50% 50% 50%;
    margin: 0 0 0 15px;
    display: inline-block;
}
.slider_btn {
    margin-top: 54px;
}
.witr_swiper_content .witr_btn.active {
    color: #fff;
    background: 0 0;
    border-style: solid;
    border-width: 2px;
}
.witr_swiper_content .witr_btn.active:hover {
    background: #86bb47;
    border-color: #86bb47;
}
.witr_sw_text_area {
    margin: auto;
    width: 63%;
    height: 100%;
}
.witr_video_btn i {
    position: relative;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    transition: .5s;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 20px;
    color: #006CFF;
    background:#FFFFFF;
}
.witr_video_btn i:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    animation-fill-mode: both;
    animation: witr_squares 1.5s ease-in-out infinite;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background:#FFFFFF;
}
/* witr_squares_ */
@keyframes witr_squares{
    0%{-webkit-transform:scale(1);transform:scale(1);opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
    20%{-webkit-transform:scale(1.24);transform:scale(1.24);opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
    100%{-webkit-transform:scale(2.1);transform:scale(2.1);opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
}
/* swiper bottom area css */
.swiper_bottom_area {
    margin-top: -110px;
    z-index: 999;
    position: relative;
}
 .swiper_bottom_area .all_color_service, .swiper_bottom_area .service_top_image::after {
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.09);
    background-color: #FFFFFF;
}
.swiper_bottom_area .all_color_service {
    border-radius: 5px 5px 5px 5px;
    padding: 50px 35px 30px 35px;
    margin-bottom: 20px;
}
.swiper_bottom_area .width_height_link_02 .service-item i, .swiper_bottom_area .width_height_link_0.service-item i {
    font-size: 50px;
    color: #3757f7;
    height: auto;
    width: auto;
    border-radius: initial;
    line-height: normal;
    background: none;
    border: none;
    transition:.5s;
}
 .swiper_bottom_area .all_color_service h3 {
    padding: 20px 0px 10px 0px;
}
.swiper_bottom_area .service-item:hover i {
    color: #001EB6;
}
.solaron-single-blog:hover .solaron-blog-thumb a:before, .solaron_menu ul .sub-menu li:hover:before, .solaron_menu>ul>li.current>a, .solaron_menu>ul>li.current>a:before, .solaron_menu>ul>li:hover>a, .solaron_menu>ul>li:hover>a:before, .slick-slider:hover .slick-next, .slick-slider:hover .slick-prev {
    opacity: 0;
}
.witr_ds_content_area .slick-prev {
    left: 15px;
}
.witr_ds_content_area .slick-next {
    right: 15px;
}
.witr_ds_content_area .slick-slide {
    padding-top: 0;
}
/* ===== 4. Feature Area CSS ===== */
.sn_fe_area {
    /*margin-top: -72px;*/
    margin-bottom: 0px;
    padding: 0px 0 10px 0;
    z-index: 999;
    position: relative;
}
.sub-item-8{
    border-style: solid;
    border-width: 0 0 4px 0;
    border-color: #00000000;
    padding: 40px 30px 21px 30px;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.14);
    background: #fff;
    transition: .5s;
    margin-bottom: 30px;
}
.sub-item-8 i {
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    border-radius: 100px 100px 100px 0;
    transition: 0.5s;
    font-size: 30px;
    display: inline-block;
    background: #86bb47;
    color: #fff;
}
.sub-item-8 h3 {
    margin: 25px 0 10px 0;
}
.sub-item-8:hover {
    border-style: solid;
    border-width: 0 0 4px 0;
    border-color: #86BB47;
}
.sub-item-8:hover i {
    background: #040303;
}
/* ===== 5. About Area CSS ===== */
.sn_ab_area {
    padding: 0 0 50px 0;
    position: relative;
}
.ab_mid_img img {
    margin-bottom: 20px;
}
.ab_mid_img {
    margin-left: -5px;
}
.pluse_btn_icon, .pluse_btn_icon span {
    display: inline-block;
}
.pluse_btn_icon span {
    color: #86BB47;
    background:#fff;
    font-size: 18px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    margin: 0 0 0 15px;
}
.ab_witr_cont .witr_btn {
    padding: 13px 15px 12px 40px;
    margin-top: 25px;
}
.ab_witr_cont .witr_section_title {
    margin-bottom: 20px;
}
.ab_wtr_mid_cont .witr_section_title_inner p {
    padding: 0;
}
.witr_shape_item_inner {
    position: absolute;
    z-index: -1;
    content: "";
    transition: .5s;
}
.witr_shape_item_inner {
    top: 327px;
    right: 355px;
}
.ab_shp2 .witr_shape_item_inner {
    top: 135px;
    right: 165px;
}
.ab_shp2 .witr_shape_image{
    animation: witr_rotate_360  3s  linear  1s  infinite  normal  running;
}
@keyframes witr_rotate_360 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.ab_page_ab {
    padding: 130px 0 110px 0;
}
/* ===== 6. Service Area CSS ===== */
.sn_ser_area .witr_section_title {
    margin-bottom: 15px;
}
.sn_ser_area .witr_back_title h4 {
    -webkit-text-fill-color: #fff;
    font-size: 150px;
    opacity: 0.7;
}
.sn_ser_area .witr_back_title {
    left: 0;
}
.sn_ser_area {
    background: #F3F3F3;
    padding: 55px 0 50px 0;
}
.witr_cfeature9 .all_feature_color {
    box-shadow: 0 5px 10px 0 rgb(240 241 243);
    background: #fff;
    transition:.5s;
}
.witr_cfeature9 .sub-item {
    padding: 0;
    position:relative;
    transition:.5s;
}
.witr_sub_item_area, .feature_positions_thumb {
    position: relative;
}
.witr_cfeature9 .feature_carsor_icon {
    margin-top: 0;
    margin-bottom: 29px;
}
.witr_cfeature9 .sub-item .feature_carsor_icon i {
    position: relative;
    transition: .5s;
    width: 55px;
    height: 55px;
    line-height: 55px;
    position: absolute;
    right: 10px;
    border-radius: 0;
    top: 39%;
    background: #86bb47;
    color: #fff;
    opacity: 0;
    font-size: 30px;
    display: inline-block;
}
.witr_cfeature9 .sub-item h3 {
    margin: 0 0 15px 0;
}
.witr_cfeature9 .sub-border-2 .sub-item p {
    padding: 0 23px;
}
.witr_cfeature9 .feature_btn {
    position: relative;
    top: 0px;
}
.feature_btn a {
    transition: .5s;
    display: inline-block;
    padding: 7px 10px 7px 30px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #86bb47;
    color: #040303;
    margin: 0 0 25px 0;
}
.witr_cfeature9 .feature_btn a i {
    width: 30px;
    height: 30px;
    background: #040303;
    color: #fff;
    line-height: 30px;
    font-size: 16px;
    margin-left: 15px;
    text-align: center;
    border-radius: 30px;
    display: inline-block;
    transition:.5s;
}
.witr_cfeature9 .sub-item:hover .feature_carsor_icon i{
    opacity: 1;
}
.witr_cfeature9 .feature_carsor_icon{
    margin-top: 0;
    margin-bottom: 29px;
}
.feature_btn a:hover{
    color: #fff;
    background: #86BB47;
}
.witr_cfeature9 .feature_btn a:hover i {
    color: #86bb47!important;
    background: #fff!important;
}
.ser_page_ser { 
    padding: 125px 0 115px 0;
}
/* ===== 7. Call Area CSS ===== */
.sn_call_area {
    background: #86BB47;
    padding: 90px 0 50px 0;
}
.sn_call_area .witr_section_title_inner h3 {
    color: #fff;
}
.mc4wp-form-fields input {
    color: #b0afaf;
    background: #fff;
}
.mc4wp-form-fields input {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    border: none;
    outline: none;
    padding: 15px 30px;
    height: 63px;
    border-radius: 50px;
}
.mc4wp-form-fields button {
    width: auto;
    border: none;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 18px;
    text-align: center;
    z-index: 2;
    cursor: pointer;
    padding: 10px 15px 10px 35px;
    transition: .5s;
    margin: 5px;
    border-radius: 50px;
    background: #86bb47;
    color: #fff;
}
.mc4wp-form-fields button i {
    background: #fff;
    color: #86bb47;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-left: 10px;
    display:inline-block;
}
.mc4wp-form-fields button:hover {
    background: #040303;
}
/* ===== 8. Choose Area CSS ===== */
.sn_chos_area {
    background-image: url("../images/sn_service_bg_shap.png");
    background-position: center right;
    background-repeat: no-repeat;
    padding: 55px 0 0 0;
}
.sn_chos_area .witr_back_title {
    left: -20px;
}
.chos_left .witr_section_title {
    margin-bottom: 50px;
}
.detail_SS h3 {
    line-height: 31px;
    margin: 20px 0 10px 0;
}
.chos_witr .witr_btn {
    border-radius: 5px;
    padding: 13px 15px 13px 40px;
    font-weight: 400;
    margin-top: 42px;
}
.pluse_btn_icon span {
    width: 35px;
    height: 35px;
    line-height: 35px;
}
/* ===== 9. Counter Area CSS ===== */
.sn_count_area {
    padding: 50px 0 50px 0;
    position: relative;
}
.sn_count_area .witr_shape_item_inner {
    top: -315px;
    left: -30px;
    right: auto;
}
.sn_count_area .witr_shape_image{
    animation: witr_movelr_box45  5s  linear  1s  infinite  alternate  running;
}
@keyframes witr_movelr_box45 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(45px);
        transform: translateX(45px)
    }
}
.witr_counter_single {
    text-align: center;
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: #B8C9D3;
    padding: 10px 5px 10px 5px;
    margin-bottom: 30px;
    min-height: 250px;
}
.witr_counter_number_inn {
    overflow: hidden;
}
.witr_counter_number_inn h3, .witr_counter_number_inn span {
    font-size: 20px;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0;
    color: #86bb47;
}
.witr_counter_number_inn span {
    line-height: 0;
}
.witr_counter_number_inn h4 {
    font-size: 16px;
}
/* ===== 10. Team Area CSS ===== */
.sn_team_area {
    /*background-image: url("../images/sn_team_bg.jpg");*/
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 50px 0 0 0;
}
.sn_team_area .witr_section_title_inner p {
    margin-top: 0;
}
.sn_team_area .witr_back_title h4 {
    -webkit-text-stroke-color: #02010100;
    -webkit-text-fill-color: #fff;
    font-size: 150px;
    opacity: 0.1;
    line-height:1;
}
.sn_team_area .witr_section_title_inner h2 {
    color: #fff;
}
.sn_team_area .witr_section_title_inner h3 {
    color: #fff;
}
.sn_team_area .witr_section_title_inner h2 {
    border-bottom: 4px solid #FFFAFA;
}
.sn_team_area .witr_section_title_inner p {
    color: #fff;
    width: 100%;
    margin-bottom: 15px;
}
.sn_team_area .witr_btn {
    background: #fff;
    color: #040303;
    margin-top: 16px;
}
.sn_team_area .pluse_btn_icon span {
    color: #fff;
    background: #040303;
}

.sn_team_area2 {
    /*background-image: url("../images/sn_team_bg.jpg");*/
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 50px 0 50px 0;
}
.sn_team_area2 .witr_section_title_inner p {
    margin-top: 0;
}
.sn_team_area2 .witr_back_title h4 {
    -webkit-text-stroke-color: #02010100;
    -webkit-text-fill-color: #000;
    font-size: 150px;
    opacity: 0.1;
    line-height:1;
}
.sn_team_area2 .witr_section_title_inner h2 {
    color: #000;
}
.sn_team_area2 .witr_section_title_inner h3 {
    color: #000;
}
.sn_team_area2 .witr_section_title_inner h2 {
    border-bottom: 4px solid #FFFAFA;
}
.sn_team_area2 .witr_section_title_inner p {
    color: #000;
    width: 100%;
    margin-bottom: 15px;
}
.sn_team_area2 .witr_btn {
    color: #fff;
}
.sn_team_area2 .pluse_btn_icon span {
    color: #fff;
    background: #040303;
}

.sn_team_area2 .tab_inner .single_image_area {
    text-align: left;
}

.sn_team_area2 .nav-tabs {
    justify-content: flex-start;
}

.witr_adv_tab_area {
    text-align: left;
    display: flex;
    flex-direction: column-reverse;
}
.nav-tabs {
    justify-content: flex-end;
}
.witr_taba_style1 .nav-tabs {
    border: 0;
}
.witr_taba_style1 .nav-tabs .nav-item {
    text-align: center;
}
.nav-tabs .nav-item {
    margin-bottom: -1px;
}
.nav-tabs .nav-link {
    color: #040303;
    background: #fff;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 1px 0px 35px 0px rgba(0, 0, 0, 0.14);
    margin: 0px 0px 0px 0px;
    padding: 18px 26px 18px 26px;
}
.nav-tabs .nav-link.active {
    border-style: solid;
    border-width: 0 0 2px 0;
    border-color: #86BB47;
}
.witr_taba_style1 .nav-tabs .nav-link {
    font-size: 17px;
    position: relative;
    transition: .5s;
}
.nav-tabs span {
    float: left;
    margin: 0;
    padding: 0;
}
.witr_taba_style1 .nav-tabs span {
    display: block;
}
.nav-link strong {
    font-family: "Asap", Sans-serif;
    font-size: 22px;
    font-weight: 700;
     display: inline-block;
}
.witr_taba_style1 .nav-tabs .nav-link strong span {
    color: #666;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    display: none;
    width: 100%;
    transition: .5s;
}
.tab_inner .single_image_area {
    text-align: right;
}
.witr_taba_style1 .nav-tabs .nav-link.active strong span {
    display: block;
}
.team_page_team {
    padding: 130px 0 120px;
    margin-top: 120px;
}
/* ===== 11. Testimonial Area CSS ===== */
.test_witr {
    margin-top: 10px;
}
.witr_testi_itemt {
    padding: 0 10px;
}
.em_single_testimonial {
    margin-bottom: 30px;
    transition: all .5s ease 0s;
    padding: 48px 0px 10px 5px;
    margin-top: 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    overflow: hidden;
    position: relative;
    text-align: left;
    background:#fff;
}
.test_q_icon i {
    font-size: 54px;
    color: #86bb47;
}
.em_testi_content {
    position: relative;
}
.em_testi_text {
    overflow: hidden;
    padding-top: 15px;
    text-align: left;
}
.all_color_testimonial p {
    margin: 0 0 26px 0;
}
.witr_testi_s10 .em_test_thumb {
    float: left;
    margin-right: 0;
}
.test-part {
    display: inline-block;
    margin-bottom: 10px;
}
.witr_testi_s10 .em_test_thumb img {
    width: inherit;
    margin: 0 35px 0 0;
    border-radius: 50%;
}
.em_testi_title span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin: 8px 0 0 0;
    color: #86bb47;
}
.test_witr .slick-dots li button {
    background: #F3F3F3;
}
.test_witr .slick-dots {
    left: 60px;
    bottom: -25px;
}
/* ===== Testimonial Area CSS ===== */
.sn_test_area2 {
    padding: 100px 0 130px 0;
}
.single_creativeItem {
    text-align: center;
}
.box-size {
    padding: 10px 15px;
}
.testiCreCon {
    position: relative;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 5px;
    padding: 48px 20px 10px 25px;
    margin-bottom: 35px;
}
.testiCreCon li {
    font-size: 100px;
    color: #dddddd4f;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.testiCreCon p {
    position: relative;
    margin: 0px 0px 26px 0px;
    z-index: 1;
}
.testiCreCon:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -36px;
    border-radius: 15px;
    width: 50px;
    height: 50px;
    background: #fff;
    transform: rotate(45deg) translateX(-50%);
    z-index: -1;
    box-shadow: 0 2px 29px 0 rgb(0 0 0 / 8%);
}
.sn_test_area2 .slick-dots li button {
    background: #F3F3F3;
}
.sn_test_area2 .slick-dots {
    bottom: -20px;
}
/* ===== 12. Pricing Area CSS ===== */
.sn_pric_area {
    padding: 50px 0 50px;
}
.sn_pric_area .witr_back_title {
    left: 0;
}
.sn_pric_area .witr_section_title{
    margin-bottom: 20px;
}
.pricing_area {
    /*background: #F3F3F3;*/
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    margin: 0 0 30px 0;
    padding: 40px 20px 30px 40px;
    border-radius: 5px;
}
.pricing_style_1 .pricing-part {
    display: flex;
    justify-content: center;
    gap: 50px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
.witr_pricing_icon i {
    font-size: 100px;
    display: block;
    color: #86bb47;
}
.all_pricing_color h4 {
    font-size: 22px;
    margin: 0% 0% -1% 0%;
    padding: 0px 0px 0px 0px;
    display: block;
}
.prt_content {
    padding: 10px 0px 7px;
    font-size: 20px;
}
.all_pricing_color p {
    font-size: 16px;
    margin: 0 50px 0 0;
    padding: 0;
    /*width: 66%;*/
}
.all_pricing_color h5 {
    color: #86BB47;
    font-size: 40px;
}
.all_pricing_color span {
    color: #86BB47;
    font-size: 40px;
    margin-right: 5px;
}
.pricing_style_1 .witr_btnp_color {
    padding-top: 0px;
    padding-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: right;
}
.witr_btnp_color a.btn {
    padding: 12px 15px 12px 32px;
    display: inline-block;
    border: 1px solid #86bb47;
    background: #86bb47;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.pricing_style_1 .pricing-part a.btn i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #fff;
    color: #86bb47;
    border-radius: 50%;
    font-size: 16px;
    margin-left: 15px;
    display: inline-block;
}
.offer_price {
    margin-left: -178px;
}
.witr_btnp_color a.btn:hover {
    color: #fff;
    background: #040303;
}
.mid_pric {
    background: #86bb47;
}
.mid_pric .witr_pricing_icon i, .mid_pric h4, .mid_pric p, .mid_pric h5, .mid_pric .pricing-part span{
    color:#fff;
}
.mid_pric .witr_btnp_color a.btn{
    color: #fff;
    background:#040303;
}
.mid_pric ul {
  color: #fff;
}
/* ===== 13. Blog Area CSS ===== */
section.witr_blog_area5 {
    padding: 130px 0 120px 0;
}
.witr_blog_area5 .witr_back_title {
    left: 0;
}
.witr_blog_area5 .witr_section_title {
    margin-bottom: 30px;
}
.busi_singleBlog {
    transition: .5s;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    background: #fff;
    margin-bottom: 20px;
}
.witr_blog_area5 .busi_singleBlog {
    display: flex;
}
.witr_blog_area5 .witr_sb_thumb {
    flex: .45;
}
.witr_sb_thumb {
    overflow: hidden;
    position: relative;
}
.witr_sb_thumb:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(0);
    transition: .5s;
    z-index: 1;
    background: #02010100;
}
.witr_blog_area5 .witr_sb_thumb img {
    height: 100%;
}
.witr_sb_thumb img {
    width: 100%;
    transition: .5s;
}
.witr_blog_area5 .all_blog_color {
    flex: .55;
    text-align:left;
}
.witr_blog_con {
    padding: 0 0 0 30px;
    margin-bottom: 0px;
}
.all_blog_color span, .all_blog_color span a, .witr_blog_meta_potion {
    margin: 0 5px 0 0;
}
.witr_blog_metan span, .witr_blog_metan span a, .witr_blog_con span, .witr_blog_con span a {
    color: #888888;
}
.witr_blog_con h2 {
    margin: 15px 0 3px 0;
    color:#222429;
}
.witr_blog_con h2 a {
    display: inline-block;
}
.all_blog_color p {
    margin: 0 0 20px 0;
}
.witr_blog_area5 .em-blog-content-area_adn {
    padding: 0 10px 0 30px;
}
 .learn_btn {
    background: #FFFFFF;
    border-style: solid;
    border-width: 2px;
    border-color: #86BB47;
    padding: 12px 15px 12px 32px;
    text-align: center;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    color: #86bb47;
}
.learn_btn i {
    color: #fff;
    font-size: 20px;
    background: #86BB47;
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin: 0 0 0 15px;
    border-radius: 50%;
    transition: all 0.3s ease 0s;
    display: inline-block;
}
.all_blog_color span i {
    display: none;
}
.witr_blog_con span {
    line-height: 26px;
    font-size: 16px;
    color: #86BB47;
}
.wblog-content > a:hover, .learn_btn:hover {
    color: #fff;
    background: #86BB47;
}
.learn_btn:hover i {
    background: #040303;
}
.busi_singleBlog:hover {
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
}
.busi_singleBlog:hover .witr_sb_thumb img, .busi_singleBlog:hover .witr_sb_thumb:before {
    transform: scale(1.2);
}


/* ===== Blog Area CSS ===== */
.blog_grid_blog {
    padding: 120px 0 90px;
}
.witr_blog_imags {
    overflow: hidden;
}
.blog-img {
    position: relative;
    transition: .5s;
}
.blog-img a {
    position: relative;
    display: block;
}
.blog-img a:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: .5s;
    background: rgba(0,0,0,.5);
}
.blog-img img {
    width: 100%;
}
.wblog-content.blog-content-5 {
    padding: 15px 20px 15px;
    box-shadow: 0 2px 6px 0 #f5f2f2;
}
.wblog-content span {
    font-size: 15px;
    line-height: 28px;
    padding-bottom: 15px;
    margin-right: 10px;
    color: #86bb47;
}
.wblog-content span a {
    font-size: 15px;
}
.wblog-content span i {
    padding-right: 5px;
    padding-left: 5px;
    transition: .5s;
}
.wblog-content.blog-content-5 h5 {
    padding-bottom: 0;
}
.wblog-content h5 {
    margin: 10px 0 15px;
}
.wblog-content h5>a {
    font-weight: 700;
}
.learn_btn, .wblog-content h5>a:hover, .wblog-content span i:hover, .wblog-content>a, .witr_blog_con span i:hover {
    color: #86bb47;
}
.wblog-content span, .wblog-content span a, .wblog-content span i, .witr_blog_con span i, .witr_blog_metan span i {
    color: #86bb47;
}
.blog_part_inner:hover .blog-img, .blog_part_inner:hover .blog-img a:before {
    transform: scale(1.2);
}
.blog-part {
    margin-bottom: 30px;
}
/* ===== Blog Area CSS ===== */
.witr-blog-side-area.blog_sidebar {
    padding: 100px 0px 100px;
}
.blog-left-side > div {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 15px;
    box-shadow: 0 0 5px 0 rgba(148, 146, 245, 0.2);
}
.blog-left-side > div:last-child {
    margin-bottom: 0;
}
.blog-left-side h2 {
    margin-bottom: 10px;
    text-transform: uppercase;
}
.blog-left-side .content {
    padding: 0;
}
.blog-left-side .push-bottom-large {
    margin-bottom: 0;
}
.blog-left-side > div:last-child {
    margin-bottom: 0;
}
.blog-left-side > aside:last-child {
    margin-bottom: 0 !important;
}
.blog-left-side .nav .children li a:hover,
.blog-left-side .sub-menu li a:hover {
    background: 0 0;
    color: #18c8ff;
}
.defaultsearch {
    background: #f7f7f7;
    position: relative;
}
.defaultsearch input {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 0 none;
    height: 54px;
    position: relative;
    width: 100%;
}
.defaultsearch button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #858585;
    font-size: 18px;
    padding: 1px 15px;
    position: absolute;
    right: 0;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
}
.defaultsearch input[type="text"] {
    padding-left: 10px;
}
.blog-left-side .widget h2 {
    bottom: -1px;
    display: block;
    line-height: 17px;
    margin-bottom: 20px;
    padding-bottom: 14px;
    position: relative;
    text-transform: capitalize;
}
.blog-left-side .widget h2::before {
    background: #86bb47;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0px;
    position: absolute;
    width: 26%;
    top: 30px;
}
.em-blog-content-area {
    padding: 20px 15px 0;
    overflow: hidden;
}
.footer-middle .widget h5 {
    text-transform: capitalize;
}
.blog-left-side .widget ul {
    list-style: none;
}
.blog-left-side .widget ul li {
    margin: 0 0 5px;
    padding-left: 20px;
    position: relative;
}
.blog-left-side .widget>ul>li:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.12);
}
.blog-left-side .widget ul li span {
    font-weight: 300;
}
.blog-left-side .widget ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}
.blog-left-side > .widget > ul > li {
    margin: 0 0 10px;
    padding-bottom: 10px;
}
.blog-left-side .widget ul li a:hover, .blog-left-side .widget ul li:hover::before {
    color: #86bb47;
}
.blog-left-side .widget ul li::before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 18px;
    left: 0;
    position: absolute;
}
.blog-left-side .widget select {
    width: 100%;
    height: 40px;
    background: #fff;
    border: 1px solid #ddd;
    padding-left: 5px;
}
.solaron-blog-meta-left i {
    color: #86bb47;
}
.solaron-blog-meta-left i {
    font-size: 13px;
    margin-right: 5px;
}
.solaron-blog-meta-left {
    margin-bottom: 10px;
    margin-top: 5px;
}
.recent-post-text h4 a:hover {
    color: #86bb47;
}
.recent-post-item {
    padding-bottom:0;
}
.recent-post-text h4 {
    margin-bottom: 0;
    line-height: 1;
}
.solaron-blog-meta-left a, .solaron-blog-meta-left span {
    color: #888;
}
.widget .screen-reader-text {
    display: none;
}
.textwidget select {
    width: 100%;
}
#wp-calendar {
    width: 100%;
}
.tagcloud a {
    display: inline-block;
    font-size: 14px !important;
    margin: 0 8px 10px 0;
    padding: 7px 15px;
    text-align: center;
    font-weight: 400;
    border: 1px solid #ddd;
    text-transform: capitalize;
}
.r-post-content h3 a:hover,
.r-post-content h3:hover,
.tagcloud a:hover,
.widget_archive ul li a:hover,
.widget_archive ul li:hover:before,
.widget_categories ul li a:hover,
.widget_categories ul li:hover:before {
    color: #DB2D2E;
}
.tagcloud a:hover {
    background: #DB2D2E;
    color: #fff;
}
#wp-calendar caption {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: left;
    text-transform: uppercase;
}
#wp-calendar {
    font-size: 13px;
}
#wp-calendar {
    border: 0 solid #e5e5e5;
    margin-bottom: 20px;
    overflow: auto;
    vertical-align: top;
    width: 100%;
    margin: 0;
}
table#wp-calendar td {
    border: 1px solid #e5e5e5;
    padding: 5px 10px;
    text-align: center;
    vertical-align: top;
    font-size: 14px;
}
#wp-calendar td,
#wp-calendar th {
    padding: 8px;
}
table#wp-calendar th {
    border: 1px solid #e5e5e5;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}
table#wp-calendar td#today {
    color: #fff;
    background-color: #86bb47;
}
table#wp-calendar td#today a {
    color: #fff;
}
.textwidget img {
    margin-bottom: 15px;
}
.textwidget p {
    margin-bottom: 0.5rem;
}
.solaron-blog-thumb img {
    width: 100%;
    transition:.5s;
}
.witr-blog-side-area .imagess_area .slick-slide img {
    display: inline-block;
    margin: auto;
    width: 100%;
}
.witr-blog-side-area.blog_sidebar .solaron-single-blog {
    margin-bottom: 30px;
    box-shadow: none;
    border-bottom: 1px solid #e7e7e7;
    background: transparent;
}
.solaron-single-blog {
    overflow: hidden;
    text-align: left;
    transition: all .3s ease-in-out 0s;
}
.solaron-blog-thumb {
    overflow: hidden;
}
.single_blog_thumb img {
    width: 100%;
}
.solaron-blog-thumb a {
    display: block;
    position: relative;
}
.solaron-blog-thumb a:before {
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index: 999;
    transition: .5s;
}
.solaron-blog-thumb a:before {
    background: rgba(0,0,0,.7);
}
.solaron-blog-thumb img {
    width: 100%;
}
.solaron_blog_area .em-blog-content-area {
    padding: 20px 15px 0;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgb(148 146 245 / 20%);
}
.solaron-blog-meta.post_blog h2 a {
    font-size: 24px;
    font-weight: 700;
    transition: .5s;
}
.solaron-blog-meta.post_blog h2 a:hover{
    color:#86bb47;
}
.solaron-blog-meta-left {
    margin-bottom: 10px;
    margin-top: 5px;
}
.solaron-blog-meta-left a, .solaron-blog-meta-left span {
    color: #888888;
    font-size: 16px;
    margin-right: 5px;
    margin-bottom: 0;
    display: inline-block;
}
.solaron-blog-meta-left i {
    color: #86bb47;
    margin-right: 5px;
    font-size: 13px;
}
.solaron-blog-meta-left a, .solaron-blog-meta-left span {
    color: #888;
}
.em-blog-content-area .witr_btn {
    background: #86bb47;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    padding: 10px 30px;
    text-align: center;
    position: relative;
    margin-right: 20px;
    z-index: 2;
    transition: 1s;
    font-weight: 400;
    margin-bottom: 20px;
}
.solaron-single-blog:hover .solaron-blog-thumb a:before {
    opacity: 1;
}
.solaron-single-blog:hover .solaron-blog-thumb img {
    transform: scale(1.1);
}
.em-blog-content-area .witr_btn:hover {
    background: #323232;
    color: #fff;
}
.video-open-inline iframe {
    width: 100%;
    height: 400px;
    border: none;
}
.witr-blog-side-area.blog_sidebar .markit-single-blog {
    margin-bottom: 30px;
    box-shadow: none;
    border-bottom: 1px solid #e7e7e7;
    background: transparent;
}
.witr-blog-side-area blockquote {
    background-color: #f7f7f7;
    border-left: 3px solid  #86bb47;
    padding: 1em 1em;
    margin-top: 15px;
}
blockquote {
    margin: 0 0 30px;
    font-size: 17px;
    font-weight: 400;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 7%);
}
.blog-left-side .widget a {
    color: #454545;
}
.blog-left-side>div {
    margin-bottom: 30px;
    padding: 35px 30px 35px;
    border-radius: 8px;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
}
.recent-post-text h4 a {
    font-size: 17px;
    font-weight: 600;
}
.recent-post-text .rcomment {
    font-size: 14px;
}
.widget_recent_data .recent-post-image img {
    margin-bottom: 0;
    margin-top: 5px;
}
.widget_recent_data .recent-post-item {
    margin-bottom: 0;
}
.blog-left-side .single-widget-item h2 {
    color: #030925;
}
.solaron-blog-meta.post_blog {
    padding: 20px 0px 0;
    overflow: hidden;
}
.blog-content{
    padding: 5px 15px 0;
    overflow: hidden;
}
.blog-content{
    padding: 0;
    overflow: hidden;
}
.solaron-single-blog .em-blog-content-area {
    padding: 5px 15px 0;
    overflow: hidden;
}
/* ===== single blog css ===== */
.witr-blog-side-area.blog_area.single_blog.single_blog_page {
    padding: 100px 0 70px;
}
.solaron-single-blog-details-inner {
    padding: 38px 45px 45px;
    box-shadow: 0 3px 19px rgb(0 0 0 / 8%);
    border-radius: 0 0 10px 10px;
}
.block .wp-block-quote.is-large p, .block .wp-block-quote.is-style-large p {
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.6;
    color: #5c727d;
}
.wp-block-group__inner-container {
    text-align: center;
}
.solaron-single-icon-inner {
    text-align: center;
}
.solaron-single-icon-inner a {
    border: 1px solid #e6e6e6;
    color: #17161a;
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 41px;
    margin: 0 9px 0 0;
    text-align: center;
    width: 40px;
    border-radius: 5px;
}
.solaron-single-icon-inner a:hover {
    background: #86bb47;
    border-color: #86bb47;
    color: #fff;
}
.comment-respond {
    border: 1px solid #ddd;
    margin-bottom: 30px;
    padding: 25px 10px 30px;
    background-color: #f1f1f1;
}
.comment_field .input-field {
    width: 33.33%;
    float: left;
    margin-bottom: 25px;
}
.comment_field .input-field label, .comment_field .textarea-field label {
    color: #606060;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 500;
}
.comment_field .input-field label, .comment_field .textarea-field label {
    color: #606060;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 500;
}
.comment_field .input-field input, .comment_field .textarea-field textarea {
    color: #555555;
}
.comment_field .input-field input {
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 6px 20px;
    height: 54px;
    font-size: 17px;
}
.comment_field .textarea-field textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    height: 150px;
    padding: 10px;
}
.comment_field .input-field input, .comment_field .textarea-field textarea {
    color: #555555;
}
.solaron_btn {
    background: transparent;
    border: 1px solid #ddd;
    display: inline-block;
    text-align: center;
    padding: 12px 20px;
    margin-top: 15px;
    border-radius: 5px;
    transition: .5s;
    color: #444;
}
.solaron_btn:hover {
    background: #86bb47;
    border-color:#86bb47;
    color:#fff;
}
/* end sidebar css */
/* ===== 14. Footer Area CSS ===== */
.witrfm_area {
    position: relative;
}
.footer-middle {
    padding: 50px 0 50px;
    background: #040303;
}
.footer-middle .widget h2 {
    margin-bottom: 26px;
    margin-top: 28px;
    position: relative;
    font-size: 24px;
}
.single-widget-item h2 {
    margin-bottom: 33px;
    margin-top: 28px;
}
.solaron-description-area a img {
    margin: 26px 0;
    width: 50%;
}
.solaron-description-area .social-icons a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    text-align: center;
    border-radius: 0;
    margin-right: 5px;
    margin-bottom: 5px;
    background: #858585;
    font-size: 18px;
}
.gallery-item {
    display: inline-block;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    margin: 0;
    float: left;
}
.gallery-icon img {
    margin: 0 auto;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.footer-middle .recent-post-text h4 a {
    font-weight: 500;
    font-size: 18px;
}
.footer-middle .recent-post-text>h4 {
    margin-bottom: 0;
    font-weight: 400;
    line-height: .7;
    margin-top: 10px;
}
.recent-post-image {
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}
.recent-post-image img {
    border-radius: 0;
    width: 70px;
}
.recent-post-item {
    clear: both;
    margin-bottom: 15px;
}
.footer-sociala-icon {
    clear: both;
    float: left;
    font-size: 18px;
    margin-right: 12px;
}
.footer-sociala-icon {
    clear: both;
    float: left;
    font-size: 18px;
    margin-right: 12px;
}
.footer-sociala-info {
    overflow: hidden;
}
.recent-portfolio-area {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}
.recent-portfolio {
    margin-bottom: 10px;
    margin-right: 10px;
}
.footer-middle .recent-post-text>h4 a:hover {
    color: #86bb47;
}
.footer-middle .recent-post-text .rcomment {
    font-size: 16px;
    font-weight: 400;
}
.footer-middle .widget ul li {
    margin-bottom: 10px;
}
.footer-widget.address p {
    margin-bottom: 10px;
}
.footer-middle .widget ul li a:hover, .footer-middle .widget ul li:hover:before {
    color: #86bb47;
}
.footer-middle .widget ul li span {
    display: block;
}
.solaron-dessolaroniption-area a img {
    margin: 26px 0;
}
.solaron-description-area .social-icons a {
    display: inline-block;
    text-align: center;
    border-radius: 0;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 0;
    color: #fff;
    cursor: pointer;
}
.solaron-description-area .social-icons a:hover {
    border-color: #86bb47;
    background: #86bb47;
}
.footer-middle .widget h2 {
    color: #ffffff;
}
.witr_sub_table {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.witr_sub_table span {
    color:#fff;
}
.footer-middle .widget ul li, .footer-middle .widget ul li a, .footer-middle .widget ul li::before, .footer-middle .tagcloud a, .footer-middle caption, .footer-middle table, .footer-middle table td a, .footer-middle cite, .footer-middle .rssSummary, .footer-middle span.rss-date, .footer-middle span.comment-author-link, .footer-middle .textwidget p, .footer-middle .widget .screen-reader-text, mc4wp-form-fields p, .mc4wp-form-fields, .footer-m-address p, .footer-m-address, .footer-widget.address, .footer-widget.address p, .mc4wp-form-fields p, .solaron-description-area p, .solaron-description-area .phone a, .solaron-description-area .social-icons a, .recent-review-content h3, .recent-review-content h3 a, .recent-review-content p, .footer-middle .solaron-description-area p, .footer-middle .recent-post-text h4 a, .footer-middle .recent-post-text .rcomment, .witr_sub_table span {
    color: #ffffff;
}
.footer-middle .mc4wp-form-fields p, .mc4wp-form-fields p {
    position: relative;
    line-height: 27px;
}
/* footer bottom area css */
.footer-bottom {
    padding: 23px 0 22px;
    position: relative;
    background: #86bb47;
}
.footer-bottom:before {
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    width: 61%;
    left: 0;
    right: 0;
    margin: auto;
}
.copy-right-text p {
    margin: 0;
    padding: 0;
}
.copy-right-text p, .footer-menu ul li a {
    color: #fff;
}
.footer-menu ul li {
    display: inline-block;
}
.footer-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-menu ul li a {
    padding: 0 10px;
    display: block;
}
.copy-right-text a, .footer-menu ul li a:hover {
    color: #151515;
}
.footer-menu ul li a {
    padding: 0 10px;
    display: block;
    color: #fff;
}
.copy-right-text a:hover, .footer-menu ul li a:hover {
    color: #86bb47;
}
.footer-menu {
    text-align: right;
}
/* ssolaronoll up css */
#scrollUp {
    bottom: 30px;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    right: 10px;
    text-align: center;
    border-radius: 5px;
    width: 40px;
    background: #86bb47;
}
#scrollUp i {
    color: #fff;
}
/* slick slide css */
.slick-dots li button {
    font-size: 0;
    width: 15px;
    height: 15px;
    border: 0 solid #F0F0F0;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 50px;
    padding: 0;
    transition: .5s;
    outline: 0;
    background: #fff;
}
.slick-dots li.slick-active button {
    background: #86bb47;
}
.slick-dots li {
    display: inline-block;
}
.slick-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -75px;
    display: inline-block;
    z-index: 11;
    text-align: center;
}
/* slick prev slick next css */
/*======== slick ========*/
.slick-prev, .slick-next {
    font-size: 0;
    position: absolute;
    display: block;
    padding: 0;
    cursor: pointer;
    color: #fff;
    outline: none;
    z-index: 9;
    opacity: 0;
    border-radius: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    width: 55px;
    height: 55px;
    line-height: 55px;
    bottom:0;
    transform: translate(0px, -50%);
    transition: .5s;
    border: 0px solid #17161a;
    background: #86bb47;
}
.slick-prev {
    left: 0;
}
 .slick-next {
     right: 0;
}
.slick-next:before, .slick-prev:before {
    color: #fff;
    font-size: 40px;
    transition: all .3s ease 0s;
    content: "\ea93";
    font-family: IcoFont!important;
    line-height: inherit;
    opacity: 1;
}
.slick-next:before {
    content: "\ea94";
    font-family: IcoFont!important;
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    background: #051a36;
}
.slick-prev:hover:before, .slick-next:hover:before {
    color: #fff;
}
button:focus {
    outline: 0;
}
.cx_test_area:hover .slick-prev, .cx_test_area:hover .slick-next {
    opacity:1;
}
.cx_proj_area:hover .slick-prev, .cx_proj_area:hover .slick-next {
    opacity:1;
}
.cx_proj_area .slick-next {
    right: -15px;
}
/*===== 15. Breadcumb Area CSS =====*/
  .breadcumb-blog-area {
     padding: 60px 0 65px;
     background-color: #f7f7f7;
     background-position: center top;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
}
 .breadcumb-inner h2 {
     font-size: 36px;
}
.breadcumb-area {
    background-image: url("../images/bread_bg.jpg");
    padding:90px 0 90px;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    background-size: contain;
    width: 100%;
    height: 41.5vw;
}
/*.breadcumb-area:before, .breadcumb-blog-area:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: rgba(0,0,0,0.5);
}*/
.breadcumb-inner ul, .breadcumb-inner ul span a, .breadcumb-inner li, .breadcumb-inner li a {
    color: #ffffff;
}
.breadcumb-inner ul {
    font-weight: 400;
    position: relative;
}
.breadcumb-inner li {
    display: inline-block;
    margin: 0 2px;
    color: #fff;
    font-weight: 400;
}
.breadcumb-inner li:nth-last-child(-n+1) {
    color: #ff6200;
    color: #fff;
    font-weight: 400;
}
 .breadcumb-inner li a {
     font-weight: 400;
     color: #fff;
}
.breadcumb-inner li a:hover {
    color: #86bb47;
}
.brpt h2 {
    color: #fff;
    font-size: 30px;
    position: relative;
}
 .lcase {
     text-transform: lowercase;
}
 .ucase {
     text-transform: uppercase;
}
 .ccase {
     text-transform: capitalize;
}
/* ===== 16. Brand Area CSS ===== */
.sn_brand_area {
    padding: 120px 0 115px 0;
}
.slide_items {
    text-align: center;
}
/* ===== 17. Video Area CSS ===== */
.vd_left {
    margin-left: -15px;
}
.witr_videobg_image {
    position: relative;
}
.play-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.play-overlay a {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 90px;
    font-size: 24px;
    border-radius: 100%;
    background: #fff;
}
.tx_svd_icon {
    line-height: 75px;
    animation: witr-shadow 1s linear infinite;
}
.vdeo_inner {
    background-image: url("../images/video-bg.png");
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.video-item a {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    font-size: 28px;
    border-radius: 100%;
}
.play-overlay i {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #86BB47;
    transform: translateX(-50%) translateY(-50%);
}
.video-item i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #86bb47;
}
.video-item h3 {
    font-size: 36px;
    margin-top: 35px;
    color: #fff;
}
.tx_svd_icon {
    line-height: 75px;
    text-align: center;
    animation: witr-shadow 1s linear infinite;
}
@keyframes witr-shadow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    }
    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    }
}
@keyframes witr_squares{
     0%{
        transform:scale(1);
        opacity:0
    }
     20%{
        transform:scale(1.24);
        opacity:1
    }
     100%{
        transform:scale(2.1);
        opacity:0
    }
}
.socil_page_video {
    padding: 0 0 130px 0;
}
.witr_youtube_video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -99;
}
.witr_youtube_video iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.video_page_area .witr_swiper_height {
    z-index: -1;
}
.bvideo_page_area{
    position:relative;
}
.video_page_area .witr_ds_content h1, .video_page_area .witr_ds_content h2, .video_page_area .witr_ds_content h3, .video_page_area .witr_ds_content p, .video_page_area .witr_flow_text h5{
    color:#fff;
    z-index:999;
}
.video_page_area .witr_swiper_content_icon a i {
    color: #fff;
    background: #C0131300;
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F5F5F563;
}
.video_page_area .witr_swiper_content_icon a i:hover {
    color: #fff;
    background: #86bb47;
}
.video_page_area .witr_swiper_content {
    top: 55%;
    background: 0 0;
}
.video_page_area .witr_swiper_content p {
    width: 36%;
}
/* ===== 18. Contact Area CSS ===== */
.cont_page_cont {
    padding: 5px 0 50px;
}
.apartment_text h1 {
    font-size: 17px;
    margin-bottom: 5px;
    color: #86bb47;
}
.apartment_text h2 {
    margin-bottom: 40px;
    font-size: 38px;
}
.apartment_area {
    position: relative;
    background-size: cover;
    padding: 60px 35px 60px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
}
.witr_apartment_form input, .witr_apartment_form form select, textarea {
    padding: 0 0 0 30px;
}
.witr_apartment_form form select, .witr_apartment_form input {
    width: 100%;
    height: 45px;
    outline: 0;
    background: #fff;
    color: #282323;
    margin-bottom: 23px;
    font-weight: 400;
    border-radius: 5px;
    border: 1px solid #47cc87;
    font-size: 1rem;
}
.twr_form_box textarea {
    height: 150px;
    width: 100%;
    padding-left: 30px;
    color: #282323;
    margin-bottom: 17px;
    background: #fff;
    border-radius: 5px;
    padding-top: 10px;
    font-weight: 400;
    transition: .5s;
    border: 1px solid #47cc87;
    font-size: 16px;
}
.witr_apartment_form input::placeholder, .witr_apartment_form form select::placeholder, textarea::placeholder{
    color:#000;
    opacity: 1;
} 
.witr_apartment_form input:focus, .twr_form_box textarea:focus{
    border-color: #80bdff;
}
.witr_apartment_form .btn {
    border: 0 none;
    display: inline-block;
    font-weight: 600;
    padding: 15px 30px;
    border-radius: 30px;
    color: #fff;
    margin-top: 0;
    transition: .5s;
    background: #86bb47;
    font-size: 16px;
}
.witr_apartment_form .btn:hover {
    background: #02101e;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active{
  transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;   
}
p.form-messege{
    margin-top: 8px;
}
/* map area css */
.map_inner_area iframe {
    width: 100%;
    height: 600px;
    margin-bottom: -9px;
}
/* ===== 20. Single Service Area CSS ===== */
.single_service_area {
    padding: 120px 0 95px;
    background: #fff;
}
 .single_service_area .witr_text_widget p {
    line-height: 1.7em;
}
.single_service_area .witr_text_widget_inner h2 {
    font-size: 40px;
    padding: 45px 0 13px 0;
}
/* ===== 19. Faq Area CSS ===== */
.sn_faq_area {
    padding: 110px 0 98px 0;
}
.sn_faq_area .witr_section_title {
    margin-bottom: 52px;
}
.accordion_area .card-2 {
    border: 1px solid #ddd;
    margin-bottom: 15px;
}
.witr_ac_style {
    padding: 11px 15px;
    display: inline-block;
}
.witr_ac_style, .witr_ac_style::before {
    font-size: 17px;
    font-weight: 600;
}
.witr_ac_style {
    color: #222429;
}
.witr_ac_card i {
    margin-right: 20px;
    font-size: 20px;
}
.accordion_area .card-header.witr_ac_card {
    background: 0 0!important;
    padding: 0;
    border-bottom: 0;
    text-align: left;
}
.witr_ac_style:before {
    position: absolute;
    content: '\ea99';
    right: 30px;
    font-family: IcoFont!important;
    font-weight: 400;
}
.active .witr_ac_style:before {
    content: '\eaa1';
}
.witr_ac_style {
    display: flex;
    align-items: center;
    transition: .5s;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: .25rem;
}
.accordion_area .card-2 p {
    padding: 16px 10px 10px 20px;
}
.witr_ac_style:focus, .witr_ac_style:hover, .active .witr_ac_style {
    color: #fff;
    background:#86bb47;
}
/* ===== Faq Area CSS ===== */
.faq_area1 {
    padding: 0 0 100px;
}
.accordion_area_02 .accordion_02_shadow {
    border:none;
    box-shadow: 0px 0px 20px 0px #dddddd80;
    background:none;
}
.writ_ac_style_02:focus,
.writ_ac_style_02:hover {
    color: #000;
    background:none;
}
.active .writ_ac_style_02 {
    background: none;
    color: #000;
}
.border_bottom_0{
    border-bottom:none;
}
.writ_ac_style_02 {
    margin-left: 25px;
    font-size: 20px;
    font-weight: 600;
    display: block;
}
.writ_ac_style_02:before {
    position: absolute;
    content: '\f067';
    left: 20px;
    margin-right:10px;
    font-family: fontawesome !important;
    font-weight: 200;
}
.active .writ_ac_style_02:before {
    content: '\f068';
}
.card-header.witr_ac_card.border_bottom_0 {
    background: #fff;
    padding: 0px 5px;
}
.content_style p,
.conent_style p {
    padding-left: 18px;
}
.card.card-2.accordion_02_shadow {
    border: 0 !important;
    margin-bottom: 20px;
    box-shadow: 1px 1px 7px -5px rgb(0 0 0 / 75%);
}
.faq_area1 .witr_ac_style {
    padding-left: 30px;
    font-size: 17px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 11px 15px;
    transition: .5s;
    padding: 12px 20px 12px 20px;
    color: #666;
}
.writ_ac_style_02:before {
    font-weight: 500;
    font-size: 17px;
    color: #666;
}
/* ===== 20. Portfolio Area CSS ===== */
.sn_proj_area{
    background-image: url("../images/sn_project_bg_shap.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 50px 0 0 0;
}
.sn_proj_area .witr_back_title h4 {
    -webkit-text-fill-color: #FFFFFF;
    font-size: 150px;
    opacity: 0.7;
}
.sn_proj_area .witr_back_title {
    left: 0;
}
.ps1 .witr_content_pslide_text a:hover {
    color: #86bb47;
}
.proj_inner {
    padding:0 0 0 370px;
}
.witr_pslide3 .witr_single_pslide {
    overflow: hidden;
}
.witr_single_pslide {
    position: relative;
    overflow: hidden;
}
.witr_pslide_image{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.toggle_pslide {
    display: flex;
    align-items: center;
}
.witr_pslide_image::before {
    position: absolute;
    content: '';
    background: #222429;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(0);
    transition: .5s;
    z-index: 1;
    opacity: 0.5;
}
.witr_pslide .witr_pslide_custom a span:hover {
    background: #6f3ac7;
}
.witr_single_pslide:hover .witr_pslide_image img, .witr_single_pslide:hover .witr_pslide_image:before {
    transform: scale(1.2);
}
.witr_pslide .witr_pslide_custom {
    bottom: auto;
    top: 30px;
    left: 30px;
    right: auto;
    transform: scaleX(0);
    position: absolute;
    z-index: 9;
    transition: .5s;
}
.witr_pslide .witr_pslide_custom a span {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 100px 100px 100px 100px;
    font-size: 30px;
    color: #86bb47;
    background: #fff;
    display: inline-block;
    transition: .5s;
    text-align: center;
}
.ps2.ps1 .witr_content_pslide_text {
    position: absolute;
    bottom: -100%;
    top: auto;
    left: 50px;
    right: 50px;
    transition: .5s;
}
.ps1 .witr_content_pslide_text {
    opacity: 0;
    z-index: 2;
    text-align: left;
}
.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
    opacity: 1;
    bottom: 0;
}
.witr_pslide_custom {
    position: absolute;
    right: 0px;
    z-index: 9;
    transition: .5s;
    top: -200px;
}
.witr_pslide_custom a span {
    font-size: 45px;
    width: 120px;
    height: 120px;
    line-height: 100px;
    text-align: center;
    border-radius: 0 0 0 100px;
    padding: 0px 0px 0px 19px;
    transition: .5s;
    display: inline-block;
    background: #86bb47;
    color: #fff;
}
.witr_pslide4 .witr_single_pslide:hover .witr_pslide_custom {
    transform: scaleX(1);
    bottom: 0;
}
.witr_pslide_btnb a {
    background: #86BB47;
    border-style: none;
    margin: 0 0 15px 0;
    padding: 5px 18px 5px 18px;
    display:inline-block;
}
.witr_single_pslide:hover .witr_pslide_custom {
    top: 0px;
}
.witr_content_pslide_text h3 {
    margin-bottom: 0;
}
.witr_content_pslide_text h3 a {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 35px;
}
.witr_content_pslide_text p {
    margin-bottom: 4px;
}
.all_pslides_color p {
    color: #fff;
    margin-bottom: 4px;
}
.witr_pslide_image img {
    margin-right: auto;
    margin-left: auto;
    transition: .5s;
    width: 100%;
}
.witr_pslide_btnb a:hover {
    color: #fff;
    background: #86bb47;
}
.witr_pslide .witr_single_pslide:hover .witr_pslide_custom {
    bottom: auto;
    transform: scaleX(1);
}
.witr_single_pslide:hover .witr_pslide_custom {
    bottom: -20px; 
}
.witr_content_pslide_text a {
    color: #fff;
}
.witr_single_pslide {
    transition: .5s;
}
.witr_single_pslide:hover {
    border-color: #86bb47;
}
.witr_pslide4.witr_pslide3 .witr_pslide_custom {
    position: absolute;
    bottom: auto;
    top: 38%;
    z-index: 1;
    transform: scaleX(0);
    right: 40%;
    left: 40%;
    transition: .5s;
}
.witr_pslide_custom a span:hover {
    color: #fff;
    background: #86bb47;
}
/* ===== Portfolio Area CSS ===== */
.port_area .witr_section_title_inner h2 {
    padding: 0;
}
.positi_3.pprotfolio4 {
    padding: 20px 10px 23px;
    border: none;
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    z-index: 9;
    transition: .5s;
    text-align: center;
}
.single_protfolio:hover .positi_3.pprotfolio4 {
    bottom: 0;
}
.positi_3.pprotfolio4 {
    background: #86bb47;
}
.positi_3 .porttitle_inner4 h3 a, .positi_3 .porttitle_inner4 p span {
    color: #fff;
}
.port_area {
    padding: 110px 0 100px;
}
.port_area .witr_section_title {
    margin-bottom: 45px;
}
.portfolio_nav {
    padding: 0 0 30px;
}
.portfolio_nav ul {}
 .portfolio_nav ul li {
    display: inline;
}
.portfolio_nav ul li {
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin: 0 5px 10px;
    padding: 10px 20px;
    position: relative;
    transition: .5s;
    border: 1px solid #f3eaea;
}
.prot_wrap {
    overflow: hidden;
}
.single_protfolio {
    position: relative;
    overflow: hidden;
    margin-bottom:28px;
}
.prot_thumb {} .prot_thumb img {
    display: block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.single_protfolio:hover .prot_thumb img {
    transform: scale(1.1);
}
.prot_content {
    position: absolute;
    text-align: center;    
    transition: .5s;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 9;
}
.multi_gallery.prot_content {
    height: 90%;
    width: 80%;
    right: 10%;
    top: 5%;
    bottom: 5%;
    left: 10%;
}
.single_protfolio:hover .prot_content {
    opacity: 1;
}
.prot_content h3 {
    margin: 0;
    text-transform: capitalize;
    font-size: 23px;
    margin-bottom: 0;
}
.prot_content h3 a {
    font-size: 23px;
    font-weight: 700;
    text-transform: capitalize;
    transition: .5s;
    color: #fff;
    margin-bottom: 0;
    display: inline-block;
}
.prot_content h3 a:hover {
    color: #86bb47;
}
.prot_content p span {
    display: inline-block;
    padding-top: 0;
    color: #fff;
}
.prot_content p {
    line-height: 1.2;
    margin: 2px 0 0;
}
.prot_content p span {
    display: inline-block;
}
.single_protfolio:hover .prot_content {
    opacity: 1;
    transform: scale(1, 1);
}
.porttitle_inner span,
.porttitle_inner4 span,
.prot_content span {
    position: relative;
    margin: 0 2px;
}
.prot_content span:before,
.porttitle_inner4 span:before,
.porttitle_inner span:before {
    bottom: 0;
    content: ",";
    position: absolute;
    right: -5px;
}
.porttitle_inner span:last-child:before,
.prot_content span:last-child:before,
.porttitle_inner4 span:last-child:before {
    content: "";
}
.nospace.col-xs-12 {
    padding: 0px;
}
.nospace .single_protfolio {
    margin-bottom: 0px;
}
/* load button css */
.gallery_load_button {} .gallery_load_button a {
    padding: 7px 15px;
    display: inline-block;
    font-size: 17px;
    margin-top: 0px;
}
.prot_wrap.nospace .gallery_load_button a {
    margin-top: 30px;
}
.prots-contentg p {} 
/*style 1 */
.em_port_content {
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all .5s ease 0s;
    width: 100%;
    z-index: 9;
    left: 0;
    top: -100%;
    width: 100%;
    transition: .5s;
    text-align: center;
    background: #86bb4780;
}
.pstyle_1 .porttitle_inner h3 {
    padding-bottom: 0px;
}
.pstyle_1 .prot_content p {
    margin: 2px 0 0;
}
.pstyle_1 .single_protfolio {      
    transition: .5s;
}
.portfolio_readmore_btn {
    padding-top: 23px;
}
.portfolio_readmore_btn > a {
    border-radius: 5px;
    display: inline-block;
    padding: 6px 21px;
    text-transform: uppercase;      
    transition: .3s;
    border: 1px solid transparent;
}
.pstyle_1 .picon a {
    background:0 0;
    border-radius: 5px;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    margin: 0 8px 11px;
    width: 50px;
    transition: .5s;
    color: #fff;
}
.prot_thumb {
    overflow: hidden;
    position: relative;
}
.pprotfolio4 {
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.7);
    padding: 17px 10px 20px;
}
.pprotfolio4 {
    padding: 20px 10px 23px;
}
.porttitle_inner4 h3 {
    margin: 0;
}
.porttitle_inner4 h3 a {
    color: #454545;
}
.porttitle_inner4 p {
    margin-bottom: 0;   
}
.porttitle_inner4 p span {
    display: inline-block;
    color: #454545;
}
.portfolio_nav ul li.current_menu_item {
    color: #fff;
    background: #86bb47;
}
.prot_content {
    background: #86bb4780;
}
.pprotfolio4 {
    box-shadow: 0 10px 16px 0 rgba(0,0,0,.7);
    padding: 20px 10px 23px;
    border: 1px solid #f1f1f1;
    border-top: 0 solid #f1f1f1;
}
.portfolio_nav {
    text-align: center;
}
.page-numbers span.current, .paginations a.current, .paginations a:hover {
    border-color: #86bb47;
     background: #86bb47;
     color: #fff;
}
ul.page-numbers a.page-numbers {
    box-shadow: 0 10px 40px 0 rgba(50,65,141,.12);
}
.page-numbers, .tutor-pagination-wrap a, .tutor-pagination-wrap span.page-numbers.current, a.page-numbers {
    border-radius: 5px;
    margin-right: 10px;
    padding: 15px 24px;
    font-size: 19px;
    line-height: 1;
    transition: .5s;
}
.page-numbers span.current, .paginations a {
    display: inline-block;
    font-weight: 500;
    margin: auto 5px;
}
 .paginations a {
    color: #888;
}
.page-numbers li {
    display: inline-block;
}
.paginations {
    text-align: center;
    margin-top: 14px;
}
.portfolio_4column_gutter .single_protfolio {
    margin-bottom: 0px;
}
.portfolio_nav ul li.current_menu_item, .portfolio_nav ul li:hover {
    border-color: #86bb47;
    background: #86bb47;
    color:#fff;
}
/* port style 3 */
.em_plus_port {
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 99;
}
.prot_content_inner {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
    transition: all .3s ease-in-out .3s;
    opacity: 1;
}
.single_protfolio:hover .prot_content_inner {
    top: 50%;
    opacity: 1;
}
.picon a {
    border-radius: 5px;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    margin: 0 3px 11px;
    width: 50px;
    text-align: center;
    color: #fff;
    background: 0 0;
}
.picon a:hover {
    border-color: #86bb47;
    background: #86bb47;
}
/* style 1 */
.em_port_content {
    height: 100%;
    width: 100%;     
}
.pstyle_1 .porttitle_inner h3 {
    padding-bottom: 0px;
}
.pstyle_1 .prot_content p {
    margin: 2px 0 0;
}
.pstyle_1 .single_protfolio {
    transition: .5s;
    margin-bottom:30px;
}
.portfolio_readmore_btn {
    padding-top: 23px;
}
.portfolio_readmore_btn > a {
    border-radius: 5px;
    display: inline-block;
    padding: 6px 21px;
    text-transform: uppercase;   
    transition: .3s;
    border: 1px solid transparent;
}
.portfolio_grid_area .portfolio_nav {
    padding: 0px 0 30px;
}
/* ===== Portfolio Area CSS ===== */
.pstyle2.pstyle3 .prot_content_inner {
    left: 3000px;
    position: absolute;
    top: 60%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
    padding: 15px 0 20px 20px;
    transition: .5s;
}
.pstyle2.pstyle3 .prot_content_inner {
    text-align: left;
}
.pstyle2.pstyle3 .single_protfolio:hover .prot_content_inner {
    left: 75%;
}
.pstyle2 .single_protfolio:hover .prot_content_inner {
    top: 50%;
    opacity: 1;
}
/* portfolio grid area css */
.port_style02 .pstyle2 .prot_content_inner {
    left: 50%;
    position: absolute;
    top: 60%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
}
.port_style02 .prot_content h3 a {
    font-size: 23px;
    font-weight: 700;
    text-transform: capitalize;
    transition: .5s;
    color: #fff;
    margin-bottom: 0px;
    display: inline-block;
}
.port_style02 .picon a:hover {
    border-color: #0a0a0a;
    background: #0a0a0a;
}
.port_style02 .single_protfolio {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.port_style02 .prot_content h3 a:hover {
    color: #86bb47;
}
.portfolio_style2 .port_style02 .pstyle_1 .prot_content_inner {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
}
.portfolio_style2 .prot_content {
    position: absolute;
    text-align: center;
    transition: .5s;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 9;
}
.portfolio_style2.pstyle2 .single_protfolio:hover .prot_content_inner {
    top: 50%;
    opacity: 1;
    left: 50%;
    right: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.portfolio_style2 .prot_content h3 a {
    margin-bottom: 0;
}
.portfolio_style2 .single_protfolio:hover .prot_content {
    opacity: 1;
    transform: scale(1,1);
}
.portfolio_style2 .prot_content h3 a:hover {
    color: #86bb47;
}
.p2clmn .witr_section_title {
    margin-bottom: 30px;
}
.p3clmn .prot_content_inner {
    left: 50%;
    position: absolute;
    top: 60%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
}
.p3clmn .picon a{
    border-radius: 5px;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0 3px 11px;
    width: 50px;
    text-align: center;
    background: #86bb47;
}
.p3clmn .picon a:hover{
    border-color: #040303;
    background:#040303;
}
.p4clmn .witr_section_title {
    margin-bottom: 30px;
}
/* recent project css */
.solaron-blog-area.solaron-blog-single.single-blog-details {
    padding: 120px 0 95px;
}
.portfolio-details-box h2 {
    font-size: 25px;
}
.prots-contentg ul {
    display: inline-block;
    margin-bottom: 20px;
}
.portfolio-details-box ul li, .right_popupmenu_area .witr_sub_table {
    border-bottom: 1px solid #ddd;
}
.portfolio-details-box ul li {
    padding-top: 15px;
    padding-bottom: 10px;
    list-style: none;
}
.portfolio-details-box ul li b {
    font-size: 18px;
    font-weight: 600;
}
.portfolio-details-box ul li span.eright {
    font-weight: 400;
    font-size: 16px;
    margin-left: 5px;
}
.solaron-blog-social {
    margin-bottom: 25px;
    margin-top: 25px;
}
.solaron-single-icon a {
    border: 1px solid #e6e6e6;
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 41px;
    margin: 0 9px 0 0;
    text-align: center;
    width: 40px;
    border-radius: 5px;
    color: #86bb47;
}
.solaron-single-icon a:hover {
    background: #86bb47;
    color: #fff;
}
.pr-title h2 {
    margin-top: 15px;
    margin-bottom: 15px;
}


.tx_golobal_color{
     background: #86bb47;
}
 .tx_btn_global_color:hover{
     background:#000;
}

.witr_ds_content_inner.witr_containers h2, .witr_ds_content_inner.witr_containers h1 {
  color: #fff;
}

.mobile_menu_logo  img, .logo img, .footer-middle img {
  /*width: 38%;*/
}
.witr_counter_single i {
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  border-radius: 100px 100px 100px 0;
  transition: 0.5s;
  font-size: 30px;
  display: inline-block;
  background: #86bb47;
  color: #fff;
}

.witr_counter_number_inn p {
  height: 200px;
  display: table-cell;
  vertical-align: bottom;
}





    div.fileinputs {position: relative; top: 30px;}
    div.fakefile {
    position: relative;
    top: -40px;
    left: 0px;
    z-index: 1;
    }
    input.file {
    position: relative;
    text-align: left;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    }
    /* Il y a aussi ds le css 2 classes de boutons : buttonBrowse et Button Add ou on peut modifier leurs positions pixels par pixels sur la page pour bien se superposer avec le bouton invisible browse :*/
    .buttonAdd {
    width: 55px;
    height: 50px;
    border: none;
    cursor: pointer;
    background: url("add.jpg") no-repeat left top;
    position: relative;
    top: 10px;
    }
    .buttonBrowse {
    width: 80px;
    height: 32px;
    border: none;
    cursor: pointer;
    background: url("browse.jpg") no-repeat left top;
    position: relative;
    top: 12px;
    }

.btn.browser {
    left: 0;
    position: absolute;
    top: 0;
    padding: 10px 30px;
    border-radius: 5px;
}

input.fake {
    padding: 0 0 0 150px;
}

.witr_ds_slider_content img {
width: 100%;
/*height: 100%;*/
}