/*
Template Name:DESKT
Author Name: WPEXPERT

*/

/*
Table Of Content

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

*/

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


/*theme css*/
a {
    color:#17161a;
    transition: .5s;
}
a:hover {
    text-decoration: none;
    color: #0b5be0;
}
body {
	color: #333;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.6;
}
 p {
     font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    margin-bottom: 0;
    line-height: 1.3;
    font-weight: 700;
    transition: .5s;
    font-size: 30px;
    color: #222d39;
    margin: 0 0 10px;
}
 .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;
}
.witr_section_title_inner h2 {
    font-size: 22px;
    color: #a2bde8;
    display: inline-block;
    text-transform: uppercase;
}
.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: #a2bde8;
}
.witr_bar_main {
    margin: 10px 0;
}
.witr_bar_inner {
    height: 5px;
    width: 90px;
    background: #a2bde8;
    margin: 0px auto;
    position: relative;
    border-radius: 30px;
}
.witr_bar_innerc:before {
    left: 0;
    transform: translateY(-50%);
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: move_title_bg1;
}
.witr_bar_innerc:after {
    right: 0;
    transform: translateY(-50%);
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: move_title_bg2;
}
.witr_bar_innerc:after, .witr_bar_innerc:before {
    content: '';
    position: absolute;
    top: 50%;
    border-radius: 50%;
}
.witr_bar_innerc:after, .witr_bar_innerc:before {
    border: 5px solid #a2bde8;
}
@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: 45px;
}
.witr_section_title_inner p {
    width: 100%;
    padding: 0 0 0 0;
}
.witr_section_title_inner.text-center p {
    width: 74%;
    margin-right: auto;
    margin-left: auto;
}


.witr_all_pd0{
	padding:0;
}
@media (min-width: 1200px){
	.deskt-header-top .container, .deskt_nav_area .container, .witrfm_area .container, .witr_ds_content_inner986.container, .trp_nav_area .container{
		max-width: 1200px;
	}	
}
@media (min-width: 1140px){
	.container {
		max-width: 1140px;
	}	
}
/* ===== 1. Top Menu CSS ===== */
 .em40_header_area_main.hdisplay_none {
     display: none;
     }
/* Темно-синий фон под логотипом */
.em40_header_area_main {
    background-color: #050d58 !important;
}
.mobile_logo_area {
    background-color: #050d58 !important;
}
.mobile_logo_area {
    background-color: #050d58 !important;
}
body {
    background-color: #a2bde8;
}

.deskt-header-top {
    padding: 12px 0;
    background: #a2bde8;
}
 .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;
     transition: all 0.2s ease-in-out;
}
.top-address {
    display: inline-block;
}
.top-address p a i, .top-address p span i, .top-welcome p span i, .top-welcomet p span i {
    font-size: 13px;
    margin-right: 5px;
}
/* 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: 11px;
    position: relative;
}
.top-right-menu ul.social-icons li a {
     display: inline-block;
     text-decoration: none;
     transition: all 0.2s ease-in-out;
     font-size: 15px;
}
.top-welcomet p span, .top-welcomet p a, .top-welcome p span, .top-welcome p a, .top-welcome p, .top-address p a, .top-right-menu ul.social-icons li a, .top-address p span {
    color: #fff;
    font-size: 15px;
    font-weight:500;
}
.top-welcome p span {
	font-weight:400;
}
.top-welcome p {
    margin: 0;
}
 .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-address li p{
    margin-right: 20px;
	color:#fff;
}
.top-right-menu {
    text-align: right;
}
.top-address li span {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin-right: 25px;
}
.top-address li span i{
	font-size: 13px;
    margin-right: 5px;
	color:#fff;
}
/* ===== 2. Menu Area CSS ===== */
.deskt_nav_area.postfix {
    transition: .3s;
}
.deskt_nav_area {
    background: #fff;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
}
.trp_nav_area {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    background-color: transparent;
    padding: 25px 0;
    transition: .5s;
}
.witr_h_h17 .deskt_nav_area.prefix, .hbg2 {
    background: #000000 !important;
    padding: 0 0 10px;
}
.witr_h_h17 .deskt_menu > ul > li > a {
    color: #fff;
}
.logo-right,
.logo-left {
    align-items: center;
}
.mobile_menu_logo.text-center {
     padding: 20px 0;
}

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

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

/* MENU text CSS */
 .deskt_menu ul {
     text-align: right;
     list-style: none;
}
 .deskt_menu > ul > li {
     display: inline-block;
     position: relative;
}
.deskt_menu > ul > li > a {
    display: block;
    margin: 38px 12px;
    transition: .5s;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: #f1f1f1;
    text-transform: uppercase;
}
.deskt_menu ul .sub-menu li a:hover, .deskt_menu ul .sub-menu li.current-menu-item a, .deskt_menu>ul>li.current-menu-item>a, .deskt_menu>ul>li>a:hover, .deskt_nav_area.prefix .deskt_menu>ul>li.current-menu-item>a, .deskt_nav_area.prefix .deskt_menu>ul>li>a:hover, .hbg2 .deskt_menu>ul>li.current-menu-item>a, .hbg2 .deskt_menu>ul>li>a:hover, .heading_style_2 .deskt_menu>ul>li.current-menu-item>a, .heading_style_2 .deskt_menu>ul>li>a:hover, .heading_style_3 .deskt_menu>ul>li.current-menu-item>a, .heading_style_3 .deskt_menu>ul>li>a:hover, .heading_style_4 .deskt_menu>ul>li.current-menu-item>a, .heading_style_4 .deskt_menu>ul>li>a:hover {
    color: #a2bde8;
}
 .deskt_menu > ul > li > a:before, .deskt_menu > ul > li.current > a:before {
     background: #ffb600 none repeat scroll 0% 0;
     bottom: -7px;
     content: "";
     height: 2px;
     left: 0;
     margin: auto;
     opacity: 0;
     position: absolute;
     right: 0;
     transition: all 0.5s ease 0s;
     width: 15%;
     display:none;
}
.deskt_menu ul li:last-child a {
    margin-right: 0px !important;
}
.deskt_menu > ul > li.current > a, .deskt_menu > ul > li:hover > a, .creative_header_menu > ul > li:hover > a {
    color: #0b5be0;
    background-color: transparent;
	color: #0b5be0;
}
 .deskt_menu > ul > li:hover > a:before, .deskt_menu > ul > li.current > a:before {
     opacity: 1;
}

 .transprent-menu .deskt_nav_area {
     left: 0;
     right: 0;
     top: 0;
     z-index: 9999;
     background-color: transparent;
     padding: 0;
     transition: .5s;
     position: absolute;
}
 .deskt_nav_area.postfix {
     transition: .3s;
}
.deskt_nav_area.prefix, .hbg2 {
    background-color: rgba(0,0,0,0.7);
}
 .deskt_nav_area.prefix .deskt_menu > ul > li > a {
     color:#fff;
}
.deskt_nav_area.prefix .deskt_menu > ul > li.current > a {
    color: #0b5be0;
}
 .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;
}
.donate-btn-header {
    padding: 26px 0px;
}
/* sub menu style */
.deskt_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 197px;
    text-align: left;
    background: #0b5be0;
    margin: 0;
    padding: 15px 0;
    z-index: 9999;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: .2s;
    opacity: 0;
    visibility: hidden;
}
 .deskt_menu ul li:hover > .sub-menu {
     transition: .5s;
     opacity: 1;
     visibility: visible;
     top: 100%;
     z-index: 9;
}
 .deskt_menu ul .sub-menu li {
     position: relative;
	 transition:.5s;
}
.deskt_menu ul .sub-menu li a {
    display: block;
    margin: 0;
    margin-bottom: 0;
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 500;
    transition: .5s;
    color: #c9c9c9;
    visibility: inherit !important;
    padding: 12px 20px;
}
 .deskt_menu ul .sub-menu li:hover > a, .deskt_menu ul .sub-menu .sub-menu li:hover > a, .deskt_menu ul .sub-menu .sub-menu .sub-menu li:hover > a, .deskt_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
     color: #0b5be0;
}
.deskt_menu ul .sub-menu li:before {
    left: -18px;
}
.deskt_menu ul .sub-menu li:hover:before{
	opacity:1;
}
.deskt_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a, .deskt_menu ul .sub-menu .sub-menu .sub-menu li:hover>a, .deskt_menu ul .sub-menu .sub-menu li:hover>a, .deskt_menu ul .sub-menu li:hover:before, .deskt_menu ul .sub-menu li:hover>a {
    color: #0b5be0;
    background: rgb(229, 229, 229);
    margin-left: 10px;
}
/* sub menu 2 */
.deskt_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}
 .deskt_menu ul .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}
/* sub menu 3 */
 .deskt_menu ul .sub-menu .sub-menu li {
     position: relative;
}
 .deskt_menu ul .sub-menu .sub-menu .sub-menu {
     right: 100%;
     left: auto;
     top: 130%;
     opacity: 0;
     visibility: hidden;
}
 .deskt_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}
