/*
Template Name:METAPLAN
Author Name: WPEXPERT

*/

/*
Table Of Content

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

*/

@import url('css2.css');

/*theme css*/
a {
    color: #454545;
    transition: .5s;
}
a:hover {
    text-decoration: none;
    color: #ffc80a;
}
 body {
	font-family: Poppins,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.6;
	color:#303849;
}
 p {
     font-style: normal;
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
    font-family: Inter,sans-serif;
    font-style: normal;
    line-height: 1.2;
    font-weight: 700;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 24px;
    transition: .5s;
    margin-bottom: 5px;
	color: #303849;
}
 .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: 40px;
    margin: auto;
    font-weight: 700;
    line-height: 1.4;
}
.witr_section_title_inner h2 {
    font-size: 16px;
    display: inline-block;
    color: #ffc80a;
    padding: 0 0 5px 0;
}
.witr_bar_main {
    margin: 10px 0px 10px 0px;
}
.witr_bar_inner {
    height: 4px;
    width:90px;
    position: relative;
    border-radius: 30px;
    background: #ffc80a;
    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 #ffc80a;
}
@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: 50px;
}
.witr_section_title_inner p {
    width: 100%;
    padding: 10px 0 0 0;
    margin-top: 10px;
}

.witr_all_pd0{
	padding:0;
}
@media (min-width: 1140px){
	.container {
		max-width: 1140px;
	}	
}
/* ===== 1. Top Menu CSS ===== */
 .em40_header_area_main.hdisplay_none {
     display: none;
}
.metalplan-header-top {
    padding: 10px 0;
	padding-right: 300px;
    padding-left: 300px;
	background:#303849;
}
 .top-address p {
     margin-bottom: 0;
}
 .top-address p span, .top-address p a {
     margin-right: 20px;
}
.top-address p span i, .top-address p a i {
    font-size: 13px;
    color: #fff;
    margin-right: 5px;
}
.top-address p a {
     display: inline-block;
     text-decoration: none;
     -webkit-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}
/* TOP socia CSS */
 .top-right-menu ul.social-icons {
     margin: 0;
     padding: 0;
}
.top-right-menu ul.social-icons li {
    display: inline-block;
    margin-left: 10px;
    position: relative;
}
.top-right-menu ul.social-icons li a {
     display: inline-block;
     text-decoration: none;
     -webkit-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     font-size: 15px;
}
.top-welcomet p span, .top-welcomet p a, .top-welcome p span, .top-welcome p a, .top-welcome p, .top-address p a, .top-right-menu ul.social-icons li a, .top-address p span {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}
 .top-welcome p a:hover{
     color:#17161a;
}
 .top-right-menu .social-icons li a:hover, .top-right-menu .social-icons li a i:hover {
     color: #17161a;
}
 .top-both-p0 .top-address p a, .top-both-p0 .top-address p span {
     margin-right: 0px;
     margin-left: 12px;
}
/* ===== 2. Menu Area CSS ===== */
.metalplan_nav_area.postfix {
    -webkit-transition: .3s;
    transition: .3s;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
}
.metalplan_nav_area, .trp_nav_area, .transprent-menu .metalplan_nav_area {
    padding-right: 300px;
    padding-left: 300px;
}
.metalplan_nav_area {
    background: #fff;
}
.metalplan_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 */
 .metalplan-main-menu .logo a.main_sticky_main_l {
     display: block;
}
 .metalplan-main-menu .logo a.main_sticky_l {
     display: none;
}
/* logo pre */
 .metalplan-main-menu .prefix .logo a.main_sticky_main_l {
     display: none;
}
 .metalplan-main-menu .prefix .logo a.main_sticky_l {
     display: block;
} 

/* MENU text CSS */
 .metalplan_menu ul {
     text-align: right;
     list-style: none;
}
 .metalplan_menu > ul > li {
     display: inline-block;
     position: relative;
}
.metalplan_menu > ul > li > a {
    display: block;
    margin: 40px 12px;
    transition: .5s;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #272727;
    font-family: Inter,sans-serif;
}
.metalplan_menu ul .sub-menu li a:hover, .metalplan_menu ul .sub-menu li.current-menu-item a, .metalplan_menu>ul>li.current-menu-item>a, .metalplan_menu>ul>li>a:hover, .metalplan_nav_area.prefix .metalplan_menu>ul>li.current-menu-item>a, .metalplan_nav_area.prefix .metalplan_menu>ul>li>a:hover, .hbg2 .metalplan_menu>ul>li.current-menu-item>a, .hbg2 .metalplan_menu>ul>li>a:hover, .heading_style_2 .metalplan_menu>ul>li.current-menu-item>a, .heading_style_2 .metalplan_menu>ul>li>a:hover, .heading_style_3 .metalplan_menu>ul>li.current-menu-item>a, .heading_style_3 .metalplan_menu>ul>li>a:hover, .heading_style_4 .metalplan_menu>ul>li.current-menu-item>a, .heading_style_4 .metalplan_menu>ul>li>a:hover {
    color: #ffc80a;
}
 .metalplan_menu > ul > li > a:before, .metalplan_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;
}
 .metalplan_menu ul li:last-child a {
     margin-right: 15px !important;
}
.metalplan_menu > ul > li.current > a, .metalplan_menu > ul > li:hover > a, .creative_header_menu > ul > li:hover > a {
    color: #ffc80a;
    background-color: transparent;
	color: #ffc80a;
}
 .metalplan_menu > ul > li:hover > a:before, .metalplan_menu > ul > li.current > a:before {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

 .transprent-menu .metalplan_nav_area {
     left: 0;
     right: 0;
     top: 0;
     z-index: 9999;
     background-color: transparent;
     padding: 0;
     transition: .5s;
     position: absolute;
}
 .metalplan_nav_area.postfix {
     -webkit-transition: .3s;
     transition: .3s;
}
.metalplan_nav_area.prefix, .hbg2 {
    background-color: rgba(0,0,0,.7);
}
 .metalplan_nav_area.prefix .metalplan_menu > ul > li > a {
     color:#fff;
}
.metalplan_nav_area.prefix .metalplan_menu > ul > li.current > a {
    color: #ffc80a;
}
 .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 */
.metalplan_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 240px;
    text-align: left;
    background: #fff;
    margin: 0;
    padding: 15px 8px 8px 25px;
    z-index: 9999;
    box-shadow: 0 0 30px rgb(0 0 0 / 9%);
    transition: .2s;
    opacity: 0;
    visibility: hidden;
}
 .metalplan_menu ul li:hover > .sub-menu {
     transition: .5s;
     opacity: 1;
     visibility: visible;
     top: 100%;
     z-index: 9;
}
 .metalplan_menu ul .sub-menu li {
     position: relative;
	 transition:.5s;
}
.metalplan_menu ul .sub-menu li a {
    display: block;
    margin: 0;
    margin-bottom: 6px;
    letter-spacing: normal;
    font-size: 15px;
    font-weight: 600;
    transition: .5s;
    color: #272727;
    visibility: inherit !important;
    padding: 4px 0px;
    font-family: Inter,sans-serif;
}
 .metalplan_menu ul .sub-menu li:hover > a, .metalplan_menu ul .sub-menu .sub-menu li:hover > a, .metalplan_menu ul .sub-menu .sub-menu .sub-menu li:hover > a, .metalplan_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
     color: #ffc80a;
}
.metalplan_menu ul .sub-menu li:hover {
    margin-left: 16px;
}
.metalplan_menu ul .sub-menu li:before {
    left: -18px;
}
.metalplan_menu ul .sub-menu li:hover:before{
	opacity:1;
}

.metalplan_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%);
}
.metalplan_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a, .metalplan_menu ul .sub-menu .sub-menu .sub-menu li:hover>a, .metalplan_menu ul .sub-menu .sub-menu li:hover>a, .metalplan_menu ul .sub-menu li:hover:before, .metalplan_menu ul .sub-menu li:hover>a {
    color: #ffc80a;
}
/* sub menu 2 */
.metalplan_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}
 .metalplan_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 */
 .metalplan_menu ul .sub-menu .sub-menu li {
     position: relative;
}
 .metalplan_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;
}
 .metalplan_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 */
 .metalplan_menu ul .sub-menu .sub-menu .sub-menu li {
     position: relative;
}
 .metalplan_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 */
.metalplan-main-menu .menu-item-has-children > a:after {
    margin-left: 8px;
    content: "\f107";
    font-family: FontAwesome !important;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    font-size: 13px;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    font-weight: 600;
}
 .metalplan-main-menu .menu-item-has-children .menu-item-has-children> a:after {
     margin-left: 8px;
     content: "\f107";
}

/* quearys area css */
.metalplan_menu.main-search-menu > .em-header-quearys, .em-quearys-top.msin-menu-search {
    display: inline-block;
}
.em-top-quearys-area {
    position: relative;
}
.metalplan_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;
}
.metalplan_nav_area.prefix .main-search-menu .em-header-quearys .em-quearys-menu i{
    color: #fff;
}
.mrt10{
	margin-top:10px;
}
.em-quearys-menu i {
    background: #ffc80a;
    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: #ffc80a;
	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: #ffc80a;
}
.main_menu_header_address_text h4 {
    margin-bottom: 0;
    color: #030925;
}

