/*
Template Name: CCTV
Author Name: WPEXPERT

*/

/*
Table Of Content

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


*/

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

/*theme css*/
a {
    color: #454545;
    transition: .5s;
}
 a:hover {
     text-decoration: none;
       color:#4a612f;
}
 body {
	font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.6;
    color:#696969;
}
 p {
     font-style: normal;
}
p.form-messege {
    margin-top: 15px;
    margin-bottom: 0;
}
 h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    font-family: 'Open Sans',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:#1f2732;
}
 .btn-primary:focus, select:focus, textarea:focus, input:focus{
     box-shadow: none !important;
}
 textarea, input{
     outline:none;
}
 a:focus, .btn:focus {
     text-decoration: none;
     outline: none;
}
 .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: 42px;
    margin: auto;
    font-weight: 700;
    line-height: 1.3;
}
.witr_section_title_inner h2 {
    font-size: 17px;
    display: inline-block;
    color: #4a612f;
}
.witr_section_title {
    margin-bottom: 50px;
}
.witr_section_title_inner p {
    width: 100%;
    padding: 10px 0px 0px 0px;
    margin-top: 10px;
}
.witr_all_pd0{
	padding:0;
}
/* ===== 1. Top Menu CSS ===== */
 .em40_header_area_main.hdisplay_none {
     display: none;
}
.rels-header-top {
    background: #4a612f;
    padding: 10px 0;
}
 .top-address p {
     margin-bottom: 0;
}
 .top-address p span, .top-address p a {
     margin-right: 20px;
}
 .top-address p span i, .top-address p a i {
     font-size: 13px;
     color: #fff;
     margin-right: 5px;
}
 .top-address p span i:hover, .top-address p a i:hover{

 }
 .top-address p a {
     display: inline-block;
     text-decoration: none;
     -webkit-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}
/* TOP socia CSS */
 .top-right-menu ul.social-icons {
     margin: 0;
     padding: 0;
}
 .top-right-menu ul.social-icons li {
     display: inline-block;
     margin-left: 15px;
     position: relative;
}
 .top-right-menu ul.social-icons li a {
     display: inline-block;
     text-decoration: none;
     -webkit-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     font-size: 15px;
}
 .top-welcomet p span, .top-welcomet p a, .top-welcome p span, .top-welcome p a, .top-welcome p, .top-address p a, .top-right-menu ul.social-icons li a, .top-address p span {
     color: #fff;
     font-size: 15px;
     font-weight: 500;
}
 .top-welcome p a:hover{
     color:#17161a;
}
 .top-right-menu .social-icons li a:hover, .top-right-menu .social-icons li a i:hover {
     color: #17161a;
}
 .top-both-p0 .top-address p a, .top-both-p0 .top-address p span {
     margin-right: 0px;
     margin-left: 12px;
}

/* ===== 2. Menu Area CSS ===== */
.rels_nav_area.postfix {
    -webkit-transition: .3s;
    transition: .3s;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
}
.rels_nav_area {
    background: #fff;
}
.rels_nav_area.prefix, .hbg2 {
    background-color: rgba(0,0,0,0.7);
}
.trp_nav_area {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    transition: .5s;
}
.logo-right,
.logo-left {
    align-items: center;
}
.mobile_menu_logo.text-center {
     padding: 20px 0;
}

/* LOGO CSS */
 .logo a {
     display: inline-block;
}

/* logo sticky */
 .rels-main-menu .logo a.main_sticky_main_l {
     display: block;
}
 .rels-main-menu .logo a.main_sticky_l {
     display: none;
}
/* logo pre */
 .rels-main-menu .prefix .logo a.main_sticky_main_l {
     display: none;
}
 .rels-main-menu .prefix .logo a.main_sticky_l {
     display: block;
} 

/* MENU text CSS */
 .rels_menu ul {
     text-align: right;
     list-style: none;
}
 .rels_menu > ul > li {
     display: inline-block;
     position: relative;
}
.rels_menu > ul > li > a {
    display: block;
    margin: 40px 14px;
    transition: .5s;
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #272727;
    font-family: 'Open Sans',sans-serif;
}
.hbg2 .rels_menu>ul>li.current-menu-item>a, .hbg2 .rels_menu>ul>li>a:hover, .heading_style_2 .rels_menu>ul>li.current-menu-item>a, .heading_style_2 .rels_menu>ul>li>a:hover, .heading_style_3 .rels_menu>ul>li.current-menu-item>a, .heading_style_3 .rels_menu>ul>li>a:hover, .heading_style_4 .rels_menu>ul>li.current-menu-item>a, .heading_style_4 .rels_menu>ul>li>a:hover, .rels_menu ul .sub-menu li a:hover, .rels_menu ul .sub-menu li.current-menu-item a, .rels_menu>ul>li.current-menu-item>a, .rels_menu>ul>li>a:hover, .rels_nav_area.prefix .rels_menu>ul>li.current-menu-item>a, .rels_nav_area.prefix .rels_menu>ul>li>a:hover {
    color: #4a612f;
}
 .rels_menu > ul > li > a:before, .rels_menu > ul > li.current > a:before {
     background: #ffb600 none repeat scroll 0% 0;
     bottom: -7px;
     content: "";
     height: 2px;
     left: 0;
     margin: auto;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     position: absolute;
     right: 0;
     -webkit-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     width: 15%;
     display:none;
}
 .rels_menu ul li:last-child a {
     margin-right: 15px !important;
}
.rels_menu > ul > li.current > a, .rels_menu > ul > li:hover > a, .creative_header_menu > ul > li:hover > a {
    color: #4a612f;
    background-color: transparent;
}
 .rels_menu > ul > li:hover > a:before, .rels_menu > ul > li.current > a:before {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

 .transprent-menu .rels_nav_area {
     left: 0;
     right: 0;
     top: 0;
     z-index: 9999;
     background-color: transparent;
     padding: 0;
     transition: .5s;
     position: absolute;
}
 .rels_nav_area.postfix {
     -webkit-transition: .3s;
     transition: .3s;
}
.rels_nav_area.prefix, .hbg2 {
    background-color: rgba(0,0,0,0.7);
}
 .rels_nav_area.prefix .rels_menu > ul > li > a {
     color:#fff;
}
.rels_nav_area.prefix .rels_menu > ul > li.current > a {
    color: #4a612f;
}
 .search_popup_button, .tx_mmenu_together{
     align-items: center;
     display: flex;
     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;
}

/* sub menu style */
.rels_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 240px;
    text-align: left;
    background: #fff;
    margin: 0;
    padding: 15px 8px 8px 25px;
    z-index: 9999;
    box-shadow: 0 0 30px rgb(0 0 0 / 9%);
    transition: .2s;
    opacity: 0;
    visibility: hidden;
}
 .rels_menu ul li:hover > .sub-menu {
     transition: .5s;
     opacity: 1;
     visibility: visible;
     top: 100%;
     z-index: 9;
}
 .rels_menu ul .sub-menu li {
     position: relative;
	 transition:.5s;
}
.rels_menu ul .sub-menu li a {
    display: block;
    margin: 0;
    margin-bottom: 6px;
    letter-spacing: normal;
    font-size: 17px;
    font-weight: 700;
    transition: .5s;
    color: #272727;
    visibility: inherit !important;
    padding: 4px 0px;
    font-family: 'Open Sans',sans-serif;
}
 .rels_menu ul .sub-menu li:hover > a, .rels_menu ul .sub-menu .sub-menu li:hover > a, .rels_menu ul .sub-menu .sub-menu .sub-menu li:hover > a, .rels_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
     color: #14b1bb;
}
.rels_menu ul .sub-menu li:hover {
    margin-left: 16px;
}
.rels_menu ul .sub-menu li:before {
    left: -18px;
}
.rels_menu ul .sub-menu li:hover:before{
	opacity:1;
}

