/*
Template Name:DELIVCATE
*/

/*
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. Choose Area CSS
8. Team Area CSS
9. Pricing Area CSS
10. Process Area CSS
11. Video Area CSS
12. Portfolio Area CSS
13. Testimonial Area CSS
14. Counter Area CSS
15. Contact Area CSS
16. Blog Area CSS
17. Footer Area CSS
18. Breadcumb Area CSS
19. Skill Area CSS
20. Choose Area CSS
21. Single Project Area CSS
22. Circle Area CSS
23. Single Service Area CSS
24. Faq Area CSS

*/

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

/*theme css*/
 a {
     color: #454545;
     transition: .5s;
}
 a:hover {
     text-decoration: none;
     color:#a44424;
}
 body {
     color: #757575;
     font-family: 'Barlow', sans-serif;
     font-weight: 400;
     font-style: normal;
     font-size: 17px;
     line-height: 1.6;
}
 p {
     font-style: normal;
	 text-align:justify;
}
 h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
     font-family: 'Barlow Condensed', sans-serif;
     font-style: normal;
     margin-bottom: 0;
     line-height: 1.2;
     font-weight: 700;
     transition: .5s;
     font-size: 24px;
     color: #222;
     margin: 0 0 10px;
     transition: .5s;
}
 .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: 38px;
     margin: auto;
     font-weight: 700;
}
 .witr_section_title_inner h2 {
     font-size: 17px;
     display: inline-block;
     text-transform: uppercase;
     margin: 20px 0px 0px 0px;
     color: #a44424;
}
 .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: #6c7908d9;
}
 .witr_bar_main {
     margin: 10px 0px 10px 0px;
}
 .witr_bar_inner {
     height: 4px;
     width:90px;
     position: relative;
     border-radius: 30px;
     background: #6c7908d9;
     margin: 0 auto;
}
 .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 #6c7908d9;
}
 @keyframes move_title_bg1{
     from{
         left:0 
    }
     to{
         left:100% 
    }
}
 @keyframes move_title_bg2{
     from{
         right:0 
    }
     to{
         right:100% 
    }
}
 .witr_section_title {
     margin-bottom: 60px;
}
 .witr_section_title_inner p {
     width: 100%;
     padding: 10px 0 0 0;
     margin-top: 10px;
}
 .witr_section_title_inner.text-center p {
     width: 55%;
     margin-right: auto;
     margin-left: auto;
}
 .witr_all_pd0{
     padding:0;
}
 @media (min-width: 1200px){
     .delivcate-header-top .container, .delivcate_nav_area .container, .witrfm_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;
}
 .delivcate-header-top {
     padding: 5px 0;
     background: #a44424;
}
 .top-address p {
     margin-bottom: 0;
}
 .top-address p span, .top-address p a {
     margin-right: 10px;
}
 .top-address p span i, .top-address p a i {
     font-size: 13px;
     color: #fff;
     margin-right: 10px;
}
 .top-address p a {
     display: inline-block;
     text-decoration: none;
     transition: all 0.2s ease-in-out;
}
/* TOP socia CSS */
 .top-address.em-login.text-right.text_m_center {
     text-align: center !important;
}
 .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-address.em-login a + a {
     margin-right: 0;
}
 .top-address.em-login a + a:before {
     content: "|";
     margin-right: 12px;
}
 .top-right-menu ul.social-icons li a {
     display: inline-block;
     text-decoration: none;
     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: 400;
}
 .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 ===== */
 .delivcate_nav_area.postfix {
     transition: .3s;
     box-shadow: 0 0 65px 0 #00000008;
}
 .delivcate_nav_area {
     background: #fff;
}
 .delivcate_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 */
 .delivcate-main-menu .logo a.main_sticky_main_l {
     display: block;
}
 .delivcate-main-menu .logo a.main_sticky_l {
     display: none;
}
/* logo pre */
 .delivcate-main-menu .prefix .logo a.main_sticky_main_l {
     display: none;
}
 .delivcate-main-menu .prefix .logo a.main_sticky_l {
     display: block;
}
/* MENU text CSS */
 .delivcate_menu ul {
     text-align: right;
     list-style: none;
}
 .delivcate_menu > ul > li {
     display: inline-block;
     position: relative;
}
 .delivcate_menu > ul > li > a {
     display: block;
     margin: 38px 15px;
     transition: .5s;
     position: relative;
     font-size: 17px;
     font-weight: 600;
     color: #151616;
     text-transform: uppercase;
}
 .delivcate_menu > ul > li > a:before, .delivcate_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;
}
 .delivcate_menu > ul > li.current > a, .delivcate_menu > ul > li:hover > a, .creative_header_menu > ul > li:hover > a {
     background-color: transparent;
     color: #a44424;
}
 .delivcate_menu > ul > li:hover > a:before, .delivcate_menu > ul > li.current > a:before {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 .transprent-menu .delivcate_nav_area {
     left: 0;
     right: 0;
     top: 0;
     z-index: 9999;
     background-color: transparent;
     padding: 0;
     transition: .5s;
     position: absolute;
}
 .delivcate_nav_area.postfix {
     -webkit-transition: .3s;
     transition: .3s;
}
 .delivcate_nav_area.prefix, .hbg2 {
     background: #000000;
}
 .delivcate_nav_area.prefix .delivcate_menu > ul > li > a {
     color:#fff;
}
 .delivcate_nav_area.prefix .delivcate_menu > ul > li.current > a {
     color: #6c7908d9;
}
 .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 */
 .delivcate_menu ul .sub-menu {
     position: absolute;
     left: 0;
     top: 130%;
     width: 197px;
     text-align: left;
     background: #a44424;
     margin: 0;
     padding: 15px 0px 8px 0px;
     z-index: 9999;
     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
     transition: .2s;
     opacity: 0;
     visibility: hidden;
}
 .delivcate_menu ul li:hover > .sub-menu {
     transition: .5s;
     opacity: 1;
     visibility: visible;
     top: 100%;
     z-index: 9;
}
 .delivcate_menu ul .sub-menu li {
     position: relative;
     transition:.5s;
}
 .delivcate_menu ul .sub-menu li a {
     display: block;
     margin: 0;
     margin-bottom: 0px;
     letter-spacing: normal;
     font-size: 16px;
     font-weight: 400;
     transition: .5s;
     color: #fff;
     visibility: inherit !important;
     padding: 12px 20px;
}
 .delivcate_menu ul .sub-menu li:hover > a, .delivcate_menu ul .sub-menu .sub-menu li:hover > a, .delivcate_menu ul .sub-menu .sub-menu .sub-menu li:hover > a, .delivcate_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
     color: #6c7908d9;
}
 .delivcate_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%);
}
 .delivcate_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a, .delivcate_menu ul .sub-menu .sub-menu .sub-menu li:hover>a, .delivcate_menu ul .sub-menu .sub-menu li:hover>a, .delivcate_menu ul .sub-menu li:hover:before, .delivcate_menu ul .sub-menu li:hover>a {
     color: #a44424;
     background: #fff;
}
/* sub menu 2 */
 .delivcate_menu ul .sub-menu .sub-menu {
     left: 100%;
     top: 130%;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
}
 .delivcate_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 */
 .delivcate_menu ul .sub-menu .sub-menu li {
     position: relative;
}
 .delivcate_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;
}
 .delivcate_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 */
 .delivcate_menu ul .sub-menu .sub-menu .sub-menu li {
     position: relative;
}
 .delivcate_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 */
 .delivcate-main-menu .menu-item-has-children > a:after {
     margin-left: 5px;
     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;
}
 .delivcate-main-menu .menu-item-has-children .menu-item-has-children> a:after {
     margin-left: 8px;
     content: "\f107";
}
/* quearys area css */
 .delivcate_menu.main-search-menu > .em-header-quearys, .em-quearys-top.msin-menu-search {
     display: inline-block;
}
 .em-top-quearys-area {
     position: relative;
}
 .delivcate_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 {
     cursor: pointer;
     background: 0;
     color: #272727;
}
 .delivcate_nav_area.prefix .main-search-menu .em-header-quearys .em-quearys-menu i{
     color: #fff;
}
 .mrt10{
     margin-top:10px;
}
 .em-quearys-menu i {
     background: #6c7908d9;
     border-radius: 50px;
     display: inline-block;
     text-align: center;
     height: 36px;
     width: 36px;
     line-height: 36px;
     font-size: 20px;
     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: #6c7908d9;
     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: #6c7908d9;
}
 .main_menu_header_address_text h4 {
     margin-bottom: 0;
     color: #030925;
}
/*======================= #2 delivcate 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;
     -webkit-transition: 0.5s all;
     transition: 0.5s all;
     box-shadow: 0 0 30px rgb(0 0 0 / 7%);
     -webkit-transform: translateX(100%);
     transform: translateX(100%);
     background: #ffffff;
}
 .tx-s-open {
     -webkit-transform: translateX(0);
     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);
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
}
 .mobile_overlay.mactive {
     opacity: 1;
     visibility: visible;
}
/* menu button */
 a.dtbtn {
     border: none;
     display: block;
     font-size: 17px;
     margin-left: 15px;
     font-weight: 500;
     border-radius: 5px;
     padding: 10px 30px 10px;
     color: #fff;
     background: #a44424;
}
 a.dtbtn:hover {
     background: #6c7908d9;
}
/* ===== 3. Slider Area CSS ===== */
/* nivo SLIDER AREA CSS */
 .main-slider-area {
     overflow: hidden;
     display: block;
     position: relative;
     padding-right: 15px;
     padding-left: 15px;
}
 .nivo-caption {
     background:#0000004D;
     height: 100%;
     opacity: 1;
}
 .em-slider-content-nivo {
}
 .em_slider_right {
}
 .em_slider_inner {
     margin: auto;
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     transform: translateY(-50%);
}
 .em-slider-sub-title {
     font-size: 83px;
     margin-bottom: 20px;
     line-height: 103px;
     font-weight: 700;
     color:#fff;
}
 .nivo-caption p {
     padding: 5px;
     font-size: 22px;
}
 .em-slider-title {
     color: #fff;
     font-size: 28px;
     margin-bottom: 15px;
     text-transform: uppercase;
}
 .em-slider-title span{
     color:#e8bc5a;
}
 .em-slider-descript {
     color: #fff;
     margin-bottom: 43px;
     width: 51%;
}
 .text-left .em-slider-descript {
     margin-left: 0;
     margin-right: auto;
}
 .text-center .em-slider-descript {
     margin: 0 auto 31px;
     width: 64%;
     font-size: 17px;
}
 .text-right .em-slider-descript {
     margin-right: 0;
     margin-left: auto;
}
 .em-slider-descript {
     color: #fff;
}
 .em-slider-sub-title span, .em-slider-title span {
     color: #0B5BE0;
}
/* button */
 a.em-active-button {
     background: #0b5be0;
     border-color: #0b5be0;
}
 .em-button-button-area a {
     color: #fff;
     display: inline-block;
     font-size: 18px;
     font-weight: 700;
     margin: 0 4px;
     padding:16px 35px 16px 35px;
     position: relative;
     border-radius:0;
     transition: all 0.5s ease 0s;
     z-index: 1;
     background: transparent;
     text-transform: capitalize;
}
 a.em-active-button {
     background:#a44424;
     border-color:#a44424;
}
 .em-button-button-area a:hover {
     color: #fff;
     background: #0b5be0;
     border-color: #0b5be0;
}
 a.em-active-button:hover {
     background: #6c7908d9;
     border-color: #fff;
}
 .em-slider-half-width {
     width: 50%;
}
 .em-slider-left {
     padding-right: 30px;
}
 .em-slider-right {
     padding-left: 30px;
}
 .em-slider-full-width {
     width: 85%;
}
 .em-slider-half-width .em-slider-descript {
     width: 100%;
}
/* image */
 .text-left .em_slider_s2_content {
     margin-right: 25%;
}
 .text-center .em_slider_s2_content {
     margin-right: 0;
}
 .text-right .em_slider_s2_content {
     margin-left: 25%;
}
 .em_slider_s2_image {
     position: relative;
}
 .em_sc_100{
     width:100%;
     margin-top: 30px;
}
 .nivo-caption {
     background: #0000003D;
}
/* directionNav */
 .em-nivo-slider-wrapper .nivo-directionNav a {
     top: 50%;
     transform: translateY(-50%);
     height: 50px;
     width: 50px;
     line-height: 48px;
     border: none;
     text-align: center;
     display: block;
     border-radius: 5px;
     color: #fff;
     font-size: 22px;
     left: 0;
     transition: all 0.3s ease 0s;
     opacity: 0;
     visibility: hidden;
     background: #ffffff38;
}
 .em-nivo-slider-wrapper .nivo-directionNav .nivo-prevNav {
}
 .em-nivo-slider-wrapper .nivo-directionNav .nivo-nextNav {
     left: auto;
     right: 0;
}
 .em-nivo-slider-wrapper .nivo-directionNav a:hover {
     background: #a44424;
     border-color: #a44424;
     color: #fff;
}
 .em-nivo-slider-wrapper:hover .nivo-directionNav a {
     opacity: 1;
     visibility: visible;
     left: 50px;
}
 .em-nivo-slider-wrapper:hover .nivo-directionNav .nivo-nextNav {
     left: auto;
     right: 50px;
}
/* controlNav */
 .em-nivo-slider-wrapper .nivo-controlNav {
     bottom: 50px;
     padding: 0;
     position: absolute;
     width: 100%;
     z-index: 9;
}
 .em-nivo-slider-wrapper .nivo-controlNav a {
     background: #000 none repeat scroll 0 0;
     border-radius: 50%;
     cursor: pointer;
     display: inline-block;
     font-size: 14px;
     height: 25px;
     margin: 0 5px;
     width: 25px;
     color: #fff;
     line-height: 25px;
}
 .em-nivo-slider-wrapper .nivo-controlNav a:hover, .em-nivo-slider-wrapper .nivo-controlNav a.active {
     background: #0b5be0;
     color: #fff;
     opacity: 1;
}
 .pdlr0{
     padding-left:0;
     padding-right:0;
}
/* button area css */
 .witr_btn {
     background: #a44424;
     border-radius: 0;
     color: #fff;
     display: inline-block;
     font-size: 17px;
     padding: 17px 30px 017px 30px;
     text-align: center;
     position: relative;
     margin-right: 20px;
     z-index: 2;
     transition: 1s;
     font-weight: 400;
     text-transform: uppercase;
}
 .witr_btn:hover {
     background: #6c7908d9;
     color: #fff;
}
/* ===== End nivo SLIDER AREA CSS ===== */
/* ds slider area css */
 .witr_containers {
     margin: auto;
     width: 60%;
}
 .witr_ds_content_inner {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
}
 .witr_ds_content {
     position: relative;
     z-index: 1;
}
 .witr_ds_content {
     height: 970px;
     background-size: cover;
     background-position: center center;
     overflow: hidden;
}
 .elementor-section-full_width .witr_containers {
     margin: auto;
     width: 60%;
}
 .witr_ds_content_inner {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
}
 .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, .text-left .witr_ds_content_inner p {
     width: 70%;
     margin: 14px auto 15px 0;
}
 .witr_ds_content_inner h1 {
     font-size: 25px;
     color:#fff;
}
 .witr_ds_content_inner h2 {
     font-size: 100px;
     text-transform: capitalize;
     color: #fff;
}
 .witr_ds_content_inner p {
     font-size: 17px;
     color: #fff;
}
 .slider_btn {
     margin-top: 45px;
}
 .witr_btn {
     background: #a44424;
     border-radius: 5px;
     color: #fff;
     display: inline-block;
     font-size: 17px;
     padding: 12px 40px;
     text-align: center;
     position: relative;
     margin-right: 20px;
     z-index: 2;
     transition: 1s;
     font-weight: 400;
}
 .witr_ds_content_inner h1 span, .witr_ds_content_inner h2 span, .witr_ds_content_inner h3 span {
     color: #a44424;
}
.witr_ds_content:before {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    content: "";
    z-index: -1;
    background: #191c1c82;
}
/* ===== 4. Feature Area CSS ===== */
 .dl_fea_area {
     margin-top: -120px;
     margin-bottom: 0px;
     padding: 0 0 80px 0;
     z-index: 99;
     position: relative;
}
 .witr_feature_12.sub-item {
     box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.07);
     padding: 40px 30px 30px;
     background: #fff;
     border-top: 5px solid #a44424;
     transition: .5s;
     border-style: solid;
     border-width: 3px 0px 0px 0px;
     margin-bottom: 30px;
}
 .sub-item h3 {
     margin-top: 19px;
}
/* ===== 5. About Area CSS ===== */
 .cs_about_area {
     padding: 0 0 80px;
}
 .ab_img_inner .em-service2.sleft.all_color_service {
     margin-top: -127px;
     margin-bottom: 0px;
     background: #fff;
     padding: 10px 0 5px 10px;
     margin-left: 15px;
     margin-right: -30px;
}
 .ab_img_inner .em-service2.sleft .em-service-icon {
     float: left;
     margin-right: 30px;
     margin-top: 10px;
     font-size: 13px;
}
 .ab_img_inner .all_icon_color img {
     margin: 0;
     padding: 0;
}
 .ab_img_inner .em-service2 .em-service-inner {
     overflow: hidden;
}
 .ab_img_inner .em-service-title h3 {
     margin: 13px 0px 5px -0px;
     padding: 0;
     transition: .5s;
}
 .ab_witr_inner .witr_section_title {
     margin-bottom: 35px;
}
 .ab_witr_middd {
     padding-right: 40px;
}
 .em-service2.sleft{
     margin-bottom: 25px;
}
 .em-service2.sleft .em-service-icon {
     float: left;
     margin-right: 30px;
     margin-top: 10px;
}
 .em-service-icon {
     font-size: 35px;
}
 .em-service2 .em-service-icon i {
     display: inline-block;
     box-shadow: 0px 0px 30px 0px rgba(148,146,245,0.2);
     text-align: center;
     border-radius: 50%;
     transition: all 0.5s ease 0s;
     color: #a44424;
     font-size: 51px;
     width: 33px;
     height: 0px;
     line-height: 1px;
}
 .em-service2 .em-service-inner {
     overflow: hidden;
}
 .all_color_service h3 {
     margin: 12px 0px 0px 0px;
}
 .ab_witr_inner .all_color_service h3, .ab_witr_inner .all_color_service h3 a {
     font-size: 20px;
     font-weight: 600;
}
 .em-service-title h3 {
     padding: 0;
     transition: .5s;
}
 .ab_bttm_inner {
     border-style: solid;
     border-width: 1px 0px 0px 0px;
     border-color: #F4F4F4;
     transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
     margin-top: 25px;
     margin-bottom: 0px;
     padding: 30px 0px 0px 0px;
}
 .ab_bttm_inner .all_color_service h3 {
     margin: 20px 0 0 0;
}
 .ab_bttm_inner .all_color_service h3, .ab_bttm_inner .all_color_service h3 a {
     font-size: 24px;
     font-weight: 700;
}
 .ab_bttm_inner .witr_button_area {
     float: left;
     overflow: hidden;
     margin-top: 22px;
     margin-right: 82px;
}
 .ab_page_ab {
     padding: 20px 0 80px;
}
/* ===== 6. Service Area CSS ===== */
 .dl_ser_area {
     background: #FBFBFB;
     padding: 0px 0 90px 0;
}
 .witr_service_10 {
     box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
     padding: 35px 20px 35px 20px;
     background: #fff;
     position: relative;
     margin-bottom: 20px;
}
 .witr_service_10::before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 3px;
     height: 0%;
     background: #a44424;
     transition: .5s;
}
 .SIBG_1 {
     position: relative;
     z-index: 9;
}
 .SIBG_1::before {
     position: absolute;
     top: -15px;
     background: #a444241a;
     content: "";
     width: 50px;
     height: 50px;
     border-radius: 100%;
     left: 38px;
     bottom: 0;
     margin: auto;
     margin-left: 0;
     transition: .5s;
     z-index: -1;
}
 .detail_SS {
     position: relative;
     padding: 0 0 0;
     z-index: 99;
}
 .detail_SS h3 {
     line-height: 31px;
     margin: 20px 0px 10px 0px;
}
 .witr_service_10 .detail_SS p {
     margin-bottom: 0;
}
 .witr_service_10 .service_list_op {
     margin-bottom: 5px;
     margin-top: 15px;
}
 .service_list_op ul {
     display: table-cell;
     padding: 0;
}
 .service_list_op ul li {
     margin-bottom: 7px;
}
 .service_list_op ul i {
     margin-right: 15px;
     color: #a44424;
}
 .service_list_op ul {
     display: table-cell;
     padding: 0;
}
 .service_list_op ul li a:hover {
     color: #a44424;
}
 .witr_service_10:hover::before {
     height: 40%;
}
 .witr_service_10:hover .SIBG_1::before {
     background: #6c7908d9;
}
/* ===== 7. Choose Area CSS ===== */
 .dl_chose_area {
     padding: 0px 0 0;
}
 .chose_left {
     margin: 40px 0px 0px 0px;
}
 .chose_left .witr_section_title {
     margin-bottom: 25px;
}
 .chose_left .all_color_service h3, .chose_left .all_color_service h3 a {
     font-size: 24px;
     font-weight: 600;
}
 .chose_left .all_color_service h3 {
     margin: 12px 0 10px 0;
}
 .chose_left .em-service2.sleft {
     margin-bottom: 20px;
}
 .sing_img_inner img{
     float:left;
     overflow:hidden;
     margin-right:55px;
}
 .choose_bttm {
     margin-top: 28px;
}
 .choose_bttm .all_color_service h3 {
     margin: 12px 0 0px 0;
     font-weight:700;
}
 .choose_bttm .em-service-title h3:hover {
     color: #a44424;
}
/* ===== 8. Team Area CSS ===== */
 .dl_team_area {
     background: #FBFBFB;
     margin-top: 0;
     margin-bottom: 0px;
     padding: 75px 0px 70px 0px;
}
 .witr_team_s13.cons_singleTeam {
     overflow: inherit;
     margin-bottom: 30px;
}
 .witr_team_s13 {
     position: relative;
}
 .witr_team_s12 {
     border: none;
     box-shadow: 0px 5px 20px 0px #00000014;
     transition: .5s;
     text-align:center;
}
 .witr_team_s13 .front_view {
     padding: 40px 25px 32px;
     transition:.5s;
}
 .witr_i_position {
     position: relative;
}
 .front_view img {
     width: 214px;
     margin-bottom: 22px;
}
 .witr_team_s12 .con_TMS {
     margin-top: 10px;
}
 .con_TMS13_icon {
     position: absolute;
     top: 0;
     right: 0;
}
 .all_team_icon_o_color a {
     border-style: solid;
     border-width: 0px 0px 0px 0px;
}
 .front_view .con_TMS13_icon.con_TMS a {
     display: block;
     background: #fff;
     color: #a44424;
     border-radius: 50px;
     margin-bottom: 5px;
     transition: 1s;
     box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
}
 .front_view .con_TMS a, .back_view .con_TMS a {
     width: 35px;
     height: 35px;
     font-size: 14px;
     line-height: 35px;
     text-align: center;
     margin: 0 7px;
}
 .front_view h5, .back_view h5 {
     line-height: 28px;
     margin-bottom: 0px;
}
 .front_view span, .back_view span {
     display: inline-block;
     line-height: 28px;
}
 .team_line_top {
     top: 0px;
}
 .team_line_top, .team_line_bottom {
     width: 0;
     height: 2px;
     left: -60px;
     background: linear-gradient(to right, rgba(117, 161, 251, 0), #a44424, rgba(117, 161, 251, 0));
}
 .team_line {
     position: absolute;
     opacity: 1;
     transition: .5s;
     z-index: 99;
}
 .team_line_bottom {
     bottom: 0px;
}
 .team_line_left {
     left: 0px;
}
 .team_line_left, .team_line_right {
     height: 0;
     width: 2px;
     top: -60px;
     background: linear-gradient(to top, rgba(117, 161, 251, 0), #a44424, rgba(117, 161, 251, 0));
}
 .team_line_right {
     right: 0px;
}
 .front_view .con_TMS13_icon.con_TMS a:nth-child(2), .front_view .con_TMS13_icon.con_TMS a:nth-child(3), .front_view .con_TMS13_icon.con_TMS a:nth-child(4), .front_view .con_TMS13_icon.con_TMS a:nth-child(5), .front_view .con_TMS13_icon.con_TMS a:nth-child(6) {
     transform: scale(0);
     transition: 1s;
     margin-top: -40px;
}
 .front_view .con_TMS13_icon.con_TMS:hover a:nth-child(2), .front_view .con_TMS13_icon.con_TMS:hover a:nth-child(3), .front_view .con_TMS13_icon.con_TMS:hover a:nth-child(4), .front_view .con_TMS13_icon.con_TMS:hover a:nth-child(5), .front_view .con_TMS13_icon.con_TMS:hover a:nth-child(6) {
     transform: scale(1);
     margin-top: 0px;
}
 .front_view .con_TMS13_icon.con_TMS a:hover {
     background: #a44424;
     color: #fff;
}
 .witr_team_s13:hover .team_line_top, .witr_team_s13:hover .team_line_bottom {
     width: calc(100% + 110px);
}
 .witr_team_s13:hover .team_line_left, .witr_team_s13:hover .team_line_right {
     height: calc(100% + 110px);
}
 .witr_team_s13:hover .team_line {
     opacity: 1;
}
 .ser_page_team {
     background: 0 0;
}
/* ===== 9. Pricing Area CSS ===== */
 .dl_pric_area {
     padding: 0px 0 70px;
}
 .pric_left_inner {
     margin: 100px 0 0 0;
}
 .pricing_area {
     box-shadow: 0px 0px 31px 0px rgba(0, 0, 0, 0.04);
     border-style: solid;
     border-width: 3px 0px 0px 0px;
     border-color: #a44424;
     border-radius: 0;
     margin-bottom: 30px;
}
 .pricing-part {
     position: relative;
     overflow: hidden;
     text-align:center;
}
 .witr_pricing_icon i {
     color: #a44424;
     font-size: 50px;
     padding-top: 40px;
     display: block;
}
 .pricing-part sub {
     color: #fff;
     font-size: 16px;
     font-weight: 400;
     position: absolute;
     right: -65px;
     top: 20px;
     background: #a44424;
     line-height: 43px;
     width: 217px;
     height: 45px;
     text-align: center;
     transform: rotate(45deg);
}
 .pricing-part h4 {
     font-size: 24px;
     padding: 26px 0 12px;
     display: block;
}
 .all_pricing_color h2, .all_pricing_color h3, .all_pricing_color h5, .all_pricing_color h4 {
     margin: 0px;
}
 .pricing-part h5 {
     font-size: 35px;
     padding-bottom: 30px;
     color: #6c7908d9;
}
 .pricing-part span {
     font-size: 24px;
     margin-right: 5px;
}
 .pricing-part ul {
     display: inline-block;
     text-align: center;
     padding: 0;
}
 .pricing-part ul li {
     color: #555555;
     line-height: 40px;
     list-style: none;
}
 .witr_btnp_color {
     padding-top: 37px;
     padding-bottom: 40px;
}
 .pricing-part a.btn {
     background: #a44424;
     line-height: 41px;
     padding: 5px 30px 5px 30px;
     font-size: 16px;
     border-radius: 0;
     color: #fff;
     border: 1px solid #a44424;
     display: inline-block;
     letter-spacing: -0.1px;
     text-align: center;
     text-transform: uppercase;
     font-weight:500;
}
 .witr_btnp_color a.btn:hover {
     color: #fff;
     background: #6c7908d9;
     border-style: solid;
     border-color: #6c7908d9;
}
 .pric_left_inner .witr_btn {
     padding: 12px 40px;
}
/* ===== 10. Process Area CSS ===== */
 .dl_process_area {
     background: #FBFBFB;
     padding: 0px 0 200px 0;
}
 .witr_feature_13.sub-border-2{
     margin-bottom: 30px;
}
 .sub-item {
     position: relative;
}
 .witr_feature_13.sub-border-2 .sub-item span {
     top: 5px;
     left: 67%;
     width: 35px;
     height: 35px;
     color: #fff;
     line-height: 35px;
     background: #6c7908d9;
     font-size: 16px;
     border-radius: 50px;
     transform: translateX(-50%);
}
 .sub-border-2 .sub-item span {
     z-index: 999;
     transition: .5s;
}
 .sub-item span {
     position: absolute;
     font-weight: 700;
}
 .witr_feature_13 .sub-item i {
     position: relative;
     height: 100px;
     width: 100px;
     line-height: 100px;
}
 .sub-item i {
     font-size: 30px;
     color: #fff;
     text-align: center;
     border-radius: 50%;
     background: #a44424;
     display: inline-block;
     transition: .5s;
}
 .sub-item h3 {
     margin-top: 19px;
}
 .sub-border-2 .sub-item p {
     padding: 0 0px;
}
 .witr_feature_13.sub-border-2:hover .sub-item span {
     background: #a44424;
}
 .sub-border-2:hover .sub-item i {
     background: #6c7908d9;
}
 .pro_page_process {
     padding: 75px 0 65px 0;
}
 .pro_page_process .witr_feature_13 .sub-item::before {
     position: absolute;
     content: "";
     top: 50px;
     left: 0;
     width: 112%;
     height: 5px;
     transition: .5s;
     background:#eaeaea;
}
 .pro_page_process .all_feature_color .sub-item:hover span, .pro_page_process .witr_feature_13 .sub-item:hover::before {
     background-color: #a44424;
}
 .pro_page_process .witr_feature_13 .sub-item::after {
     position: absolute;
     content: "";
     top: 50px;
     left: 0;
     background: #dfdada;
     width: 112%;
     height: 5px;
     z-index: -1;
}
 .proj_page_process {
     padding: 75px 0 58px 0;
}
/* ===== 11. Video Area CSS ===== */
 .dl_video_area {
     margin-top: -150px;
}
 .video_inner {
     background-image: url("assets/images/slider3.jpg");
     background-position: center center;
     background-size: cover;
     position: relative;
     padding: 60px 0px 23px 25px;
}
 .video_inner::before{
     content:"";
     position:absolute;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
     position: absolute;
     background: #a44424;
     opacity: 0.82;
}
 .video_inner .witr_section_title_inner h2 {
     color: #fff;
     margin:0;
     margin-bottom:13px;
}
 .video_inner .witr_section_title_inner h3 {
     color: #fff;
     line-height: 1.4em;
}
 .video_inner .witr_section_title {
     margin-bottom: 20px;
}
 .w_apps_button {
     display: inline-block;
}
 .w_apps_button a {
     border-style: solid;
     border-color: #FFFFFF47;
     border-radius: 0px 0px 0px 0px;
     margin: 30px 10px 0px 0px;
}
 .w_apps_button a {
     padding: 3px 30px 11px 30px;
     border: 1px solid #FFFFFF47;
     display: block;
     transition: .5s;
}
 span.idelivcate {
     color: #fff;
     font-size: 17px;
     margin: 9px 10px 0px 0px;
     float: left;
}
 span.idelivcate i{
     display:inline-block;
}
 span.spaninner {
     display: block;
     overflow: hidden;
     text-transform: capitalize;
     font-size: 20px;
}
 span.spaninner span.smalltext {
     color: #fff;
     margin: 0;
     padding: 3px 0 0 0;
}
 span.spaninner span.largetext {
     color: #fff;
}
 .w_apps_button {
     display: inline-block;
}
 span.idelivcate {
     color: #fff;
     font-size: 17px;
     margin: 5px 10px 0px 0px;
     float: left;
}
 .witr_all_color_v {
     margin: 10px 0 60px;
}
 .video-overlay {
     padding: 70px 0 50px;
}
 .video-item a {
     position: relative;
     display: inline-block;
     width: 100px;
     height: 100px;
     font-size: 28px;
     border-radius: 100%;
     background: #CFAE91;
}
 .video-item a::before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     background: #CFAE91;
     border-radius: 50%;
     top: 0;
     animation-fill-mode: both;
     animation: witr_squares 1.5s ease-in-out infinite;
     left: 0;
     right: 0;
     bottom: 0;
}
 .video-item i {
     color: #fff;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
}
 .w_apps_button a:hover {
     border-color: #CFAE91;
     background: #CFAE91;
}
 @keyframes witr_squares{
     0%{
        transform:scale(1);
        opacity:0
    }
     20%{
        transform:scale(1.24);
        opacity:1
    }
     100%{
        transform:scale(2.1);
        opacity:0
    }
}
/* ===== 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;
}
 .bvideo_page_area{
     position:relative;
}
 .video_page_area .witr_ds_content_inner h1, .video_page_area .witr_ds_content_inner h2, .video_page_area .witr_ds_content_inner h3, .video_page_area .witr_ds_content_inner p{
     color:#fff;
}
 .video_page_area .witr_video_btn {
     color: #fff;
}
/* ===== 12. Portfolio Area CSS ===== */
 .dl_proj_area {
     padding: 75px 0 145px;
}
 .dl_proj_area .witr_section_title {
     margin-bottom: 45px;
}
 .witr_pslide4.witr_pslide3 .witr_single_pslide {
     margin-bottom: 0px;
     overflow: hidden;
}
 .witr_single_pslide {
     position: relative;
}
 .witr_pslide_image {
     overflow: hidden;
     position: relative;
}
 .witr_pslide_image::before {
     position: absolute;
     content: '';
     background: #00000080;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     transform: scale(0);
     transition: .5s;
     z-index: 1;
}
 .ps1 .witr_single_pslide:hover .witr_content_pslide_text {
     opacity: 1;
     bottom: 30px;
}
 .ps1 .witr_content_pslide_text h3 {
     color: #fff;
     margin-bottom:0;
}
 .ps1 .witr_content_pslide_text a {
     color: #fff;
}
 .witr_pslide_image img {
     margin-right: auto;
     margin-left: auto;
     transition: .5s;
     width: 100%;
}
 .ps3.ps1 .witr_content_pslide_text {
     bottom: -170px;
     opacity: 1;
     box-shadow: 0px 0px 65px 0px #0000000a;
     background: #fff;
     text-align: center;
     padding: 40px 10px 15px;
     border-radius: 5px;
     background: #17A703;
}
 .ps1 .witr_content_pslide_text {
     position: absolute;
     left: 30px;
     right: 30px;
     transition: .5s;
     z-index: 2;
     bottom: -100px;
}
 .ps1 .witr_content_pslide_text a:hover {
     color: #a44424;
}
 .witr_pslide4.witr_pslide3 .witr_pslide_custom {
     bottom: auto;
     top: -22px;
     z-index: -1;
     right: 42%;
     position: absolute;
     transition: .5s;
}
 .witr_content_pslide_text a {
     display: inline-block;
     color: #000;
}
 .witr_pslide3 .witr_pslide_custom a span {
     width: 45px;
     height: 45px;
     line-height: 45px;
     font-size: 18px;
     background: #6c7908d9;
     color: #fff;
     box-shadow: 0px 0px 65px 0px #00000014;
}
 .witr_pslide_custom a span {
     text-align: center;
     border-radius: 100%;
     display: inline-block;
     transition: .5s;
}
 .witr_content_pslide_text h3 {
     margin-bottom: 0;
}
 .ps3 .witr_content_pslide_text h3 a {
     margin-bottom: 3px;
     color:#fff;
     display:inline-block;
}
 .witr_content_pslide_text p {
     margin-bottom: 4px;
     color: #fff;
}
 .witr_single_pslide:hover .witr_pslide_image img, .witr_single_pslide:hover .witr_pslide_image::before {
     transform: scale(1.2);
}
 .witr_pslide4.ps3.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
     bottom: 30px;
}
 .witr_pslide4.witr_pslide3 .witr_pslide_custom a span:hover {
     background: #17a703;
}
 .st_portfolio_area .witr_section_title_inner p {
     width: 40%;
     padding: 5px 0 0 0;
}
 .p2clmn .witr_section_title_inner p{
     width: 71%;
}
 .portfolio_nav {
     padding: 0 0 39px;
}
 .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: 6px 27px;
     position: relative;
     transition: .5s;
     border: 1px solid #f3eaea;
     font-size: 13px;
     text-transform: uppercase;
}
 .prot_wrap {
     overflow: hidden;
}
 .single_protfolio {
     position: relative;
     overflow: hidden;
}
 .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: 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: 0;
     display: inline-block;
}
 .prot_content h3 a:hover {
     color: #6c7908d9;
}
 .prot_content p {
     line-height: 1.2;
     margin: 5px 0 0;
}
 .prot_content p span {
     display: inline-block;
     color: #fff;
}
 .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;
}
/* single portfolio */
 .pimgs img {
     height: 465px;
     width: 100%;
}
 .prots-contentg p {
}
/*style 1 */
 .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 .prot_content p {
     margin: 2px 0 0;
}
 .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: #6c7908d9;
     border-radius: 5px;
     display: inline-block;
     font-size: 20px;
     height: 50px;
     line-height: 50px;
     margin: 0 8px 11px;
     width: 50px;
     transition: .5s;
     color: #fff;
}
 .picon a:hover {
     border-color: #191f2d;
     background: #191f2d;
}
 .pstyle4 .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 {
}
 .porttitle_inner4 p {
     margin-bottom: 0;
}
 .porttitle_inner4 p span {
     display: inline-block;
}
 .portfolio_nav ul li.current_menu_item, .portfolio_nav ul li:hover {
     border-color: #6c7908d9;
     background: #6c7908d9;
     color: #fff;
}
 .prot_content {
     background: #6c7908d980;
}
 .pprotfolio4 {
     box-shadow: 0 10px 16px 0 rgb(0 0 0 / 70%);
     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: #6c7908d9;
     background: #6c7908d9;
     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;
     -webkit-transition: .5s;
     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: 20px;
}
 .portfolio_4column_gutter .single_protfolio {
     margin-bottom: 0px;
}
/* port style 3 */
 .em_plus_port {
     position: absolute;
     bottom: 20px;
     right: 30px;
     z-index: 99;
}
 .prot_content_inner {
     left: 50%;
     position: absolute;
     top: 60%;
     -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;
     background: #6c7908d9;
}
 .pstyle_1 .picon a:hover {
     background: #6c7908d9;
     color: #fff;
}
/* style 1 */
 .em_port_content {
     height: 100%;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     position: absolute;
     right: 0;
     text-align: center;
     top: 0;
     -webkit-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     width: 100%;
     z-index: 9;
     left: 0;
     top: -100%;
     width: 100%;
     -webkit-transition: .5s;
     transition: .5s;
     text-align: center;
}
 .pstyle_1 .porttitle_inner h3 {
     padding-bottom: 12px;
}
 .pstyle_1 .prot_content p {
     margin: 2px 0 0;
}
 .pstyle_1 .single_protfolio {
     transition: .5s;
     margin-bottom: 23px;
}
 .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;
}
 .delivcate_portfolio_area .witr_button_area {
     margin: 30px auto 0;
}
 .delivcate_portfolio_area .witr_btn {
     padding: 18px 51px;
}
 .portfolio_grid_area .portfolio_nav {
     padding: 0px 0 30px;
}
/* ===== Portfolio Area CSS ===== */
 .pstyle2.pstyle3 .prot_content_inner {
     left: 3000px;
     position: absolute;
     top: 60%;
     -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;
     padding: 15px 0 20px 20px;
     -webkit-transition: .5s;
     transition: .5s;
}
 .pstyle2.pstyle3 .prot_content_inner {
     text-align: left;
}
 .pstyle2.pstyle3 .prot_content_inner {
     background: #6c7908d9;
}
 .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: #6c7908d9;
}
 .portfolio_style2 .port_style02 .pstyle_1 .prot_content_inner {
     position: absolute;
     top: 50%;
     width: 100%;
     left: 50%;
     -webkit-transform: translateX(-50%) translateY(-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: 1;
     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%);
     transition:none;
}
 .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: #17a703;
}
 .st_portfolio_area {
     padding: 90px 0 76px;
}
 .st_portfolio_area .prot_content_inner {
     top: 50%;
}
 .st_portfolio_area .picon a {
     background:transparent;
     font-size:25px;
}
 .port_3colmn .pstyle2 .prot_content_inner {
     transition: all .3s ease-in-out .3s;
     opacity: 1;
}
 .port_3colmn .prot_content {
     background: #6c7908d980;
}
 .port_3clmn{
     padding: 95px 0 85px;
}
 .port_3clmn .witr_section_title {
     margin-bottom: 30px;
}
 .port_3clmn .prot_thumb {
     position: relative;
     overflow: hidden;
}
 .port_3clmn .porttitle_inner4 h3 a{
     color: #454545;
}
 .port_3clmn .porttitle_inner4 p {
     color: #454545;
}
/* recent project css */
 .briefin-blog-area.briefin-blog-single.single-blog-details {
     padding: 100px 0 80px;
}
 .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;
     color: #444;
}
 .portfolio-details-box ul li span.eright {
     font-weight: 400;
     font-size: 16px;
     margin-left: 5px;
}
 .briefin-blog-social {
     margin-bottom: 25px;
     margin-top: 25px;
}
 .briefin-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: #17161a;
}
 .briefin-single-icon a:hover {
     background: #6c7908d9;
     color: #fff;
}
 .pr-title h2 {
     margin-top: 15px;
     margin-bottom: 15px;
}
/* ===== 13. Testimonial Area CSS ===== */
 .dl_test_area {
     padding: 80px 0 135px;
}
 .dl_test_area .witr_section_title {
     margin-bottom: 50px;
}
 .witr_item_column {
     padding: 0 15px;
     padding-top: 60px;
     margin-bottom: 20px;
}
 .testomonial .test-part {
     box-shadow: 0px 0px 12px 0px #dddddd7a;
     padding: 30px 17px 10px 30px;
     position: relative;
}
 .test-part h6 {
     display: inline-block;
     font-size: 20px;
     line-height: 26px;
     padding-top: 30px;
     padding-bottom: 7px;
}
 .test-part span {
     font-weight: 400;
     font-size: 17px;
}
 .testomonial .test-part ul li, .testomonial.testomonial-2 .test-part ul li, .testomonial.testomonial-5 .test-part ul li {
     padding-top: 0px;
     padding-bottom: 10px;
}
 .test-part ul li {
     display: inline-block;
}
 .em_crating i {
     margin-bottom: 11px;
     color: #a44424;
     font-size: 20px;
}
 .testomonial .test-part img {
     position: absolute;
     top: -43px;
     left: 30px;
     z-index: 22;
     width: 78px;
     height: 78px;
}
/* ===== 14. Counter Area CSS ===== */
 .dl_coun_area {
     background: #a44424;
     padding: 85px 0 55px;
}
 .witr_counter_single {
     text-align: center;
     margin-bottom: 30px;
}
 .witr_counter_number_inn {
     overflow: hidden;
}
 .witr_counter_number_inn h3, .witr_counter_number_inn span {
     font-size: 50px;
     color: #fff;
     display: inline-block;
}
 .witr_counter_number_inn span {
     line-height: 0;
}
 .all_counter_color h4 {
     color: #fff;
     font-weight: 500;
}
/* ===== 15. Contact Area CSS ===== */
 .dl_cont_area {
     padding: 90px 0 40px;
}
 .dl_cont_area .witr_section_title_inner h2 {
     margin:0;
     margin-bottom:13px;
}
 .apartment_area {
     position: relative;
     padding: 43px 35px 0px;
     margin: -45px 0px 0px 0px;
     border-radius: 10px;
}
 .apartment_text h1 {
     color: #6c7908d9;
     font-size: 22px;
     margin-bottom:5px;
}
 .apartment_text h2 {
     font-size: 37px;
     margin: 0 0 21px;
}
 .apartment_area {
     text-align: center;
}
 .witr_apartment_form input, .witr_apartment_form textarea {
     border: 1px solid #f1f1f1;
}
 .witr_apartment_form textarea{
     height: 153px;
     width: 100%;
     padding-top: 10px;
     padding-left: 15px;
     color: #888;
     border: 1px solid #ddd;
     background: transparent;
     border-radius: 0;
     font-size: 15px;
}
 .witr_apartment_form textarea:hover{
     border-color:#CFAE91;
}
 .witr_apartment_form form select, .witr_apartment_form form select, .witr_apartment_form input {
     width: 100%;
     height: 45px;
     background: transparent;
     border-radius: 0;
     line-height: 43px;
     font-size: 15px;
     margin-bottom: 26px;
     border: 1px solid #ddd;
     padding: 0px 15px 0px 15px;
}
 .witr_apartment_form form select:hover, .witr_apartment_form input:hover{
     border-color:#CFAE91;
}
 .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 textarea, .witr_apartment_form form select option {
     color: #888;
}
 .witr_apartment_form textarea::placeholder{
     color: #888;
}
 .witr_apartment_form .btn {
     display: inline-block;
     padding: 0px 15px 0px 15px;
     font-size: 16px;
     font-weight: 600;
     border-radius: 0;
     background: #a44424;
     color: #fff;
     width: 100%;
     margin-top: 25px;
     text-transform: uppercase;
     line-height: 28px;
     border: 1px solid #a44424;
     height: 45px;
}
 .witr_apartment_form .btn:hover {
     background: #6c7908d9;
     border-color: #CFAE91;
}
 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;
}
/* map css */
 .map_inner_area iframe {
     width: 100%;
     height: 500px;
     border: none;
     margin-bottom: -10px;
}
 .st_map_area .map_inner_area iframe {
     height: 810px;
}
 .cont_page_map {
     padding: 0 0 100px;
}
 .cont_page_map .map_inner_area iframe{
     height:500px;
}
/* ===== 16. Blog Area CSS ===== */
 .delivcate_blog_area {
     padding: 92px 0 70px;
     background: #FBFBFB;
}
 .delivcate_blog_area .witr_section_title_inner h2 {
     margin: 0;
     margin-bottom:13px;
}
 .delivcate_blog_area .witr_section_title {
     margin-bottom: 15px;
}
 .busi_singleBlog {
     background: #fff;
     transition: .5s;
     box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
     margin-bottom: 30px;
}
 .witr_sb_thumb {
     overflow: hidden;
     position: relative;
}
 .witr_sb_thumb::before {
     position: absolute;
     content: '';
     background: rgba(0, 0, 0, 0.5);
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     transform: scale(0);
     transition: .5s;
     z-index: 1;
}
 .witr_sb_thumb img {
     width: 100%;
     transition: .5s;
}
 .witr_top_category {
     position: absolute;
     left: 20px;
     top: 20px;
     z-index: 999;
}
 .witr_top_category ul li {
     display: inline-block;
}
 .witr_top_category ul li a {
     color: #fff;
     background: #a44424;
     padding: 3px 10px;
     border-radius: 5px;
     margin: 0 10px 10px 0;
     display: inline-block;
}
 .witr_blog_con {
     padding: 20px 15px 5px 25px;
}
 .witr_blog_con {
     margin-bottom: 0px;
}
 .all_blog_color span, .all_blog_color span a, .witr_post_Author a, .witr_post_Author6 > a {
     color: #6c7908d9;
}
 .bs5 span {
     line-height: 26px;
}
 .witr_blog_con span {
     font-size: 16px;
     margin-bottom: 15px;
     margin-right: 2px;
}
 .witr_blog_con h2 {
     color: #6c7908d9;
     margin: 5px 0 0;
}
 .witr_blog_con h2 a {
     display: inline-block;
     font-weight: 700;
}
 .em-blog-content-area_adn {
     padding: 0px 10px 22px 20px;
}
 .learn_btn {
     font-size: 16px;
     text-transform: uppercase;
     border-radius: 0;
     padding: 10px 30px;
     background: #a4442414;
     color: #a44424;
     border: 0 none;
     display: inline-block;
     font-weight: 500;
     text-align: center;
}
 .busi_singleBlog:hover .witr_sb_thumb img, .busi_singleBlog:hover .witr_sb_thumb::before {
     transform: scale(1.2);
}
 .learn_btn:hover {
     background: #a44424;
     color: #fff;
}
/* ===== Blog Area CSS ===== */
 .witr-blog-side-area.blog_sidebar {
     padding: 20px 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: #a44424;
     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: #a44424;
}
 .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;
}
 .delivcate-blog-meta-left i {
     color: #6c7908d9;
}
 .delivcate-blog-meta-left i {
     font-size: 13px;
     margin-right: 5px;
}
 .delivcate-blog-meta-left {
     margin-bottom: 10px;
     margin-top: 5px;
}
 .recent-post-text h4 a:hover {
     color: #a44424;
}
 .recent-post-item {
     padding-bottom:0;
}
 .recent-post-text h4 {
     margin-bottom: 0;
     line-height: 1;
}
 .delivcate-blog-meta-left a, .delivcate-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: #a44424;
}
 table#wp-calendar td#today a {
     color: #fff;
}
 .textwidget img {
     margin-bottom: 15px;
}
 .textwidget p {
     margin-bottom: 0.5rem;
}
 .delivcate-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 .delivcate-single-blog {
     margin-bottom: 30px;
     box-shadow: none;
     border-bottom: 1px solid #e7e7e7;
     background: transparent;
}
 .delivcate-single-blog {
     overflow: hidden;
     text-align: left;
     -webkit-transition: all .3s ease-in-out 0s;
     transition: all .3s ease-in-out 0s;
}
 .delivcate-blog-thumb {
     overflow: hidden;
}
 .single_blog_thumb img {
     width: 100%;
}
 .delivcate-blog-thumb a {
     display: block;
     position: relative;
}
 .delivcate-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;
}
 .delivcate-blog-thumb a:before {
     background: rgba(0,0,0,.7);
}
 .delivcate-blog-thumb img {
     width: 100%;
}
 .delivcate_blog_area .em-blog-content-area {
     padding: 20px 15px 0;
     overflow: hidden;
     box-shadow: 0 0 10px 0 rgb(148 146 245 / 20%);
}
 .delivcate-blog-meta.post_blog h2 a {
     font-size: 24px;
     font-weight: 700;
     transition: .5s;
}
 .delivcate-blog-meta-left {
     margin-bottom: 10px;
     margin-top: 5px;
}
 .delivcate-blog-meta-left a, .delivcate-blog-meta-left span {
     color: #888888;
     font-size: 16px;
     margin-right: 5px;
     margin-bottom: 0;
     display: inline-block;
}
 .delivcate-blog-meta-left i {
     color: #a44424;
     margin-right: 5px;
     font-size: 13px;
}
 .delivcate-blog-meta-left a, .delivcate-blog-meta-left span {
     color: #888;
}
 .em-blog-content-area .witr_btn {
     background: #a44424;
     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;
}
 .delivcate-single-blog:hover .delivcate-blog-thumb a:before {
     opacity: 1;
}
 .delivcate-single-blog:hover .delivcate-blog-thumb img {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
}
 .em-blog-content-area .witr_btn:hover {
     background: #323232;
     color: #fff;
}
 .delivcate-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 #a44424;
     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: #17161a;
     line-height: 1;
}
 .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;
     font-weight: 600;
}
 .recent-post-text span {
     font-size: 15px;
}
 .widget_recent_data .recent-post-image img {
     margin-bottom: 10px;
     margin-top: 0;
}
 .widget_recent_data .recent-post-item {
     margin-bottom: 0;
}
 .blog-left-side .single-widget-item h2 {
     color: #030925;
}
/* ===== single blog css ===== */
 .witr-blog-side-area.blog_area.single_blog.single_blog_page {
     padding: 100px 0 70px;
}
 .delivcate-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;
}
 .delivcate-single-icon-inner {
     text-align: center;
}
 .delivcate-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;
}
 .delivcate-single-icon-inner a:hover {
     background: #a44424;
     border-color: #a44424;
     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;
}
 .delivcate_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;
}
 .delivcate_btn:hover {
     background: #a44424;
     border-color: #a44424;
     color: #fff;
}
/* end sidebar css */
/* ===== 17. Footer Area CSS ===== */
 .witrfm_area {
     position: relative;
     background: #a44424;
}
 .witrfm_area:before {
     content: "";
     position: absolute;
     top: 0;
     height: 100%;
     width: 100%;
     left: 0;
     right: 0;
     margin: auto;
}
 .footer-middle {
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     padding: 65px 0 76px;
}
 .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, .delivcate-description-area p, .delivcate-description-area .phone a, .delivcate-description-area .social-icons a, .recent-review-content h3, .recent-review-content h3 a, .recent-review-content p, .footer-middle .delivcate-description-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: 26px;
     margin-top: 28px;
     position: relative;
     font-size: 25px;
}
 .single-widget-item h2 {
     color: #ffffff;
     margin-bottom: 33px;
     margin-top: 28px;
}
 .delivcate-description-area a img {
     margin: 26px 0;
}
 .gallery-item {
     display: inline-block;
     padding: 1.79104477%;
     text-align: center;
     vertical-align: top;
     margin: 0;
     float: left;
}
 .gallery-icon img {
     margin: 0 auto;
}
 .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-top: 10px;
}
 .recent-post-image img {
     border-radius: 0;
     width: 70px;
}
 .recent-post-item {
     clear: both;
     margin-bottom: 15px;
}
 .footer-sociala-icon {
     clear: both;
     float: left;
     margin-right: 12px;
     font-size: 18px;
}
 .footer-middle .recent-post-text>h4 a:hover {
     color: #17a703;
}
 .footer-middle .recent-post-text .rcomment {
     font-size: 12px;
     font-weight: 400;
}
 .footer-middle .widget ul li {
     margin-bottom: 15px;
}
 .footer-widget.address p {
     margin-bottom: 15px;
}
 .footer-middle .widget ul li a:hover, .footer-middle .widget ul li:hover:before {
     color: #6c7908d9;
}
 .delivcate-desdelivcateiption-area a img {
     margin: 26px 0;
}
 .social-icons {
     margin-top: 35px;
}
 .delivcate-description-area .social-icons a {
     width: 38px;
     height: 38px;
     line-height: 38px;
     display: inline-block;
     text-align: center;
     border-radius: 0;
     margin-right: 5px;
     margin-bottom: 5px;
}
 .delivcate-description-area .social-icons a:hover {
     background: #fff;
     border-color: #fff;
     color: #a44424;
}
 .delivcate-description-area .social-icons a {
     background: #ffffff1f;
     border-color: #ffffff1f;
}
 .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: #6c7908d9;
     color: #fff;
}
 .gallery-columns-3 .gallery-item {
     max-width: 31.33%;
}
 figure.gallery-item img {
     width: 75px;
}
 .footer-middle .mc4wp-form-fields {
     margin-top: 20px;
}
 .footer-middle .mc4wp-form-fields p:nth-child(1) {
     margin-bottom: 22px;
}
 .footer-middle .mc4wp-form-fields p {
     position: relative;
     line-height: 27px;
}
 .footer-middle .mc4wp-form-fields input {
     border: 1px solid #ffffff66;
}
 .footer-middle .mc4wp-form-fields input {
     height: 50px;
     position: relative;
     width: 100%;
     line-height: 43px;
     border-radius: 0;
     padding-left: 10px;
     background: #fff;
}
 .mc4wp-form-fields input {
     color: #17a703;
}
 .mc4wp-form-fields input::placeholder{
     color: #888;
}
 .mc4wp-form-fields input {
     font-size: 16px;
     outline: 0;
     padding: 15px 30px;
}
 .footer-middle .mc4wp-form-fields button {
     background: #17a703;
}
 .footer-middle .mc4wp-form-fields button {
     color: #fff;
}
 .footer-middle .mc4wp-form-fields button {
     position: absolute;
     right: 0;
     top: 0;
     width: 37%;
     height: 50px;
     border-radius: 0;
     cursor: pointer;
     padding: 10px 10px;
     line-height: 0;
     transition: .5s;
     font-size: 18px;
}
 .mc4wp-form-fields button {
     border: none;
     outline: 0;
     bottom: 0;
     font-size: 30px;
     text-align: center;
     z-index: 2;
}
 .witr_sub_table {
     border-bottom: 1px solid #ffffff8c;
}
 .witr_sub_table {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding-bottom: 8px;
     margin-bottom: 8px;
}
 .witr_sub_table span {
     color:#fff;
}
/* footer bottom area css */
 .footer-bottom {
     padding: 23px 0 22px;
     position: relative;
}
 .footer-bottom:before {
     background: #ffffff61;
}
 .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: #ffffff;
     text-align: left;
}
 .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: #6c7908d9;
}
/* sdelivcateoll up css */
 #scrollUp {
     bottom: 30px;
     font-size: 30px;
     height: 40px;
     line-height: 40px;
     right: 100px;
     text-align: center;
     border-radius:0;
     width: 40px;
     background: #6c7908d9;
}
 #scrollUp i {
     color: #fff;
}
/* slick slide css */
 .slick-dots li button {
     font-size: 0;
     width: 30px;
     height: 10px;
     border: 1px solid #e2e2e2;
     margin: 0 5px;
     cursor: pointer;
     border-radius: 0;
     padding: 0;
     -webkit-transition: .5s;
     transition: .5s;
     outline: 0;
     background: transparent;
}
 .slick-dots li.slick-active button {
     background: #a44424;
}
 .slick-dots li {
     display: inline-block;
}
 .slick-dots {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     bottom: -35px;
     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: 50px;
     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: #6c7908d9;
}
 .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: #203665;
}
 .slick-prev:hover:before, .slick-next:hover:before {
     color: #fff;
}
 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%;
}
 .witr_ds_content_area:hover .slick-prev, .witr_ds_content_area:hover .slick-next {
     opacity:1;
}
 .witr_ds_content_area .slick-prev{
     left:15px;
}
 .witr_ds_content_area .slick-next{
     right:15px;
}
 .delivcate_feature_area:hover .slick-prev, .delivcate_feature_area:hover .slick-next {
     opacity: 1;
}
 .st_test_area:hover .slick-prev, .st_test_area:hover .slick-next {
     opacity: 1;
}
 .st_brand_area:hover .slick-prev, .st_brand_area:hover .slick-next{
     opacity:1;
}
 .cs_team_area:hover .slick-prev, .cs_team_area:hover .slick-next{
     opacity:1;
}
 .st_ser_area:hover .slick-prev, .st_ser_area:hover .slick-next {
     opacity: 1;
}
/*===== 18. Breadcumb Area CSS =====*/
 .breadcumb-inner h2 {
     font-size: 36px;
}
 .breadcumb-area {
     padding-top: 100px;
     padding-bottom: 100px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     background-image: url(assets/images/slider1.jpg);
     position: relative;
}
 .breadcumb-area:before, .breadcumb-blog-area:before {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     content: "";
     background: rgb(108 121 8 / 85%);
}
 .breadcumb-inner ul, .breadcumb-inner ul span a, .breadcumb-inner li, .breadcumb-inner li a {
     color: #ffffff;
}
 .breadcumb-inner li {
     display: inline-block;
     margin: 0;
     color: #fff;
}
 .breadcumb-inner li:nth-last-child(-n+1) {
     color: #fff;
}
 .breadcumb-inner li a {
     color: #fff;
}
 .breadcumb-inner li a:hover {
     color: #a44424;
}
 .brpt h2 {
     font-size: 40px;
     color: #fff;
     margin-bottom: 10px;
}
 .lcase {
     text-transform: lowercase;
}
 .ucase {
     text-transform: uppercase;
}
 .ccase {
     text-transform: capitalize;
}
/* ===== 19. Skill Area CSS ===== */
 .dl_skill_area {
     padding: 75px 0 0;
}
 .dl_skill_area .witr_section_title {
     margin-bottom: 30px;
}
 .witr_single_progress {
     overflow: hidden;
     margin-bottom: 8px;
}
 .witr_title10 {
     display: inline-block;
}
 .witr_label {
     color: #222;
     font-size: 16px;
     font-weight: 600;
     display: inline-block;
}
 .progress {
     height: 15px;
     border-radius: 0;
     background: #e9ecef;
     margin: 8px 0 16px;
     overflow: visible;
}
 .witr_progress-style2.progress {
     box-shadow: none;
     overflow: visible;
}
 .progress-bar {
     background: #a44424;
     overflow: inherit;
     border-radius: 0;
}
 .witr_progress-style2 .progress-bar {
     position: relative;
     text-align: left;
     line-height: 4px;
     box-shadow: none;
}
 .witr_progress-style5 .witr_percent {
     position: absolute;
     right: 0;
     font-weight: 500;
     color: #fff;
     font-size: 12px;
     top: -35px;
     background: #222;
     padding: 3px 6px;
     border-radius: 4px;
}
 .witr_progress-style5 .witr_percent:after {
     content: '';
     position: absolute;
     border: 11px solid transparent;
     border-right-color: #222;
     left: -19px;
     top: 50%;
     transform: translateY(-50%);
}
/* ===== 20. Choose Area CSS ===== */
 .cs_chose_area {
     padding: 95px 0 80px;
}
 .cs_chose_area .witr_section_title {
     margin-bottom: 55px;
}
 .cs_chose_area .all_feature_color i {
     color: #6c7908d9;
     background: #EBF6FF;
     text-align: center;
     border-radius: 0;
}
/* ===== 21. Single Project Area CSS ===== */
 .em_info_middle_img_wrt_content {
     margin-top: 30px;
     padding-right: 20px;
}
 .em_project_info_area {
     padding: 30px 0px;
     background: #FFFFFF;
}
 .info_top_content h2 {
     font-size: 30px;
     padding-top: 16px;
     padding-bottom: 8px;
}
 .info_top_content p {
     padding-right: 11px;
}
 .em_info_middle_image {
     margin-top: 30px;
}
 .em_info_middle_img_wrt_content p {
     padding-top: 10px;
}
 .em_info_middle_img_wrt_content ul li {
     font-weight: 700;
     color: #222222;
     margin-bottom: 5px;
}
 .em_info_middle_img_wrt_content ul li span i {
     color: #a44424;
     font-size: 22px;
     font-weight: 500;
     margin-right: 5px;
}
 .em_info_down_content {
     padding-top: 20px;
}
 .em_info_down_content p {
     width: 100%;
}
 .list_item_top_title h2 {
     padding: 20px 30px 20px 30px;
     background: #a44424;
     border-style: solid;
     border-width: 0px 0px 5px 0px;
     border-color: #6c7908d9;
     color: #fff;
     margin-bottom: 0px;
}
 .em_info_writ_list_iteam ul li a {
     font-size: 18px;
     font-weight: 700;
     color: #222;
     padding-left: 9px;
     font-family: "Barlow Condensed", Sans-serif;
}
 .em_info_writ_list_iteam ul li {
     padding: 15px 20px 15px 20px;
     background: #F8F8F8;
     border-style: solid;
     border-width: 0px 0px 0px 3px;
     border-color:transparent;
     transition:.5s;
}
 .em_info_writ_list_iteam ul li:hover {
     border-color: #6c7908d9;
}
 .em_info_writ_list_iteam ul li:first-child{
     border:none;
}
 .em_info_writ_list_iteam ul li:last-child{
     border:none;
}
 .list_item_top_title h3 a {
     color: #FFFFFF;
     font-size: 17px;
     font-weight: 500;
}
 .list_item_top_title h3 {
     padding: 16px 30px;
     background: #a44424;
     text-align: center;
     transition: .5s;
}
/* ===== 22. Circle Area CSS ===== */
 .dl_cir_area {
     padding: 100px 0 65px;
}
 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_cp_class {
     position: relative;
     text-align: center;
}
 .witr_circle_area {
     text-align: center;
     margin-bottom: 30px;
}
/* ===== 23. Single Service Area CSS ===== */
 .cs_sing_ser {
     padding: 100px 0 80px;
}
 .sing_ser_left {
     margin-bottom: 50px;
}
 .departmentList {
     background: #F5F6FA;
     position: relative;
     padding: 0 0 30px 0;
     border-radius: 10px;
     background-size: cover;
     text-align: left;
}
 .departmentList h3 {
     margin-bottom: 22px;
     text-align: center;
     padding: 15px 0px 15px 0px;
     color: #fff;
     background: #6c7908d9;
}
 .departmentList ul li a {
     color: #2a374c;
     font-size: 18px;
     display: block;
     padding: 10px 30px 10px 50px;
     margin: 10px 0px 0px 0px;
}
 .all_list_color ul li a:hover {
     color: #fff;
     background: #203665;
}
 .sing_ser_left_bttm {
     margin-bottom: 30px;
}
 .sing_ser_left_bttm .all_color_service {
     background: #6c7908d9;
     padding: 50px 0 30px 40px;
}
 .sing_ser_left_bttm .em-service {
     transition: .5s;
     box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 2%);
}
 .sing_ser_left_bttm .em-service-title h3 {
     margin: 0px 0 15px;
     padding: 0;
     transition: .5s;
}
 .sing_ser_left_bttm .all_color_service h3, .sing_ser_left_bttm .all_color_service h3 a {
     color: #fff;
     font-size:30px;
}
 .sing_ser_left_bttm .em-service-desc p {
     transition: .5s;
     color: #fff;
     font-size: 20px;
     line-height: 2.2em;
}
 .sing_ser_left_bttm .all_color_service{
     position:relative 
}
 .sing_ser_left_bttm .em-service:hover {
     background:#203665;
     position: relative;
     backface-visibility: hidden;
     z-index: 3;
}
 .sing_ser_witr .heading-title {
     font-size: 35px;
     margin-bottom: 30px;
}
 p.mb30 {
     margin-top: 30px;
     margin-bottom: 35px;
}
 .sing_ser_witr .witr_text_widget_inner h1, .sing_ser_witr .witr_text_widget_inner h2 {
     font-size: 35px;
     margin-bottom: 5px;
     margin-top:30px;
}
 .sing_ser_witr .about-content {
     margin: 12px 0 0 0;
}
 .sing_ser_skill .heading-title {
     margin-top: 30px;
     line-height: 1;
}
/* ===== 24. Faq Area CSS ===== */
 .dl_faq_area {
     padding: 20px 0 80px;
}
 .accordion_area .card-2 {
     margin-bottom: 15px;
     border: none;
     background: 0;
}
 .accordion_area .card-header.witr_ac_card {
     background: 0 0!important;
     padding: 0;
     border-bottom: 0;
     text-align: left;
}
 .witr_ac_style {
     font-size: 22px;
     font-weight: 500;
     display: flex;
     align-items: center;
     padding: 7px 15px 11px;
     color: #17161a;
     transition: .5s;
     background: #fff;
}
 .witr_ac_style:before {
     position: absolute;
     content: '\f107';
     right: 30px;
     top: 9px;
     font-family: fontawesome !important;
     font-size: 18px;
}
 .active .witr_ac_style:before {
     position: absolute;
     content: '\f106';
     right: 30px;
     top: 9px;
     font-family: fontawesome !important;
     font-size: 22px;
}
 .accordion_area .card-2 p {
     padding: 20px 20px 7px;
}
 .witr_ac_style:hover {
     color: #292020;
}
 .delivcate_faq_area.faq_page_faq{
     padding: 120px 0 90px;
}
 .accordion_area .card-2 {
     border-radius: 5px;
     margin-bottom: 20px;
     background: #fff;
     border: 1px solid #ddd;
}
 .witr_ac_style:hover {
     color: #fff;
     background: #a44424;
}
 .active .witr_ac_style {
     color: #fff;
     background: #a44424;
}
 .faq_content_inner .witr_btn {
     margin-top: 30px;
}
 .witr_ac_card i {
     margin-right: 10px;
     font-size: 20px;
}
 .service_page_faq {
     background: #F9F9F9;
}


 .tx_golobal_color{
     background: #6c7908d9;
}
 .tx_btn_global_color:hover{
     background:#000;
}
 
 
#call-click
{
  background-color: #337ab7 !important;
  bottom:10px !important;
}