/*=======================
#2 metalplan 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: 16px;
    margin-left: 12px;
    font-weight: 500;
    border-radius: 5px;
    padding: 11px 25px;
    color: #fff;
    background: #ffc80a;
}
a.dtbtn:hover {
    background: #2e3748;
}
/* ===== 3. Slider Area CSS ===== */
 .witr_swiper_area{
     overflow:hidden;
     position:relative;
}
.witr_swiper_height {
    position: relative;
    background-position: center center;
    height: 850px;
    background-size: cover;
}
.witr_swiper_height:before, .wittr_gallery_swiper:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #00000061;
}
.witr_sw_text_area {
    margin: auto;
    width: 66%;
    height: 100%;
}
.witr_swiper_content {
    position: relative;
    top: 46%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}
.witr_swiper_content h1 {
    font-size: 20px;
    display: inline;
    font-weight: 700;
    color: #fff;
}
.text-left .witr_swiper_content h1, .text-left .witr_swiper_content h2, .text-left .witr_swiper_content h3, .text-left .witr_swipers_title h4, .text-right .witr_swiper_content h1, .text-right .witr_swiper_content h2, .text-right .witr_swiper_content h3, .text-right .witr_swipers_title h4 {
    width: 70%;
}
.text-left .witr_swiper_content h1, .text-left .witr_swiper_content h2, .text-left .witr_swiper_content h3, .text-left .witr_swipers_title h4 {
    margin: 21px auto 3px 0;
}
.witr_swiper_content h1 span, .witr_swiper_content h2 span, .witr_swiper_content h3 span {
    color: #ffc80a;
}
.witr_swiper_content h2, .witr_swiper_content h3 {
    font-size: 70px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}