.rels_menu ul .sub-menu li:before {
    opacity: 0;
    -webkit-transition: .1s;
    transition: .1s;
    position: absolute;
    top: 50%;
    content: "//";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.rels_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a, .rels_menu ul .sub-menu .sub-menu .sub-menu li:hover>a, .rels_menu ul .sub-menu .sub-menu li:hover>a, .rels_menu ul .sub-menu li:hover:before, .rels_menu ul .sub-menu li:hover>a {
    color: #4a612f;
}
/* sub menu 2 */
.rels_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}
 .rels_menu ul .sub-menu li:hover > .sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
}
/* sub menu 3 */
 .rels_menu ul .sub-menu .sub-menu li {
     position: relative;
}
 .rels_menu ul .sub-menu .sub-menu .sub-menu {
     right: 100%;
     left: auto;
     top: 130%;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
}
 .rels_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
}
/* sub menu 4 */
 .rels_menu ul .sub-menu .sub-menu .sub-menu li {
     position: relative;
}
 .rels_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
}

/* has menu icon */
.rels-main-menu .menu-item-has-children > a:after {
    margin-left: 8px;
    content: "\f107";
    font-family: FontAwesome !important;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    font-size: 13px;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    font-weight: 600;
}
 .rels-main-menu .menu-item-has-children .menu-item-has-children> a:after {
     margin-left: 8px;
     content: "\f107";
}

/* quearys area css */
.rels_menu.main-search-menu > .em-header-quearys, .em-quearys-top.msin-menu-search {
    display: inline-block;
}
.em-top-quearys-area {
    position: relative;
}
.rels_menu div.em-header-quearys {
    text-align: center;
}