/* sub menu 4 */
 .deskt_menu ul .sub-menu .sub-menu .sub-menu li {
     position: relative;
}
 .deskt_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}

/* has menu icon */
.deskt-main-menu .menu-item-has-children > a:after {
    margin-left: 5px;
    content: "\f107";
    font-family: FontAwesome !important;
    opacity: 1;
    font-size: 13px;
    opacity: .5;
    font-weight: 600;
}
 .deskt-main-menu .menu-item-has-children .menu-item-has-children> a:after {
     margin-left: 8px;
     content: "\f107";
}

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

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

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

}
 .mobile_logo_area{
 display:none !important;
}
.mean-container a.meanmenu-reveal {
    display: none !important;
}
.mean-container .mean-nav > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}
.mean-container .mean-bar {
    background: #fff;
    padding: 0;
}
.mean-container .mean-nav ul li {
    border-top: 0px solid #ddd;
}
.mean-container .mean-nav ul li li a,
.mean-container .mean-nav ul li a {
    color: #444;
}
.mean-container .mean-nav ul li li a {
    border-top: 1px solid #ddd;
}
.mean-container .mean-nav ul li a:hover {
    color: #ff4a17;
}
.mobile_p {
    position: fixed;
    right: 0;
    width: 300px;
	padding: 80px 20px 0px;
	overflow-y: scroll;
    top: 0;
    height: 100%;
    z-index: 9999;
    display: block;
    transition: 0.5s all;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
    transform: translateX(100%);
    background: #ffffff;
}
.tx-s-open {
    transform: translateX(0);
}
.mobile_p .tuetion_theme_widget > div.widget_block {
    padding: 0;
}
.mobile_p .tuetion_theme_widget > div {
    padding: 20px 0px 20px;
    box-shadow: none;
}
.mobile_p {}
.mean-container .mean-nav ul li a {
    border: 0;	
    width: 100%;
    border-top: 1px solid #ddd;	
    font-size: 14px;
    padding: 12px 5px;
    font-weight: 500;
	display: block;
}
.mean-container .mean-nav ul li a.mean-expand {
	width: auto;
}
.mean-container .mean-nav ul li li a {}
.mobile_opicon {
    text-align: right;
    padding: 4px 0;
}
.mean-container .mean-nav > ul > li:first-child > a {
    border-top: 0;
}
.mobilemenu_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mobile_menu_o  i {
    font-size: 26px;
}
.mobile_menu_content .mobile_menu_logo {
    margin-bottom: 20px;
}
.mobile_cicon {
    position: absolute;
    right: 30px;
    top: 50px;
}
.mobile_overlay {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    transition: all 0.3s ease-out 0s;
}
.mobile_overlay.mactive {
    opacity: 1;
    visibility: visible;
}
/* menu button */
a.dtbtn {
    border: none;
    display: block;
    font-size: 14px;
    margin-left: 5px;
    font-weight: 500;
    padding: 10px 30px;
    color: #fff;
    background: #0b5be0;
    text-transform: uppercase;
    border-radius: 50px;
    margin-left: 30px;
}
a.dtbtn:hover {
    background: #0b5be0;
}
/* ===== 3. Slider Area CSS ===== */
/* nivo SLIDER AREA CSS */
.main-slider-area {
    overflow: hidden;
    display: block;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}