.witr_swiper_content h3 {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 0;
}
.text-left .witr_swiper_content h2 {
    color: #fff;
}
.witr_swiper_content h3 {
    color: #fff;
}
.witr_swiper_content p {
    color: #fff;
}
.text-left .witr_swiper_content p, .text-right .witr_swiper_content p {
    width: 51%;
}
.text-left .witr_swiper_content p {
    margin: 38px 0 5px;
    font-size: 22px;
    font-weight: 400;
}
.witr_swiper_content p {
    font-weight: 400;
    font-size: 18px;
}
.slider_btn {
    margin-top: 54px;
}
.text-left .witr_btn_sinner {
    text-align: left;
}
.slider_btn .witr_btn {
    border: none;
    outline: 0;
}
.witr_btn {
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    text-align: center;
    position: relative;
    margin-right: 15px;
    z-index: 2;
    transition: 1s;
    padding: 18px 40px;
    color: #fff;
    display: inline-block;
    background: #ffc80a;
}
.witr_btn:hover {
    background: #2e3748;
    color: #fff;
}
.witr_swiper_content .witr_btn.active {
    color: #ffc80a;
    background: #fff;
}
.slider_btn .witr_btn.active:hover, .metalplan_slider_icon ul li a i, .tx_svd_icon, .witr_video_btn i, .witr_video_btn i:after {
    background: #2e3748;
    color: #fff;
}
/* slider thumb css */
.em_slider_s2_image {
    top: 46%;
    right: -30px;
}
.text-left .witr_slider_thumb {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	z-index:1;
}
.em_slider_s2_image img {
    width: 90%;
}
.witr_slider_thumb_inner img {
    border-radius: 10px;
}
/* swiper button css */
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 0; 
    left: 0;
    top: 0;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background: no-repeat 50%;
    color: #fff;
    transition: .5s;
    border-radius:5px;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 30px;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    padding: 30px;
    background: #fff;
}
.swiper-button-next:hover, .swiper-button-prev:hover, .witr_ds_content_inner h1 span, .witr_ds_content_inner h2 span, .witr_ds_content_inner h3 span {
    color: #ffc80a;
}
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: transparent;
}
/* ===== 4. Feature Area CSS ===== */
.metalplan_feature_area {
    margin-bottom: 0px;
    padding: 90px 0 20px;
}
.ab_left_content .witr_section_title {
    margin-bottom: 36px;
}
.all_feature_color.ca_ferture_7 {
    margin: 15px 0;
}
.all_feature_color img {
    border-radius: 5px;
}
.ca_ferture_7 .sub-item {
    padding: 30px 28px 30px;
    box-shadow: 0 5px 10px 0 rgb(240 241 243);
    -webkit-transition: 1s;
    transition: 1s;
    background: #fff;
    position: relative;
}
.sub-item h3 {
    margin: 0 0 10px;
}
.carsor_featutes_bottom {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
.carsor_featutes_bottom_text {
    align-items: center;
    display: flex;
}
.carsor_featutes_bottom_title h4 {
    font-size: 16px;
}
.carsor_featutes_bottom_text {
    align-items: center;
    display: flex;
}
.ab_left_content .witr_button_area {
    margin-top: 35px;
}
.all_color_service:hover i{
    background: #0f1f2f;
	color:#fff;
}
.feature_page_feature {
    background: #f9f9f9;
    padding: 70px 0 85px;
}
/* ===== Feature Area CSS ===== */
.metp_feature_area2 {
    padding: 100px 0 80px;
}
.metp_feature_area2 .sub-item.sub-item-8 {
    padding: 30px 20px 21px;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    margin-bottom: 20px;
}
.metp_feature_area2 .sub-item i {
    font-size: 30px;
    height: 80px;
    width: 80px;
    text-align: center;
    border-radius: 50%;
    line-height: 80px;
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
    background: #ffc80a;
    color: #fff;
}
.metp_feature_area2 .sub-item h3 {
    margin: 15px 0 10px;
}
.sub-item.sub-item-8:hover {
    box-shadow: 0 0 29px -26px #000;
}
/* ===== 5. About Area CSS ===== */
.metalplan_about_area {
    padding: 82px 0 110px;
}
.witr_s_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.em-service2 .em-service-icon i {
    display: inline-block;
    height: 80px;
    width: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 35px;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    background: #ffc80a;
    color: #fff;
    border-radius: 100%;
}
.all_icon_color i, .em-service2.sleft .em-service-icon {
    margin: 0 10px 0 0;
}
.all_icon_color i, .em-service2.sleft .em-service-icon {
    margin: 0 10px 0 0;
}
.em-service2 .em-service-inner {
    overflow: hidden;
    width: 100%;
}
.em-service-title {
    overflow: hidden;
}
.em-service-title h3 {
    padding: 0;
    -webkit-transition: .5s;
    transition: .5s;
    margin-bottom: 8px;
}
.em-service2.sleft.all_color_service {
    margin-bottom: 20px;
}
.ab_left_content .all_color_service:hover i{
    background: #0f1f2f;
}
.ab_page_about {
    padding: 110px 0 100px;
}
/* ===== 6. Video Area CSS ===== */
.metp_video_area {
    background-image: url("../image/video-bg-img.jpg");
    background-position: center center;
    background-size: cover;
    position: relative;
    padding: 112px 0;
}
.metp_video_area::before{
	content:"";
	height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #000;
    opacity: .5;
}
.metp_video_area .metalplan_content h2, .metp_video_area .metalplan_content h3 {
    font-size: 40px;
    padding: 4px 0;
	color:#fff;
	margin:0;
	padding:0;
}
.metalplan_video_inner {
    position: relative;
    text-align: center;
    top: 60px;
}
.metalplan_video_inner a {
    position: relative;
}
.metalplan_video_inner a:before {
    content: "";
    position: absolute;
    top: 43%;
    left: 50%;
    height: 70px;
    width: 70px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50%;
    box-shadow: 0px 0px 10px 0px rgb(255 255 255 / 50%);
    -webkit-animation: witr_video_ripple 2s infinite;
    animation: witr_video_ripple 2s infinite;
}
.metalplan_video_inner i {
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 70px;
    border-radius: 50%;
    font-size: 25px;
    display: inline-block;
    -webkit-transition: 1s;
    transition: 1s;
}
@keyframes witr_video_ripple{70%{box-shadow:0 0 0 75px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.metalplan_video_inner i, .w_apps_button a:hover {
    background: #ffc80a;
}
.metalplan_button a, .metalplan_button a:hover, .metalplan_video_inner i {
    color: #fff;
}
.metalplan_video_inner h4 {
    margin-top: 20px;
    color: #fff;
}
.witr_b9 {
    margin-top: 100px;
}
.metalplan_button a {
    padding: 18px 35px;
    display: inline-block;
    font-size: 16px;
    -webkit-transition: 1s;
    transition: 1s;
    margin-right: 15px;
    font-weight: 500;
    border-radius: 5px;
    transition: 1s;
    overflow: hidden;
}
.metalplan_button a {
    padding: 18px 35px;
    display: inline-block;
    font-size: 16px;
    -webkit-transition: 1s;
    transition: 1s;
    margin-right: 15px;
    font-weight: 500;
    border-radius: 5px;
    transition: 1s;
    background: #ffc80a;
    overflow: hidden;
    color: #fff;
}
.metalplan_button a:hover {
    background: #2e3748;
	color:#fff;
}
/* ===== 7. Service Area CSS ===== */
.metalplan_serv_area {
    padding: 110px 0 100px;
}
.metalplan_serv_area .witr_section_title {
    margin-bottom: 40px;
}
.metalplan_serv_area .all_color_service {
    box-shadow: 0px 0px 79px 0px rgba(0,0,0,.04);
    margin-bottom: 20px;
}
.service_top_image {
    position: relative;
}
.service-item h3 {
    padding: 25px 0 5px;
}
.service-item p {
    padding-top: 0;
}
.service-btn>a {
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 9px 30px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #ffc80a;
    color: #ffc80a;
    margin: 10px 0 30px;
}
.service-btn>a:hover{
    background:#ffc80a;
	color:#fff;
}
/* ===== 8. Faq Area CSS ===== */
.metp_faq_area {
    background-image: url("../image/experince-bg.jpg");
    background-position: center center;
    background-size: cover;
    padding: 120px 0 100px;
}
.faq_img_inner {
    text-align: right;
    margin-bottom: 20px;
    margin-right: 5px;
}
.faq_content_inner .witr_section_title_inner h3 {
    font-size: 33px;
}
.faq_content_inner .witr_section_title {
    margin-bottom: 22px;
}
.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: 17px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 11px 15px;
    color: #222429;
    transition: .5s;
    background: 0;
}
.witr_ac_style:before {
    position: absolute;
    content: '\ea99';
    right: 30px;
    font-family: IcoFont!important;
    font-weight: 700;
}
.active .witr_ac_style:before {
    content: '\eaa1';
}
.accordion_area .card-2 p {
    padding: 10px 15px 0;
}
.active .witr_ac_style {
    color: #292020;
}
.witr_ac_style:hover {
    color: #292020;
}
.metalplan_faq_area.faq_page_faq{
    padding: 120px 0 90px;
}
.faq_page_faq .single_image_area {
    margin-right: 10px;
}
.accordion_area .card-2 {
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 15px;
    border-color: #ddd;
    background: #fff;
}
.witr_ac_style:hover {
    color: #fff;
    background: #ffc80a;
}
.active .witr_ac_style {
    color: #fff;
    background: #ffc80a;
}
.faq_content_inner .witr_btn {
    margin-top: 30px;
}
.witr_ac_card i {
    margin-right: 10px;
    font-size: 20px;
}
/* ===== Faq Area CSS ===== */
.faq_area2 {
    padding: 100px 0 100px;
}
.writ_ac_style_02:focus, .writ_ac_style_02:hover {
    color: #232323;
    background: none;
}
.active .writ_ac_style_02 {
    background: none;
    color: #232323;
}
.border_bottom_0{
	border-bottom:none;
}
.writ_ac_style_02 {
    margin-left: 40px;
    font-size: 20px;
    font-weight: 600;
    display: block;
    padding: 10px 10px;
    color: #232323;
}
.writ_ac_style_02:before {
    position: absolute;
    content: '\f067';
    left: 25px;
    top: 10px;
    margin-right: 5px;
    font-family: fontawesome !important;
    font-weight: 200;
}
.active .writ_ac_style_02:before {
    content: '\f068';
}
.card-header.witr_ac_card.border_bottom_0 {
    background: #fff;
    padding: 0px 5px;
}
.faq_area1 .content_style p, .faq_area1 .conent_style p {
    padding: 15px 25px 15px;
}
.card.card-2.accordion_02_shadow {
    border: 0 !important;
    margin-bottom: 20px;
    box-shadow: 1px 1px 7px -5px rgba(0, 0, 0, 0.75);
}
.faq_area2 .witr_ac_style {
    padding-left: 30px;
    font-size: 17px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 11px 15px;
    transition: .5s;
    padding: 9px 20px 9px 10px;
    font-family: inherit;
}
.faq_area2 .accordion_area .card-2 p {
    padding: 15px 23px 15px;
}
.writ_ac_style_02:before {
    font-weight: 400;
    font-size: 17px;
    color: #232323;
}
.faq2_img {
    text-align: center;
}
/* ===== 9. Team Area CSS ===== */
.metp_team_area {
    padding: 114px 0 100px;
}
.metp_team_area .witr_section_title {
    margin-bottom: 30px;
}
.team-part {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 5px 4px 0 rgba(0,0,0,.05);
    background: #fff;
    margin-bottom: 20px;
}
.witr_team_section {
    position: relative;
    text-align: center;
}
.witr_team_section:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_team_section:before {
    background: #ffc80a6b;
}
.witr_team_content {
    padding: 23px 5px 23px;
}
.witr_team_content h5 {
    margin: 0;
}
.witr_team_content span {
    font-size: 18px;
    color: #2e3748;
}
 .team_o_icons {
    margin-top: 15px;
    padding-top: 17px;
    padding-bottom: 10px;
    position: relative;
}
 .team_o_icons:before {
    position: absolute;
    content: "";
    top: 0;
    height: 1px;
    width: 25%;
    margin: auto;
    left: 0;
    right: 0;
    -webkit-transition: .5s;
    transition: .5s;
	background: #ddd;
}
 .team_o_icons ul li {
    list-style: none;
    display: inline-block;
}
.team_o_icons ul li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 33px;
    border-radius: 5px;
    text-align: center;
    -webkit-transition: .5s;
    transition: .5s;
    margin: 0 2px;
    font-size: 15px;
    border: 1px solid #ffc80a1c;
    background: #ffc80a;
    color: #fff;
}
 .witr_team_section:hover:before {
    opacity: 1;
}
.all_color_team:hover .team_o_icons:before {
    width: 100%;
	background: #ffc80a;
}
.team_o_icons ul li a:hover {
    background: #2e3748;
    border-color: #2e3748;
    color: #fff;
}
/* ===== Team Area CSS ===== */
.metp_team_area2 {
    background: #fafafa;
    padding: 95px 0 75px;
}
.metp_team_area2 .witr_section_title {
    margin-bottom: 15px;
}
.post_team11_area .team_o_icons {
    top: auto;
    bottom: -45px;
    left: 0;
    right: 0;
    -webkit-transform: inherit;
    transform: inherit;
    -webkit-transition: .5s;
    transition: .5s;
    margin-top: 0;
    padding: 0;
    position: absolute;
    transform: translateY(-50%);
    transition: .5s;
}
.post_team11_area .team-part:hover .team_o_icons {
    bottom: 40px;
}
.metp_team_area2 .team_o_icons:before {
    position: absolute;
    content: "";
    top: 0;
    height: 1px;
    width: 0;
    margin: auto;
    left: 0;
    right: 0;
    -webkit-transition: .5s;
    transition: .5s;
    background: #ddd;
    border: none;
}
.metp_team_area2 .all_color_team:hover .team_o_icons:before {
    width:0;
}
.metp_team_area2 .team-part {
    border-radius: 5px;
    overflow: inherit;
    box-shadow: 0 5px 4px 0 rgba(0,0,0,.05);
    background: #fff;
    margin-bottom: 70px;
}
.post_team11_area .team_o_icons ul li {
    display: inline-block;
}
.post_team10_area .team_o_icons ul li a {
    width: 55px;
    height: 55px;
    line-height: 55px;
    border: none;
    border-radius: 5px;
    margin: 0;
    font-size: 20px;
	background: #272727;
	color:#fff;
}
.post_team_p11 {
	padding: 15px 0;
    position: absolute;
    bottom: -45px;
    left: 15px;
    right: 15px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
	background: #fff;
}
.metp_team_area2 .witr_team_content h5 {
    margin: 0;
}
.metp_team_area2 .witr_team_content span {
    font-size: 18px;
	color:#ffc80a
}
.post_team10_area .team_o_icons ul li a:hover {
    background: #ffc80a;
}
/* ===== Team Area CSS ===== */
.witr_single_team {
    position: relative;
    overflow: hidden;
}
.witr_single_team img {
    width: 100%;
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_team_content_car {
    position: absolute;
    left: -300px;
    bottom: 22px;
    z-index: 3;
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_team_content_car span {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin: 0 0 9px;
	color: #fff;
}
.witr_team_content_car h5 {
    font-size: 22px;
    margin: 0;
	color: #fff;
}
.witr_single_team:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
	background: #ffc80a80;
}
.witr_single_team:hover img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}
.witr_single_team:hover .witr_team_content_car {
    left: 30px;
}
.witr_single_team:hover:after {
    visibility: visible;
    opacity: 1;
}
.witr_team_area_c {
    margin-bottom: 20px;
}
/* ===== 10. Portfolio Area CSS ===== */
.project_bg_area {
    background-image: url("../image/projects-bg.jpg");
    background-position: center center;
    background-size: cover;
    padding: 95px 0 270px;
    position: relative;
}
.project_bg_area::before{
	content:"";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: #02101e;
    opacity: .9;
}
.project_bg_area .witr_section_title_inner h1, .project_bg_area .witr_section_title_inner h2, .project_bg_area .witr_section_title_inner h3 {
	color:#fff;
}
.project_bg_area .witr_section_title {
    margin-bottom: 0;
}

.metalplan_project_area {
    margin-top: -240px;
    margin-bottom: 0;
}
.metalplan_project_area .witr_section_title_inner h2 {
    color: #fff;
}
.metalplan_project_area .witr_section_title_inner h3 {
    color: #fff;
}
.metalplan_project_area .witr_section_title_inner h2 {
    padding:0;
}
.metalplan_project_area .witr_section_title {
    margin-bottom: 45px;
}
.witr_pslide3 .witr_single_pslide {
    margin-bottom: 100px;
    overflow: inherit;
}
.witr_pslide_image {
    overflow: hidden;
    position: relative;
}
.witr_pslide_image:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 1;
    opacity: .5;
    background: #222429;
}
.witr_pslide_image img {
    margin-right: auto;
    margin-left: auto;
    -webkit-transition: .5s;
    transition: .5s;
    width: 100%;
}
.witr_single_pslide:hover .witr_pslide_image img, .witr_single_pslide:hover .witr_pslide_image:before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.ps3.ps1 .witr_content_pslide_text {
    bottom: 38px;
    opacity: 1;
    box-shadow: 0 0 65px 0 #00000017;
    text-align: center;
    padding: 20px 10px 45px;
    border-radius: 5px;
    background: #fff;
}
.ps1 .witr_content_pslide_text {
    position: absolute;
    left: 30px;
    right: 30px;
    transition: .5s;
    z-index: 2;
}
.ps3.ps1 .witr_content_pslide_text a, .ps3.ps1 .witr_content_pslide_text h3, .ps3.ps1 .witr_content_pslide_text p {
    color: #222429;
}
.witr_content_pslide_text h3 {
    margin-bottom: 0;
}
.witr_content_pslide_text p {
    margin-bottom: 4px;
}
.witr_pslide3 .witr_pslide_custom {
    bottom: -17px;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
.witr_pslide_custom {
    position: absolute;
    z-index: 9;
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_content_pslide_text a {
    display: inline-block;
}
.witr_pslide3 .witr_pslide_custom a span {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    box-shadow: 0 0 65px 0 #00000014;
    color: #ffc80a;
    background: #fff;
    text-align: center;
    display: inline-block;
	transition:.5s;
}
.ps3.ps1 .witr_content_pslide_text a:hover {
    color: #ffc80a;
}
.witr_pslide3 .witr_single_pslide:hover .witr_pslide_custom a span {
    background: #ffc80a;
	color:#fff;
}
.metalplan_portfolio_area {
    padding: 95px 10px 85px;
}
.metalplan_portfolio_area .witr_section_title_inner p {
    width: 39%;
    margin: 0 auto;
}
.metalplan_portfolio_area .witr_section_title {
    margin-bottom: 35px;
}
.positi_3.pprotfolio4 {
    padding: 20px 10px 23px;
    border: none;
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    z-index: 9;
    -webkit-transition: .5s;
    transition: .5s;
    text-align: center;
}
.single_protfolio:hover .positi_3.pprotfolio4 {
    bottom: 0;
}
.positi_3.pprotfolio4 {
    background: #ffc80a;
}
.positi_3 .porttitle_inner4 h3 a, .positi_3 .porttitle_inner4 p span {
    color: #fff;
}
.portfolio_nav {
    padding: 0 0 28px;
}
.portfolio_nav ul {}
 .portfolio_nav ul li {
    display: inline;
}
.portfolio_nav ul li {
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin: 0 5px 10px;
    padding: 10px 20px;
    position: relative;
    transition: .5s;
    border: 1px solid #f3eaea;
}
.prot_wrap {
    overflow: hidden;
}
.single_protfolio {
    position: relative;
    overflow: hidden;
}
.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: #ffc80a;
}
.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: #ffc80a;
    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: #ffc80a;
	background: #ffc80a;
	color: #fff;
}
.prot_content {
    background: #ffc80a80;
}
.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: #ffc80a;
	 background: #ffc80a;
	 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: #ffc80a;
}
.picon a:hover {
    border-color: #131313;
    background: #131313;
}
/* 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: 0px;
}
.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;
}
.metalplan_portfolio_area .witr_button_area {
    margin: 30px auto 0;
}
.metalplan_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: #ffc80a;
}
.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: #ffc80a;
}
.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;
    -webkit-transition: .5s;
    transition: .5s;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 9;
}
.portfolio_style2.pstyle2 .single_protfolio:hover .prot_content_inner {
    top: 50%;
    opacity: 1;
    left: 50%;
    right: 50%;
    transform: translateX(-50%) translateY(-50%);
	transition:1s;
}
.portfolio_style2 .prot_content h3 a {
    margin-bottom: 0;
}
.portfolio_style2 .single_protfolio:hover .prot_content {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}
.portfolio_style2 .prot_content h3 a:hover {
    color: #ffc80a;
}
.metp_portfolio_area{
    padding: 90px 0 85px;
}
.metp_portfolio_area .prot_content_inner {
    top: 50%;
}
.metp_portfolio_area .picon a {
    background:transparent;
	font-size:25px;
}
.metp_portfolio_area .witr_section_title {
    margin-bottom: 30px;
}
.port_3colmn .pstyle2 .prot_content_inner {
    top: 60%;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
}
.port_3colmn .prot_content {
    background:#00000096;
}
/* ===== 11. Counter Area CSS ===== */
.counter_area {
    padding: 100px 0 100px;
}
.witr_counter_single {
    text-align: left;
    padding: 40px 20px 40px 20px;
    box-shadow: 0px 0px 50px 0px rgba(0,0,0,.06);
    margin-bottom: 20px;
}
.witr_custom_icon{
	float:left;
}
.all_counter_color i {
    color: #fff;
    background-color: #2e3748;
    font-size: 50px;
    width: 92px;
    height: 92px;
    line-height: 92px;
    text-align: center;
    border-style: inherit;
    border-radius: 50px;
    transform: rotate(0deg);
    margin: 0 20px 0 0;
    display: inline-block;
}
.witr_counter_number_inn {
    overflow: hidden;
}
.witr_counter_number_inn h3, .witr_counter_number_inn span {
    font-size: 40px;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0;
}
.witr_counter_number_inn h3, .witr_counter_number_inn span {
    color: #ffc80a;
}
.witr_counter_number_inn span {
    line-height: 0;
}
.witr_counter_number_inn h4 {
    font-size: 22px;
}
.c_padding {
    padding-right: 10px;
    padding-left: 10px;
}
.all_counter_color:hover i {
    background: #ffc80a;
}
/* ===== Counter Area CSS ===== */
.counter_area2 {
    background-image: url("../image/video-bg-img.jpg");
    background-position: center center;
    background-size: cover;
    padding: 100px 0 74px;
    position: relative;
}
.counter_area2::before{
	content:"";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #000;
    opacity: .7;
}
.counter_area2 .witr_single_counter {
    border-style: solid;
    border-color: #fff;
    border-width: 1px;
    border-radius: 5px;
    border-radius: 5px;
    padding: 40px 0 30px;
    text-align: center;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    -webkit-transition: .5s;
    transition: .5s;
    margin: auto;
    margin-bottom: 25px;
}
.counter_area2 .witr_counter_text h4 {
    font-size: 30px;
	color: #fff;
    padding: 0 0 10px;
}
.counter_area2 .witr_counter_text h3 {
    display: inline-block;
    font-size: 40px;
	color: #fff;
}
.counter_area2 .witr_single_counter:hover {
    background: #ffc80a;
	border-color:#ffc80a;
}
/* ===== 12. Testimonial Area CSS ===== */
.metalplan_test_area {
    padding: 112px 0 100px;
    background: #f9f9f9;
}
.metalplan_test_area .witr_section_title {
    margin-bottom: 20px;
}
.single_creativeItem {
    text-align: center;
}
.box-size {
    padding: 10px 15px;
}
.testiCreCon {
    position: relative;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 6%);
    background: #fff;
    border-radius: 5px;
    padding: 50px 20px 50px;
    margin-bottom: 35px;
    border-style: solid;
    border-width: 3px 0 0;
    border-color: #2e3748;
}
.testiCreCon li {
    font-size: 100px;
    color: #dddddd4f;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.testiCreCon p {
    position: relative;
    margin: 0;
    z-index: 1;
}
.testiCreCon:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -36px;
    border-radius: 15px;
    width: 50px;
    height: 50px;
    background: #fff;
    transform: rotate(45deg) translateX(-50%);
    z-index: -1;
    box-shadow: 0 2px 29px 0 rgb(0 0 0 / 8%);
}
.post_t6 .em_test_thumb {
    float: inherit;
    margin-right: 0;
    margin-bottom: 10px;
}
.em_test_thumb img {
    border-radius: 50%;
    width: 59px;
}
.testAuthor h6 {
    margin-bottom: 0;
}
.testAuthor span {
    font-size: 15px;
}
.testiCreCon:hover{
	background:#2e3748;
}
.testiCreCon:hover:after{
	background:#2e3748;
}
.testiCreCon:hover p{
	color:#fff;
}
/* ===== Testimonial Area CSS ===== */
.metalplan_test_area2 {
    padding: 80px 0 70px;
}
.metalplan_test_area2 .witr_testi_itemt {
    padding: 0 10px;
}
.metalplan_test_area2 .em_single_testimonial {
    margin-bottom: 30px;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    padding: 37px 30px 26px;
    margin-top: 20px;
    box-shadow: 0 0 10px 0 rgb(240 241 243);
    overflow: hidden;
    position: relative;
    text-align: left;
	background:#fff;
}
.metalplan_test_area2 .em_test_thumb {
    float: left;
    margin-right: 20px;
}
.metalplan_test_area2 .test-part {
    display: inline-block;
    margin-bottom: 10px;
}
.metalplan_test_area2 .em_test_thumb img {
    border-radius: 50%;
    width: 59px;
}
.metalplan_test_area2 .em_testi_title span {
    display: block;
    margin-top: 5px;
    font-size: 18px;
    font-weight: 600;
	color: #ffc80a;
}
.metalplan_test_area2 .em_testi_text {
    overflow: hidden;
    padding-top: 15px;
    float: left;
    text-align: left;
}
.metalplan_test_area2 .test-part {
    display: inline-block;
    margin-bottom: 10px;
}
.metalplan_test_area2 .test-part ul li {
    display: inline-block;
    padding-top: 0;
}
.metalplan_test_area2 .execllent_toggol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.metalplan_test_area2 .em_crating i {
    font-size: 18px;
	color: #ffc80a;
}
.metalplan_test_area2 .execllent_star {
    margin-left: 15px;
}
.metalplan_test_area2 .execllent_star h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    font-style: italic;
	color:#fff;
}
.metalplan_test_area2 .em_single_testimonial:hover {
    box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
}
/* ===== 13. Call Area CSS ===== */
.metp_call_area {
    background-image: url(../image/call-bg.jpg);
    background-position: center center;
    background-size: cover;
    padding: 70px 0;
    position: relative;
}
.metp_call_area::before{
	content:"";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: #2e3748;
    opacity: .95;
}
.all_cal_color h2 {
    color: #fff;
    font-size: 28px;
	margin: 0;
    padding: 0;
}
.cal_to_toggole {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.metalplan_content.col_content_width_100 {
    width: 100%;
}
.metp_call_area .metalplan_button a {
    padding: 18px 35px;
    display: inline-block;
    font-size: 16px;
    -webkit-transition: 1s;
    transition: 1s;
    margin-right:0;
    font-weight: 500;
    border-radius: 0;
    color: #2e3748;
    background: #fff;
}
.metalplan_button.no_margin {
    margin-top: 0;
    width: 60%;
}
.metp_call_area .metalplan_button a:hover{
	background:#ffc80a;
	color:#fff;
}
/* ===== 14. Blog Area CSS ===== */
.metalplan_blog_area {
    padding: 115px 0 100px;
    background: #F9F9F9;
}
.metalplan_blog_area .witr_section_title {
    margin-bottom: 25px;
}
.metalplan_blog_area h1.divider_text::before {
    width: 70%;
}
.metalplan_blog_area .witr_section_title_inner h2 {
    padding: 0;
}
.all_blog_color {
    text-align: left;
}
.busi_singleBlog {
    transition: .5s;
    box-shadow: 0 5px 10px 0 rgb(50 65 141 / 7%);
    position: relative;
    overflow: hidden;
    background: #fff;
    margin-bottom: 20px;
}
.witr_sb_thumb {
    overflow: hidden;
    position: relative;
}
.witr_sb_thumb:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 1;
}
.witr_sb_thumb:before {
    background: rgba(0,0,0,.5);
}
.witr_sb_thumb img {
    width: 100%;
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_top_category {
    transform: scale(1);
    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 {
    background: #ffc80a;
    padding: 3px 10px;
}
.witr_top_category ul li a {
    border-radius: 5px;
    margin: 0 10px 10px 0;
    display: inline-block;
}
.witr_top_category ul li a {
	color:#fff;
}
.witr_top_category ul li a:hover {
    background: #133C5C;
}
.busi_singleBlog:hover {
    box-shadow: 0 0px 4px 0 rgba(0,0,0,.05);
}
.busi_singleBlog:hover .witr_sb_thumb img, .busi_singleBlog:hover .witr_sb_thumb:before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.witr_blog_con {
    padding: 20px 15px 5px 25px;
    margin-bottom: 0;
}
.witr_blog_con h2 {
    margin: 10px 0px 10px 0px;
}
.banner-content input, .witr_blog_con h2, .witr_post_Author .comment {
    color: #222429;
}
.witr_blog_con h2 a {
    display: inline-block;
}
.all_blog_color p {
    margin: 10px 0px 20px 0px;
}
.em-blog-content-area_adn {
    padding: 0 10px 22px 0;
}
.learn_btn {
    padding: 10px 30px;
    border-radius: 5px;
    background: #ffc80a14;
    color: #ffc80a;
    display: inline-block;
}
.learn_btn:hover{
	background:#ffc80a;
	color:#fff;
}
.witr_blog_border {
    margin-bottom: 10px;
}
.witr_blog_border {
    border: 1px solid #f2f2f2;
}
.witr_blog_con span {
    font-size: 16px;
    line-height: 26px;
    font-size: 16px;
    margin-bottom: 15px;
    margin-right: 2px;
}
.metalplan-blog-meta-left_adn a, .metalplan-blog-meta-left_adn span, .metalplan-event-meta-left_adn a, .metalplan-event-meta-left_adn span, .event_date_5 span, .witr_blog_con span, .witr_blog_con span a, .witr_blog_metan span, .witr_blog_metan span a, .witr_circal_r h6 {
    color: #888;
    font-weight: 600;
}
.witr_blog_con span i {
    padding-right: 5px;
    padding-left: 5px;
    -webkit-transition: .5s;
    transition: .5s;
    color: #ffc80a;
    display: none;
}
.witr_blog_area11 .em-blog-content-area_adn {
    padding: 0 10px 22px 20px;
}
/* ===== Blog Area CSS ===== */
.witr-blog-side-area.blog_sidebar {
    padding: 100px 0px 100px;
}
.blog-left-side > div {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 15px;
    box-shadow: 0 0 5px 0 rgba(148, 146, 245, 0.2);
}
.blog-left-side > div:last-child {
    margin-bottom: 0;
}
.blog-left-side h2 {
    margin-bottom: 10px;
    text-transform: uppercase;
}
.blog-left-side .content {
    padding: 0;
}
.blog-left-side .push-bottom-large {
    margin-bottom: 0;
}
.blog-left-side > div:last-child {
    margin-bottom: 0;
}
.blog-left-side > aside:last-child {
    margin-bottom: 0 !important;
}
.blog-left-side .nav .children li a:hover,
.blog-left-side .sub-menu li a:hover {
    background: 0 0;
    color: #18c8ff;
}
.defaultsearch {
    background: #f7f7f7;
    position: relative;
}
.defaultsearch input {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 0 none;
    height: 54px;
    position: relative;
    width: 100%;
}
.defaultsearch button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #858585;
    font-size: 18px;
    padding: 1px 15px;
    position: absolute;
    right: 0;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
}
.defaultsearch input[type="text"] {
    padding-left: 10px;
}
.blog-left-side .widget h2 {
    bottom: -1px;
    display: block;
    line-height: 17px;
    margin-bottom: 20px;
    padding-bottom: 14px;
    position: relative;
    text-transform: capitalize;
}
.blog-left-side .widget h2::before {
    background: #ffc80a;
    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: #ffc80a;
}
.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;
}
.metalplan-blog-meta-left i {
    color: #ffc80a;
}
.metalplan-blog-meta-left i {
    font-size: 13px;
    margin-right: 5px;
}
.metalplan-blog-meta-left {
    margin-bottom: 10px;
    margin-top: 5px;
}
.recent-post-text h4 a:hover {
    color: #ffc80a;
}
.recent-post-item {
    padding-bottom:0;
}
.recent-post-text h4 {
    margin-bottom: 0;
    line-height: 1;
}
.metalplan-blog-meta-left a, .metalplan-blog-meta-left span {
    color: #888;
}
.widget .screen-reader-text {
    display: none;
}
.textwidget select {
    width: 100%;
}
#wp-calendar {
    width: 100%;
}
.tagcloud a {
    display: inline-block;
    font-size: 14px !important;
    margin: 0 8px 10px 0;
    padding: 7px 15px;
    text-align: center;
    font-weight: 400;
    border: 1px solid #ddd;
    text-transform: capitalize;
}
.r-post-content h3 a:hover,
.r-post-content h3:hover,
.tagcloud a:hover,
.widget_archive ul li a:hover,
.widget_archive ul li:hover:before,
.widget_categories ul li a:hover,
.widget_categories ul li:hover:before {
    color: #DB2D2E;
}
.tagcloud a:hover {
    background: #DB2D2E;
    color: #fff;
}
#wp-calendar caption {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: left;
    text-transform: uppercase;
}
#wp-calendar {
    font-size: 13px;
}
#wp-calendar {
    border: 0 solid #e5e5e5;
    margin-bottom: 20px;
    overflow: auto;
    vertical-align: top;
    width: 100%;
    margin: 0;
}
table#wp-calendar td {
    border: 1px solid #e5e5e5;
    padding: 5px 10px;
    text-align: center;
    vertical-align: top;
    font-size: 14px;
}
#wp-calendar td,
#wp-calendar th {
    padding: 8px;
}
table#wp-calendar th {
    border: 1px solid #e5e5e5;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}