.em-quearys-inner {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 10000;
    -webkit-transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), background .3s 0s cubic-bezier(0.32, 0, 0, 1), -webkit-transform .3s .15s cubic-bezier(0.32, 0, 0, 1);
    transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), background .3s 0s cubic-bezier(0.32, 0, 0, 1), -webkit-transform .3s .15s cubic-bezier(0.32, 0, 0, 1);
    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);
    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), -webkit-transform .3s .15s cubic-bezier(0.32, 0, 0, 1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -150%;
    background: rgba(0, 0, 0, 0);
}
.em-s-open {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0;
    background: #000000e6 !important;
    -webkit-transform: scale(1);
    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;
    -webkit-transition: 1s;
    -webkit-transition: .5s;
    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;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.main-search-menu .em-header-quearys .em-quearys-menu i {
    background: 0;
    height: auto!important;
    width: auto!important;
    line-height: inherit!important;
    font-size: 20px;
    margin-left: 15px;
    color: #272727;
    cursor: pointer;
}
.rels_nav_area.prefix .main-search-menu .em-header-quearys .em-quearys-menu i{
    color: #fff;
}
.mrt10{
	margin-top:10px;
}
.em-quearys-menu i {
    background: #4a612f;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}
.main_menu_address_a {
    display: -webkit-box;
    display: -ms-flexbox;
    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_icon i {
    color: #14b1bb;
	font-size: 30px;
}
.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: #14b1bb;
}
.main_menu_header_address_text h4 {
    margin-bottom: 0;
    color: #030925;
}

/* mobile-menu  */
.mobile-menu {
    display: none !important;
}
.mobile_logo_area {
    display: none !important;
}
.mobile_menu_logo.text-center {
    padding: 20px 0;
}
 .mean-container .mean-bar {
     padding: 0;
}
 .main_menu_div {
     position: relative;
}
.mean-container .mean-bar {
    float: none;
    background: #4a612f;
    overflow: hidden;
}
/* menu button */
a.dtbtn {
    border: none;
    display: block;
    font-size: 19px;
    margin-left: 20px;
    font-weight: 500;
    border-radius: 0;
    padding: 11px 25px;
    background: #4a612f;
    color: #fff;
}
 a.dtbtn:hover {
    background: #000;
}
 /* End Menu Area CSS */
/* ===== 3. Slider Area CSS ===== */
.witr_slick_height {
    height: 826px;
}
 .witr_ds_content {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	overflow:hidden;
	position: relative;
    z-index: 1;
}
.witr_ds_content:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: -1;
    background-color: #00000024;
}
.witr_ds_content_inner {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.witr_slick_content h2 {
    color: #fff;
    letter-spacing: 3.3px;
}
.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:70%;
    margin: 0 auto 7px 0 !important;
    color: #fff;
    text-transform: uppercase;
}
 .witr_containers {
    margin: auto;
    width: 63%; 
}
.witr_ds_content_inner h2, .witr_ds_content_inner h3 {
    font-size: 70px;
    line-height: 1.3;
}
.witr_ds_content_inner p {
    font-weight: 500;
    font-size: 18px;
    width: 47%;
    margin: 14px auto 15px 0;
    color: #fff;
    padding: 0;
}
/* button css */
.slider_btn {
    margin-top: 52px;
}
.witr_btn {
    border-radius: 0;
    display: inline-block;
    font-size: 19px;
    padding: 16px 40px;
    text-align: center;
    position: relative;
    margin-right: 15px;
    z-index: 2;
    transition: 1s;
    font-weight: 500;
    background: #4a612f;
    color: #fff;
}
.witr_ds_content_area .witr_btn:hover {
    background: #744941;
    color: #fff;
}
 .witr_btn.active {
    color: #fff;
    background-color: #02010100;
    border:1px solid #fff;
}
.witr_btn.active:hover {
    background: #4a612f;
    border-color: #4a612f;
}
/* slider video button */
.witr_video_btn {
    font-size: 18px;
    font-weight: 500;
}
.witr_video_btn i {
    position: relative;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 20px;
	color: #4a612f;
}
.witr_video_btn i:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: witr_squares 1.5s ease-in-out infinite;
    animation: witr_squares 1.5s ease-in-out infinite;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
	background:#fff;
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 0; 
    left: 0;
    top: 0;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background: no-repeat 50%;
	color:#fff;
	transition:.5s;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 30px;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    padding: 30px;
	background: #fff;
}
.swiper-button-next:hover, .swiper-button-prev:hover, .witr_ds_content_inner h1 span, .witr_ds_content_inner h2 span, .witr_ds_content_inner h3 span {
    color: #4a612f;
}
/* ===== 4. About Area CSS ===== */
.rels_about_area {
    padding: 112px 0 95px;
}
.rels_about_area .witr_btn {
    margin-top: 2px;
}
.witr_btn:hover {
    background: #744941;
    color: #fff;
}
.about_content_inner {
    margin-left: 20px;
	margin-bottom:20px;
}
/* ===== 5. Service Area CSS ===== */
.service-item {
    box-shadow: 0px 0px 100px 0px rgb(0 0 0 / 8%);
    transition: .5s;
    margin-bottom: 20px;
}
.rels_service_area .text_box {
    padding: 10px 30px 30px;
}   
.service-item h3 {
    padding: 15px 0 10px;
}
.text_box p {
    padding: 0 0 5px;
}
.service-btn {
    position: relative;
}
.service-btn>a {
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 9px 30px;
    border-radius: 0;
    font-size: 19px;
    font-weight: 500;
    border: 1px solid #4a612f;
    color: #4a612f;
}
.service-btn>a:hover{
    background: #4a612f;
	color:#fff;
}
/* ===== Service Area CSS ===== */
.about_page_service_area {
    padding: 0 0 100px;
}
.service_page_service_area {
    padding: 0 0 100px;
}
/* ===== 6. Choose Area CSS ===== */
.rels_choose_area {
    padding: 100px 0 100px;
}
.rels_choose_area .witr_section_title {
    margin-bottom: 38px;
}
.rels_choose_area .em_service_content {
    margin-bottom: 17px;
}
.rels_choose_area .single_image_area img {
    margin-bottom: 20px;
}
.rels_choose_area .witr_section_title_inner p {
    margin-top: 5px;
}
.choose_left_inner {
    margin: 0 20px 0 20px;
}
.witr_s_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.rels_choose_area .em-service2 .em-service-icon i {
    display: inline-block;
    height: 76px;
    width: 76px;
    text-align: center;
    border-radius: 10px;
    line-height: 76px;
    font-size: 25px;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    background: #4a612f;
    color: background: #4a612f;
    color: #fff;
}
.rels_choose_area .all_icon_color i, .rels_choose_area .em-service2.sleft .em-service-icon {
    margin: 2px 14px 0 0;
}
.witr_videobg_image {
    position: relative;
}
.play-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.play-overlay a {
    position: relative;
    display: inline-block;
    width: 75px;
    height: 75px;
    font-size: 23px;
    border-radius: 100%;
}
.play-overlay a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: witr_squares 1.5s ease-in-out infinite;
    animation: witr_squares 1.5s ease-in-out infinite;
}
.play-overlay a, .play-overlay a:before, .title_btn a, .title_in:after, .title_in:before, .video-item a, .video-item a:before, .witr_bar_inner {
    background: #4a612f;
}
.play-overlay i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.witr_all_color_v i {
    color: #fff;
}
@keyframes witr_squares{
	0%{-webkit-transform:scale(1);transform:scale(1);opacity:0;-ms-filter: "progid:DXImageTransform.Mirelsosoft.Alpha(Opacity=0)"}
	20%{-webkit-transform:scale(1.24);transform:scale(1.24);opacity:1;-ms-filter: "progid:DXImageTransform.Mirelsosoft.Alpha(Opacity=100)"}
	100%{-webkit-transform:scale(2.1);transform:scale(2.1);opacity:0;-ms-filter: "progid:DXImageTransform.Mirelsosoft.Alpha(Opacity=0)"}
}
/* ===== Choose Area CSS ===== */
.about_page_choose_area {
    padding: 100px 0 0;
}
/* ===== 7. Project Area CSS ===== */
.rels_project_area {
    padding: 110px 0 120px;
    background: #f9f9f9;
}
.rels_project_area .witr_section_title {
    margin-bottom: 38px;
}
.rels_project_area .witr_button_area {
    margin: auto;
    margin-top: 60px;
}
.witr_single_pslide {
    position: relative;
    overflow: hidden;
}
.witr_pslide_image {
    overflow: hidden;
    position: relative;
}
.witr_pslide_image:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 1;
}
.witr_pslide_image:before {
    background-color: #222429;
    opacity: .91;
}
.witr_pslide_image img {
    margin-right: auto;
    margin-left: auto;
    -webkit-transition: .5s;
    transition: .5s;
    width: 100%;
}
.witr_pslide .witr_pslide_custom {
    bottom: auto;
    top: 30px;
    right: auto;
    left: 30px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.witr_pslide_custom {
    position: absolute;
    bottom: -125px;
    right: -15px;
    z-index: 9;
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_pslide .witr_pslide_custom a span {
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 5px;
    font-size: 30px;
    background: #fff;
    color: #4a612f;
    display: inline-block;
    text-align: center;
	transition:.5s;
}
.ps1 .witr_content_pslide_text {
    position: absolute;
    bottom: -100px;
    left: 30px;
    right: 30px;
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    z-index: 2;
    text-align: left;
}
.ps1 .witr_content_pslide_text h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.witr_content_pslide_text h3 {
    margin-bottom: 0;
}
.witr_content_pslide_text a {
    display: inline-block;
    margin-bottom: 4px;
}
.witr_content_pslide_text p {
    margin-bottom: 4px;
}
.ps1 .witr_content_pslide_text a, .ps1 .witr_content_pslide_text p {
    color: #fff;
}
.ps1 .witr_content_pslide_text a:hover {
    color: #4a612f;
}
.witr_single_pslide:hover .witr_pslide_image img, .witr_single_pslide:hover .witr_pslide_image:before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.witr_pslide .witr_single_pslide:hover .witr_pslide_custom {
    bottom: auto;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
    opacity: 1;
    bottom: 30px;
}
.witr_pslide_custom a span:hover {
    background: #744941;
}
.rels_project_area .witr_pslide_custom a {
    left: 0;
}
/* ===== 8. Team Area CSS ===== */
.rels_team_area {
    padding: 112px 0 100px;
}
.team-part {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 5px 4px 0 rgba(0,0,0,.05);
	margin-bottom:20px;
}
.witr_team_section {
    position: relative;
    text-align: center;
}
.witr_team_section:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_team_section:before {
    background: #4a612f6b;
}
.team_overlay_icon a {
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    font-size: 22px;
    opacity: 0;
    width: 52px;
    height: 52px;
    line-height: 52px;
    border-radius: 50%;
}
.team_overlay_icon a {
    background: #4a612f;
    color: #fff;
}
.witr_team_content {
    padding: 23px 5px 23px;
}
.witr_team_content h5 {
    margin: 0;
    padding: 0 0 5px;
}
.witr_team_content h5 a:hover, .witr_team_content h5:hover, .witr_team_content span {
    color: #4a612f;
}
 .team-part span {
    font-size: 16px;
}
.witr_team_section:hover:before {
    opacity: 1;
}
.witr_team_section:hover .team_overlay_icon a {
    opacity: 1;
}
/* ===== 9. Testimonial Area CSS ===== */
.rels_testimonial_area {
    background-image: url(assets/images/testi-bg-img.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 115px 0 95px;
}
.rels_testimonial_area  .witr_section_title {
    margin-bottom: 14px;
}
.em_single_testimonial {
    margin-bottom: 30px;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    padding: 50px 30px;
    margin-top: 20px;
    box-shadow: 0 0 10px 0rgb(240 241 243);
    overflow: hidden;
    position: relative;
    text-align: left;
}
.em_single_testimonial, .single_2p_testimonial, .testiCreCon, .testiCreCon:after, .witr_background_test, .witr_testi_main {
    background: #fff;
}
.test-part {
    display: inline-block;
    margin-bottom: 10px;
}
.test-part ul li {
    display: inline-block;
    padding-top: 0;
}
.execllent_toggol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.em_crating i {
    color: #1f2732;
    font-size: 25px;
}
.em_testi_content {
    position: relative;
    text-align: center;
}
.em_testi_text {
    overflow: hidden;
    padding-top: 15px;
    text-align: left;
}
.witr_testi_itemt p {
    padding: 0 0 10px;
}
.em_test_thumb {
    float: left;
    margin-right: 20px;
}
.em_test_thumb img {
    border-radius: 50%;
    width: 59px;
}
.witr_testi_itemt h6, .witr_testi_itemt h2 {
    font-size: 24px;
}
.em_testi_title span {
    display: block;
    margin-top: 5px;
}
 .witr_testi_itemt span, .execllent_star h3 {
    color: #696969;
    font-size: 17px;
    font-weight: 400;
}
/* ===== Testimonial Area CSS ===== */
.rels_testimonial_area2 {
    padding: 112px 0 90px;
}
.rels_testimonial_area2 .witr_section_title {
    margin-bottom: 15px;
}
.rels_testimonial_area2 .em_single_testimonial {
    margin-bottom: 30px;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    padding: 37px 30px 26px;
    margin-top: 20px;
    box-shadow: 0 0 10px 0 rgb(240 241 243);
    overflow: hidden;
    position: relative;
    text-align: left;
	background: #fff;
}
.rels_testimonial_area2 .em_testi_title span {
    display: block;
    margin-top: 5px;
    font-size: 18px;
    font-weight: 600;
    color: #4a612f;
}
.rels_testimonial_area2 .em_testi_text {
    overflow: hidden;
    padding-top: 15px;
    float: left;
    text-align: left;
}
.rels_testimonial_area2 .em_crating i.active {
    color: #4a612f;
    font-size: 18px;
}
.rels_testimonial_area2 .witr_testi_itemt p {
    padding: 0;
}
.rels_testimonial_area2 .em_single_testimonial:hover {
    box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
}


/* ===== 10. Brand Area CSS ===== */
.rels_brand_area {
    background-image: url(assets/images/counter-bg-img.jpg);
    background-position: center center;
    padding: 65px 0px 80px 0px;
    border-style: solid;
    border-width: 1px 0 0;
    border-color: #f4f4f4;
}
.slide_items {
    text-align: center;
}
.rels_brand_inner {
    background: #4a612f;
    padding: 85px 0px 100px 0px;
}
.rels_installation_brand_area {
    background: 0 0;
    padding: 0;
}
/* ===== 11. Faq Area CSS ===== */
.rels_faq_area {
    padding: 120px 0 93px;
}
.rels_faq_area .single_image img {
    margin-bottom: 20px;
}
.faq_content_inner .witr_section_title {
    margin-bottom: 35px;
}
.faq_content_inner .witr_section_title_inner p {
    margin-top: 5px;
}
.accordion_area .card-2 {
    border: none;
    margin-bottom: 25px;
    background: #f7f6f6;
}
.accordion_area .card-header.witr_ac_card {
    background: 0 0!important;
    padding: 0;
    border-bottom: 0;
    text-align: left;
}
.witr_ac_style {
    font-size: 17px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 11px 15px;
    transition: .5s;
}
.witr_ac_style {
    color: #000;
}
.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_card i {
    margin-right: 10px;
    font-size: 20px;
}
.accordion_area .card-2 p {
    padding: 10px 15px 0;
}
.faq_img_inner .single_image img {
    margin-left: 10px;
    padding-right: 20px;
}
.witr_ac_style:hover {
    color: #4a612f;
    background-color: #FFFFFF00;
}
/* ===== 12. Call Action Area CSS ===== */
.call_action_area {
    padding: 0 0 120px;
}
.witr_shortcode_area {
    position: relative;
    z-index: 1;
}
.call_inner {
    padding: 70px 48px 13px 45px;
    border-radius: 20px;
    background: #4a612f;
}
.call_inner .witr_section_title_inner h3 {
    font-size: 30px;
    color: #fff;
    line-height: 1.2;
    display: inline-block;
    margin-top: -7px;
}
.mc4wp-form-fields p {
    position: relative;
    line-height: 27px;
    margin-bottom: 22px;
}
.mc4wp-form-fields input {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    border-radius: 5px;
    border: none;
    outline: 0;
    padding: 15px 30px;
    background: #fff;
    color: #b0afaf;
    height: 60px;
}
.mc4wp-form-fields button {
    width: 27%;
    border-radius: 0 5px 5px 0;
    border: none;
    outline: 0;
    position: absolute;
    right: -3px;
    top: 0;
    bottom: 0;
    font-size: 18px;
    text-align: center;
    z-index: 2;
    cursor: pointer;
    padding: 10px 15px;
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff;
    background: #744941;
}
.mc4wp-form-fields button:hover {
    background: #1f2732;
}
/* ===== 13. Pricing Plan Area CSS ===== */
.rels_pricing_area {
    padding: 110px 0 100px;
    background: #fafafa;
}
.pricing_area {
    box-shadow: 8px 8px 30px 0px rgb(42 67 113 / 15%);
    border-style: none;
    border-radius: 5px;
    margin-bottom: 20px;
    background: #fff;
}
.pricing-part {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.witr_pricing_icon i {
    font-size: 40px;
    padding-top: 40px;
    display: block;
}
.witr_pricing_icon i {
    color: #4a612f;
}
.pricing-part strong {
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    right: -40px;
    top: 13px;
    padding: 7px 20px;
    width: 160px;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.pricing-part strong, .witr_content_service h3, .witr_content_service h3 a, .witr_content_service p, .witr_process_btnb a, .witr_process_icon i, .witr_process_icon2 i {
    color: #fff;
}
.prt_content {
    padding: 10px 0 7px;
    font-size: 20px;
}
.pricing-part h5 {
    font-size: 35px;
}
.all_pricing_color h2, .all_pricing_color h3, .all_pricing_color h4, .all_pricing_color h5 {
    margin: 0;
}
.pricing-part span {
    font-size: 24px;
    margin-right: 5px;
}
.pricing_bar_title {
    position: relative;
    margin: 50px 0;
}
.pricing_bar_title::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #ddd;
    left: 0;
    right: 0;
    top: 50%;
}
.pricing_style_7.pricing-part h4 {
    font-size: 16px;
    padding: 13px 30px;
    display: inline-block;
    border-radius: 30px;
    color: #fff;
    z-index: 1;
    position: relative;
}
.witri_texti_list {
    margin-top: 25px;
}
.pricing-part ul {
    padding: 0 30px;
}
.all_pricing_color li, .all_pricing_color ol, .all_pricing_color ul {
    margin: 0;
}
.witri_texti_list ul li {
    list-style: none;
    font-size: 17px;
    margin-bottom: 17px;
}
.all_pricing_color li, .all_pricing_color ol, .all_pricing_color ul {
    margin: 0;
}
.witri_texti_list ul li i {
    margin-right: 10px;
}
.witr_btnp_color {
    padding-top: 37px;
    padding-bottom: 40px;
}
.pricing-part a.btn {
    padding: 12px 30px;
    display: inline-block;
}
.pricing-part a.btn {
    border: 1px solid #4a612f;
}
.pricing-part a.btn, .pricing-part strong, .pricing_style_2 .pricing-part h5, .pricing_style_4 .witr_p_middle_inner, .pricing_style_7.pricing-part h4, .pricing_top_box, .witr_back_process, .witr_process_icon i, .witr_process_icon2 i, .witr_ribon_text h3 {
    background: #4a612f;
}
.pricing-part a.btn {
    color: #fff;
    border-radius: 0;
    font-size: 19px;
    font-weight: 500;
}
.pricing-part a.btn:hover {
    background: 0 0;
}
.pricing-part a.btn:hover {
    color: #4a612f;
}
/* ===== 14. Contact Area CSS ===== */
.rels_contact_area {
    padding: 118px 0 100px;
} 
.apartment_area {
    position: relative;
    background-size: cover;
    padding: 60px 35px 60px;
    border-radius: 10px;
    text-align: left;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
	margin-bottom:20px;
}
.apartment_text h1 {
    font-size: 17px;
    margin-bottom: 5px;
    color: #4a612f;
}
.apartment_text h2 {
    margin-bottom: 40px;
    font-size: 38px;
}
.witr_apartment_form input, .witr_apartment_form textarea {
    border: 1px solid #f1f1f1;
    width: 100%;
    font-size: 17px;
}
.witr_apartment_form  .btn {
    margin-top: -10px;
    background: #FE688B;
    transition: .5s;
    border-radius: 0px;
}
.witr_apartment_form .btn:hover{
    background-color: #14b1bb;;
}
.twr_form_box input:focus, .twr_form_box textarea:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
}
.witr_apartment_form form select, .witr_apartment_form form select, .witr_apartment_form input {
    width: 100%;
    height: 45px;
    border-radius: 5px;
    outline: none;
    margin-bottom: 24px;
    padding: 0px 30px;
}
.witr_apartment_form textarea {
    margin-bottom: 25px;
    height: 150px;
    width: 100%;
    padding-top: 10px;
    padding-left: 30px;
	color:#888;
}
.witr_apartment_form input, .witr_apartment_form form select, .wpcf7-not-valid-tip, .witr_apartment_form input::-webkit-input-placeholder, .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap input::-webkit-input-placeholder, .wpcf7-form-control-wrap a, .wpcf7-form-control-wrap a::-webkit-input-placeholder, .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap textarea::-webkit-input-placeholder, .wpcf7-submit::-webkit-input-placeholder, .witr_apartment_form form select option {
    color: #888;
}
.witr_apartment_form textarea::placeholder{
	color: #888;
}
.witr_apartment_form .btn {
    border: 0 none;
    display: inline-block;
    padding: 15px 30px;
    background: #4a612f;
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    border-radius: 0;
    margin-bottom: -4px;
}
.witr_apartment_form .btn:hover {
    background: #02101e;
}
/* map css */
.rels_contact_area iframe {
    border: none;
    width: 100%;
    height: 612px;
}
/* ===== Contact Area CSS ===== */
.contact_page_area {
    background: #f9f9f9;
    padding: 105px 0px 100px;
}
.contact_page_area .witr_section_title {
    margin-bottom: 45px;
}
.contact_page_area .witr_section_title_inner p {
    margin-top: 0;
}
.contact_page_area .all_color_service {
    padding: 50px 35px 60px 35px;
}
.contact_page_area .all_color_service, .service_top_image::after {
    box-shadow: 0px 0px 49px 0px rgb(0 0 0 / 5%);
    margin-bottom: 20px;
}
.contact_page_area .service_top_image {
    position: relative;
}
.contact_page_area .service-item i {
    font-size: 30px;
    height: 80px;
    width: 80px;
    text-align: center;
    border-radius: 50%;
    line-height: 80px;
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
    background: #f3f3f3;
    border-radius: 5px;
    color: #4a612f;
}
.contact_area .apartment_text h2 {
    margin-bottom: 40px;
    font-size: 38px;
    color: #111;
    padding-top: 0;
}
.contact_page_area .service-item h3 {
    padding: 15px 0 7px;
}
.contact_page_area .all_color_service:hover i, .contact_page_area .poly_text_box:hover .contact_page_area .service_icon_box::before {
    background-color: #4a612f;
    color: #fff;
}
.contact_page_area .text_box.all_icon_color p {
    padding-bottom: 0px;
    margin: 0px;
}
/* ===== 15. Blog Area CSS ===== */
.rels_blog_area {
    padding: 113px 0 100px;
    background: #f9f9f9;
}
.rels_blog_area .witr_section_title {
    margin-bottom: 30px;
}
.busi_singleBlog {
    -webkit-transition: .5s;
    transition: .5s;
    box-shadow: 0 5px 10px 0 rgba(50,65,141,.07);
    position: relative;
    overflow: hidden;
    background: #fff;
    margin-bottom: 20px;
}
.witr_sb_thumb {
    overflow: hidden;
    position: relative;
}
.witr_sb_thumb:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 1;
}
.witr_sb_thumb:before {
    background: rgba(0,0,0,.5);
}
.witr_sb_thumb img {
    width: 100%;
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_blog_area11 .witr_blog_con {
    padding: 20px 15px 5px 25px;
	margin-bottom:0;
}
.witr_blog_con span {
    line-height: 26px;
    font-size: 16px;
    margin-bottom: 15px;
    margin-right: 2px;
}
.witr_blog_con span, .witr_blog_con span a, .witr_blog_metan span, .witr_blog_metan span a {
    color: #888;
}
.witr_blog_con span i {
    padding-right: 5px;
    padding-left: 5px;
    -webkit-transition: .5s;
    transition: .5s;
}
.wblog-content span, .wblog-content span a, .wblog-content span i, .witr_blog_con span i, .witr_blog_metan span i {
    color: #4a612f;
}
.witr_blog_area11 .witr_blog_con h2 {
    margin: 11px 0;
	color: #222429;
}
.witr_blog_con h2 a {
    display: inline-block;
}
.witr_blog_con p {
    margin: 0 0 22px;
}
.witr_blog_area11 .em-blog-content-area_adn {
    padding: 0 10px 22px 20px;
}
.witr_blog_area11 .learn_btn {
    padding: 10px 30px;
    color: #4a612f;
    background: #4a612f14;
	text-align: center;
	display: inline-block;
}
.btn, .learn_btn, .witr_feature_btn_f a, .witr_feature_btn_3d a, .feature_btn a, .witr_ser_btnb a, .service-btn>a, a.dtbtn, .witr_btn, .witr_bbtn, .witr_gbtn, .witr_gbbtn, .rels_button a, .witr_sbtn_s8 a {
    border-radius: 0;
    font-size: 19px;
    font-weight: 500;
}
.busi_singleBlog:hover {
    box-shadow: 0 0px 4px 0 rgba(0,0,0,.05);
}
.busi_singleBlog:hover .witr_sb_thumb img, .busi_singleBlog:hover .witr_sb_thumb:before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.witr_blog_area11 .learn_btn:hover {
    background: #4a612f;
}
.witr_blog_area11 .learn_btn:hover, .witr_blog_area13 .learn_btn:hover {
    color: #fff;
}
/* ===== Blog Area CSS ===== */
.rels_blog_grid_area {
    padding: 113px 0 100px;
}
.witr_blog_border {
    margin-bottom: 10px;
}
.witr_blog_border {
    border: 1px solid #f2f2f2;
}
.witr_blog_area16 .witr_blog_con {
    padding: 20px 15px 25px 20px;
}
.witr_blog_area16 .learn_btn {
    border-radius: 5px;
}
.witr_blog_area16 .em-blog-content-area_adn {
    padding: 0 10px 22px 0px;
}
.witr_blog_area16 .witr_blog_con p {
    margin: 20px 0 22px;
}
/* ===== Blog Area CSS ===== */
.witr-blog-side-area.blog_sidebar {
    padding: 100px 0px 100px;
    background: #f9f9f9;
}
.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: #ff5a3c;
    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: #ff5a3c;
}
.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;
}
.rels-blog-meta-left i {
    color: #ff5a3c;
}
.rels-blog-meta-left i {
    font-size: 13px;
    margin-right: 5px;
}
.rels-blog-meta-left {
    margin-bottom: 10px;
    margin-top: 5px;
}
.recent-post-text h4 a:hover {
    color: #ff5a3c;
}
.recent-post-item {
    padding-bottom: 10px;
}
.rels-blog-meta-left a, .rels-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: #ff5a3c;
}
table#wp-calendar td#today a {
    color: #fff;
}
.textwidget img {
    margin-bottom: 15px;
}
.textwidget p {
    margin-bottom: 0.5rem;
}
.rels-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 .rels-single-blog {
    margin-bottom: 30px;
    box-shadow: none;
    border-bottom: 1px solid #e7e7e7;
    background: transparent;
}
.rels-single-blog {
    overflow: hidden;
    text-align: left;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.rels-blog-thumb {
    overflow: hidden;
}
.single_blog_thumb img {
    width: 100%;
}
.rels-blog-thumb a {
    display: block;
    position: relative;
}
.rels-blog-thumb a:before {
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index: 999;
    -webkit-transition: .5s;
    transition: .5s;
}
.rels-blog-thumb a:before {
    background: rgba(0,0,0,.7);
}
.rels-blog-thumb img {
    width: 100%;
}
.em-blog-content-area {
    padding: 20px 15px 0;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgb(148 146 245 / 20%);
}
.rels-blog-meta.post_blog h2 a {
    font-size: 24px;
    font-weight: 700;
    transition: .5s;
}
.rels-blog-meta-left {
    margin-bottom: 10px;
    margin-top: 5px;
}
.rels-blog-meta-left a, .rels-blog-meta-left span {
    color: #888888;
    font-size: 16px;
    margin-right: 5px;
    margin-bottom: 0;
    display: inline-block;
}
.rels-blog-meta-left i {
    color: #ff5a3c;
    margin-right: 5px;
    font-size: 13px;
}
.rels-blog-meta-left a, .rels-blog-meta-left span {
    color: #888;
}
.em-blog-content-area .witr_btn {
    background: #ff5a3c;
    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;
}
.rels-single-blog:hover .rels-blog-thumb a:before {
    opacity: 1;
}
.rels-single-blog:hover .rels-blog-thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.em-blog-content-area .witr_btn:hover {
    background: #323232;
    color: #fff;
}
.rels-blog-meta.post_blog h2 a {
    font-size: 24px;
    font-weight: 700;
    transition: .5s;
}
.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  #ff5a3c;
    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: 18px;
}
.widget_recent_data .recent-post-image img {
    margin-top: 8px;
    margin-bottom: 10px;
}
.widget_recent_data .recent-post-item {
    margin-bottom: 0;
}
.blog-left-side .single-widget-item h2 {
    color:#696969; 
}
/* ===== single blog css ===== */
.witr-blog-side-area.blog_area.single_blog.single_blog_page {
    padding: 100px 0 70px;
}
.rels-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;
}
.rels-single-icon-inner {
    text-align: center;
}
.rels-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;
}
.rels-single-icon-inner a:hover {
    background: #ff5a3c;
    border-color: #ff5a3c;
    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;
}
.rels_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;
}
.rels_btn:hover {
    background: #ff5a3c;
    border-color: #ff5a3c;
    2E: ;
    color: #fff;
}