#whatsapp-click
{
  background-color: #fff !important;
  bottom:10px !important;
}

#call-click img, #whatsapp-click img
{
   width:50px !important;
   height:50px !important;
}
#whatsapp-click, #call-click 
{
    background-color: #28a745;
  -webkit-animation: white-shadow .8s infinite, red-shadow .8s infinite;
  animation: white-shadow .8s infinite, red-shadow .8s infinite;
  -webkit-box-shadow: 0 10px 33px #28a745;
  -khtml-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 33px #28a745;

}
@keyframes white-shadow {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    -webkit-transition: box-shadow .3s ease-in-out;
    -webkit-transition: -webkit-box-shadow .3s ease-in-out;
    -o-transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px transparent;
    box-shadow: 0 0 0 30px transparent;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: box-shadow .4s ease-in-out;
    -webkit-transition: -webkit-box-shadow .4s ease-in-out;
    -o-transition: box-shadow .4s ease-in-out;
    transition: box-shadow .4s ease-in-out;
    transition: box-shadow 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
  }
}
@-webkit-keyframes red-shadow {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(31, 100, 188, 0.4);
    box-shadow: 0 0 0 0 rgba(31, 100, 188, 0.4);
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px transparent;
    box-shadow: 0 0 0 30px transparent;
  }
}
@keyframes red-shadow {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(31, 100, 188, 0.4);
    box-shadow: 0 0 0 0 rgba(31, 100, 188, 0.4);
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px transparent;
    box-shadow: 0 0 0 30px transparent;
  }
}

.langbutn {
    position: fixed;
    top: 80%;
    left: 0px;
    padding: 10px 22px;
    border-radius: 0px 20px 20px 0px;
    background: #a44424;
    color: #fff;
    font-weight: bold;
    border: 2px solid #fff;
    border-left: 0px;
    z-index: 999;
}
.langbutn:hover
{
 background: #ffffff !important;
 color: #6c7908d9 !important;
 border-color: #6c7908d9;
}