
/*
Template Name: APPS
Author Name: themex

*/

/*
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. Solution Area CSS
9. Team Area CSS
10. Choose Area CSS
11. Faq Area CSS
12. Brand Area CSS
13. Blog Area CSS
14. Footer Area CSS
15. Breadcumb Area CSS
16. Testimonial Area CSS
17. Portfolio Area CSS
18. Pricing Plan Area CSS
19. Contact Area CSS


*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700;800;900&display=swap');

/*theme css*/
a {
    color: #6a6a7c;
    transition: .5s;
}
a:hover {
    text-decoration: none;
    color: #06f;
}
 body {
	font-family: Outfit,sans-serif;
	font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color:#777;
}
 p {
     font-style: normal;
}
 h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    font-family: Outfit,sans-serif;
    font-style: normal;
    line-height: 1.2;
    font-weight: 700;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 22px;
    margin-bottom: 5px;
	color: #000;
}
.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: 46px;
    margin: auto;
    font-weight: 700;
    line-height: 1.2;
}
.witr_section_title_inner h2 {
    font-size: 16px;
    display: inline-block;
    color: #ff5eef;
}
.witr_section_title {
    margin-bottom: 50px;
}
.witr_section_title_inner p {
    width: 100%;
    padding: 20px 0px 0px 0px;
    margin-top: 10px;
}
.witr_section_title_inner h1 span, .witr_section_title_inner h2 span, .witr_section_title_inner h3 span, .witr_section_title_inner p span, .witr_section_title_inner p span a {
    color: #06f;
    font-size: 16px;
    font-weight: 400;
}
@media (min-width: 1200px){
	.container {
		max-width: 1140px;
	}
}
.witr_all_pd0{
	padding:0;
}
/* ===== 1. Top Menu CSS ===== */
 .em40_header_area_main.hdisplay_none {
     display: none;
}
.bikot-header-top {
    background: #06f;
    padding: 10px 0;
}
 .top-address p {
     margin-bottom: 0;
}
.top-address p span, .top-address p a {
    margin-right: 20px;
}
 .top-address p span i, .top-address p a i {
     font-size: 13px;
     color: #fff;
     margin-right: 5px;
}
 .top-address p span i:hover, .top-address p a i:hover{

 }
 .top-address p a {
     display: inline-block;
     text-decoration: none;
     -webkit-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}
/* TOP socia CSS */
 .top-right-menu ul.social-icons {
     margin: 0;
     padding: 0;
}
.top-right-menu ul.social-icons li {
    display: inline-block;
    margin-left: 8px;
    position: relative;
    color: #fff;
}
.top-right-menu ul.social-icons li i {
    color: #fff;
    font-size: 15px;
    margin-left: 3px;
}
.top-right-menu{
    text-align: right;
}
.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-address {
    display: inline-block;
}
.top-right-menu ul.social-icons li a{
    transition: .2s ease-in-out;
    font-size: 15px;
}
 .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;
}
.top-welcome p a, .top-address p a {
    color: #fff;
}
/* ===== 2. Menu Area CSS ===== */
.bikot_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 */
 .bikot-main-menu .logo a.main_sticky_main_l {
     display: block;
}
 .bikot-main-menu .logo a.main_sticky_l {
     display: none;
}
/* logo pre */
 .bikot-main-menu .prefix .logo a.main_sticky_main_l {
     display: none;
}
 .bikot-main-menu .prefix .logo a.main_sticky_l {
     display: block;
} 

/* MENU text CSS */
 .bikot_menu ul {
     text-align: right;
     list-style: none;
}
 .bikot_menu > ul > li {
     display: inline-block;
     position: relative;
}
.bikot_menu > ul > li > a {
    display: block;
    margin: 35px 15px;
    transition: .5s;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    font-family: Outfit,sans-serif;
}
.witr_h_h10 .bikot_menu, .witr_h_h11 .bikot_menu, .witr_h_h14 .bikot_menu, .witr_h_h17 .bikot_menu, .witr_h_h2 .bikot_menu, .witr_h_h3 .bikot_menu, .witr_h_h4 .bikot_menu, .witr_h_h5 .bikot_menu, .witr_h_h6 .bikot_menu, .witr_h_h7 .bikot_menu, .witr_h_h8 .bikot_menu, .witr_h_h9 .bikot_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.bikot_menu > ul > li > a:before, .bikot_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;
}
 .bikot_menu ul li:last-child a {
     margin-right: 15px !important;
}
.bikot_menu > ul > li.current > a, .bikot_menu > ul > li:hover > a, .creative_header_menu > ul > li:hover > a {
    color:#06f;
    background-color: transparent;
}
 .bikot_menu > ul > li:hover > a:before, .bikot_menu > ul > li.current > a:before {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 .transprent-menu .bikot_nav_area {
     left: 0;
     right: 0;
     top: 0;
     z-index: 9999;
     background-color: transparent;
     padding: 0;
     transition: .5s;
     position: absolute;
}
 .bikot_nav_area.postfix {
     -webkit-transition: .3s;
     transition: .3s;
}
.bikot_nav_area.prefix, .hbg2 {
    background-color: #fcf5f2;
}
 .bikot_nav_area.prefix .bikot_menu > ul > li > a {
     color:#fff;
}
.bikot_nav_area.prefix .bikot_menu > ul > li.current > a {
    color:#06f;
}
.search_popup_button, .tx_mmenu_together {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.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 */
.bikot_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 240px;
    text-align: left;
    background: #fff;
    margin: 0;
    padding: 15px 15px 8px 25px;
    z-index: 9999;
    box-shadow: 0 0 30px rgb(0 0 0 / 9%);
    transition: .2s;
    opacity: 0;
    visibility: hidden;
}
 .bikot_menu ul li:hover > .sub-menu {
     transition: .5s;
     opacity: 1;
     visibility: visible;
     top: 100%;
     z-index: 9;
}
 .bikot_menu ul .sub-menu li {
     position: relative;
	 transition:.5s;
}
.bikot_menu ul .sub-menu li a {
    display: block;
    margin: 0;
    margin-bottom: 6px;
    letter-spacing: normal;
    font-size: 15px;
    font-weight: 500;
    transition: .5s;
    color: #272727;
    visibility: inherit !important;
    padding: 4px 0px;
    font-family: Outfit,sans-serif;
}
 .bikot_menu ul .sub-menu li:hover > a, .bikot_menu ul .sub-menu .sub-menu li:hover > a, .bikot_menu ul .sub-menu .sub-menu .sub-menu li:hover > a, .bikot_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
     color: #14b1bb;
}
.bikot_menu ul .sub-menu li:hover {
    margin-left: 16px;
}
.bikot_menu ul .sub-menu li:before {
    left: -18px;
}
.bikot_menu ul .sub-menu li:hover:before{
	opacity:1;
}