.nivo-caption {
    background:#0000004D;
    height: 100%;
    opacity: 1;
}
.em-slider-content-nivo {} .em_slider_right {} .em_slider_inner {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
.nivo-caption {
    background-color: rgba(0, 0, 0, 0.74);
}
.em-slider-sub-title {
    font-size: 45px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.em-slider-title {
    color: #fff;
    font-size: 28px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.em-slider-title span{
	color:#e8bc5a;
}	
.em-slider-descript {
	color: #fff;
    margin-bottom: 43px;
    width: 51%;
}
.text-left .em-slider-descript {
    margin-left: 0;
    margin-right: auto;
}
.text-center .em-slider-descript {
    margin: 0 auto 31px;
    width: 64%;
    font-size: 17px;
}
.text-right .em-slider-descript {
    margin-right: 0;
    margin-left: auto;
}
.em-slider-descript {
    color: #fff;
}
.em-slider-sub-title span, .em-slider-title span {
    color: #0B5BE0;
}
/* button */
a.em-active-button {
    background: #0b5be0;
    border-color: #0b5be0;
}
.em-button-button-area a {
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin: 0 4px;
    padding: 10px 36px;
    position: relative;
    border-radius: 30px;
    transition: all 0.5s ease 0s;
    z-index: 1;
    background: transparent;
    text-transform: uppercase;
}
a.em-active-button {
    background: #0b5be0;
    border-color: #0b5be0;
}
.em-button-button-area a:hover {
    color: #fff; 
    background: #0b5be0; 
    border-color: #0b5be0;
}
a.em-active-button:hover {
    background: transparent;
    border-color: #fff;
}

.em-slider-half-width {
    width: 50%;
}
.em-slider-left {
    padding-right: 30px;
}
.em-slider-right {
    padding-left: 30px;
}
.em-slider-full-width {
    width: 85%;
}
.em-slider-half-width .em-slider-descript {
    width: 100%;
}
/* image */
.text-left .em_slider_s2_content {
    margin-right: 25%;
}
.text-center .em_slider_s2_content {
    margin-right: 0;
}
.text-right .em_slider_s2_content {
    margin-left: 25%;
}
.em_slider_s2_image {
    position: relative;
}
.em_sc_100{
	width:100%;
	margin-top: 30px;
}
/* directionNav */

.em-nivo-slider-wrapper .nivo-directionNav {} .em-nivo-slider-wrapper .nivo-directionNav a {
    top: 50%;
    transform: translateY(-50%);
    height: 50px;
    width: 50px;
    line-height: 48px;
    border: 1px solid #fff;
    text-align: center;
    display: block;
    border-radius: 50%;
    color: #fff;
    font-size: 22px;
    left: 0;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
}
.em-nivo-slider-wrapper .nivo-directionNav .nivo-prevNav {} .em-nivo-slider-wrapper .nivo-directionNav .nivo-nextNav {
    left: auto;
    right: 0;
}
.em-nivo-slider-wrapper .nivo-directionNav a:hover {
    background: #0b5be0;
    border-color: #0b5be0;
    color: #fff;
}
.em-nivo-slider-wrapper:hover .nivo-directionNav a {
    opacity: 1;
    visibility: visible;
    left: 50px;
}
.em-nivo-slider-wrapper:hover .nivo-directionNav .nivo-nextNav {
    left: auto;
    right: 50px;
}
/* controlNav */
.em-nivo-slider-wrapper .nivo-controlNav {
    bottom: 50px;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 9;
}
.em-nivo-slider-wrapper .nivo-controlNav a {
    background: #000 none repeat scroll 0 0;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 25px;
    margin: 0 5px;
    width: 25px;
	color: #fff;
line-height: 25px;	
}
.em-nivo-slider-wrapper .nivo-controlNav a:hover, .em-nivo-slider-wrapper .nivo-controlNav a.active {
    background: #0b5be0;
    color: #fff;
    opacity: 1;
}
.pdlr0{
	padding-left:0;
	padding-right:0;
}
/* ===== End nivo SLIDER AREA CSS ===== */
/* ===== Slider Area CSS ===== */
.witr_slick_height {
    height: 970px;
}
.witr_ds_content {
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
}
.witr_ds_content:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: -1;
    background: rgba(0, 0, 0, 0.75);
}
.witr_ds_content_inner {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}
.witr_ds_content_inner h2, .witr_ds_content_inner h3 {
    font-size: 43px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.text-center .witr_ds_content_inner h1, .text-center .witr_ds_content_inner h2, .text-center .witr_ds_content_inner h3, .text-center .witr_ds_content_inner p {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.witr_containers {
    margin: auto;
    width: 63%; 
}
.witr_ds_content_inner h1 {
    font-size: 35px;
    color: #3d59e8;
    margin-bottom: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.witr_ds_content_inner p {
    font-weight: 300;
    font-size: 18px;
    width: 70%;
    margin: 20px auto 34px auto;
    color: #fff;
}
.witr_btn {
    background: #0b5be0;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 30px;
    text-align: center;
    text-transform: capitalize;
    position: relative;
    margin-right: 20px;
    z-index: 2;
    transition: all 0.5s;
}
.slider_btn {
    margin-top: 5px;
    display: inline-block;
}
.slider_btn .witr_btn:hover {
    color: #fff;
    background: #4c0062;
    border-color: #4c0062;
}
.h3_slider .slider_btn .witr_btn:hover {
    color: #0B5BE0;
    background: #fff;
    border-color: #fff;
}
.h3_slider .slider_btn .witr_btn.active {
    background: transparent;
    border: 1px solid #ddd;
}
.h3_slider .witr_btn i {
    font-size: 15px;
    margin-right: 6px;
}
.h3_slider .witr_btn.active:hover{
    color: #0B5BE0;
	background:#fff;
}
.video_page_area{
    position:relative;
}
.video_page_area:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: -1;
    background: #0B5BE0;
    opacity: 0.74;
}
/* slick button css */
.witr_ds_content_area:hover .slick-next, .witr_ds_content_area:hover .slick-prev {
    opacity: 1;
}
.witr_ds_content_area .slick-prev {
    left: 15px;
}
.witr_ds_content_area .slick-next {
    right: 15px;
}
/* ===== 4. About Area CSS ===== */
.dt_ab_area {
    padding: 100px 0 50px;
}
.witr_all_color_v, .witr_video_images::before {
    background: rgba(0, 0, 0, 0.76);
}
.zoomIn {
    animation-name: zoomIn;
	animation-duration: 1.25s;
}
.ab_img_inner {
    padding: 0px 0px 0px 0px;
    border-style: groove;
    border-width: 0px 30px 30px 0px;
    border-color: #163F84;
    margin-bottom: 20px;
}
.witr_video_images {
    position: relative;
}
.witr_video_images:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
}
.witr_all_color_v, .witr_video_images::before {
    background: rgba(0, 0, 0, 0.76);
}
.witr_all_color_v img {
    height: 431px;
}
.witr_video_images img {
    width: 100%;
}
.play-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.play-overlay a {
    position: relative;
    display: block;
}
.play-overlay a:before {
    position: absolute;
    content: '';
    width: 99px;
    height: 99px;
    left: -11px;
    top: -11px;
    transform: translateX(-50%) translateY(-50%);
    background: rgba(255, 255, 255, .73);
    z-index: -1;
    border-radius: 50%;
    animation-fill-mode: both;
    animation: blinker 1.5s ease-in-out infinite;
}
.play-overlay i {
    color: #0B5BE0;
    height: 75px;
    width: 75px;
    text-align: center;
    line-height: 75px;
    background: #fff;
    border-radius: 50%;
    font-size: 25px;
}
@keyframes blinker {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.1, 1.1);
    }
    100% {
        transform: scale(1, 1);
    }
}
.witr_text_widget_inner h1 {
    color: #0B5BE0;
    letter-spacing: 3.5px;
}
.witr_text_widget_inner h1, .witr_text_widget_inner h2 {
    font-size: 40px;
    margin-bottom: 5px;
    line-height: 48px;
}
.witr_text_widget_inner h1 {
    font-size: 22px;
    line-height: 1;
    margin-bottom: 18px;
}
.witr_text_widget_inner h1 span, .witr_text_widget_inner h2 span {
    color: #0b5be0;
}
.witr_text_widget_inner h2 {
    text-transform: capitalize;
}
.h2_ab_area {
    background: #F9F9F9;
    padding:100px 0 78px;
}
.h2_ab_area .witr_all_color_v img {
    height: 559px;
}
.h2_ab_area .ab_img_inner {
    border: none;
}
.h2_ab_area .witr_text_widget p {
    margin: 18px 0 34px 0;
}
.h3_ab .ab_img_inner{
    padding: 0px 0px 0px 0px;
	background-image: url(assets/images/techb1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.h3_ab .witr_all_color_v {
    padding: 31% 0% 31% 0%;
}
.h3_ab .video-item h3 {
    color: #fff;
    font-size: 35px;
    font-weight: 600;
    line-height: 30px;
    margin-top: 35px;
}
.h3_ab .video-item i {
    color: #0B5BE0;
    height: 75px;
    width: 75px;
    text-align: center;
    line-height: 75px;
    background: #fff;
    border-radius: 50%;
    font-size: 25px;
    position: relative;
}
.h3_ab .video-item a:before {
    position: absolute;
    content: '';
    width: 100px;
    height: 100px;
    left: -15%;
    top: -11px;
    transform: translateX(-50%) translateY(-50px);
    background: rgba(255, 255, 255, .73);
    border-radius: 50%;
    animation-fill-mode: both;
    animation: blinker 1.5s ease-in-out infinite;
}
@keyframes blinker {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.1, 1.1);
    }
    100% {
        transform: scale(1, 1);
    }
}
.video-item a{
    position: relative;
    display: inline-block;
}

.h3_ab .witr_text_widget {
    margin-bottom: 48px;
}
.h3_ab .sub-item i {
    font-size: 30px;
    color: #fff;
    height: 80px;
    width: 80px;
    text-align: center;
    border-radius: 50%;
    line-height: 80px;
    background: #0b5be0;
    transition: .5s;
}
.h3_ab .sub-item h3 {
    font-size: 22px;
    margin-top: 17px;
    transition: .5s;
    color: #333;
}
.h3_ab .feature_btn a {
    color: #333;
    background: transparent;
    margin: 0;
    padding: 0;
    display: inline-block;
}
.h3_ab_ser {
    display: flex;
    justify-content: space-between;
}

/* ===== 5. Feature Area CSS ===== */
.dt_fea_area {
    padding: 0 0 70px 0;
}
.sub-border-3 {
    padding: 20px 15px 50px 15px;
    box-shadow: 0px 2px 30px 5px #F9F5F5;
    margin-bottom: 30px;
	transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);
}
.sub-border-3:hover{
	box-shadow: 0px 7px 20px 0px rgba(148, 146, 245, 0.3);
}
.sub-item-3.sub-item h3 {
    padding-bottom: 8px;
    transition: .5s;
    margin: 23px 0 11px 0;
    font-size: 22px;
    color: #333;
}
.sub-item.sub-item-3 i {
    height: 80px;
    width: 80px;
    color: #0b5be0;
    line-height: 78px;
    border: 2px solid #0b5be0;
    background: none;
    transition: .5s;
	text-align:center;
}
.sub-item i {
    font-size: 30px;
    border-radius: 50%;
}
.sub-item.sub-item-3 p {
    padding-top: 22px;
}
.feature_btn a{
    color: #fff;
    background: #0B5BE0;
    margin: 10px 0 0 0;
    padding: 10px 30px 10px 30px;
	display:inline-block;
}
/* ===== Feature Area CSS ===== */
.dt_fea_area2 {
    padding: 95px 0 70px;
}
.dt_fea_area2 .sub-item {
    position: relative;
    padding: 50px 15px 50px 15px;
    box-shadow: 0px 2px 30px 5px #F9F5F5;
    margin-bottom: 30px;
	transition:.5s;
}
.dt_fea_area2 .witr_section_title {
    margin-bottom: 40px;
}
.dt_fea_area2 .sub-item:hover{
	box-shadow:0px 7px 20px 0px rgba(148, 146, 245, 0.3);
}
.dt_fea_area2 .sub-item.sub-item-6 i {
    border-radius: 30% 70% 70% 30% / 50% 50% 50% 50%;
    background: #f7f8ff;
    transition: .5s;
    color: #0B5BE0;
    text-align: center;
    font-size: 30px;
    height: 80px;
    width: 80px;
    line-height: 80px;
}
.dt_fea_area2 .sub-item h3 {
    font-size: 22px;
    transition: .5s;
    color: #333;
    margin: 23px 0px 11px 0px;
}
.dt_fea_area2 .feature_btn a{
    color: #fff;
    background: #0B5BE0;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #0B5BE0;
    border-radius: 100px 100px 100px 100px;
    margin: 10px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
    display: inline-block;
}
.dt_fea_area2 .all_feature_color:hover i {
    color: #fff;
    background: #0B5BE0;
}
/* ===== 6. Call Action Area CSS ===== */
.dt_call_action {
    background-image: url(assets/images/slider1.png);
    position: relative;
    padding: 110px 0 120px;
	background-size: cover;
    background-position: center right;
}
.dt_call_action::before{
	content:"";
	background: #000000;
    opacity: 0.31;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.witr_single_call h3 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 20px;
}
.all_color_call p {
    color: #FFFFFF;
    margin: 0% 20% 0% 20%;
}
.all_color_call a{
    color: #FFFFFF;
    border-style: solid;
    border-color: #0B5BE0;
    background: #0B5BE0;
}
.witr_single_call a {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 36px;
    border: 1px solid #333;
    border-radius: 3px;
    margin-top: 35px;
}
.h2_call_action {
    padding: 110px 0 112px;
}
.dt_call_action .all_color_call a:hover, .dt_call_action .all_color_call button:hover {
    color: #0B5BE0;
    background: #fff;
    border-style: solid;
    border-color: #fff;
}
.h2_call_action .all_color_call p {
    margin: 0;
}
/* ===== Call Action Area CSS ===== */
.call_action_area2 {
    background-image: url(assets/images/themexs-1.jpg);
    position: relative;
    padding: 110px 0 115px;
	background-position: center center;
}
.call_action_area2::before{
	content:"";
	height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
	background: #000000;
    opacity: 0.9;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.witr_call_to_content h3 {
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 15px;
    color: #fff;
}
.witr_call_to_content h1 {
    font-size: 36px;
    margin-bottom: 15px;
	color:#fff;
}
.witr_call_to_content p {
    width: 55%;
    margin: auto;
    margin-left: 0;
    font-size: 16px;
}
.witr_call_to_content a {
    border: none;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    background-color: #0b5be0;
    border-radius: 5px;
    margin-top: 20px;
    padding: 10px 30px;
    transition: .5s;
}
.witr_call_to_action {
    background-image: url('assets/images/brbb.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    padding: 110px 0; /* как в dt_call_action */
}

.em-call-to-video {
    position: absolute;
    right: 0;
    top: 50%;
    width: 24%;
    transform: translateY(-50%);
}
.em-call-video-link {
    float: left;
    margin-right: 20px;
}
.em-call-to-video i {
    font-size: 28px;
	color:#fff;
}
.em-call-to-video h2 {
    font-size: 25px;
	color:#fff;
}
.call_action_area2 .all_color_call a:hover{
    color: #0B5BE0;
    background: #fff;
}
.h2_call_area2 .witr_call_to_content p {
    width: 56%;
}
/* ===== 7. Service Area CSS ===== */
.dt_ser_area {
    padding: 95px 0 70px;
}
.em-service {
    padding: 50px 30px 40px 30px;
    text-align: left;
    transition: all 0.5s ease 0s;
    box-shadow: 0px 6px 40px 0px rgba(148,146,245,0.2);
    margin-bottom: 30px;
}
.em-service-icon {
    color: #333;
    font-size: 35px;
}
.em-service-title {
    overflow: hidden;
}
.em-service-title h3 {
    margin: 5px 0 10px;
    font-size: 24px;
    padding: 0;
    text-transform: capitalize;
    transition: .5s;
}
.em-service-desc p {
    transition: .5s;
}
.service-btn {
    margin-top: 2px;
}
.service-btn > a {
    border-radius: 30px;
    color: #333;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    transition: .5s;
}
.em-service:hover {
    background: #0b5be0;
    position: relative;
    backface-visibility: hidden;
    z-index: 3;
}
.em-service:hover .em-service-icon, .em-service:hover .em-service-title h3, .em-service:hover .em-service-desc {
    color: #fff;
    z-index: 1;
}
.em-service:hover .service-btn > a {
    color: #fff;
}
.h2_ser_area .em-service i {
    color: #333;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    text-align: center;
    line-height: 78px;
    box-shadow: 0px 0px 30px 0px rgba(148,146,245,0.2);
    font-size: 30px;
    transition: .5s;
}
.h2_ser_area .em-service {
    padding: 50px 30px 40px 30px;
    box-shadow: none;
    background: none;
    margin-bottom: 20px;
}
.h2_ser_area .em-service:hover .em-service-icon, .h2_ser_area .em-service:hover .em-service-title h3, .h2_ser_area .em-service:hover .em-service-desc {
    color: #333;
}
.h2_ser_area .em-service h3 {
    font-size: 22px;
    padding-top: 25px;
}
.h2_ser_area .em-service:hover .service-btn > a {
    color: #333;
}
.h2_ser_area .em-service:hover i {
    background: #0b5be0;
    color: #fff;
    border-color: #0b5be0;
}
/* ===== Service Area CSS ===== */
.h3_ser_area{
	background-image:url(assets/images/themexs-1.jpg);
	position:relative;
}
.h3_ser_area::before{
	content:"";
	background-color: #000000;
    opacity: 0.83;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.h3_ser_area .witr_section_title_inner h2 {
    color: #fff;
    text-transform: uppercase;
}
.h3_ser_area .witr_section_title_inner h3 {
    color: #fff;
}
.h3_ser_area .em-service {
    box-shadow: none;
    margin-bottom: 30px;
    padding: 30px 15px 30px 15px;
    background-color: rgba(255, 255, 255, 0.09);
}
.h3_ser_area .em-service i {
    color: #fff;
}
.h3_ser_area .em-service h3 {
    color: #fff;
}
.h3_ser_area .em-service p {
    color: #fff;
    padding-right: 2px;
}
.h3_ser_area .service-btn > a {
    color: #fff;
}
.h3_ser_area .em-service:hover .em-service-title h3{
	color:#fff;
}
.h3_ser_area .em-service:hover .service-btn > a {
    color: #fff;
}
/* ===== 8. Portfolio Area CSS ===== */
.nf_proj_area {
    background: #F9F9F9;
    padding: 115px 0px 145px 0px;
}
.nf_proj_area .witr_section_title {
    margin-bottom: 26px;
}
.witr_pslide3 .witr_single_pslide {
    margin-bottom: 100px;
    overflow: inherit;
}
.witr_pslide_image, .witr_single_pslide {
    position: relative;
    overflow: hidden;
}
.witr_pslide_image::before {
    position: absolute;
    content: '';
    background: #222429;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(0);
    transition: .5s;
    z-index: 1;
    opacity: 0.5;
}
.witr_pslide .witr_pslide_custom a span:hover {
    background: #ff6900;
}
.witr_pslide_image img {
    margin-right: auto;
    margin-left: auto;
    transition: .5s;
    width: 100%;
}
.witr_single_pslide:hover .witr_pslide_image img, .witr_single_pslide:hover .witr_pslide_image:before {
    transform: scale(1.2);
}
.witr_pslide .witr_pslide_custom {
    bottom: auto;
    top: 30px;
    right: auto;
    left: 30px;
    transform: scaleX(0);
	position:absolute;
	z-index:9;
	transition:.5s;
}
.witr_pslide .witr_pslide_custom a span {
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 5px;
    font-size: 30px;
    color: #0b5be0;
    background: #fff;
    display: inline-block;
    transition: .5s;
    text-align: center;
}
.ps1 .witr_content_pslide_text {
    position: absolute;
    bottom: -60px;
    left: 30px;
    right: 30px;
    transition: .5s;
    opacity: 1;
    z-index: 2;
    text-align: center;
    box-shadow: 0 0 65px 0 #00000017;
    background: #fff;
    padding: 20px 10px 45px;
    border-radius: 5px;
}
.witr_content_pslide_text h3 {
    margin-bottom: 0;
}
.witr_content_pslide_text h3 a {
    display: inline-block;
    color: #222429;
    margin-bottom: 3px;
}
.witr_content_pslide_text p {
    margin-bottom: 4px;
    color: #222429;
}
.witr_pslide .witr_single_pslide:hover .witr_pslide_custom {
    bottom: auto;
    transform: scaleX(1);
}
.ps1 .witr_content_pslide_text a:hover{
	color:#0b5be0
}
.witr_pslide_custom {
    position: absolute;
    bottom: -17px;
    right: 50%;
    z-index: 9;
    transition: .5s;
    transform: translateX(50%);
}
.witr_single_pslide:hover .witr_pslide_custom {
    bottom: -20px; 
}
.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;
    background: #fff;
    text-align: center;
    color: #0b5be0;
    display: inline-block;
    transition: .5s;
}
.witr_pslide3 .witr_single_pslide:hover .witr_pslide_custom a span {
    color: #fff;
    background: #0b5be0;
}

.nf_port_area{
    padding: 95px 0 70px;
}
.positi_3.pprotfolio4 {
    padding: 20px 10px 23px;
    border: none;
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    z-index: 9;
    transition: .5s;
    text-align: center;
}
.single_protfolio:hover .positi_3.pprotfolio4 {
    bottom: 0;
}
.positi_3.pprotfolio4 {
    background: #0b5be0;
}
.positi_3 .porttitle_inner4 h3 a, .positi_3 .porttitle_inner4 p span {
    color: #fff;
}

.dt_port_area{
    padding: 95px 0 45px;
}
.dt_port_area .witr_section_title {
    margin-bottom: 30px;
}
.portfolio_nav {
    padding: 0 0 40px;
}
.portfolio_nav ul {}
 .portfolio_nav ul li {
    display: inline;
}
.portfolio_nav ul li {
    border-radius: 30px;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin: 0 5px 10px;
    padding: 6px 27px;
    position: relative;
    transition: .5s;
    border: 1px solid #f3eaea;
    font-size: 13px;
    text-transform: uppercase;
}
.prot_wrap {
    overflow: hidden;
}
.single_protfolio {
    position: relative;
    overflow: hidden;
}
.prot_thumb {} .prot_thumb img {
    display: block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.single_protfolio:hover .prot_thumb img {
    transform: scale(1.1);
}
.prot_content {
    position: absolute;
    text-align: center;
    transition: .5s;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
}
.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;
    font-weight: 600;
}
.prot_content h3 a {
    font-size:18px;
    font-weight: 700;
    text-transform: capitalize;
    transition: .5s;
    color: #fff;
    margin-bottom: 0;
    display: inline-block;
}
.prot_content h3 a:hover {
    color: #333;
}
.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;
}
.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;      
    transition: .3s;
    border: 1px solid transparent;
}
.picon a:hover {
    border-color: #191f2d;
    background: #191f2d;
}
.prot_thumb {
    overflow: hidden;
    position: relative;
}
.pprotfolio4 {
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.7);
    padding: 17px 10px 20px;
}
.pprotfolio4 {
    padding: 20px 10px 23px;
}
.porttitle_inner4 h3 {
    margin: 0;
}
.porttitle_inner4 h3 a {
    color: #454545;
}
.porttitle_inner4 p {
	margin-bottom: 0;	
}
.porttitle_inner4 p span {
    display: inline-block;
    color: #454545;
}
.portfolio_nav ul li.current_menu_item, .portfolio_nav ul li:hover {
    border-color: #0b5be0;
	background: #0b5be0;
	color: #fff;
}
.prot_content {
    background: #0b5be080;
}
.pprotfolio4 {
    box-shadow: 0 10px 16px 0 rgba(0,0,0,.7);
    padding: 20px 10px 23px;
    border: 1px solid #f1f1f1;
    border-top: 0 solid #f1f1f1;
}
.portfolio_nav {
    text-align: center;
}
.page-numbers span.current, .paginations a.current, .paginations a:hover {
    border-color: #0b5be0;
	 background: #0b5be0;
	 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: 0;
    margin-right: 10px;
    padding: 9px 15px;
    font-size: 14px;
    line-height: 1;
    transition: .5s;
    font-weight: 500;
}
.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: 15px;
}
.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%;
    transform: translateX(-50%) translateY(-50%);
    width: 80%;
    z-index: 10;
    opacity: 0;
    transition: .5s;
    background: #0b5be0;
    padding: 20px;
	text-align:left;
}
.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: #0b5be0;
}
.picon a:hover {
    border-color: #0b5be0;
    background: #0b5be0;
}
/* style 1 */
.em_port_content {
    height: 100%;
    width: 100%;     
}
.pstyle_1 .porttitle_inner h3 {
    padding-bottom: 0px;
}
.pstyle_1 .prot_content p {
    margin: 2px 0 0;
}
.pstyle_1 .single_protfolio {
    transition: .5s;
    margin-bottom:30px;
}
.portfolio_readmore_btn {
    padding-top: 23px;
}
.portfolio_readmore_btn > a {
    border-radius: 5px;
    display: inline-block;
    padding: 6px 21px;
    text-transform: uppercase;   
    transition: .3s;
    border: 1px solid transparent;
}
.portfolio_grid_area .portfolio_nav {
    padding: 0px 0 30px;
}
/* ===== Portfolio Area CSS ===== */
.pstyle2.pstyle3 .prot_content_inner {
    left: 3000px;
    position: absolute;
    top: 60%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
    padding: 15px 0 20px 20px;
    transition: .5s;
}
.pstyle2.pstyle3 .prot_content_inner {
    text-align: left;
}
.pstyle2.pstyle3 .prot_content_inner {
    background: #0b5be0;
}
.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: #0b5be0;
}
.portfolio_style2 .port_style02 .pstyle_1 .prot_content_inner {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
}
.portfolio_style2 .prot_content {
    position: absolute;
    text-align: center;
    transition: .5s;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 9;
}
.portfolio_style2.pstyle2 .single_protfolio:hover .prot_content_inner {
    top: 50%;
    opacity: 1;
    left: 50%;
    right: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.portfolio_style2 .prot_content h3 a {
    margin-bottom: 0;
}
.portfolio_style2 .single_protfolio:hover .prot_content {
    opacity: 1;
    transform: scale(1,1);
}
.portfolio_style2 .prot_content h3 a:hover {
    color: #0b5be0;
}
.prot_content {
    background: rgba(73, 0, 221, 0.70);
}
.prot_content h3 a {
    margin-bottom: 4px;
}
.em_plus_port {
    position: absolute;
    bottom: 20px;
    right: -3000px;
    z-index: 99;
    transition: .5s;
}
.picon a {
    background: #0b5be0 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0 3px 11px;
    width: 50px;
    text-align: center;
}
.single_protfolio:hover .em_plus_port {
    right: 30px;
}
.h2_port_area .prot_content {
    background: rgba(0, 0, 4, 0.5) none repeat scroll 0 0;
}
.h2_port_area .porttitle_inner4 h3 a {
    text-transform: uppercase;
    color: #454545;
    font-size: 18px;
    font-weight: 600;
    display: inherit;
}
.h2_port_area .porttitle_inner4 p {
    color: #454545;
    line-height: 1;
    margin: 5px 0 0;
}
.h2_port_area .prot_content_inner {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
    background: none;
    text-align: center;
}
.h2_port_area .picon a {
    background: transparent;
    margin: 0 8px 11px;
	font-size:25px;
}
.h2_port_area .pstyle_1 .picon a:hover {
    background: #0b5be0;
    color: #fff;
}
.proj_grid {
    padding: 95px 0 68px;
}
/* recent project css */
.deskt-blog-area.deskt-blog-single.single-blog-details {
    padding: 100px 0 80px;
}
.portfolio-details-box h2 {
    font-size: 25px;
}
.prots-contentg ul {
    display: inline-block;
    margin-bottom: 20px;
}
.portfolio-details-box ul li, .right_popupmenu_area .witr_sub_table {
    border-bottom: 1px solid #ddd;
}
.portfolio-details-box ul li {
    padding-top: 15px;
    padding-bottom: 10px;
    list-style: none;
}
.portfolio-details-box ul li b {
    font-size: 18px;
    font-weight: 600;
}
.portfolio-details-box ul li span.eright {
    font-weight: 400;
    font-size: 16px;
    margin-left: 5px;
}
.deskt-blog-social {
    margin-bottom: 25px;
    margin-top: 25px;
}
.deskt-single-icon a {
    border: 1px solid #e6e6e6;
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 41px;
    margin: 0 9px 0 0;
    text-align: center;
    width: 40px;
    border-radius: 5px;
    color: #0b5be0;
}
.deskt-single-icon a:hover {
    background: #0b5be0;
    color: #fff;
}
.pr-title h2 {
    margin-top: 15px;
    margin-bottom: 15px;
}
/* ===== 9. Testimonial Area CSS ===== */
.dt_test_area {
    padding: 20px 0 220px;
    position: relative;
}
.dt_test_area .witr_section_title {
    margin-bottom: 30px;
}
.witr_testi_itemt {
    padding: 0 15px;
}
.em_single_testimonial {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 30px;
    transition: all 0.5s ease 0s;
    padding: 37px 30px 26px;
    margin-top: 40px;
    box-shadow: 0px 1px 15px 0px rgba(148,146,245,0.2);
    overflow: hidden;
    position: relative;
}
.em_test_thumb {
    float: left;
    margin-right: 20px;
}
.em_test_thumb img {
    width: 59px;
}
.em_testi_title h2 {
    font-size: 22px;
    color: #333;
}
.em_testi_title span {
    display: block;
    margin-top: 8px;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: #333;
}
.em_testi_content {
    position: relative;
    text-align: center;
}
.em_testi_text {
    overflow: hidden;
    padding-top: 15px;
    float: left;
    text-align: left;
    color: #333;
}
.test-part ul li {
    display: inline-block;
    padding-top: 20px;
}
.test-part span {
    color: #333;
    font-weight: 400;
    font-size: 18px;
}
span.em_crating i.active {
    margin-bottom: 11px;
    color: #0b5be0;
}
.em_single_testimonial:hover {
    box-shadow: 0px 10px 40px 0px rgba(148,146,245,0.2);
}
.witr_shape_item_inner {
    position: absolute;
    bottom: 90px;
    left: 0;
    right: 0;
    z-index: -1;
}
.dt_test_area .slick-dots {
    bottom: -28px;
}
/* ===== Testimonial Area CSS ===== */
.nf_test_area2 {
    background: #F9F9F9;
    padding: 115px 0 90px 0;
}
.nf_test_area2 .witr_section_title {
    margin-bottom: 35px;
}
.nf_test_area2 .em_testi_content {
    text-align: left;
}
.nf_test_area2 .em_testi_text {
    overflow: hidden;
    padding-top: 15px;
    float: left;
    text-align: left;
}
.nf_test_area2 .em_testi_title span {
    display: block;
    margin-top: 5px;
    font-size: 18px;
    font-weight: 600;
}
.nf_test_area2 .execllent_star h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    font-style: italic;
}
/* ===== 10. Screnshot Area CSS ===== */
.screnshot_area .witr_section_title {
    margin-bottom: 52px;
}
.witr_slick_column {
    padding: 0 15px;
}
.Screenshots .slick-slide img {
    width: 100%;
}
.mobile-thumb img {
    opacity: 0.1;
    width: 100%;
}
.slick-center .mobile-thumb img {
    opacity: 1;
}
/* ===== 11. Team Area CSS ===== */
.dt_team_area {
    padding: 92px 0 70px;
    position: relative;
}
.team_shap_inner .witr_shape_item_inner {
    bottom: -12px;
    left: -60px;
}
.team_shap_inner .witr_shape_image img {
    height: 350px;
}
.dt_team_area .witr_section_title {
    margin-bottom: 50px;
}
.team-part {
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    overflow: hidden;
}
.team-part {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #0B5BE0;
    margin-bottom: 30px;
}
.witr_team_section {
    position: relative;
}