table#wp-calendar td#today {
    color: #fff;
    background-color: #ffc80a;
}
table#wp-calendar td#today a {
    color: #fff;
}
.textwidget img {
    margin-bottom: 15px;
}
.textwidget p {
    margin-bottom: 0.5rem;
}
.metalplan-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 .metalplan-single-blog {
    margin-bottom: 30px;
    box-shadow: none;
    border-bottom: 1px solid #e7e7e7;
    background: transparent;
}
.metalplan-single-blog {
    overflow: hidden;
    text-align: left;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.metalplan-blog-thumb {
    overflow: hidden;
}
.single_blog_thumb img {
    width: 100%;
}
.metalplan-blog-thumb a {
    display: block;
    position: relative;
}
.metalplan-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;
}
.metalplan-blog-thumb a:before {
    background: rgba(0,0,0,.7);
}
.metalplan-blog-thumb img {
    width: 100%;
}
.metalplan_blog_area .em-blog-content-area {
    padding: 20px 15px 0;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgb(148 146 245 / 20%);
}
.metalplan-blog-meta.post_blog h2 a {
    font-size: 24px;
    font-weight: 700;
    transition: .5s;
}
.metalplan-blog-meta-left {
    margin-bottom: 10px;
    margin-top: 5px;
}
.metalplan-blog-meta-left a, .metalplan-blog-meta-left span {
    color: #888888;
    font-size: 16px;
    margin-right: 5px;
    margin-bottom: 0;
    display: inline-block;
}
.metalplan-blog-meta-left i {
    color: #ffc80a;
    margin-right: 5px;
    font-size: 13px;
}
.metalplan-blog-meta-left a, .metalplan-blog-meta-left span {
    color: #888;
}
.em-blog-content-area .witr_btn {
    background: #ffc80a;
    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;
}
.metalplan-single-blog:hover .metalplan-blog-thumb a:before {
    opacity: 1;
}
.metalplan-single-blog:hover .metalplan-blog-thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.em-blog-content-area .witr_btn:hover {
    background: #323232;
    color: #fff;
}
.metalplan-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  #ffc80a;
    padding: 1em 1em;
    margin-top: 15px;
}
blockquote {
    margin: 0 0 30px;
    font-size: 17px;
    font-weight: 400;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 7%);
}
.blog-left-side .widget a {
    color: #454545;
    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: 16px;
    font-weight: 600;
}
.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;
}
.metalplan-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;
}
.metalplan-single-icon-inner {
    text-align: center;
}
.metalplan-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;
}
.metalplan-single-icon-inner a:hover {
    background: #ffc80a;
    border-color: #ffc80a;
    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;
}
.metalplan_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;
}
.metalplan_btn:hover {
    background: #ffc80a;
    border-color: #ffc80a;
    color: #fff;
}
/* end sidebar css */
/* ===== 15. Footer Area CSS ===== */
.witrfm_area {
    position: relative;
    background: #303849;
}
.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 80px;
}
.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, .metalplan-description-area p, .metalplan-description-area .phone a, .metalplan-description-area .social-icons a, .recent-review-content h3, .recent-review-content h3 a, .recent-review-content p, .footer-middle .metalplan-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;
}
.single-widget-item h2 {
    color: #ffffff;
    margin-bottom: 33px;
    margin-top: 28px;
}
.metalplan-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: 16px;
}
.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: 5px;
}
.recent-post-image img {
    border-radius: 0;
    width: 70px;
}
.recent-post-item {
    clear: both;
    margin-bottom: 15px;
}
.footer-sociala-icon {
    clear: both;
    float: left;
    font-size: 17px;
    margin-right: 12px;
}
.footer-middle .recent-post-text>h4 a:hover {
    color: #ffc80a;
}
.footer-middle .recent-post-text .rcomment {
    font-size: 14px;
    font-weight: 400;
}
.footer-middle .widget ul li {
    margin-bottom: 10px;
}
.footer-widget.address p {
    margin-bottom: 9px;
}
.footer-middle .widget ul li a:hover, .footer-middle .widget ul li:hover:before {
    color: #ffc80a;
}
.metalplan-desmetalplaniption-area a img {
    margin: 26px 0;
}
.metalplan-description-area .social-icons a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 5px;
}
.metalplan-description-area .social-icons a:hover {
    background: #ffc80a;
}
.metalplan-description-area .social-icons a {
    background: #44526c;
}
.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: #ffc80a;
    color: #fff;
}
.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;
    background: 0 0;
    width: 100%;
    line-height: 43px;
    border-radius: 0;
    padding-left: 10px;
}
.mc4wp-form-fields input {
    color: #fff;
}
.mc4wp-form-fields input::placeholder{
	color: #fff;
}
.mc4wp-form-fields input {
    font-size: 16px;
    outline: 0;
    padding: 15px 30px;
}
.footer-middle .mc4wp-form-fields button {
    background: #ffc80a;
}
.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;
    -webkit-transition: .5s;
    transition: .5s;
}
.mc4wp-form-fields button {
    border: none;
    outline: 0;
    bottom: 0;
    font-size: 30px;
    text-align: center;
    z-index: 2;
}
.footer-middle .mc4wp-form-fields button:hover {
    background: #fff;
	color: #ffc80a;
}
.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: #ffc80a;
}
/* smetalplanoll up css */
#scrollUp {
    bottom: 30px;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    right: 100px;
    text-align: center;
    border-radius: 5px;
    width: 40px;
	background: #ffc80a;
}