.bikot_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%);
}
.bikot_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a, .bikot_menu ul .sub-menu .sub-menu .sub-menu li:hover>a, .bikot_menu ul .sub-menu .sub-menu li:hover>a, .bikot_menu ul .sub-menu li:hover:before, .bikot_menu ul .sub-menu li:hover>a {
    color:#06f;
}
/* sub menu 2 */
.bikot_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}
 .bikot_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 */
 .bikot_menu ul .sub-menu .sub-menu li {
     position: relative;
}
 .bikot_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;
}
 .bikot_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 */
 .bikot_menu ul .sub-menu .sub-menu .sub-menu li {
     position: relative;
}
 .bikot_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 */
.bikot-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;
}
 .bikot-main-menu .menu-item-has-children .menu-item-has-children> a:after {
     margin-left: 8px;
     content: "\f107";
}

/* quearys area css */
.bikot_menu.main-search-menu > .em-header-quearys, .em-quearys-top.msin-menu-search {
    display: inline-block;
}
.em-top-quearys-area {
    position: relative;
}

.bikot_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%);
}
.bikot_nav_area.prefix .main-search-menu .em-header-quearys .em-quearys-menu i{
    color: #fff;
}

.mrt10{
	margin-top:10px;
}
.em-quearys-menu i {
    background:#06f;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
}