.witr_team_section:before {
    content: "";
    position: absolute;
    background:rgba(11, 91, 224, 0.82);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .5s;
}
.witr_team_section img {
    width: 100%;
}
.team_overlay_icon a i {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    color: #fff;
    top: 50%;
    font-size: 35px;
    opacity: 0;
}
.witr_team_content {
    padding: 12px 0;
}
.witr_team_content h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}
.witr_team_content span {
    color: #555555;
    font-size: 16px;
    font-weight: 400;
}
.witr_team_section:hover:before {
    opacity: 1;
}
.witr_team_section:hover .team_overlay_icon a i {
    opacity: 1;
}
.h2_team_area .witr_team_section:before {
    background: rgba(73, 0, 221, 0.77);
}
/* ===== 12. Pricing Area CSS ===== */
.dt_pric_area {
    padding: 95px 0 70px;
}
.dt_pric_area .witr_section_title {
    margin-bottom: 50px;
}
.pricing_area {
    border: 1px solid #0b5be0;
    border-radius: 5px;
    margin-bottom: 30px;
}
.pricing-part {
    position: relative;
    overflow: hidden;
	text-align:center;
}
.pricing-part i {
    color: #0b5be0;
    font-size: 40px;
    display: block;
    padding: 39px 0;
}
.pricing-part span {
    font-size: 24px;
    color: #333;
    line-height: 19px;
    padding-bottom: 15px;
    display: block;
}
.pricing-part h5 {
    font-size: 35px;
    line-height: 40px;
    padding-bottom: 27px;
}
.pricing-part ul li {
    color: #555555;
    line-height: 40px;
    list-style: none;
}
.pricing-part a.btn {
    background: #0b5be0;
    line-height: 41px;
    padding: 0 30px;
    font-size: 16px;
    border-radius: 30px;
    color: #fff;
    border: 1px solid #0b5be0;
    margin-top: 36px;
    margin-bottom: 40px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    display: inline-block;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
}
.pricing-part a.btn:hover {
    background: transparent;
    color: #0b5be0;
}
.pactive{
    background: #0B5BE0;
	border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}