#scrollUp i {
    color: #fff;
}
/* slick slide css */
.slick-dots li button {
    font-size: 0;
    width: 18px;
    height: 18px;
    border: 0 solid #F0F0F0;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 50%;
    padding: 0;
    -webkit-transition: .5s;
    transition: .5s;
    outline: 0;
}
 .slick-dots li.slick-active button {
    background-color:#ffc80a;
}
.slick-dots li {
    display: inline-block;
}
.slick-dots {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -45px;
    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: 5px;
    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: #ffc80a;
}
.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: #2e3748;
}
.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%;
	opacity:1;
}
.witr_ds_content_area:hover .slick-prev, .witr_ds_content_area:hover .slick-next {
	opacity:1;
}
.metalplan_blog_area:hover .slick-prev, .metalplan_blog_area:hover .slick-next{
	opacity:1;
}
.metalplan_feature_area:hover .slick-prev, .metalplan_feature_area:hover .slick-next {
    opacity: 1;
}
.metalplan_testimonial_area:hover .slick-prev, .metalplan_testimonial_area:hover .slick-next{
	opacity:1;
}
.testimonial_area2:hover .slick-prev, .testimonial_area2:hover .slick-next{
	opacity:1;
}
.metalplan_team_area:hover .slick-prev, .metalplan_team_area:hover .slick-next{
	opacity:1;
}
.project_area .slick-prev, .project_area .slick-next {
    opacity: 1;
    top: -65px;
}
.project_area .slick-next {
    right: 0;
}
.project_area .slick-prev {
    left: 985px;
}
/*===== 17. Breadcumb Area CSS =====*/
 .breadcumb-inner h2 {
     font-size: 36px;
}
.breadcumb-area {
    padding-top: 60px;
    padding-bottom: 60px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../image/call-bg.jpg);
    position: relative;
}
.breadcumb-area:before, .breadcumb-blog-area:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: rgba(0,0,0,0.4);
}
.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: #ffc80a;
}
.brpt h2 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 5px;
}
 .lcase {
     text-transform: lowercase;
}
 .ucase {
     text-transform: uppercase;
}
 .ccase {
     text-transform: capitalize;
}
/* ===== 17. Brand Area CSS ===== */
.metalplan_brand_area {
    background: #ffc80a;
    padding: 65px 0 80px;
}
.metalplan_brand_area .witr_section_title {
    margin-bottom: 0;
}
.slide_items {
    text-align: center;
}
.metalplan_brand_area .witr_section_title_inner h3 {
    color: #fff;
    font-size: 31px;
}
.metalplan_brand_area .witr_section_title_inner h1 {
    color: #fff;
    font-size: 31px;
}
/* ===== 18. Skill Area CSS ===== */
.metalplan_skill_area {
    padding: 100px 0 40px;
}
.witr_single_progress {
    overflow: hidden;
    margin-bottom: 20px;
}
.progress {
    display: flex;
    height: 6px;
    background-color: #e9ecef;
}
.progress-bar {
    background:#ffc80a;
}
.witr_progress-style2 .progress-bar {
    position: relative;
    text-align: left;
    line-height: 4px;
    border-radius: 0;
    box-shadow: none;
}
.witr_progress-style2 {
    overflow: visible;
    position: relative;
    margin-top: 2px;
    box-shadow: none;
    background: #e9ecef;
    border-radius: 0;
    margin-bottom: 2px;
}
.witr_progress-style2 + .witr_progress-style2 {
	margin-top: 60px;
}
.witr_progress-style2 .progress-bar {
    position: relative;
    text-align: left;
    border-radius: 7px;
    line-height: 25px;
    box-shadow: none;
    height: 6px;
}
.witr_title6 .witr_label {
	left: 2px;
	top: 8px;
	color: #272727;
	font-size: 16px;
	font-weight: 600;
}
.witr_progress-style2 .witr_percent {
    position: absolute;
    right: 0;
    font-weight: 700;
    font-size: 16px;
    top: -28px;
}
.witr_progress-style2 .witr_percent {
    color: #272727;
}
.witr_title6 {
    margin-top: 20px;
}
.witr_label {
    color: #272727;
}
.witr_title2 .witr_label {
    font-size: 17px;
    font-weight: 700;
}