.main_menu_address_a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    position: relative;
}
.main_menu_address_a::before {
    background: #fbfbfb40;
}
.main_menu_address_a:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 107px;
    left: 0;
}
.main_menu_header_icon {
    margin-left: 25px;
    margin-right: 10px;
}
.main_menu_header_icon i {
    color: #14b1bb;
	font-size: 30px;
}
.main_menu_header_address_text h3, .main_menu_header_address_text h4 a {
    margin: 0;
    font-weight: 600;
	font-size: 18px;
	
}
.main_menu_header_address_text h3{
	color: #14b1bb;
}
.main_menu_header_address_text h4 {
    margin-bottom: 0;
    color: #030925;
}
.main-search-menu .em-header-quearys .em-quearys-menu i {
    background: #06f;
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 17px;
    margin-left: 15px;
    color: #fff;
    cursor: pointer;
}
.em-quearys-menu i {
    background: #06f;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
	cursor:pointer;
}
@media (min-width: 10px) and (max-width: 991px){
	.bikot-main-menu, .d_md_none {
		display: none!important;
	}
}
/*=======================
#2 apps mobile menu css
========================*/
.mobile-menu{
 display:none !important;
}
 .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: #06f;
}
.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: 10px;
    font-weight: 700;
    border-radius: 5px;
    padding: 11px 25px;
    background: linear-gradient(-45deg, #0066FF, #FF5EEF);
    color: #fff;
}
a.dtbtn:hover {
    background: linear-gradient(-45deg, #FF5EEF, #0066FF);
}
 /* End Menu Area CSS */
/* ===== 3. Slider Area CSS ===== */
.witr_swiper_area {
    overflow: hidden;
    position: relative;
}
.video_page_area{
	position:relative;
}
.video_page_area::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .38;
    transition: background .3s,border-radius .3s,opacity .3s;
}
.video_page_area .witr_swiper_content h1, .video_page_area .witr_swiper_content h2, .video_page_area .witr_swiper_content h3, .video_page_area .witr_swipers_title h4, .video_page_area .witr_swiper_content p {
    color: #fff;
}
.witr_swiper_height {
    position: relative;
    background-size: cover;
    background-position: center center;
    height: 825px;
}
.witr_swiper_height:before, .wittr_gallery_swiper:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.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: 66%;
}
.witr_swiper_content h1 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
}
.witr_swiper_content h2, .witr_swiper_content h3 {
    font-size: 80px;
    font-weight: 700;
    line-height: 1.2;
}
.witr_swiper_content h2 {
    margin: 12px auto 0 0;
}
.witr_swiper_content h3 {
    padding: 0 0 20px;
}
.bikot_single_event:hover .event_page_title h2 a, .witr_swiper_content h1 span, .witr_swiper_content h2 span, .witr_swiper_content h3 span {
    color: #06f;
}
.witr_swiper_content p {
    padding: 5px 0 0;
    width: 41%;
}
.witr_swiper_content {
    position: relative;
    top: 52%;
    transform: translateY(-50%);
    z-index: 1;
}
.witr_sw_text_area {
    margin: auto;
    width: 59%;
    height: 100%;
}
.text-left .witr_slider_thumb {
    position: absolute;
    right: 295px;
    top: 60%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
/* button css */
.slider_btn {
    margin-top: 35px;
    float: left;
    overflow: hidden;
    margin-right: 10px;
}
.witr_btn {
    border-radius:5px;
    display: inline-block;
    font-size: 16px;
    padding: 18px 40px;
    text-align: center;
    position: relative;
    margin-right: 15px;
    z-index: 2;
    transition: 1s;
    font-weight: 700;
    color: #fff;
    background-image: linear-gradient(90deg, #0066FF 0%, #FF5EEF 100%);
}
.witr_btn:hover {
    color: #fff;
    background-image: linear-gradient(90deg, #FF5EEF 0%, #0066FF 100%);
}
.witr_s_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
/* slider side content */
.slider_service_content .service_top_text {
    display: block;
}
.slider_service_content .em-service2.sleft .em-service-icon {
    margin-right: 20px;
    margin-top: 8px;
}
.slider_service_content .em-service2 img {
    margin: 0px 25px 0px 0px;
}
.slider_service_content .em-service2 .em-service-inner {
    overflow: hidden;
    width: 100%;
}
.slider_service_content .em-service2.sleft.all_color_service {
    margin-top: 50px;
}
.slider_service_content .em-service2 p {
    font-size: 14px;
    padding: 12px 50px 0px 0px;
    width: 23%;
}

.witr_ds_content_area .witr_btn:hover {
    background-color: #1b1b1b;
    color: #fff;
}
.witr_btn.active {
    color: #fff;
    background: 0 0;
    border: 2px solid #fff;
}
.witr_btn.active:hover {
    background: #fff;
    color: #06f;
}
/* slider video button */
.witr_video_btn {
    font-size: 18px;
    font-weight: 500;
}
.witr_video_btn i {
    position: relative;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 20px;
	color:#06f;
}
.witr_video_btn i:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: witr_squares 1.5s ease-in-out infinite;
    animation: witr_squares 1.5s ease-in-out infinite;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
	background:#fff;
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 0; 
    left: 0;
    top: 0;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background: no-repeat 50%;
	color:#fff;
	transition:.5s;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 30px;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    padding: 30px;
	background: #fff;
}
.swiper-button-next:hover, .swiper-button-prev:hover, .witr_ds_content_inner h1 span, .witr_ds_content_inner h2 span, .witr_ds_content_inner h3 span {
    color:#06f;
}
/* ===== 4. Feature Area CSS ===== */
.apps_feature_area {
    padding: 120px 0px 95px 0px;
    z-index: 1;
}
.service-item {
    padding: 55px 32px 25px 32px;
    border-radius: 10px 10px 10px 10px;
    transition: .5s;
    margin-bottom: 20px;
}
.service-item h3 {
    padding: 20px 0px 5px 0px;
}
.service-item p {
    padding: 10px 0px 10px 0px;
}
.service-item:hover {
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
}
.active_shadow{
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
}
.index2_feature_area .all_color_service {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFFFFF;
    padding: 58px 32px 25px 32px;
    box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 5%);
}
.index2_feature_area .all_color_service:hover {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #0066FF;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0);
    background-color: #FFFFFF;
}
/* ===== 5. About Area CSS ===== */
.apps_about_area {
    padding: 0 0 85px 0;
}
.apps_about_image_inner .single_image img {
    max-width: 120%;
    transition: 0.5s;
    margin-top: -80px;
    margin-left: -120px;
}
.about_content_inner {
    margin: 0px 40px 0px 0px;
}
.about_middle_counter {
    display: flex;
    justify-content: space-between;
    margin-right: 145px;
}
.witr_counter_single {
    text-align: left;
    margin-bottom: 30px;
}
.witr_counter_number_inn {
    overflow: hidden;
}
.witr_counter_number_inn h3, .witr_counter_number_inn span {
    font-size: 38px;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0;
	color: #06f;
}
.witr_counter_number_inn span {
    line-height: 0;
}
.all_counter_color h4, .all_counter_color h1 {
    font-size: 17px;
    font-weight: 400;
}
.about_page_about_area {
    padding: 110px 0 85px 0;
}
.service_page_about_area {
    padding: 112px 0 85px 0;
}
/* ===== 6. Video Area CSS ===== */
.apps_video_area {
    background-image: url("../../images/apps/video.png");
    background-position: center center;
    background-size: cover;
    padding: 210px 0px 220px 0;
}
.video-overlay {
    padding: 70px 0 50px;
}
.video-item.witr_none_before.text-center {
    display: flex;
    justify-content: center;
}
.witr_all_color_v a {
    font-size: 28px;
    width: 182px;
    height: 182px;
    line-height: 182px;
    background: #FFFFFF;
}
.play-overlay a, .video-item a {
    position: relative;
    display: inline-block;
    border-radius: 100%;
}
.tx_svd_icon {
    text-align: center;
    animation: witr-shadow 1s linear infinite;
    -webkit-transition: 0.5s;
}
.play-overlay, .play-overlay i, .video-item i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #0066FF;
}
@keyframes witr-shadow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    }
    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    }
}
/* ===== 7. Service Area CSS ===== */
.apps_service_area {
    padding: 112px 0 95px;
}
.apps_service_area .service-item h3 {
    padding: 25px 0px 0px 0px;
}
.apps_service_area .service-item{
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color:#EEEEEE;
    padding: 55px 30px 22px 30px;
    border-radius: 10px 10px 10px 10px;
}
.apps_service_area .service-item:hover {
    border-color: #FFFFFF;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
    background-color: #FFFFFF;
}
.index2_service_area .all_color_service {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #0066FF;
}
/* ===== 8. Solution Area CSS ===== */
.digital_solution_area {
    background-image: url("../../images/apps/digital.png");
    background-position: center center;
    background-size: cover;
    padding: 115px 0px 115px 0px;
}
.digital_solution_area .witr_section_title {
    margin-bottom: 40px;
}
.departmentList {
    position: relative;
    border-radius: 10px;
    background-size: cover;
}
.all_list_color ul li a, .all_list_color ul li span {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    padding: 0px 0px 10px 0px;
}
.departmentList ul li a, .departmentList ul li span {
    display: block;
    margin-bottom: 1px;
}
.all_list_color ul li a i, .all_list_color ul li span i {
    color: #FFFFFF;
    background-color: transparent;
    background-image: linear-gradient(90deg, #0066FF 0%, #FF5EEF 100%);
    font-size: 15px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
}
.departmentList ul li a i, .departmentList ul li span i {
    display: inline-block;
    margin-top: 4px;
}
.digital_solution_area .witr_btn {
    margin-top: 40px;
}
.digital_solution_area .witr_section_title_inner p {
    width: 94%;
    padding: 20px 0px 0px 0px;
}
.solution_img_inner img {
    margin-left: 70px;
}
/* ===== 9. Team Area CSS ===== */
.apps_team_area {
    padding: 112px 0px 70px 0px;
}
.apps_team_area .witr_section_title {
    margin-bottom: 37px;
}
.team-part {
    border-radius: 5px;
    overflow: hidden;
    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;
    background-image: linear-gradient(180deg, #FF5EEF78 0%, #0066FFB5 100%);
}
.team_o_icon {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
}
.team_o_icon ul li, .team_o_icons ul li {
    list-style: none;
    display: inline-block;
}
.team_o_icon ul li a {
    -webkit-transition: .5s;
    transition: .5s;
    margin: 0 2px 7px;
}
.team_o_icon ul li a, .team_o_icons ul li a {
    width: 35px;
    height: 35px;
    line-height: 33px;
    border-radius: 5px;
    text-align: center;
    display: block;
    color: #fff;
    border: 1px solid #ddd;
}
.team_o_icon ul li a:hover{
	background:#06f;
	border-color:#06f;
}
.witr_team_content {
    padding: 23px 5px;
}
.all_color_team h5 {
    padding: 0px 0px 0px 0px;
}
.all_color_team span {
    color: #777777;
}
.witr_team_content span {
    font-size: 18px;
}
.busi_singleTeam:hover .busi_TMHover, .witr_team_s13:hover .team_line, .witr_team_s14:hover .team_s14_image:after, .witr_team_s14:hover .team_s14_image:before, .witr_team_section:hover .team_o_icon, .witr_team_section:hover .team_overlay_icon a, .witr_team_section:hover:before {
    opacity: 1;
}
.apps_team_area .slick-prev, .apps_team_area .slick-next {
    top: 640px;
}
.apps_team_area .slick-prev{
    left: 510px;
}
.apps_team_area .slick-prev, .apps_team_area .slick-next {
    top: 640px;
}
.apps_team_area .slick-next {
    right: 515px;
}
.team_page_team_area {
    padding: 112px 0 70px;
}
.team_page_team_area .witr_section_title {
    margin-bottom: 40px;
}
/* ===== 10. Choose Area CSS ===== */
.apps_choose_area {
    padding: 120px 0 100px;
}
.choose_img_inner img {
    margin-bottom: 20px;
}
.choose_content_inner {
    margin: 20px 20px 0px 20px;
}
.w_apps_button a.active {
    background-color: #0066FF;
    border-color: #0066FF;
}
.w_apps_button {
    display: inline-block;
}
.w_apps_button a {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FF5EEF;
    background-color: #FF5EEF;
}
.w_apps_button a {
    padding: 10px 30px 11px;
    border-radius: 5px;
    margin-right: 15px;
    display: block;
    -webkit-transition: .5s;
    transition: .5s;
}
.w_apps_button a {
    border: 1px solid #06f;
    color: #06f;
}
span.ibikot.active, span.spaninner.active {
    color: #FFFFFF;
}
span.ibikot {
    float: left;
    font-size: 25px;
    margin-right: 15px;
    margin-top: 0;
}
span.spaninner {
    display: inline-block;
    font-size: 23px;
}
span.spaninner span.smalltext {
    color: #FFFFFF;
    font-size: 7px;
    font-weight: 400;
    margin: 0px 0px -10px 0px;
}
span.smalltext {
    font-size: 14px;
}
span.spaninner span.largetext {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
}
span.ibikot {
    color: #FFFFFF;
}
.w_apps_button a {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FF5EEF;
    background-color: #FF5EEF;
}
span.smalltext {
    display: block;
}
.w_apps_button a:hover {
    border-color: #0066FF;
    background-color: #0066FF;
}
/* ===== 11. Faq Area CSS ===== */
.faq_content_inner .witr_section_title {
    margin-bottom: 40px;
}
.faq_content_inner {
    padding: 115px 60px 205px 380px;
    background: #FEF3F2;
}
.accordion_area .card-header.witr_ac_card {
    background: 0 0!important;
    padding: 0;
    border-bottom: 0;
    text-align: left;
}
.witr_ac_style {
    padding: 19px 0px 19px 10px;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
}
.witr_ac_style, .witr_ac_style::before {
    font-size: 17px;
}
.witr_ac_style {
    font-weight: 600;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 11px 25px;
    -webkit-transition: .5s;
    transition: .5s;
    color: #222429;
}
.witr_ac_style:before {
    position: absolute;
    content: '\ea99';
    right: 30px;
    font-family: IcoFont!important;
    font-weight: 400;
}
.active .witr_ac_style:before {
    content: '\eaa1';
}
.card-2 ul li, .accordion_area .card-2 p {
    padding: 0px 20px 15px 25px;
    margin: 0;
}
.accordion_area .card-2 {
    border: none;
    margin-bottom: 20px;
    background: #02010100;
    border: 1px solid #ddd;
}
.witr_ac_style:hover {
    color: #FFFFFF;
    background-color: transparent;
    background-image: linear-gradient(90deg, #0066FF 0%, #FF5EEF 100%);
}
.card-2 p {
    background-color: transparent;
    background-image: linear-gradient(90deg, #0066FF 0%, #FF5EEF 100%);
    color: #fff;
}
.active .witr_ac_style{
	color:#fff;
    background-color: transparent;
    background-image: linear-gradient(90deg, #0066FF 0%, #FF5EEF 100%);
}
.faq_img_inner{}
/* ===== Faq Area CSS ===== */
.about_page_faq_area {
    background: #F9F9F9;
    padding: 120px 0px 100px 0px;
}
.about_page_faq_area .faq_content_inner {
    background: 0 0;
	margin: 65px 0px 0px 0px;
	padding: 0;
}
.about_page_faq_area .accordion_area .card-2 {
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    background-color: #F3F3F3;
    margin-bottom: 15px;
}
.about_page_faq_area .witr_ac_style {
    background-color: #FFFFFF00;
}
.about_page_faq_area .witr_ac_style:hover {
    color: #6145C7;
}
.about_page_faq_area .active .witr_ac_style {
    color: #222429;
    background-color: transparent;
    background-image: none;
}
.about_page_faq_area .card-2 p {
    background-color: transparent;
    background-image: none;
    color: #777;
}
.about_page_faq_area .card-2 ul li, .about_page_faq_area .accordion_area .card-2 p {
    padding: 0 20px 25px 25px;
    margin: 0;
}
.about_page_faq_area .witr_ac_style:hover {
    background-image: none;
}
.faq_page_faq_area .faq_content_inner {
    background: 0 0;
    margin: 0;
    padding: 0;
}
.faq_page_faq_area .witr_section_title_inner p {
    padding: 0;
}
/* ===== Faq Area CSS ===== */
.faq_area1 {
    padding: 15px 0 100px;
}
.faq_area1 .accordion_area .card-2 p {
    padding: 15px 20px;
    color: #777;
}
.faq_area2 {
    background: #F9F9F9;
    padding: 118px 0px 100px;
}
.faq_area2 .accordion_area .card-2 {
    box-shadow: 1px 1px 7px -5px rgb(0 0 0 / 75%);
    background: 0 0;
    border: none;
}
.faq_area2 .card-2 p {
    padding: 10px 20px 15px 20px;
}
.accordion_area_02 .witr_ac_style {
    padding: 10px 20px;
    border-bottom: none;
    font-family: inherit;
}
.accordion_area_02 .accordion_02_shadow {
	border:none;
    box-shadow: 0px 0px 20px 0px #dddddd80;
	background:none;
}
.accordion_area_02 .card-header.witr_ac_card a:hover {
    color: #232323;
}
.border_bottom_0{
	border-bottom:none;
}
.writ_ac_style_02 {
    margin-left: 25px;
    font-size: 20px;
    font-weight: 600;
    display: block;
    background: none !important;
    color: #232323;
}
.active .writ_ac_style_02{
	color: #232323;
}
.writ_ac_style_02:before {
    position: absolute;
    content: '\f067';
    left: 20px;
	margin-right:10px;
    font-family: fontawesome !important;
    font-weight: 200;
}
.active .writ_ac_style_02:before {
    content: '\f068';
}
.card-header.witr_ac_card.border_bottom_0 {
    background: #fff;
    padding: 0px 10px;
}
.content_style p,
.conent_style p {
    padding-left: 18px;
}
.card.card-2.accordion_02_shadow {
	border: 0 !important;
    margin-bottom: 20px;
	box-shadow: 1px 1px 7px -5px rgb(0 0 0 / 75%);
}
.faq_area2 .witr_ac_style2 {
    padding-left: 30px;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 11px 15px;
    transition: .5s;
    padding: 12px 20px 12px 20px;
    color: #232323;
}
.writ_ac_style_02:before {
    font-weight: 200;
    font-size: 17px;
    color: #3a4268;
    margin-top: 2px;
}
.faq_area2 .single_image img {
    margin-bottom: 20px;
    margin-left: 50px;
}
.faq_area2 .active .witr_ac_style {
    color:#232323;
    background-color: #A4282800;
}
.faq_area2 .card-header.witr_ac_card a:hover {
    color: #232323;
}
/* ===== 12. Brand Area CSS ===== */
.apps_brand_area {
    padding: 85px 0 90px 0;
    background-image: linear-gradient(90deg, #0066FF 0%, #FF5EEF 100%);
}
.slide_items {
    text-align: center;
}
/* ===== 13. Blog Area CSS ===== */
.apps_blog_area {
    padding: 115px 0 100px;
}
.apps_blog_area .witr_section_title {
    margin-bottom: 35px;
}
.busi_singleBlog {
    -webkit-transition: .5s;
    transition: .5s;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 0%);
    position: relative;
    overflow: hidden;
    background: #F9F9F9;
    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;
}
.blog-img a:before, .mobile-slide-7 .mobile-thumb .mobile-slide-overlay, .video_image:before, .witr_sb_thumb:before {
    background: rgba(0,0,0,.5);
}
.witr_sb_thumb img {
    width: 100%;
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_blog_area11 .witr_blog_con {
    padding: 20px 15px 12px 25px;
    margin-bottom: 0;
}
.bs5 span {
    line-height: 26px;
}
.witr_blog_con span {
    font-size: 16px;
    margin-bottom: 15px;
    margin-right: 2px;
}
.bikot-blog-meta-left_adn a, .bikot-blog-meta-left_adn span, .bikot-event-meta-left_adn a, .bikot-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;
}
.bikot-blog-meta-left_adn a, .bikot-blog-meta-left_adn span, .bikot-event-meta-left_adn a, .bikot-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;
}
.witr_blog_con span i {
    padding-right: 5px;
    padding-left: 5px;
    -webkit-transition: .5s;
    transition: .5s;
    color: #06f;
}
.witr_blog_area11 .witr_blog_con h2 {
    margin: 5px 0 0;
    padding: 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;
    font-size: 18px;
}
.witr_blog_area11 .em-blog-content-area_adn {
    padding: 0 10px 22px 20px;
}
.witr_blog_area11 .learn_btn {
    background: #06f14;
	color:#06f;
}
.witr_blog_area11 .learn_btn {
    padding: 10px 30px;
    border-radius: 5px;
	font-size: 16px;
    font-weight: 700;
	display:inline-block;
	text-align:centerl;
}
.witr_blog_area11 .learn_btn:hover{
	background:#06f;
	color:#fff;
}

.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);
}

/* =============== blog left sidebar css =============== */
.witrfm_area {
    position: relative;
}
/* side bar css */
.witr-blog-side-area.blog_sidebar {
    padding: 120px 0px 88px;
    background: #f9f9f9;
}
.blog-left-side > div {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 15px;
    box-shadow: 0 0 5px 0 rgba(148, 146, 245, 0.2);
}
.blog-left-side > div:last-child {
    margin-bottom: 0;
}
.blog-left-side h2 {
    margin-bottom: 10px;
    text-transform: uppercase;
}
.blog-left-side .content {
    padding: 0;
}
.blog-left-side .push-bottom-large {
    margin-bottom: 0;
}
.blog-left-side > div:last-child {
    margin-bottom: 0;
}
.blog-left-side > aside:last-child {
    margin-bottom: 0 !important;
}
.blog-left-side .nav .children li a:hover,
.blog-left-side .sub-menu li a:hover {
    background: 0 0;
    color: #18c8ff;
}
.defaultsearch {
    background: #f7f7f7;
    position: relative;
}
.defaultsearch input {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 0 none;
    height: 54px;
    position: relative;
    width: 100%;
}
.defaultsearch button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #858585;
    font-size: 18px;
    padding: 1px 15px;
    position: absolute;
    right: 0;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
}
.defaultsearch input[type="text"] {
    padding-left: 10px;
}
.blog-left-side .widget h2 {
    border-bottom: 1px solid #e5e5e5;
    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:#06f none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 20px;
    left: -15px;
    position: absolute;
    width: 2px;
    top: -3px;
}
.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 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:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.blog-left-side .widget ul li a:hover,
.blog-left-side .widget ul li:hover::before {
    color:#06f;
}
.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;
}
.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:#06f;
}
.tagcloud a:hover {
    background:#06f;
    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:#06f;
}
table#wp-calendar td#today a {
    color: #fff;
}
.textwidget img {
    margin-bottom: 15px;
}
.textwidget p {
    margin-bottom: 0.5rem;
}
.apps-blog-thumb img {
    width: 100%;
}
.witr-blog-side-area .imagess_area .slick-slide img {
    display: inline-block;
    margin: auto;
    width: 100%;
}
/* end sidebar css */
/* witr-blog-2side-area */
.witr-blog-side-area.witr-blog-2side {
    padding: 100px 0px 70px;
    background: #f9f9f9;
}
.apps-single-blog {
    margin-bottom: 30px;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.apps-blog-thumb {
    overflow: hidden;
}
.apps-blog-thumb a {
    display: block;
	position: relative;
}
.apps-blog-thumb a:before {
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,.7);
    opacity: 0;
    z-index: 999;
    transition: .5s;
}
.apps-single-blog:hover .apps-blog-thumb a:before {
    opacity: 1;
	transition: .5s;
}
.apps-single-blog:hover .apps-blog-thumb img{
	transform:scale(1.1);
}
.apps-blog-thumb img {
    transition: .5s;
    display: block;
}
.em-blog-content-area {
    padding: 15px 0px 15px;
}
.blog-page-title h2 {
    display: block;
    font-size: 22px;
    margin-bottom: 7px;
    text-transform: capitalize;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.blog-page-title a {
    display: inline-block;
    word-break: break-all;
}
.blog-content {
    word-break: break-word;
}
.apps-blog-meta.post_blog h2 a {
    font-size: 24px;
	font-weight:700;
	transition:.5s;
}
.apps-blog-meta.post_blog h2 {
    margin-bottom: 8px;
}
.recent-post-item {
    margin-bottom: 10px;
}
.blog-left-side .widget ul li a, .blog-left-side .widget ul li::before {
    color: #444;
}
.apps-blog-meta.post_blog h2 a:hover {
    color: #06f;
}
.recent-post-text .rcomment {
    font-size: 14px;
    text-transform: none;
}
.apps-single-blog-title h2 {
    padding: 0;
    margin-top: 0;
    margin-bottom: 8px;
}
.apps-blog-meta-left a, .apps-blog-meta-left span {
    color: #888888;
    font-size: 16px;
    margin-right: 5px;
	margin-bottom:10px;
	display:inline-block;
}
.apps-blog-meta-left i {
    color:#06f;
    margin-right: 5px;
}
.blog-content p {
    font-size: 17px;
    padding-top: 0;
}
.em-blog-content-area .witr_btn {
    background:#06f;
    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:15px;
}
.em-blog-content-area .witr_btn:hover {
    background: #323232;
    color: #fff;
}
.witr-blog-side-area.blog_sidebar .apps-single-blog {
    margin-bottom: 30px;
    box-shadow: none;
    border-bottom: 1px solid #e7e7e7;
    background: transparent;
}
blockquote p {
    font-size: 20px;
    position: relative;
	color:##999;
}
.witr-blog-side-area blockquote {
    background-color: #f7f7f7;
    border-left: 3px solid #06f;
    padding: 1em 1em;
    margin-top: 15px;
}
.recent-post-text h4 {
    margin: 0px;
    line-height: 1;
}
.recent-post-text h4 a {
    color: #454545;
    font-size: 17px;
    transition: all .3s ease 0s;
}
.blog_sidebar .recent-post-text h4 a {
    color: #454545;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
}
/* video play css */
.video-open-inline iframe{
	width:100%;
	height:400px;
	border:none;
}
/* =============== End blog left sidebar css =============== */
/* single blog css */
.witr-blog-side-area {
    padding: 100px 0px 70px;
}
.comment-respond {
    border: 1px solid #ddd;
    margin-bottom: 30px;
    padding: 25px 10px 30px;
    background-color: #f1f1f1;
}
.single_blog_page{
	margin-bottom:0px;
}
.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 .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 {
    width: 33.33%;
    float: left;
    margin-bottom: 25px;
}
.comment_field .textarea-field label {
    margin-top: 20px;
    margin-bottom: 10px;
}
.comment_field .textarea-field textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    height: 150px;
    padding: 10px;
}
.apps_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;
}
.apps_btn:hover {
    background: #06f;
    border-color: #06f;
    color: #fff;
}
.single_blog_thumb img {
    width: 100%;
    height: 450px;
}
blockquote {
    padding: 25px 32px 25px;
    margin: 0 0 30px;
    font-size: 17px;
    /* border-left: 3px solid #f99a00; */
    font-weight: 400;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 7%);
}
blockquote p {
    font-size: 20px;
    position: relative;
}
.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;
}
.witr-blog-side-area.single_blog  blockquote {
    background-color: #f7f7f7;
    border-left: none;
}
.wp-block-group.block {
    text-align: center;
}
.apps-single-blog-details-inner {
    padding: 38px 45px 45px;
    box-shadow: 0 3px 19px rgb(0 0 0 / 8%);
    border-radius: 0 0 10px 10px;
}
.apps-single-icon-inner {
    text-align: center;
}
.apps-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;
	transition:.5s;
}
.apps-single-icon-inner a:hover {
    background:#06f ;
    border-color:#06f ;
    color: #fff;
}
.recent-post-image {
    float: left;
    margin-right: 13px;
}
.recent-post-image img {
    width: 75px;
    margin-top: 8px;
}
.recent-post-text h4 a:hover {
    color:#06f;
}
.recent-post-image img {
    margin-top: 0;
}
/* ===== 14. Footer Area CSS ===== */
.witrfm_area {
    background: #fef3f2;
    position: relative;
}
.witrfm_area:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
.witrfm_area:before {
    background-color: rgba(0,80,159,0);
}
.footer-middle {
    padding: 65px 0 80px;
}
.footer-widget.address p {
    margin-bottom:10px;
}
.footer-middle .widget h2 {
    margin-bottom: 30px;
    margin-top: 28px;
    position: relative;
}
.footer-middle .single-widget-item h2 {
    margin-bottom: 33px;
    margin-top: 28px;
}
.footer-middle .recent-post-text h4 a {
    font-weight: 500;
    font-size: 18px;
}
.footer-middle .recent-post-text>h4 {
    margin-bottom: 0;
    font-weight: 400;
    line-height: .7;
    margin-top: 10px;
}
.bikot-description-area a img {
    margin: 26px 0;
}
.bikot-blog-meta-right a, .bikot-blog-meta-right span, .breadcumb-inner li, .breadcumb-inner li a, .breadcumb-inner ul, .breadcumb-inner ul span a, .entry-summary span.posted_in a, .entry-summary span.tagged_as a, .footer-menu ul li a, .footer-middle .widget ul li a, .twr_product_sidebar a, .witr_breadcumb_shop ul li span a, h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
    color: #000;
}
.bikot-single-icon-inner a, .footer-widget.address, .footer-widget.address p, .mean-container .mean-nav ul li li a, .recent-post-text h4 a, .top-right-menu .social-icons li a i:hover, .top-right-menu .social-icons li a:hover, .top-welcome p a:hover {
    color: #17161a;
}
figure.gallery-item img {
    width: 75px;
    float: left;
    margin: 5px;
}
.recent-post-image {
    float: left;
    margin-right: 15px;
    margin-top: 0px;
}
.recent-post-item {
    clear: both;
    margin-bottom: 10px;
}
.footer-middle .recent-post-text>h4 a:hover {
    color:#06f;
}
.footer-middle .recent-post-text .rcomment {
    font-size: 14px;
    font-weight: 400;
}
.footer-middle .widget ul li {
    margin-bottom: 10px;
}
.footer-middle .widget ul li a:hover, .footer-middle .widget ul li:hover:before {
    color:#06f;
}
.bikot-desappsiption-area a img {
    margin: 26px 0;
}
.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;
}
.footer-sociala-icon {
    clear: both;
    float: left;
    font-size: 17px;
    margin-right: 12px;
}
.twr_footer_contact input::placeholder{
	color:#fff;
}
.twr_footer_contact button {
    padding: 15px 30px;
    margin-top: 10px;
    outline: 0;
    border: none;
    background:#06f;
    color: #fff;
}
.apps-description-area a img {
    margin: 26px 0;
}
.bikot-description-area .social-icons a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
	display: inline-block;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 5px;
	color: #06f;
	background: #fff;
}
.bikot-description-area .social-icons a:hover {
    background: #06f;
    color: #fff;
}
.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;
}
.tutor-form-check.tutor-mb-20, .witr_sub_table {
    margin-bottom: 8px;
}