.pactive .pricing-part i {
    color: #fff;
}
.pactive .pricing-part ul li {
    color: #fff;
}
.pactive .pricing-part span {
    color:#fff;
}
.pactive h5 {
    color:#fff;
}
.pactive a.btn {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}
.pactive a.btn:hover{
	background: transparent;
    border-color: #fff;
    color: #fff;
}
.pricing-part sub {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    right: -65px;
    top: 20px;
    background: #1999f2;
    line-height: 43px;
    width: 217px;
    height: 45px;
    text-align: center;
    transform: rotate(45deg);
	background:#0060FF;
}
.h3_pric_area {
    padding: 0px 0 70px;
}
/* ===== 13. Counter Area CSS ===== */
.dt_coun_area {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 0 80px 0;
    position: relative;
}
.dt_coun_area::before{
	content:"";
    background: #000000;
    opacity: 0.92;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.dt_coun_area .witr_section_title_inner h3 {
    color: #fff;
}
.single_counter {
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}
.single_counter {
    position: relative;
    padding: 32px 0;
    text-align: center;
    transition: all 0.3s ease 0s;
    margin-bottom: 25px;
}
.counter_icon {
    margin-top: 7px;
}
.counter_icon i {
    color: #fff;
    font-size: 30px;
    text-align: center;
    display: block;
}
.counter_title {
    padding: 0 0 0;
}
.counter_title h4 {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    text-transform: capitalize;
    transition: .3s;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 0px;
}
.countr_text > h3 {
    display: inline-block;
    font-size: 43px;
}
.witr_counter_number_inn h3, .witr_counter_number_inn span, .countr_text > h3, .countr_text span {
    color: #fff;
}
.countr_text span {
    display: inline-block;
    font-size: 36px;
}
.single_counter:hover {
    background: #0b5be0;
    border-color: #0b5be0;
}
/* ===== 14. Blog Area CSS ===== */
.deskt_blog_area {
    padding: 94px 0 100px;
}
.single_blog_adn {
    margin-bottom: 30px;
}
.deskt_blog_area .witr_section_title {
    margin-bottom: 30px;
}
.deskt-single-blog_adn {
    background-color: #fff;
    box-shadow: 0px 0px 30px 0px rgba(148,146,245,0.2);
    overflow: hidden;
    text-align: left;
    transition: all 0.3s ease-in-out 0s;
}
.blog_adn_thumb_inner {
    position: relative;
}
.deskt-blog-thumb_adn {
    overflow: hidden;
    position: relative;
}
.deskt-blog-thumb_adn:before {
    content: "";
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    z-index: 999;
    transition: .5s;
}
.deskt-blog-thumb_adn a {
    display: block;
}
.deskt-blog-thumb_adn a {
    position: relative;
}
.deskt-blog-thumb_adn img {
    display: block;
    transition: 6s;
    width: 100%;
}
.blog_add_icon {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    z-index: 999;
    transform: translateX(-50%) translateY(-50%);
    opacity: 0;
    transition: .5s;
}
.blog_add_icon a {
    color: #fff;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: #0b5be0;
    border-radius: 50%;
}
.deskt-blog-thumb_adn a {
    display: block;
}
.deskt-blog-thumb_adn a {
    position: relative;
}
.blog-page-title_adn2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 9999;
}
.blog-page-title_adn2 h2 {
    margin: 0px;
    background: rgba(0, 0, 0, 0.72);
    padding: 5px 0 12px;
    color: #fff;
    transition: .5s;
}
.blog-page-title_adn2 h2 a {
    color: #fff;
    font-size: 18px;
}
.em-blog-content-area_adn {
    padding: 15px 10px 15px;
}
.learn_more_adn {
    text-align: center;
}
.learn_btn {
    border: 0 none;
    border-radius: 100px;
    color: #333;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    padding: 8px 22px;
    text-transform: capitalize;
    text-align: center;
}
.learn_btn i {
    font-size: 15px;
    margin-left: 3px;
    transition: all 0.3s ease 0s;
    color: #0b5be0;
}
.deskt-single-blog_adn:hover 
.deskt-blog-thumb_adn:before, .deskt-single-blog_adn:hover .blog_add_icon {
    opacity: 1;
}
.deskt-single-blog_adn:hover 
.deskt-blog-thumb_adn:before, .deskt-single-blog_adn:hover .blog_add_icon {
    opacity: 1;
}
.deskt-single-blog_adn:hover .blog-page-title_adn2 h2 {
    background: #0b5be0;
}
/* ===== Blog Area CSS ===== */
.dt_blog_grid {
    padding: 100px 0 90px;
}
.blog-part {
    margin-bottom: 30px;
}
.witr_blog_imags {
    overflow: hidden;
}
.blog-img {
    position: relative;
    transform: scale(1);
    transition: .5s;
}
.blog-img:before {
    position: absolute;
    content: '';
    background: #000;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: .5s;
}
.blog_part_inner:hover .blog-img, .blog_part_inner:hover .blog-img:before {
    transform: scale(1.2);
}
.witr_nth_child .wblog-content {
    padding: 23px 15px 10px;
    box-shadow: 0px 2px 6px 0px #f5f2f2;
}
.wblog-content span {
    font-size: 13px;
    color: #555;
    line-height: 28px;
    padding-bottom: 15px;
    margin-right: 10px;
}
.wblog-content span i {
    padding-right: 5px;
    padding-left: 5px;
    color: #333;
    transition: .5s;
}
.wblog-content h5 {
    margin-top: 5px;
}
.wblog-content h5 > a {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #333;
}
.wblog-content h5 > a:hover, .wblog-content span i:hover {
    color: #0b5be0;
}
.wblog-content > a {
    font-size: 16px;
    color: #333;
    font-weight: 500;
    padding: 9px 30px;
    border: 1px solid #0b5be0;
    border-radius: 30px;
    margin-top: 10px;
    margin-bottom: 5px;
    transition: .5s;
    display: inline-block;
}
.wblog-content > a:hover {
    background: #0b5be0;
    color: #fff;
}
/* ===== 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: #0b5be0;
    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: #0b5be0;
}
.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;
}
.deskt-blog-meta-left i {
    color: #0b5be0;
}
.deskt-blog-meta-left i {
    font-size: 13px;
    margin-right: 5px;
}
.deskt-blog-meta-left {
    margin-bottom: 10px;
    margin-top: 5px;
}
.recent-post-text h4 a:hover {
    color: #0b5be0;
}
.recent-post-item {
    padding-bottom:0;
}
.recent-post-text h4 {
    margin-bottom: 0;
    line-height: 1;
}
.deskt-blog-meta-left a, .deskt-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: #0b5be0;
}
table#wp-calendar td#today a {
    color: #fff;
}
.textwidget img {
    margin-bottom: 15px;
}
.textwidget p {
    margin-bottom: 0.5rem;
}
.deskt-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 .deskt-single-blog {
    margin-bottom: 30px;
    box-shadow: none;
    border-bottom: 1px solid #e7e7e7;
    background: transparent;
}
.deskt-single-blog {
    overflow: hidden;
    text-align: left;
    transition: all .3s ease-in-out 0s;
}
.deskt-blog-thumb {
    overflow: hidden;
}
.single_blog_thumb img {
    width: 100%;
}
.deskt-blog-thumb a {
    display: block;
    position: relative;
}
.deskt-blog-thumb a:before {
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index: 999;
    transition: .5s;
}
.deskt-blog-thumb a:before {
    background: rgba(0,0,0,.7);
}
.deskt-blog-thumb img {
    width: 100%;
}
.deskt_blog_area .em-blog-content-area {
    padding: 20px 15px 0;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgb(148 146 245 / 20%);
}
.deskt-blog-meta.post_blog h2 a {
    font-size: 24px;
    font-weight: 700;
    transition: .5s;
}
.deskt-blog-meta-left {
    margin-bottom: 10px;
    margin-top: 5px;
}
.deskt-blog-meta-left a, .deskt-blog-meta-left span {
    color: #888888;
    font-size: 16px;
    margin-right: 5px;
    margin-bottom: 0;
    display: inline-block;
}
.deskt-blog-meta-left i {
    color: #0b5be0;
    margin-right: 5px;
    font-size: 13px;
}
.deskt-blog-meta-left a, .deskt-blog-meta-left span {
    color: #888;
}
.em-blog-content-area .witr_btn {
    background: #0b5be0;
    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;
}
.deskt-single-blog:hover .deskt-blog-thumb a:before {
    opacity: 1;
}
.deskt-single-blog:hover .deskt-blog-thumb img {
    transform: scale(1.1);
}
.em-blog-content-area .witr_btn:hover {
    background: #323232;
    color: #fff;
}
.deskt-blog-meta.post_blog h2 a {
    font-size: 24px;
    font-weight: 700;
    transition: .5s;
}
.video-open-inline #witr_mp4_video {
    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  #0b5be0;
    padding: 1em 1em;
    margin-top: 15px;
}
blockquote {
    margin: 0 0 30px;
    font-size: 17px;
    font-weight: 400;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 7%);
}
.blog-left-side .widget a {
    color: #454545;
}
.blog-left-side>div {
    margin-bottom: 30px;
    padding: 35px 30px 35px;
    border-radius: 8px;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
}
.recent-post-text h4 a {
    font-size: 17px;
    font-weight: 600;
}
.recent-post-text .rcomment {
    font-size: 14px;
}
.widget_recent_data .recent-post-image img {
    margin-bottom: 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;
}
.deskt-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;
}
.deskt-single-icon-inner {
    text-align: center;
}
.deskt-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;
}
.deskt-single-icon-inner a:hover {
    background: #0b5be0;
    border-color: #0b5be0;
    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;
}
.deskt_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;
}
.deskt_btn:hover {
    background: #0b5be0;
    border-color:#0b5be0;
    color:#fff;
}
/* end sidebar css */
/* ===== 15. Footer Area CSS ===== */
.witrfm_area {
    position: relative;
    background: #04265f;
}
.footer-middle {
    background-color: #04265f;
    background-image: url('assets/images/footer-bg1.png');
}
.witrfm_area:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
.footer-middle {
    padding: 75px 0 90px;
}
.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, .deskt-description-area p, .deskt-description-area .phone a, .deskt-description-area .social-icons a, .recent-review-content h3, .recent-review-content h3 a, .recent-review-content p, .footer-middle .deskt-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;
}
.deskt-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 .widget h2 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.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: 6px;
}
.recent-post-image img {
    border-radius: 0;
    width: 70px;
}
.recent-post-item {
    clear: both;
    margin-bottom: 15px;
}
.footer-sociala-icon {
    clear: both;
    float: left;
    font-size: 18px;
    margin-right: 12px;
}
.footer-sociala-info {
    overflow: hidden;
}
.recent-portfolio-area {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}
.recent-portfolio {
    margin-bottom: 10px;
    margin-right: 10px;
}
.footer-middle .recent-post-text>h4 a:hover {
    color: #0b5be0;
}
.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: 16px;
}
.footer-middle .widget ul li a:hover, .footer-middle .widget ul li:hover:before {
    color: #0b5be0;
}
.deskt-desdesktiption-area a img {
    margin: 26px 0;
}
.deskt-description-area .social-icons a {
    width: 38px;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    text-align: center;
    border-radius: 30px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 0;
    background: transparent;
    border: 1px solid #ffffff;
}
.deskt-description-area .social-icons a:hover {
    background: #0b5be0;
    color: #fff;
    border-color: #0b5be0;
}
.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: #0b5be0;
    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 #d8d8d8;
}
.footer-middle .mc4wp-form-fields input {
    height: 40px;
    position: relative;
    background: #fff none repeat scroll 0 0;
    width: 100%;
    line-height: 40px;
    border-radius: 0;
}
.mc4wp-form-fields input {
    color: #999999;
}
.mc4wp-form-fields input::placeholder{
	color: #b0afaf;
}
.mc4wp-form-fields input {
    font-size: 14px;
    outline: 0;
    padding: 5px 15px;
}
.footer-middle .mc4wp-form-fields button:hover {
    background: #0b5be0;
    color: #fff;
}