.skill_witr_inner .witr_not_ani {
    animation: witr_abmovetb_box15 3s linear 2s infinite alternate running;
}
@keyframes witr_abmovetb_box15 {
  0%{
	  transform: translateY(-40px);
	}
  100%{
	  transform: translateY(-20px);
	}
}
.witr_shape_item_inner {
    position: absolute;
    z-index: -1;
    content: "";
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_shape_box, .single_img_ani img {
    border-style: solid;
    border-width: 140px 140px 140px 140px;
    border-color: #ffc80a;
}
.witr_shape_box {
    height: 500px;
    background-color: #FFFFFF;
}
.witr_shape_box {
    width: 500px;
    border-radius: 50%;
    margin: auto;
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_shape_box {
    background: #fff;
}
.witr_shape_box_text {
    left: 50%;
    top: 50%;
    margin: auto;
    text-align: center;
    position: absolute;
    content: "";
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size: 18px;
}
.single_image:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    z-index: 1;
	opacity: 0.5;
}
.witr_shape_item_inner {
    position: absolute;
    z-index: -1;
    content: "";
    -webkit-transition: .5s;
    transition: .5s;
	animation:witr_movelr_box45 5s linear 1s infinite alternate running;
}
@keyframes witr_movelr_box45 {
  0%{
	  transform: translateX(0px);
	}
  100%{
	  transform: translateX(45px);
	}
}
.witr_progress-style8 {
    position: relative;
    height: 40px;
    box-shadow: none;
    border-radius: 20px;
    overflow: visible;
    padding: 7px;
    box-shadow: 0 1px 10px rgba(68, 68, 68, 0.08);
}
.witr_progress-style8 + .witr_progress-style8 {
    margin-top: 30px;
}
.witr_progress-style8 .progress-bar {
    text-align: left;
    border-radius: 0;
    box-shadow: none;
    border-radius: 15px;
}
.witr_progress-style8 .witr_label {
    position: absolute;
    left: 20px;
    font-size: 13px;
    font-weight: 500;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.witr_progress-style8 .witr_percent {
    position: absolute;
    right: 14px;
    top: 50%;
    font-weight: 500;
    font-size: 13px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.progress_bar_area .progress {
    margin-top: 29px;
}
.witr_progress-style8 {
    background: #fff;
}
.witr_progress-style5 {
    height: 24px;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
    margin-top: 30px;
}
.witr_progress-style5 + .witr_progress-style5 {
    margin-top: 60px;
}
.witr_progress-style5 .progress-bar {
    position: relative;
    text-align: left;
    border-radius: 0;
    box-shadow: none;
}
.witr_title5 .witr_label {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 16px;
    font-weight: 600;
}
.witr_progress-style5 .witr_percent {
    position: absolute;
    right: 0;
    font-weight: 500;
    font-size: 12px;
    top: -35px;
    padding: 3px 6px;
    border-radius: 4px;
}
.witr_progress-style5 .witr_percent:after {
    content: "";
    position: absolute;
    border: 11px solid transparent;
    left: -19px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.progress.witr_progress-style5 {
    margin-top: 37px;
}.witr_progress-style5 {
    height: 24px;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
    margin-top: 30px;
}
.witr_progress-style5 + .witr_progress-style5 {
    margin-top: 60px;
}
.witr_progress-style5 .progress-bar {
    position: relative;
    text-align: left;
    border-radius: 0;
    box-shadow: none;
}
.witr_title5 .witr_label {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 16px;
    font-weight: 600;
}
.witr_progress-style5 .witr_percent {
    position: absolute;
    right: 0;
    font-weight: 500;
    font-size: 12px;
    top: -35px;
    padding: 3px 6px;
    border-radius: 4px;
}
.witr_progress-style5 .witr_percent:after {
    content: "";
    position: absolute;
    border: 11px solid transparent;
    left: -19px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.progress.witr_progress-style5 {
    margin-top: 37px;
}
.right_progress_inner .progress {
    background-color: #e9ecef;
}
 .witr_progress-style5 .witr_percent {
    position: absolute;
    right: 0;
    font-weight: 500;
    font-size: 12px;
    top: -35px;
    padding: 3px 6px;
    border-radius: 4px;
}
.witr_progress-style5 .witr_percent {
    background: #222;
}
.progress_bar_area .witr_section_title {
    padding-bottom: 32px;
}
/* ===== Skill Area CSS ===== */
.skill_area2 {
    padding: 20px 0 20px;
}
.witr_single_progress {
    position: relative;
}
.skill_area2 .witr_label {
    font-weight: 500;
	position: absolute;
    left: 0;
    top: 0;
    font-size: 17px;
	color: #272727;
}
.skill_area2 .witr_progress-style2 .progress-bar {
    position: relative;
    text-align: left;
    border-radius: 7px;
    line-height: 25px;
    box-shadow: none;
    height: 4px;
    border-radius: 30px;
}
.skill_area2 .progress {
    height: 10px;
    border-radius: 30px 30px 30px 30px;
    background: 0 0;
    box-shadow: none;
    overflow: visible;
    border: 1px solid #ffc80a;
    margin-top: 29px;
    display: -ms-flexbox;
    display: flex;
    font-size: .75rem;
}
.skill_area2 .progress-bar {
    border-radius: 30px 30px 30px 30px;
    margin: 2px 2px 2px;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    white-space: nowrap;
    transition: width .6s ease;
    background: #ffc80a;
    overflow: inherit;
    position: relative;
    text-align: left;
    line-height: 4px;
    box-shadow: none;
}
.skill_area2 .witr_progress-style2 .witr_percent {
    position: absolute;
    right: 0;
    font-weight: 700;
    font-size: 16px;
    top: -30px;
    color: #272727;
}
.skill_area2 .witr_single_progress {
    margin-bottom: 20px;
}
.skill_area2 .witr_section_title {
    margin-bottom: 40px;
}
.skill_area2 .witr_section_title_inner h2 {
    margin-bottom: 15px;
}
.progress_area2 {
    padding: 95px 0 80px;
}
.progress_area2 .witr_section_title {
    margin-bottom: 30px;
}
.progress_area2 .progress-bar {
    background: #ffc80a;
}
.progress_area2 .progress {
    background-color: #e9ecef;
}
.progress_area2 .witr_percent {
    color: #272727;
    font-weight: 700;
}
.progress_area2 .witr_label {
    font-weight: 700;
    color: #272727;
    font-size: 17px;
}
.progress_area2 .witr_single_progress {
    overflow: hidden;
    margin-bottom: 20px;
}
.progress2_witr_inner .witr_progress-style7 .witr_percent {
    position: absolute;
    right: -13px;
    font-weight: 500;
    font-size: 10px;
    top: -35px;
    padding: 3px 6px;
}
.witr_progress-style7 .witr_percent {
    background: #272727;
}
.witr_progress-style7 .witr_percent::after {
    content: '';
    position: absolute;
    border: 5px solid transparent;
    left: 50%;
    top: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.progress2_witr_inner .progress.witr_progress-style7 {
    overflow: visible;
}
.progress2_witr_inner .witr_percent {
    color: #fff;
    font-weight: 700;
}
.progress2_witr_inner .progress {
    margin-top: 8px;
}
.progress2_witr_inner .witr_label {
    font-weight: 600;
    font-size: 15px;
}
/* ===== 19. Menufacturing Area CSS ===== */
.menufacturing_area {
    padding: 100px 0 0;
}
.menufacturing_area .text_box {
    padding: 10px 32px 31px 32px;
    box-shadow: 0px 0px 20px 0px rgb(42 67 113 / 15%);
    margin-bottom: 20px;
}
.menufacturing_area .text_box:hover{
	box-shadow: 8px 8px 30px 0px rgb(42 67 113 / 15%);
}
.menufacturing_left {
    margin-bottom: 20px;
}
.menufacturing_area .service-item h3, .menufacturing_area .service-item h3 a {
    font-size: 30px;
	padding: 15px 0 10px;
}
.menufacturing_area .service-btn a, .menufacturing_area .witr_service_btn_3d a {
    color: #ffc80a;
    background: 0;
    margin: 12px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    border: 1px solid #ffc80a;
}
.menufacturing_area .service-btn a:hover, .menufacturing_area .witr_service_btn_3d a:hover {
    background: #ffc80a;
    color: #fff;
}
.menufacturing_left .sub-item h3 {
    margin: 15px 0 11px 0px;
}
.departmentList {
    position: relative;
    padding: 73px 30px 65px;
    border-radius: 10px;
    background-size: cover;
    text-align: left;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
    margin-bottom: 10px;
}
.all_list_color h3 a, .all_list_color h3 {
    color: #FFFFFF;
    background-color: #2e3748;
    border-radius: 5px 5px 5px 5px;
}
.departmentList h3 {
    margin-bottom: 22px;
    text-align: center;
    padding: 17px 0px 20px 0px;
}
.departmentList ul li a, .departmentList ul li span {
    font-size: 18px;
    display: block;
    color: #FFFFFF;
    background: #ffc80a;
    font-weight: 500;
    border-radius: 30px 30px 30px 30px;
    margin: 0px 0px 15px 0px;
    padding: 12px 6px 12px 25px;
}
.departmentList ul li a i, .departmentList ul li span i {
    display: inline-block;
    float: right;
    background-color: #15133A;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100px 100px 100px 100px;
    margin: -6px 0px 0px 0px;
}
.all_list_color ul li a:hover, .all_list_color ul li span:hover {
    background: #2e3748;
}
.menufacturing_video_area {
    padding: 80px 0 100px;
}
.menufacturing_video_area .video-open-inline iframe {
    width: 100%;
    height: 630px;
    border: none;
}
.all_list_color ul li a i:hover, .all_list_color ul li span i:hover {
    background: #00C5FB;
}
.academics_area {
    padding: 100px 0 95px;
}
.academics_area .departmentList {
    padding: 30px 30px 30px 30px;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 6%);
    margin-bottom: 30px;
}
/* ===== 20. Pricing Area CSS ===== */
.pricing_plan_area {
    padding: 95px 0 80px;
}
.pricing_plan_area .witr_section_title_inner h2 {
    padding: 0;
    text-transform: uppercase;
}
.pricing_area {
    border-radius: 5px;
    box-shadow: 8px 8px 30px 0px rgb(42 67 113 / 15%);
    margin-bottom: 20px;
}
.pricing_left_inner {
    margin: 145px 0px 0px 0px;
}
.pricing_left_inner .witr_section_title_inner p {
    padding: 0;
} 
.pricing_left_inner .witr_section_title {
    margin-bottom:45px;
}
.pricing-part {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.pricing_top_box {
    position: relative;
    padding: 30px 25px;
    background: #ffc80a;
    border-radius: 5px;
}
.pricing_topb_zindex {
    position: relative;
    z-index: 1;
}
.pricing-part h4 {
    font-size: 30px;
    padding: 0;
    display: block;
	color:#fff;
}
.all_pricing_color h2, .all_pricing_color h3, .all_pricing_color h4, .all_pricing_color h5 {
    margin: 0;
}
.top_by_bottom {
    padding-top: 30px;
}
.pricing-part h5 {
    font-size: 35px;
	color:#fff;
	display:inline-block
}
.pricing-part span {
    font-size: 24px;
    margin-right: 5px;
}
.pricing_style_6 .witr_pricing_icon {
    position: relative;
    top: -40px;
    left: 44px;
}
.pricing_style_6 .witr_pricing_icon i {
    padding-top: 0;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: #fff;
    text-align: center;
    border-radius: 100%;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
}
.witr_pricing_icon i {
    font-size: 40px;
    color: #ffc80a;
}
.pricing_style_6 .witri_texti_list {
    margin-top: 0;
}
.pricing-part ul {
    padding: 0 30px;
    text-align: center;
}
.witri_texti_list ul li {
    list-style: none;
    font-size: 17px;
    margin-bottom: 17px;
}
.witri_texti_list ul li i {
    margin-right: 10px;
}
.pricing_style_6 .witr_btnp_color {
    padding-top: 45px;
    padding-bottom: 0;
}
.witr_btnp_color a.btn {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    display: block;
    cursor: pointer;
    padding: 17px 30px;
    border: 1px solid #ffc80a;
    background: #ffc80a;
    color: #fff;
}
.pricing-part a.btn:hover {
    background: 0 0;
}
.pricing-part a.btn:hover {
    color: #ffc80a;
}
.pricing_style_6.pricing-part strong {
    right: -25px;
    top: -30px;
    width: auto;
    -webkit-transform: inherit;
    transform: inherit;
    border-radius: 0 5px 0 0;
}
.pricing_style_6.pricing-part strong {
    background: #2e3748;
}
.pricing-part strong {
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    padding: 7px 20px;
    text-align: center;
	color:#fff;
}
/* ===== Pricing Area CSS ===== */
.pricing_plan_area2 {
    background:#fafafa;
    padding: 100px 0 80px;
}
.pricing_plan_area2 .pricing-part strong {
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    right: -40px;
    top: 13px;
    padding: 7px 20px;
    width: 160px;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #ffc80a;
    color: #fff;
}
.pricing_plan_area2 .witr_pricing_icon i {
    font-size: 40px;
    padding-top: 40px;
    display: block;
    color: #ffc80a;
}
.pricing_plan_area2 .prt_content {
    padding: 10px 0 7px;
    font-size: 20px;
}
.pricing_plan_area2 .all_pricing_color p {
    color: #0e5fb2;
}
.pricing_plan_area2 .pricing-part h5 {
    color: #303849;
}
.pricing_plan_area2 .pricing-part span {
    font-size: 24px;
    margin-right: 5px;
}
.pricing_bar_title {
    position: relative;
    margin: 50px 0;
}
.pricing_bar_title::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #ddd;
    left: 0;
    right: 0;
    top: 50%;
}
.pricing_style_7.pricing-part h4 {
    font-size: 16px;
    padding: 13px 30px;
    display: inline-block;
    border-radius: 30px;
    color: #fff;
    z-index: 1;
    position: relative;
    background: #ffc80a;
}
.pricing_plan_area2 .witri_texti_list {
    margin-top: 25px;
}
.pricing_plan_area2 .witr_btnp_color {
    padding-top: 37px;
    padding-bottom: 40px;
}
.pricing_plan_area2 .pricing-part a.btn {
    padding: 17px 30px;
    display: inline-block;
    border: 1px solid #ffc80a;
    background: #ffc80a;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
.pricing_plan_area2 .pricing-part a.btn:hover {
    background: 0 0;
	color: #ffc80a;
}
/* ===== 12. Video Area CSS ===== */
.metalplan_video_area {
    background-image: url("https://demo.themexbd.com/html/metalplan/assets/images/Service-Bg-img.jpg");
    background-position: center center;
    background-size: cover;
    padding: 110px 0px 105px 0px;
}
.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: #ffc80a;
}
.tx_svd_icon {
    line-height: 75px;
    text-align: center;
    -webkit-animation: witr-shadow 1s linear infinite;
    animation: witr-shadow 1s linear infinite;
    -webkit-transition: 0.5s;
}
.video-item a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: witr_squares 1.5s ease-in-out infinite;
    animation: witr_squares 1.5s ease-in-out infinite;
    left: 0;
    right: 0;
    bottom: 0;
	background: #ffc80a;
}
.video-item i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	color: #fff;
}
.video-item h3 {
    font-size:30px;
    margin-top: 35px;
    color: #fff;
}
@keyframes witr_squares{
	0%{-webkit-transform:scale(1);transform:scale(1);opacity:0;-ms-filter: "progid:DXImageTransform.Miautocarosoft.Alpha(Opacity=0)"}
	20%{-webkit-transform:scale(1.24);transform:scale(1.24);opacity:1;-ms-filter: "progid:DXImageTransform.Miautocarosoft.Alpha(Opacity=100)"}
	100%{-webkit-transform:scale(2.1);transform:scale(2.1);opacity:0;-ms-filter: "progid:DXImageTransform.Miautocarosoft.Alpha(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 Area CSS ===== */
.video_area2 {
    padding: 80px 0 0;
}
.video_area2 ul li a i, .video_area2 .play-overlay i, .video_area2 .video-item i, .video_area2 .witr_video_btn i {
	font-size: 23px;
	color: #fff;
}
.video_area2 .play-overlay a, .video_area2 .play-overlay a:before, .video_area2 .video-item a, .video_area2 .video-item a:before {
    background: #ffc80a;
    font-size: 28px;
}
/* ===== 21. Contact Area CSS ===== */
.contact_inner .witr_section_title {
    margin-bottom: 25px;
}
.apartment_area {
    position: relative;
    padding: 60px 35px 75px;
    text-align: left;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
    margin-top: 20px;
}
.apartment_text h1 {
    color: #ffc80a;
	font-size: 17px;
    margin-bottom: 5px;
}
.apartment_text h2 {
    margin-bottom: 40px;
    font-size: 29px;
}
.witr_apartment_form input, .witr_apartment_form textarea {
    border: 1px solid #f1f1f1;
}
.witr_apartment_form  .btn {
    margin-top: -10px;
    background: #FE688B;
    transition: .5s;
    border-radius: 0px;
}
.witr_apartment_form textarea {
    margin-bottom: 16px;
    height: 150px;
    width: 100%;
    padding-top: 10px;
    padding-left: 30px;
    color: #888;
    background: #02010100;
    border-radius: 5px;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px;
}
.witr_apartment_form form select, .witr_apartment_form form select, .witr_apartment_form input {
    width: 100%;
    height: 45px;
    outline: none;
    margin-bottom: 23px;
    background: #02010100;
    border-style: solid;
    border-width: 1px;
    border-color: #DDDDDD;
    border-radius: 5px;
    padding: 0;
    padding-left: 30px;
    color: #888;
}
.witr_apartment_form input, .witr_apartment_form form select, .wpcf7-not-valid-tip, .witr_apartment_form input::-webkit-input-placeholder, .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap input::-webkit-input-placeholder, .wpcf7-form-control-wrap a, .wpcf7-form-control-wrap a::-webkit-input-placeholder, .wpcf7-form-control-wrap textarea, .witr_apartment_form textarea::-webkit-input-placeholder, .wpcf7-submit::-webkit-input-placeholder, .witr_apartment_form form select option {
    color: #888;
}
.witr_apartment_form textarea::placeholder{
	color: #888;
}
.witr_apartment_form .btn {
    border: 0 none;
    display: inline-block;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    margin-top: 0;
    background: #ffc80a;
    color: #fff;
}
.witr_apartment_form .btn:hover {
    background: #02101e;
}
.metalplan_cont_area {
    padding: 120px 0 120px;
}
/* ===== Contact Area CSS ===== */
.contact_area {
    padding: 100px 0 120px;
}
.contact_area .apartment_area {
    text-align: center;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);
}
.contact_area .apartment_text h1 {
    font-size: 40px;
    margin-bottom: 10px;
}
.contact_area .apartment_text h2 {
    font-size: 19px;
    font-weight: 500;
    margin: 0px 0px 53px 0px;
}
.contact_area .witr_apartment_form input {
    border-color: #f1f1f1;
}
.contact_area .witr_apartment_form textarea {
    border-color: #f1f1f1;
}
/* ===== Contact Area CSS ===== */
.contact_page_area {
    padding: 100px 0 0;
}
.contact_page_area .witr_section_title {
    margin-bottom: 40px;
}
.contact_page_area .witr_section_title_inner p {
    margin-top: 0;
}
.contact_page_area .all_color_service {
    padding: 30px 30px 40px 30px;
    border: 1px solid #2e3748;
}
.contact_page_area .all_color_service, .service_top_image::after {
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 5%);
    margin-bottom: 20px;
    border-radius: 0;
    background: #fff;
}
.contact_page_area .service_top_image {
    position: relative;
}
.contact_page_area .service-item i {
    font-size: 30px;
    height: 80px;
    width: 80px;
    text-align: center;
    border-radius: 50%;
    line-height: 80px;
    display: inline-block;
    transition: .5s;
    border-radius: 50px;
    color: #2e3748;
    background: #f3f3f3;
}
.contact_page_area .all_color_service:hover {
    background: 0;
}
.contact_page_area .service-item h3 {
    padding: 15px 0 10px;
}
.contact_page_area .all_color_service:hover i, .contact_page_area .poly_text_box:hover .contact_page_area .service_icon_box::before {
    background:#ffc80a;
}
.contact_page_area .text_box.all_icon_color p {
    margin: 0px;
    color: #030925;
    padding: 0;
}
/* map css */
.map_inner iframe {
    width: 100%;
    height: 500px;
    border: none;
    margin-bottom: -8px;
}
.metalplan_contact_area .map_inner iframe {
    width: 100%;
    height: 585px;
    border: none;
    margin-bottom: -8px;
}


.tx_golobal_color{
     background: #ffc80a;
}
 .tx_btn_global_color:hover{
     background:#000;
}