.witr_sub_table {
    border-bottom: 1px solid #ffffff8c;
}
/* footer bottom area css */
.footer-bottom {
    padding: 26px 0 24px;
    position: relative;
    background: #0066ff;
}
.footer-bottom:before {
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    width: 61%;
    left: 0;
    right: 0;
    margin: auto;
	background: #ffffff61;
}
.copy-right-text p {
    margin: 0;
    padding: 0;
}
.copy-right-text p, .footer-menu ul li a {
    color: #ffffff;
}
.footer-menu ul li {
    display: inline-block;
}
.footer-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-menu ul li a {
    padding: 0 10px;
    display: block;
}
.copy-right-text a, .footer-menu ul li a:hover {
    color: #000000;
}
/* sappsoll up css */
#scrollUp {
    bottom: 30px;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    right: 100px;
    text-align: center;
    border-radius: 5px;
    width: 40px;
	background:#06f;
}
#scrollUp i {
    color: #fff;
}
/* slick slide css */
.slick-dots li button {
    font-size: 0;
    width: 30px;
    height: 10px;
    border: 0 solid#06f;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 50px;
    padding: 0;
    -webkit-transition: .5s;
    transition: .5s;
    outline: 0;
    background: #818181;
}
.slick-dots li.slick-active button {
    background-color: #06f;
}
.slick-dots li {
    display: inline-block;
}
.slick-dots {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -55px;
    display: inline-block;
    z-index: 11;
    text-align: center;
}
/* slick prev slick next css */
/*======== slick ========*/
.slick-prev, .slick-next {
    font-size: 0;
    position: absolute;
    display: block;
    padding: 0;
    cursor: pointer;
    color: #fff;
    outline: none;
    background: #ff3d0;
    z-index: 9;
    opacity: 0;
    border-radius: 30px;
    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-image: linear-gradient(90deg, #0066FF 0%, #FF5EEF 100%);
}
.slick-next:before, .slick-prev:before {
    color: #fff;
    font-size: 40px;
    -webkit-transition: .3s;
    transition: .3s;
    content: "\eac9";
    font-family: IcoFont!important;
    line-height: inherit;
    opacity: 1;
}
.slick-next:before {
    content: "\eaca";
    font-family: IcoFont!important;
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    outline: 0;
    background-image: linear-gradient(90deg, #FF5EEF 0%, #0066FF 100%);
}
 .slick-prev {
     left: -65px;
}
 .slick-next {
     right: -65px;
}
.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;
}
.apps_blog_area:hover .slick-prev, .apps_blog_area:hover .slick-next {
	opacity:1;
}
.apps_testimonial_area:hover .slick-prev, .apps_testimonial_area:hover .slick-next {
	opacity:1;
}
.apps_team_area .slick-prev, .apps_team_area .slick-next {
	opacity:1;
}
/* ===== 15. Breadcumb Area CSS ===== */
 .breadcumb-blog-area {
     padding: 60px 0 65px;
     background-color: #f7f7f7;
     background-position: center top;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
}
 .breadcumb-inner h2 {
     font-size: 30px;
}
.breadcumb-area {
    background-image: url("../../images/apps/digital.png");
    padding: 140px 0px 90px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.breadcumb-area:before, .breadcumb-blog-area:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
}
.breadcumb-inner ul, .breadcumb-inner ul span a, .breadcumb-inner li, .breadcumb-inner li a {
    color: #ffffff;
    font-display: swap;
}
 .breadcumb-inner ul {
     font-weight: 400;
}
.breadcumb-inner li {
    display: inline-block;
    color: #0a0a0a;
    font-weight: 400;
}
.breadcumb-inner li:nth-last-child(-n+1) {
    color: #0a0a0a;
    font-weight: 400;
}
.breadcumb-inner li a {
    font-weight: 400;
    color: #0a0a0a;
}
.breadcumb-inner li a:hover {
    color:#06f;
}
.brpt h2, .breadcumb-inner h2, .brpt.brptsize h2 {
    color: #0a0a0a;
    font-size: 30px;
}
/* video page area */
.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;
}
/* ===== 16. Testimonial Area CSS ===== */
.apps_testimonial_area {
    padding: 115px 0 90px 0;
}
.apps_testimonial_area .witr_section_title {
    margin-bottom: 30px;
}
.witr_testi_itemt {
    padding: 0 10px;
}
.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;
	color:#fff;
}
.em_test_thumb {
    float: left;
    margin-right: 20px;
}
.test-part {
    display: inline-block;
    margin-bottom: 10px;
}
.em_test_thumb img {
    border-radius: 50%;
    width: 59px;
}
.em_test_thumb img {
    display: initial!important;
}
 .all_color_testimonial span, .execllent_star h3 {
    color: #777777;
    font-size: 16px;
}
.em_testi_title span {
    display: block;
    margin-top: 5px;
    font-weight: 600;
}
.em_testi_logo {
    position: absolute;
    right: 4%;
    bottom: 55px;
}
.em_testi_content {
    position: relative;
    text-align: center;
}
.em_testi_text {
    overflow: hidden;
    padding-top: 15px;
    float: left;
    text-align: left;
}
.test-part {
    display: inline-block;
    margin-bottom: 10px;
}
.test-part ul li {
    display: inline-block;
    padding-top: 0;
}
.execllent_toggol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.em_crating i {
    font-size: 18px;
    color: #06f;
}
.execllent_star {
    margin-left: 15px;
}
.execllent_star h3 {
    font-weight: 600;
    margin: 0;
    font-style: italic;
}
.em_testi_text p {
    color: #777;
}
.em_single_testimonial:hover {
    box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
}
/* ===== 17. Portfolio Area CSS ===== */
.portfolio_area {
    padding: 112px 0 103px;
}
.portfolio_area .witr_section_title_inner p {
    width: 39%;
    padding: 10px 0px 0px 0px;
    margin: 0 auto;
}
.portfolio_area .witr_section_title {
    margin-bottom: 55px;
}
.project_area {
    padding: 0 60px 120px 60px;
}
.project_area .slick-dots li button {
    display: none;
}
.project_area .witr_section_title {
    margin-bottom: 25px;
}
.witr_single_pslide {
    position: relative;
    overflow: hidden;
}
.witr_pslide_image {
    overflow: hidden;
    position: relative;
}
.witr_pslide_image:before {
    opacity: .5;
}
.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);
}
.em_port_content, .prot_content, .pstyle2 .prot_content, .witr_single_team:after, .witr_team_sec_3:before {
    background: #0066FF80;
}
.witr_pslide_image:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 1;
}
.witr_pslide_image:before {
    background: #222429;
}
.witr_single_pslide:hover .witr_pslide_image img, .witr_single_pslide:hover .witr_pslide_image:before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.witr_pslide_image img {
    margin-right: auto;
    margin-left: auto;
    -webkit-transition: .5s;
    transition: .5s;
    width: 100%;
}
.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
    opacity: 1;
    bottom: 30px;
}
.ps1 .witr_content_pslide_text {
    position: absolute;
    bottom: -100px;
    left: 30px;
    right: 30px;
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    z-index: 2;
    text-align: left;
}
.ps1 .witr_content_pslide_text h3 {
    color: #fff;
}
.witr_content_pslide_text h3 {
    margin-bottom: 0;
}
.ps1 .witr_content_pslide_text a, .ps1 .witr_content_pslide_text p {
    color: #fff;
}
.witr_content_pslide_text a {
    display: inline-block;
}
.ps1 .witr_content_pslide_text a, .ps1 .witr_content_pslide_text p {
    color: #fff;
}
.witr_content_pslide_text p {
    margin-bottom: 4px;
}
.ps1 .witr_content_pslide_text a:hover {
    color: #06f;
}
.em_portfolio_area .witr_section_title {
    position: relative;
    padding-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: #06f;
}
.positi_3 .porttitle_inner4 h3 a, .positi_3 .porttitle_inner4 p span {
    color: #fff;
}
.portfolio_nav {
    padding: 0px 0 30px;
}
.portfolio_nav ul {}
 .portfolio_nav ul li {
    display: inline;
}
.portfolio_nav ul li {
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin: 0 5px 10px;
    padding: 10px 20px;
    position: relative;
    transition: .5s;
    border: 1px solid #f3eaea;
}
.prot_wrap {
    overflow: hidden;
}
.single_protfolio {
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
}
.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: 0;
}
.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: #06f;
}
.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 {     
    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: 0 0;
    border-radius: 5px;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    margin: 0 8px 11px;
    width: 50px;
    transition: .5s;
    color: #fff;
}
.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: #06f;
	background: #06f;
	color: #fff;
}
.prot_content {
    background: #06f80;
}
.pprotfolio4 {
    box-shadow: 0 10px 16px 0 rgba(0,0,0,.7);
    padding: 30px 10px 30px;
    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: #06f;
	 background: #06f;
	 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: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    opacity: 1;
}
 .single_protfolio:hover .prot_content_inner {
    top: 50%;
    opacity: 1;
}
.picon a {
    border-radius: 5px;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0 3px 11px;
    width: 50px;
    text-align: center;
	color:#fff;
}
.picon a:hover {
    border-color: #555;
}
.picon a:hover {
    background-color: #06f;
}
/*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 .porttitle_inner h3 a {} .pstyle_1 .porttitle_inner p {
}
.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;
}
.port_3column_area .pstyle_1 .picon a {
    background: transparent;
    border-radius: 5px;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    margin: 0 8px 11px;
    width: 50px;
    -webkit-transition: .5s;
    transition: .5s;
}
.apps_portfolio_area .witr_button_area {
    margin: 30px auto 0;
}
.apps_portfolio_area .witr_btn {
    padding: 18px 51px;
}
.port_3column .prot_content_inner {
    opacity: 1;
}
.portfolio_3column_area .prot_content_inner {
    transition: none;
    opacity: 1;
}
.portfolio_3column_area .picon a {
    background: 0 0;
    font-size: 25px;
}
.portfolio_3column_area .picon a:hover{
    background:#06f;
}
.port_4column .witr_section_title_inner p {
    width: 40%;
    margin: 0 auto;
}
.port_4column .witr_section_title {
    margin-bottom: 45px;
}
.port_3column .witr_section_title {
    margin-bottom: 30px;
}
/* ===== 18. Pricing Plan Area CSS ===== */
.pricing_plan_area {
    padding: 115px 0 100px;
}
.pricing_plan_area .pricing_area {
    border-radius: 5px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);
    margin-bottom: 20px;
}
.witr_section_title {
    margin-bottom: 60px;
}
.pricing-part {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.all_pricing_color h4 {
    margin: 10px 0px 10px 0px;
}
.pricing-part h4 {
    font-size: 30px;
    padding: 26px 0 12px;
    display: block;
	color: #000;
}
.pricing_style_2 .pricing-part h5 {
    padding: 10px 0;
    margin-bottom: 30px;
	background: #06f;
    color: #fff;
	font-size: 35px;
}
.pricing-part span {
    font-size: 24px;
    margin-right: 5px;
}
.witri_texti_list {
    margin-top: 25px;
}
.pricing-part ul {
    padding: 0 30px;
}
.witri_texti_list ul li {
    list-style: none;
    font-size: 16px;
    margin-bottom: 17px;
}
.all_pricing_color h2, .all_pricing_color h3, .all_pricing_color h4, .all_pricing_color h5, .all_pricing_color li, .all_pricing_color ol, .all_pricing_color ul, .pricing_top_box .prt_content p, .pricing_top_box p {
    margin: 0;
}
.witr_btnp_color {
    padding-top: 20px;
    padding-bottom: 40px;
}
.witr_btnp_color a.btn {
    border-style: solid;
    padding: 10px 30px 10px 30px;
    display: inline-block;
    border: 1px solid #06f;
    background: #06f;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
}
.pricing-part a.btn:hover {
    background: 0 0;
	color: #06f;
}
/* ===== 19. Contact Area CSS ===== */
.contact_page_area {
    background: #FFFFFF;
    padding: 100px 0 80px;
}
.contact_page_area .all_color_service {
    padding: 50px 35px 60px 35px;
}
.contact_page_area .all_color_service, .service_top_image::after {
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 5%);
    margin-bottom: 20px;
    background: #fff;
    border-radius: 0;
}
.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;
    background: #06f;
    border-radius: 5px;
    color: #fff;
    border: none;
}
.contact_page_area .service-item h3 a {
    font-weight: 700;
}
.contact_page_area .service-item h3 {
    padding: 15px 0 10px;
}
.contact_page_area .text_box.all_icon_color p {
    padding-bottom: 0px;
    margin: 0px;
}
.contact_page_area .all_color_service:hover i, .contact_page_area .poly_text_box:hover .contact_page_area .service_icon_box::before {
   background: #111;
}
/* map area css */
.map_inner_area iframe {
    border: none;
    width: 100%;
    height: 570px;
    margin-bottom: -8px;
}
/* ===== Contact Area CSS ===== */
.apps_contact_area {
    padding: 120px 0px 120px 0px;
}
.contact_content_inner .all_icon_color i {
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    transition: .5s;
    background: #06f;
    color: #fff;
    margin-bottom: 15px;
}
.contact_content_inner .em-service-icon {
    margin-top: 0;
}
.contact_content_inner .all_color_service h3 {
    margin: 25px 0 0;
    font-size: 20px;
    color: #1d2735;
    padding: 0;
}
.contact_content_inner .em-service2{
    margin-bottom: 10px;
}
.contact_content_inner .witr_section_title_inner p {
    padding: 20px 0px 0px 0px;
}
.contact_content_inner .witr_section_title {
    margin-bottom: 26px;
}
.contact_area {
    margin-bottom: 0px;
    padding: 120px 0 0;
}
.apartment_text h2 {
    margin-bottom: 40px;
    font-size: 38px;
}
.apartment_text h1 {
    font-size: 17px;
    color: #06f;
}
.apartment_area {
    position: relative;
    padding: 50px 70px 40px 70px;
    border-radius: 10px;
    text-align: left;
    box-shadow: 0px 5px 38px 0px rgb(0 0 0 / 0%);
    background: #ffffff;
}
.witr_apartment_form input, .witr_apartment_form form select, textarea {
    padding: 0 0 0 30px;
    background-color: #FFFFFF;
}
.witr_apartment_form form select, .witr_apartment_form input {
    width: 100%;
    height: 60px;
    border-radius: 5px;
    outline: 0;
    margin-bottom: 23px;
}
.witr_apartment_form input, .witr_apartment_form textarea {
    border: 1px solid #B2B2B2;
}
.witr_apartment_form form select, .witr_apartment_form input {
    color: #888;
}
.twr_form_box  textarea {
    height: 150px;
    width: 100%;
    padding: 10px 0 0px 30px;
    color: #888;
    margin-bottom: 15px;
    border-radius: 5px;
}
.twr_form_box  textarea input{
	color: #888;
}
.witr_apartment_form .btn {
    border: 0 none;
    display: inline-block;
    font-weight: 600;
    padding: 15px 30px;
    font-size: 16px;
    border-radius: 5px;
    color: #fff;
    margin-top: 0;
    transition: .5s;
    background-image: linear-gradient(90deg, #0066FF 0%, #FF5EEF 100%);
}
.witr_apartment_form .btn:hover {
    background-image: linear-gradient(90deg, #FF5EEF 0%, #0066FF 100%);
}
.contact_inner {
    margin: 0;
}
.twr_form_box input:focus {
    border-color: #80bdff;
    outline: 0;
}
.twr_form_box textarea:focus {
    border-color: #80bdff;
    outline: 0;
}
.contact_page_contact_area {
    padding: 120px 0px 120px 0px;
}
p.form-messege {
    margin-top: 10px;
    margin-bottom: 0;
}
p.form-messege {
    margin-top: 10px;
    margin-bottom: 0;
}

.apps_contact_area .apartment_area {
    position: relative;
    background-size: cover;
    padding: 60px 35px 60px;
    border-radius: 10px;
    text-align: left;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
}
.apps_contact_area .witr_apartment_form form select, .apps_contact_area .witr_apartment_form input {
    height: 45px;
    margin-bottom: 23px;
}
.apps_contact_area .witr_apartment_form input, .apps_contact_area .witr_apartment_form .apps_contact_area textarea {
    border: 1px solid #f1f1f1;
}
.apps_contact_area .twr_form_box textarea {
    border-color: #f1f1f1;
}
.apps_contact_area .apartment_text h2 {
    font-size: 35px;
    font-weight: 500;
}
.apps_contact_area .witr_apartment_form .btn {
    padding: 12px 37px 12px 37px;
}



.tx_golobal_color{
     background:#06f;
}
 .tx_btn_global_color:hover{
     background:#000;
}