.footer-middle .mc4wp-form-fields button {
    background: #0b5be0;
}
.footer-middle .mc4wp-form-fields button {
    color: #fff;
}
.footer-middle .mc4wp-form-fields button {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 0;
    cursor: pointer;
    line-height: 20px;
    transition: .5s;
    font-size: 20px;
    height: 40px;
    background: #417de1;
}
.mc4wp-form-fields button {
    border: none;
    outline: 0;
    bottom: 0;
    font-size: 18px;
    text-align: center;
    z-index: 2;
}
.witr_sub_table {
    border-bottom: 1px solid #ffffff8c;
}
.witr_sub_table {
    display: flex;
    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 {
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    width: 61%;
    left: 0;
    right: 0;
    margin: auto;
    background: #80aadd;
}
.copy-right-text p {
    margin: 0;
    padding: 0;
}
.copy-right-text p {
    color: #fff;
    font-size: 14px;
    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: #0b5be0;
}
/* sdesktoll up css */
#scrollUp {
    bottom: 30px;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    right: 100px;
    text-align: center;
    border-radius: 0;
    width: 40px;
    background: #0b5be0;
}
#scrollUp i {
    color: #fff;
}
/* slick slide css */
.slick-dots li button {
    font-size: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #0b5be0;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 50px;
    padding: 0;
    transition: .5s;
    outline: 0;
    background: transparent;
}
 .slick-dots li.slick-active button {
    background-color:#0b5be0;
}
.slick-dots li {
    display: inline-block;
}
.slick-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    display: inline-block;
    z-index: 11;
    text-align: center;
}
/* slick prev slick next css */
/*======== slick ========*/
.slick-prev, .slick-next {
    font-size: 0;
    position: absolute;
    display: block;
    padding: 0;
    cursor: pointer;
    color: #fff;
    outline: none;
    z-index: 9;
    opacity: 0;
    border-radius: 50px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    width: 55px;
    height: 55px;
    line-height: 52px;
    top: 50%;
    transform: translate(0px, -50%);
    transition: .5s;
    border: 2px solid #0b5be0;
    background: transparent;
}
.slick-prev {
    left: -65px;
}
 .slick-next {
     right: -65px;
}
.slick-prev:before, .slick-next:before {
    color: #0b5be0;
    font-size: 25px;
    transition: all 0.3s ease 0s;
    content: "\f177";
    font-family: FontAwesome;
}
.slick-next:before {
    content: "\f178";
    font-family: FontAwesome;
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    background: #0b5be0;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    color: #fff;
}
button:focus {
    outline: 0;
}
.bk_test_area:hover .slick-prev, .bk_test_area:hover .slick-next {
	opacity:1;
}
.deskt_blog_area:hover .slick-prev, .deskt_blog_area:hover .slick-next{
	opacity:1;
}
.bk_team_area:hover .slick-prev, .bk_team_area:hover .slick-next{
	opacity:1;
}
.nf_test_area2:hover .slick-prev, .nf_test_area2:hover .slick-next{
	opacity:1;
}
/*===== 16. Breadcumb Area CSS =====*/
 .breadcumb-inner h2 {
    font-size: 36px;
}
.breadcumb-area {
    padding-top: 97px;
    padding-bottom: 97px;
    background-size: cover;
    background-image: url(assets/images/brd.jpg);
    position: relative;
    background-repeat: no-repeat;
    background-position: center top;
}
.breadcumb-area:before, .breadcumb-blog-area:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: rgba(0,0,0,0.3);
}
.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: #0b5be0;
}
.brpt h2 {
    font-size:30px;
    color: #fff;
    margin-bottom: 5px;
}
 .lcase {
     text-transform: lowercase;
}
 .ucase {
     text-transform: uppercase;
}
.ccase {
     text-transform: capitalize;
}
/* ===== 17. Video Area CSS ===== */
.deskt_content h5 {
    color:#fff;
    font-size: 18px;
}
.all_cal_color h2 {
    color: #fff;
    font-size: 35px;
    padding: 30px 0px 0px 0px;
}
.all_cal_color h3 {
    color: #fff;
	font-size: 35px;
}
.all_cal_color p {
    color: #FFFFFF;
    margin: 35px 230px 10px 0px;
}
.deskt_button {
    margin-top: 45px;
}
.deskt_button a{
    padding: 13px 45px 13px 45px;
    display: inline-block;
    font-size: 17px;
    transition: 1s;
    margin-right: 15px;
    font-weight: 500;
    border-radius: 0;
    background: #0b5be0;
    color: #fff;
}
.deskt_button a:hover {
    background: #2a2273;
}
.deskt_video_inner {
    top: 160px;
	position: relative;
    text-align: center;
}
.deskt_video_inner a {
    position: relative;
}
.deskt_video_inner a:before {
    content: "";
    position: absolute;
    top: 43%;
    left: 50%;
    height: 70px;
    width: 70px;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    animation: witr_video_ripple 2s infinite;
    box-shadow: 0px 0px 10px 0px rgba(251.859375, 251.859375, 251.859375, 0.5);
}
.deskt_video_inner i {
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 70px;
    border-radius: 50%;
    font-size: 25px;
    display: inline-block;
    transition: 1s;
}
.deskt_video_inner i, .w_apps_button a:hover {
    background: #0b5be0;
	color:#fff;
}
@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)}}