/* end sidebar css */
/* ===== 16. Footer Area CSS ===== */
.witrfm_area {
    position: relative;
}
.witrfm_area:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
.witrfm_area:before {
    background-color: rgba(0,80,159,0);
}
.footer-middle {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('assets/images/footer-bg.jpg');
    background-size: cover;
    padding: 65px 0 83px;
}
.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 .srelseen-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, .rels-desrelsiption-area p, .rels-desrelsiption-area .phone a, .rels-desrelsiption-area .social-icons a, .recent-review-content h3, .recent-review-content h3 a, .recent-review-content p, .footer-middle .rels-desrelsiption-area p, .footer-middle .recent-post-text h4 a, .footer-middle .recent-post-text .rcomment, .witr_sub_table span {
    color: #ffffff;
}
.footer-middle .widget h2 {
    color: #ffffff;
}
.footer-middle .widget h2 {
    margin-bottom: 30px;
    margin-top: 28px;
    position: relative;
}
.single-widget-item h2 {
    color: #ffffff;
    margin-bottom: 33px;
    margin-top: 28px;
}
.footer-middle .recent-post-text h4 a {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: -10px;
}
.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-top: 0px;
}
.recent-post-image img {
    border-radius: 0;
    width: 75px;
    margin-top: 4px;
}
.recent-post-item {
    clear: both;
    margin-bottom: 15px;
}
.footer-sociala-icon {
    clear: both;
    float: left;
    font-size: 17px;
    margin-right: 12px;
}
.footer-middle .recent-post-text>h4 a:hover {
    color: #4a612f;
}
.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: #4a612f;
}
.rels-desrelsiption-area a img {
    margin: 26px 0;
}
.rels-desrelsiption-area .social-icons a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    margin-right: 5px;
    margin-bottom: 5px;
    background: #744941;
}
.rels-desrelsiption-area .social-icons a:hover {
    background: #4a612f;
    border-color: #4a612f;
}
.twr_footer_contact input {
    background: 0 0;
    color: #fff;
    border: 1px solid #fff;
    height: 60px;
    width: 100%;
    padding-left: 30px;
    color: #fff;
    border-radius: 4px;
}
.twr_footer_contact input::placeholder{
	color:#fff;
}
.twr_footer_contact button {
    padding: 15px 30px;
    margin-top: 10px;
    outline: 0;
    border: none;
    background: #4a612f;
    color: #fff;
}
/* footer bottom area css */
.footer-bottom {
    padding: 23px 0 22px;
    position: relative;
    background-color: #000000;
}
.copy-right-text p {
    margin: 0;
    padding: 0;
}
.copy-right-text p, .footer-menu ul li a {
    color: #ffffff;
}
.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: #4a612f;
}
/* srelsoll up css */
#scrollUp {
    bottom: 30px;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    right: 100px;
    text-align: center;
    border-radius: 5px;
    width: 40px;
	background: #4a612f;
}
#scrollUp i {
    color: #fff;
}
/* slick slide css */
.slick-dots li button {
    font-size: 0;
    width: 30px;
    height: 12px;
    border: 0 solid #4a612f;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 50px;
    padding: 0;
    -webkit-transition: .5s;
    transition: .5s;
    outline: 0;
    background: #4a612f5c;
}
 .slick-dots li.slick-active button {
    background-color:#4a612f;
}
.slick-dots li {
    display: inline-block;
}
.slick-dots {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -54px;
    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;
    background: #ff3d0;
    z-index: 9;
    opacity: 0;
    border-radius: 0px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    width: 55px;
    height: 55px;
    line-height: 55px;
    top: 50%;
    transform: translate(0px, -50%);
    transition: .5s;
    border: 0px solid #17161a;
    background: #4a612f;
}
.slick-prev {
    left: -65px;
}
 .slick-next {
     right: -65px;
}
.slick-next:before, .slick-prev:before {
    color: #fff;
    font-size: 40px;
    -webkit-transition: all .3s ease 0s;
    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: #744941;
}
button:focus {
    outline: 0;
}
.simages_id11:hover .slick-prev, .simages_id11:hover .slick-next {
	opacity:1;
}
.witr_ds_content_area .slick-prev, .witr_ds_content_area .slick-next {
	top: 48%;
	opacity:1;
}
.witr_ds_content_area:hover .slick-prev, .witr_ds_content_area:hover .slick-next {
	opacity:1;
}
.rels_project_area:hover .slick-prev, .rels_project_area:hover .slick-next{
	opacity:1;
}
.rels_project_area .slick-prev {
    left: -15px;
}
.rels_project_area .slick-next {
     right: -15px;
}
.rels_testimonial_area:hover .slick-prev, .rels_testimonial_area:hover .slick-next{
	opacity:1;
}
.rels_testimonial_area2:hover .slick-prev, .rels_testimonial_area2:hover .slick-next{
	opacity:1;
}
/*========= BREADCRUMB 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: 30px;
}
.breadcumb-area {
    background-image: url("assets/images/counter-bg-img.jpg");
    padding: 65px 0px 65px;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
 .breadcumb-area:before, .breadcumb-blog-area:before {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     content: "";
}
.breadcumb-inner ul, .breadcumb-inner ul span a, .breadcumb-inner li, .breadcumb-inner li a {
    color: #ffffff;
    font-display: swap;
}
 .breadcumb-inner ul {
     font-weight: 400;
}
.breadcumb-inner li {
    display: inline-block;
    color: #fff;
    font-weight: 400;
}
.breadcumb-inner li:nth-last-child(-n+1) {
    color: #821F05;
    color: #fff;
    font-weight: 400;
}
 .breadcumb-inner li a {
     font-weight: 400;
     color: #fff;
}
.breadcumb-inner li a:hover {
    color: #4a612f;
}
.brpt h2, .breadcumb-inner h2, .brpt.brptsize h2 {
    color: #ffffff;
    font-size: 30px;
}
/* ===== 17. Skill Area CSS ===== */
.witr_single_progress {
    overflow: hidden;
    margin-bottom: 25px;
}
.witr_title2 .witr_label {
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    margin-bottom: 0px;
    display: inline-block;
}
.progress {
    height: 6px;
    border-radius: 0;
    margin-top: 2px;
    background-color: #d05832;
}
.witr_progress-style2.progress {
    box-shadow: none;
    overflow: visible;
}
.progress-bar {
    background: #fff;
    overflow: inherit;
}
.witr_progress-style2 .progress-bar {
    position: relative;
    text-align: left;
    line-height: 4px;
    box-shadow: none;
}
.witr_progress-style2 .witr_percent {
    position: absolute;
    right: 0;
    font-weight: 600;
    font-size: 16px;
    top: -19px;
}
.witr_progress-style2 .witr_percent {
    color: #fff;
}
.progress_bar_area {
    background: #F9F9F9;
    padding: 95px 0px 80px;
}
.witr_progress-style8 {
    position: relative;
    height: 40px;
    box-shadow: none;
    border-radius: 20px;
    overflow: visible;
    padding: 7px;
    box-shadow: 0 1px 10px rgba(68, 68, 68, 0.08);
}
.witr_progress-style8 + .witr_progress-style8 {
    margin-top: 30px;
}
.witr_progress-style8 .progress-bar {
    text-align: left;
    border-radius: 0;
    box-shadow: none;
    border-radius: 15px;
}
.witr_progress-style8 .witr_label {
    position: absolute;
    left: 20px;
    font-size: 13px;
    font-weight: 500;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.witr_progress-style8 .witr_percent {
    position: absolute;
    right: 14px;
    top: 50%;
    font-weight: 500;
    font-size: 13px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.progress_bar_area .progress {
    margin-top: 29px;
}
.witr_progress-style8 {
    background: #fff;
}
.witr_progress-style5 {
    height: 24px;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
    margin-top: 30px;
}
.witr_progress-style5 + .witr_progress-style5 {
    margin-top: 60px;
}
.witr_progress-style5 .progress-bar {
    position: relative;
    text-align: left;
    border-radius: 0;
    box-shadow: none;
}
.witr_title5 .witr_label {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 16px;
    font-weight: 600;
}
.witr_progress-style5 .witr_percent {
    position: absolute;
    right: 0;
    font-weight: 500;
    font-size: 12px;
    top: -35px;
    padding: 3px 6px;
    border-radius: 4px;
}
.witr_progress-style5 .witr_percent:after {
    content: "";
    position: absolute;
    border: 11px solid transparent;
    left: -19px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.progress.witr_progress-style5 {
    margin-top: 37px;
}.witr_progress-style5 {
    height: 24px;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
    margin-top: 30px;
}
.witr_progress-style5 + .witr_progress-style5 {
    margin-top: 60px;
}
.witr_progress-style5 .progress-bar {
    position: relative;
    text-align: left;
    border-radius: 0;
    box-shadow: none;
}
.witr_title5 .witr_label {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 16px;
    font-weight: 600;
}
.witr_progress-style5 .witr_percent {
    position: absolute;
    right: 0;
    font-weight: 500;
    font-size: 12px;
    top: -35px;
    padding: 3px 6px;
    border-radius: 4px;
}
.witr_progress-style5 .witr_percent:after {
    content: "";
    position: absolute;
    border: 11px solid transparent;
    left: -19px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.progress.witr_progress-style5 {
    margin-top: 37px;
}
.right_progress_inner .progress {
    background-color: #e9ecef;
}
 .witr_progress-style5 .witr_percent {
    position: absolute;
    right: 0;
    font-weight: 500;
    font-size: 12px;
    top: -35px;
    padding: 3px 6px;
    border-radius: 4px;
}
.witr_progress-style5 .witr_percent {
    background: #222;
}
.progress_bar_area .witr_section_title {
    padding-bottom: 32px;
}
.progress_area2 {
    padding: 95px 0 80px;
}
.progress_area2 .witr_section_title {
    margin-bottom: 30px;
}
.progress_area2 .progress-bar {
    background: #4a612f;
}
.progress_area2 .progress {
    background-color: #e9ecef;
}
.progress_area2 .witr_percent {
    color: #272727;
    font-weight: 700;
}
.progress_area2 .witr_label {
    font-weight: 700;
    color: #272727;
    font-size: 17px;
}
.progress_area2 .witr_single_progress {
    overflow: hidden;
    margin-bottom: 20px;
}
.progress2_witr_inner .witr_progress-style7 .witr_percent {
    position: absolute;
    right: -13px;
    font-weight: 500;
    font-size: 10px;
    top: -35px;
    padding: 3px 6px;
}
.witr_progress-style7 .witr_percent {
    background: #272727;
}
.witr_progress-style7 .witr_percent::after {
    content: '';
    position: absolute;
    border: 5px solid transparent;
    left: 50%;
    top: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.progress2_witr_inner .progress.witr_progress-style7 {
    overflow: visible;
}
.progress2_witr_inner .witr_percent {
    color: #fff;
    font-weight: 700;
}
.progress2_witr_inner .progress {
    margin-top: 8px;
}
.progress2_witr_inner .witr_label {
    font-weight: 600;
    font-size: 15px;
}
/* ===== 26. Progress Area CSS ===== */
.progress_area3 {
    background: #f9f9f9;
    padding: 95px 0 50px;
}
.progress_area3 .progress-bar {
    background: #4a612f;
}
.progress_area3 .witr_single_progress {
    margin-bottom: 50px;
	position:relative;
}
.progress_area3 .witr_title5 .witr_label {
    color: #222;
}
.right_progress_inner .witr_single_progress {
    margin-bottom: 20px;
    position: relative;
}
.progress_area3  .witr_progress-style8 .witr_percent {
    color: #000;
}
/* ===== Progress Area CSS ===== */
.circle_area {
    padding: 94px 0 60px;
}
.circle_area .witr_section_title {
    margin-bottom: 30px;
}
.witr_circle_area {
    text-align: center;
    margin-bottom: 35px;
}
.witr_cp_class {
    position: relative;
}
span.witr_cir_text {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    font-size: 20px;
    transform: translateX(-50%) translateY(-50%);
    font-weight: 700;
    color: #7c7c7c;
}
.witr_circle_title {
    margin-top: 10px;
}
.progressbar_title_section {
    background: #F9F9F9;
    padding: 85px 0px 35px;
}
/* ===== 18. Portfolio Area CSS ===== */
.port_grid_area .witr_section_title {
    margin-bottom: 30px;
}
.portfolio_nav {
    text-align: center;
    padding: 0 0 30px;
}
.portfolio_nav ul li {
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin: 0 5px 10px;
    padding: 10px 20px;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
}
.portfolio_nav ul li {
    border: 1px solid #f3eaea;
}
.portfolio_nav ul li.current_menu_item, .portfolio_nav ul li:hover {
    border-color: #4a612f;
}
.portfolio_nav ul li.current_menu_item, .portfolio_nav ul li:hover {
    background: #4a612f;
}
.portfolio_nav ul li.current_menu_item, .portfolio_nav ul li:hover, .prot_content h3, .prot_content h3 a {
    color: #fff;
}
.port_grid_area {
    margin-top: 0;
    padding: 115px 0px 90px;
}
.witr_single_pslide{
	overflow:hidden;
}
.witr_pslide_image{
	position:relative;
	overflow:hidden;
}
.witr_pslide_image img{
	width:100%;
	transition: 1s;
}
.port_grid_area .witr_pslide_image::before{
	position: absolute;
    content: '';
	width:100%;
	height:100%;
    background: #00000080;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(0);
    transition: .5s;
    z-index: 1;
}
.port_grid_area .witr_single_pslide:hover .witr_pslide_image::before{
	transform:scale(1.2)
}
.witr_single_pslide:hover .witr_pslide_image img{
	transform:scale(1.2)
}
.port_grid_area .witr_pslide_custom a {
    position: absolute;
    top: 40px;
    left: 40px;
    width: 0px;
    height: 80px;
    line-height: 80px;
    border-radius: 5px;
    font-size: 30px;
    background: #fff;
    color: #14b1bb;
    text-align: center;
    z-index: 99;
    opacity: 0;
    transition: .5s;
    display: inline-block;
}
.port_grid_area  .witr_single_pslide:hover .witr_pslide_custom a{ 
	width:80px; 
	opacity: 1; 
 } 
.port_grid_area .witr_pslide_custom a:hover {
    color:#14b1bb;
    z-index: 999;
    background: #0a0a0a;
}
.port_grid_area .witr_content_pslide_text {
    position: absolute;
    bottom: -100px;
    left: 50px;
    right: 30px;
    transition: .5s;
    opacity: 0;
    z-index: 2;
    text-align: left;
}
.port_grid_area .witr_single_pslide:hover .witr_content_pslide_text {
    opacity: 1;
    bottom: 20px;
}
.port_grid_area .witr_content_pslide_text h3 {
    margin-bottom: 10px;
}
.port_grid_area .witr_content_pslide_text h3 a{
    color: #fff;
	transition:.5s;
}
.port_grid_area .witr_content_pslide_text h3 a:hover {
    color: #14b1bb;
}
.witr_content_pslide_text p {
    color: #fff;
}
.single_protfolio:hover .positi_3.pprotfolio4 {
    bottom: 0;
}
.positi_3 .porttitle_inner4 h3 a, .positi_3 .porttitle_inner4 p span {
    color: #fff;
}
.prot_wrap {
    overflow: hidden;
}
.single_protfolio {
    position: relative;
    overflow: hidden;
    margin-bottom:30px;
}
 .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);
}
.port_grid_area .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: 18px;
    margin-bottom: 5px;
}
.prot_content h3 a {
    font-size: 23px;
    font-weight: 700;
    text-transform: capitalize;
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff;
    margin-bottom: 15px;
    display: inline-block;
}
.prot_content h3 a:hover {
    color: #4a612f;
}
.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;
    color: #fff;
}
.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;
}
.prot_wrap.nospace .gallery_load_button a {
    margin-top: 30px;
}
.em_port_content {
    background: #4a612f80;
}
/* single portfolio */
.pimgs img {
    height: 465px;
    width: 100%;
}
.prots-contentg p {} 
.em_port_content {
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 9;
    left: 0;
    top: -100%;
    width: 100%;   
    transition: .5s;
    text-align: center;
}
.pstyle_1 .porttitle_inner h3 {
    padding-bottom: 0px;
}
.pstyle_1 .single_protfolio {   
    -webkit-transition: .5s;   
    transition: .5s;
}
.portfolio_readmore_btn {
    padding-top: 23px;
}
.portfolio_readmore_btn > a {
    border-radius: 5px;
    display: inline-block;
    padding: 6px 21px;
    text-transform: uppercase;   
    -webkit-transition: .3s;   
    transition: .3s;
    border: 1px solid transparent;
}
.pstyle_1 .picon a {
    background: transparent;
    border-radius: 5px;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    margin: 0 8px 11px;
    width: 50px;
    transition: .5s;
    color: #fff;
}
.picon a:hover {
    border-color: #191f2d;
    background: #191f2d;
}
/* port style 3 */
.em_plus_port {
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 99;
}
.prot_content_inner {
    left: 50%;
    position: absolute;
    top: 54%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    -webkit-transition: all .3s ease-in-out .3s;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
}
.single_protfolio:hover .prot_content_inner {
    top: 50%;
    opacity: 1;
}
.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;
	color:#fff;
}
.picon a:hover {
    background-color: #4a612f;
    border-color: #555;
}
.pstyle_1 .porttitle_inner h3 {
    padding-bottom: 0px;
}
.port_grid_area .prot_content_inner {
    transition:inherit;
}
.port_grid_area .prot_content h3 a {
    margin-bottom: 0;
}
.port_grid_area .prot_content h3 {
    margin-bottom: 0;
}
.port_grid_area .witr_section_title_inner.text-center p {
    width: 39%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
}
.portfolio_gutter .single_protfolio {
    margin-bottom: 0;
}
/* ===== 19. Video Area CSS ===== */
.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;
}






.tx_golobal_color{
     background: #4a612f;
}
 .tx_btn_global_color:hover{
     background:#000;
}