/* ===== Video Area CSS ===== */
.witr_youtube_video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -99;
}
.witr_youtube_video iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.video_page_area .witr_swiper_height {
    z-index: -1;
}
.bvideo_page_area{
	position:relative;
}
.video_page_area .witr_swiper_content h2, .video_page_area .witr_swiper_content h3, .video_page_area .witr_swiper_content p {
    color:#fff;
}

.ab_page_video .witr_all_color_v {
    padding: 250px 0 250px 0;
	background: #0b5be0;
}






/* ===== 18. Skill Area CSS ===== */
.ab_cont_inner {
    margin: 0 0 0 10px;
}
.witr_text_widget {
    margin-bottom: 25px;
}
.witr_single_progress {
    overflow: hidden;
    margin-bottom: 21px;
}
.witr_title2 .witr_label {
    font-weight: 700;
    color: #222d39;
    font-size: 16px;
    margin-bottom: 3px;
    display: inline-block;
}
.progress {
    height: 4px;
    margin-top: 0;
    border-radius: 0;
    background: #DDDDDD;
}
.witr_progress-style2.progress {
    box-shadow: none;
    overflow: visible;
}
.progress-bar {
    background: #007bff;
    overflow: inherit;
    border-radius: 0;
}
.witr_progress-style2 .progress-bar {
    position: relative;
    text-align: left;
    line-height: 4px;
    box-shadow: none;
}
.witr_progress-style2 .witr_percent {
    position: absolute;
    right: 0;
    font-weight: 700;
    font-size: 16px;
    top: -19px;
}
.witr_progress-style2 .witr_percent {
    color: #222d39;
}
.witr_progress-style13.progress{
	border: 1px solid #0b5be0;
}
.skill_cont .witr_btn {
    padding: 17px 50px 17px 50px;
    color: #fff;
    background: #0b5be0;
    margin-top: 50px;
}
.skill_cont .witr_btn:hover{
	background:#002f4d;
}
/* ===== 19. Brand Area CSS ===== */
.dt_brand_area {
    padding: 82px 0 100px;
}
.slide_items {
    text-align: center;
}
/* ===== 20. Faq Area CSS ===== */
.nf_faq_area {
    background: #F9F9F9;
    padding: 100px 0 85px;
}
.nf_faq_area .witr_section_title {
    margin-bottom: 35px;
}
.faq_content {
    margin: 10px 0 20px 0;
}
.accordion_area .card-2 {
    margin-bottom: 15px;
    border: none;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #ddd;
}
.witr_ac_style {
    align-items: center;
    transition: .5s;
    display: block;
    padding: 11px 15px;
}
.witr_ac_style, .witr_ac_style::before {
    font-size: 17px;
    font-weight: 600;
}
.witr_ac_style:before {
    position: absolute;
    content: '\f107';
    right: 30px;
    font-family: fontawesome !important;
    font-weight: 400;
}
.active .witr_ac_style:before {
    content: '\f106';
}
.witr_ac_card i {
    font-size: 20px;
    display: inline-block;
}
.accordion_area .card-2 p {
    padding: 10px 15px 0;
}
.accordion_area .card-header.witr_ac_card {
    background: 0 0!important;
    padding: 0;
    border-bottom: 0;
    text-align: left;
}
.witr_ac_card i {
    margin-right: 10px;
    font-size: 20px;
}
.witr_ac_style:hover {
    color: #302EA2;
}
.active .witr_ac_style, .witr_ac_style:hover{
	background:#0b5be0;
	color:#fff;
}
/* ===== Faq Area CSS ===== */
.nf_faq_area2 {
    padding: 100px 0 100px;
}
.writ_ac_style_02 {
    align-items: center;
    transition: .5s;
    display: block;
    padding: 10px 20px 10px 0px;
}
.faq2_content .witr_ac_style, .faq2_content .witr_ac_style::before {
    font-size: 20px;
    font-weight: 600;
}
.faq2_content .accordion_area .card-2 p {
    padding: 15px 20px 20px;
}
.faq2_content {
    padding: 30px 0 0;
}
.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;
}
.writ_ac_style_02:before {
    position: absolute;
    content: '\f067';
    left: 20px;
    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);
    background: transparent;
    border-radius: 0;
}
.faq_area2 .accordion_area .card-2 p {
    padding: 15px 23px 15px;
}
.writ_ac_style_02:before {
    font-weight: 400;
    font-size: 15px !important;
    margin-top:5px;
}
.faq2_content .card-2 p {
    padding: 15px 20px 15px;
}
/* ===== 21. Single Service Area CSS ===== */
.single_service_area {
    padding: 100px 0 0;
}
.single_service_area .witr_text_widget_inner img {
    width: 100%;
}
.single_service_area .witr_text_widget p {
    line-height: 1.7em;
}
.single_service_area .witr_text_widget_inner h2 {
    font-size: 40px;
    padding: 25px 0 0 0;
}
.single_service_area .witr_text_widget p {
    width: 100%;
    margin: 15px 0 0;
}
/* ===== 22. Contact Area CSS ===== */
.dt_cont_area {
    background-image: url(assets/images/slider1.jpg);
    padding: 115px 0 105px 0;
    position: relative;
}
.dt_cont_area::before{
	content:"";
    background: #000000;
    opacity: 0.89;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.dt_cont_area .witr_section_title {
    margin-bottom: 58px;
}
.dt_cont_area .witr_section_title_inner h2 {
    color: #fff;
    text-transform: uppercase;
}
.dt_cont_area .witr_section_title_inner h3 {
    color: #fff;
}
.apartment_text h2 {
    margin-bottom: 40px;
    font-size: 38px;
}
.witr_apartment_form form select, .witr_apartment_form input {
    background: transparent;
    border: 0px solid #ddd;
    width: 100%;
    height: 50px;
    border-radius: 0;
    outline: 0;
    font-size: 16px;
    color: #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 40px;
    font-weight: 500;
}
.witr_apartment_form input::placeholder{
	color:#fff;
}
.witr_apartment_form form select:focus, .witr_apartment_form input:focus, .twr_form_box  textarea:focus {
    border-color: #0b5be0;
}
.twr_form_box  textarea {
    border: 0px solid #ddd;
    height: 42px;
    width: 100%;
    padding-left: 0;
    color: #fff;
    margin-bottom: 15px;
    background: transparent;
    border-radius: 0;
    font-size: 16px;
    border-bottom: 1px solid #fff;
    font-weight: 400;
    margin-top: 75px;
}
.twr_form_box  textarea::placeholder{
	color:#fff;
}
.witr_apartment_form .btn {
    border: 0 none;
    display: inline-block;
    font-weight: 500;
    padding: 13px 50px;
    font-size: 14px;
    border-radius: 30px;
    color: #fff;
    margin-top: 26px;
    transition: .5s;
    background: #0b5be0;
    letter-spacing: 2px;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    height: 50px;
}
.witr_apartment_form .btn:hover {
    background: #fff none repeat scroll 0 0;
    color: #0b5be0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active{
  transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;	
}
p.form-messege{
    margin-top: 8px;
	color: #09124f;
}
/* map area css */
.map_inner_area iframe {
    border: none;
    width: 100%;
    height: 555px;
    margin-bottom: -8px;
}
.availability_map .map_inner_area iframe {
    height: 605px;
    margin-bottom: -8px;
}


.tx_golobal_color{
     background: #0A0E4E;
}
 .tx_btn_global_color:hover{
     background:#000;
}

/* Темно-синий фон для всей области шапки */
.em40_header_area_main,
.deskt-header-top,
.deskt_nav_area,
.logo-left,
.logo,
.tx_mmenu_together {
    background-color: #0A0E4E !important;
}

/* Убираем белый фон и выравниваем логотип */
.logo a img {
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Убираем лишние отступы вокруг меню */
.deskt_menu ul.sub-menu {
    background-color: #0A0E4E !important;
}

/* Также на мобильной версии */
.mobile_logo_area,
.mobile_menu_content,
.mobile_menu_logo {
    background-color: #0A0E4E !important;
}
.custom-gallery-bg {
    background-image: url("assets/images/brbb1.png"); /* замените на ваше имя файла */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 920px; /* под ваш размер */
}