/*
Template Name: Netfz
Author Name: WPEXPERT
*/

/*
Table Of Content

1. Top Menu Area CSS
2. Menu Area CSS
3. Slider Area CSS
4. Feature Area CSS
5. About Area CSS
6. Service Area CSS
7. Media Area CSS
8. Video Area CSS
9. Pricing Area CSS
10. Call to Action Area CSS
11. Skill Area CSS
12. Team Area CSS
13. Carousel Image Area CSS
14. Benefit Area CSS
15. Testimonial Area CSS
16. Blog Area CSS
17. Breadcumb Area CSS
18. Footer Area CSS
19. Booking Form Area CSS
20. Faq Area CSS
21. Portfolio Area CSS

*/
@import url('css2.css');
/* theme css */
:root{
    --primary: #1e3bb1;
    --secondary: #0067ED;
    --dark: #2f2c2c;
    --light: #fff;
}
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;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: "Microsoft YaHei", STHeiti, "Hiragino Sans GB", "WenQuanYi Micro Hei", "Heiti SC", NSimSun, SimSun, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-style: normal;
    /*! font-size: 16px; */
    line-height: 1.6;
    color: #7f8297;
}
a {
    text-decoration: none;
    transition-duration: .5s;
    color: #1e3bb1;
}
a:hover {
    text-decoration: none;
}
a.btn:hover, a:hover {
    text-decoration: none;
    color: #1e3bb1
}
p {
    transition: .5s;
}
h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a {
    font-family: "Microsoft YaHei", STHeiti, "Hiragino Sans GB", "WenQuanYi Micro Hei", "Heiti SC", NSimSun, SimSun, Arial, Helvetica, sans-serif;
    font-style: normal;
    line-height: 1.2;
    font-weight: 700;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 25px;
    margin-bottom: 0;
    color: #141f67;
}
.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;
}
ul, li {
    list-style: none;
}
.container {
    max-width: 100%;
    padding: 0 15px;
}
.witr_btn {
    border-radius: 5px;
    display: inline-block;
    font-size: 17px;
    padding: 17px 40px;
    text-align: center;
    position: relative;
    margin-right: 15px;
    z-index: 2;
    -webkit-transition: 1s;
    transition: 1s;
    font-weight: 500;
    font-family: 'Noto Sans',sans-serif;
    color: #fff;
    background: #1e3bb1;
    cursor: pointer;
}
.witr_btn:hover {
    background: #111c68;
    color: #fff;
}
.witr_bbtn {
    border-radius: 5px;
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
    padding: 16px 30px;
    text-align: center;
    position: relative;
    margin-right: 20px;
    z-index: 2;
    -webkit-transition: 1s;
    transition: 1s;
    color: #fff;
}
.witr_bbtn:hover {
    color: #fff;
}
.p-10 {
    padding: 10px;
}
.px-20 {
    padding-left: 20px;
    padding-right: 20px
}
.px-10 {
    padding-left: 10px;
    padding-right: 10px
}
.py-100 {
    padding-top: 0px;
    padding-bottom: 0px;
}
.py-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}
.py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.py-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}
.py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.py-10 {
    padding-top: 50px;
    padding-bottom: 10px;
}
.pt-100 {
    padding-top: 100px;
}
.pt-90 {
    padding-top: 90px;
}
.pt-80 {
    padding-top: 80px;
}
.pt-70 {
    padding-top: 70px;
}
.pt-60 {
    padding-top: 60px;
}
.pt-50 {
    padding-top: 50px;
}
.pt-40 {
    padding-top: 40px;
}
.pt-30 {
    padding-top: 30px;
}
.pt-20 {
    padding-top: 20px;
}
.pt-10 {
    padding-top: 10px;
}
.pb-100 {
    padding-bottom: 90px;
}
.pb-90 {
    padding-bottom: 90px;
}
.pb-80 {
    padding-bottom: 80px;
}
.pb-70 {
    padding-bottom: 70px;
}
.pb-60 {
    padding-bottom: 60px;
}
.pb-50 {
    padding-bottom: 50px;
}
.pb-40 {
    padding-bottom: 40px;
}
.pb-30 {
    padding-bottom: 30px;
}
.pb-20 {
    padding-bottom: 20px;
}
.pb-10 {
    padding-bottom: 10px;
}
.slick-prev, .slick-next {
    font-size: 0;
}
img {
    max-width: 100%;
}
#scrollUp {
    position: fixed;
    right: 100px;
    bottom: 30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #1e3bb1;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 30px;
    transition: .5s;
    border: none;
    outline: none;
}

/*========== Slider btn css ==========*/
button.slick-prev, button.slick-next {
    width: 55px;
    height: 55px;
    line-height: 55px;
    background: #1e3bb1;
    border-width: 0;
    outline: 0;
    transition: .5s;
    z-index: 1;
    font-size: 0;
    position: absolute;
    cursor: pointer;
    border-radius: 0;
    color: #fff;
}
.slick-prev:hover, .slick-next:hover {
    background: #111c68;
    opacity: 1;
    visibility: visible;
}
.slick-next::before, .slick-prev::before {
    color: #fff;
    font-size: 40px;
    -webkit-transition: .3s;
    transition: .3s;
    font-family: IcoFont!important;
    line-height: inherit;
}
.slick-prev::before {
    content: "\ea93";
}
.slick-next::before {
    content: "\ea94";
}
.slick_btn_bottom .slick-prev {
    bottom: -100px;
    left: calc(50% - 60px);
}
.slick_btn_bottom .slick-next {
    bottom: -100px;
    right: calc(50% - 60px);
}
.slick_btn_center .slick-prev {
    top: 50%;
    left: -60px;
    opacity: 0;
}
.slick_btn_center .slick-next {
    top:50%;
    right: -60px;
    opacity: 0;
}
.slick_btn_center:hover .slick-prev, .slick_btn_center:hover .slick-next {
    opacity: 1;
    visibility: visible;
    z-index: 10;
}
.slick_btn_none button.slick-prev, .slick_btn_none button.slick-next {
    display: none!important;
    opacity: 0;
    visibility: hidden;
}

/* ========== slick slider presentation ========== */
.slick-dots {
    text-align: center;
    margin-top: 20px;
    overflow: hidden;
}
.slick-dots li {
    display: inline-block;
}
.slick-dots li button {
    width: 33px;
    height: 14px;
    background-color: #E1E7F4;
    margin: 0 5px;
    font-size: 0;
    outline: 0;
    border: 0;
    cursor: pointer;
    border-radius: 50px;
    transition: .5s;
}
.slick-dots li.slick-active button {
    background: #1e3bb1
}

/* ====== Paginations CSS ====== */
.paginations {
    margin-top: 20px;
    text-align: center;
    display: block;
    width: 100%;
    padding: 15px 0 24px;
    margin-bottom: 16px;
}
.paginations li {
    display: inline-block;
    border-radius: 5px;
    margin: 0 5px;
    color: #888;
    font-size: 19px;
    transition-duration: .5s;
    box-shadow: 0 10px 40px 0 rgba(50,65,141,.12);
}
.paginations li a, .paginations li span {
    border-radius: 5px;
    display: block;
    color: #888;
    padding: 15px 24px;
    line-height: 1;
}
.paginations li.active {
    background: #1e3bb1;
}
.paginations li.active span {
    color: #fff;
}
.paginations li:hover {
    background: #1e3bb1;
    color: #fff;
}
.paginations li:hover a  {
    color: #fff
}
/* image */
.single_image, .single_image_center {
    position: relative
}
.single_image_center {
    text-align: center;
}
.single_image img {
    width: 100%;
}
.single_image_center::before, .single_image::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    z-index: 1;
}

/* widget text css */
.witr_text_widget {
    text-align: left
}
.witr_text_widget_inner h1,.witr_text_widget_inner h2 {
    font-size: 35px;
    margin-bottom: 5px
}
.witr_text_widget_inner h1 {
    font-size: 17px;
    color: #1e3bb1
}
.witr_text_widget_inner p {
    margin-bottom: 11px
}
.witr_text_widget .witr_text_widget_inner h1,.witr_text_widget .witr_text_widget_inner h2,.witr_text_widget .witr_text_widget_inner p {
    margin-left: auto!important;
    margin-right: auto!important
}
.witr_widget_list span {
    -webkit-transition: .5s;
    transition: .5s
}
.witr_widget_list ul li,.witr_widget_list ul li a {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}
span.witr_list_icon i {
    color: #1e3bb1;
    font-size: 20px;
}
.witr_list_text {
    font-size: 17px;
    padding: 0px 0px 10px 10px;
}

/* ====== Section Title CSS ====== */
.witr_section_title {
    position: relative
}
.witr_section_title_inner {
    position: relative;
    z-index: 1
}
.witr_back_title {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}
.title_in .witr_back_title {
    z-index: -1
}
.witr_back_title h4 {
    font-size: 80px;
    -webkit-text-stroke: 1px #888;
    -webkit-text-fill-color: transparent;
    line-height: 1
}
.witr_section_title_inner h1,.witr_section_title_inner h2,.witr_section_title_inner h3 {
    font-size: 36px;
    margin: auto;
    font-weight: 500;
    line-height: 1.2
}
.text-right.witr_section_title_inner h1,.text-right.witr_section_title_inner h2,.text-right.witr_section_title_inner h3 {
    margin-right: 0
}
.text-left.witr_section_title_inner h1,.text-left.witr_section_title_inner h2,.text-left.witr_section_title_inner h3 {
    margin-left: 0
}
.witr_section_title_inner.text-white * {
    color: #fff;
}
.witr_section_title_inner h2 {
    font-size: 17px;
    display: inline-block;
    border-radius: 30px;
    margin-bottom: 15px;
    color: #1e3bb1
}
.witr_section_title_inner p {
    margin-top: 10px
}
.witr_section_title_inner.text-center p {
    width: 74%;
    margin-right: auto;
    margin-left: auto
}
.witr_section_title_inner.text-left p {
    width: 74%;
    margin-right: auto;
    margin-left: 0
}
.witr_section_title_inner.text-right p {
    width: 74%;
    margin-right: 0;
    margin-left: auto
}
.witr_image_title {
    margin-top: 0;
    margin-bottom: 10px
}
.witr_bar_main {
    margin: 10px 0
}
.witr_bar_inner {
    height: 5px;
    width: 90px;
    margin: 0 auto;
    position: relative;
    border-radius: 30px
}
.text-left .witr_bar_inner {
    margin-left: 0
}
.text-right .witr_bar_inner {
    margin-right: 0
}

/* ========== 1. Top Menu Area CSS ========== */
.top-contact-section {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #1e3bb1;
}
.top-address p {
    margin-bottom: 0;
}
.top-address p span, .top-address p a {
    margin-right: 20px;
    margin-right: 20px;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}
.top-address p a i, .top-address p span i, .top-welcome p span i, .top-welcomet p span i {
    color: #fff;
    margin-right: 5px;
    font-size: 13px;
}
.top-right-menu ul.social-icons {
    display: flex;
    justify-content: right;
}
.top-right-menu ul.social-icons li {
    margin-left: 15px;
}
.top-right-menu ul.social-icons li a {
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 15px;
}
.top-address p a, .top-address p span, .top-right-menu ul.social-icons li a, .top-welcome p, .top-welcome p a, .top-welcome p span, .top-welcomet p a, .top-welcomet p span {
    color: #fff;
}

/* ================ 2. Menu Area CSS ================ */
.netfz_nav_area.postfix {
    transition: .3s;
}
.netfz_nav_area {
    background: #fff;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 0%);
}
.trp_nav_area {
    border-bottom: 1px solid #eaebef26;
}
.logo-right,
.logo-left {
    align-items: center;
}
.mobile_menu_logo.text-center {
    padding: 20px 0;
}

/* LOGO CSS */
.logo a {
    display: inline-block;
}
/* logo sticky */
.netfz-main-menu .logo a.main_sticky_main_l {
    display: block;
}
.netfz-main-menu .logo a.main_sticky_l {
    display: none;
}
/* logo pre */
.netfz-main-menu .prefix .logo a.main_sticky_main_l {
    display: none;
}
.netfz-main-menu .prefix .logo a.main_sticky_l {
    display: block;
} 
/* MENU text CSS */
.netfz_menu ul {
    text-align: right;
    list-style: none;
}
.netfz_menu > ul > li {
    display: inline-block;
    position: relative;
}
.netfz_menu > ul > li > a {
    color: #111c68;
    display: block;
    margin: 32px 10px;
    -webkit-transition: .2s;
    transition: .2s;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Noto Sans Display', sans-serif;
}
.netfz_menu ul .sub-menu li a:hover, .netfz_menu ul .sub-menu li.current-menu-item a, .netfz_menu>ul>li.current-menu-item>a, .netfz_menu>ul>li>a:hover, .netfz_nav_area.prefix .netfz_menu>ul>li.current-menu-item>a, .netfz_nav_area.prefix .netfz_menu>ul>li>a:hover, .hbg2 .netfz_menu>ul>li.current-menu-item>a, .hbg2 .netfz_menu>ul>li>a:hover, .heading_style_2 .netfz_menu>ul>li.current-menu-item>a, .heading_style_2 .netfz_menu>ul>li>a:hover, .heading_style_3 .netfz_menu>ul>li.current-menu-item>a, .heading_style_3 .netfz_menu>ul>li>a:hover, .heading_style_4 .netfz_menu>ul>li.current-menu-item>a, .heading_style_4 .netfz_menu>ul>li>a:hover {
    color: #1e3bb1;
}
.netfz_menu > ul > li > a:before, .netfz_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;
}
 .netfz_menu ul li:last-child a {
    margin-right: 15px !important;
}
.netfz_menu > ul > li.current > a, .netfz_menu > ul > li:hover > a, .creative_header_menu > ul > li:hover > a {
    color: #1e3bb1;
    background-color: transparent;
	color: #1e3bb1;
}
.netfz_menu > ul > li:hover > a:before, .netfz_menu > ul > li.current > a:before {
    opacity: 1;
}
.transprent-menu .netfz_nav_area {
    background-color: #fff;
    padding: 0;
    transition: .5s;
}
.netfz_nav_area.postfix {
    transition: .3s;
}
.netfz_nav_area.prefix, .hbg2 {
    background-color: rgba(0,0,0,0.7) !important;
}
.netfz_nav_area.trp_nav_area.scroll_fixed.postfix.container {
    margin: 80px auto 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    padding: 10px 15px;
    border-radius: 5px
}
.netfz_nav_area.trp_nav_area.scroll_fixed.postfix.container.prefix {
    position: fixed;
    margin: 0 auto;
    padding: 0;
}
.netfz_nav_area.prefix .netfz_menu > ul > li > a {
    color:#fff;
}
.netfz_nav_area.prefix .netfz_menu > ul > li.current > a {
    color: #1e3bb1;
}
.search_popup_button, .tx_mmenu_together{
    align-items: center;
    display: flex;
    justify-content: flex-end;
}
.tx_mmenu_together .donate-btn-header {
    padding: 0;
}
.prefix .main_menu_header_address_text h3, .prefix .main_menu_header_address_text h4 a, .prefix .main_menu_header_icon i {
    color: #fff;
}

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

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

/* quearys area css */
.netfz_menu.main-search-menu > .em-header-quearys, .em-quearys-top.msin-menu-search {
    display: inline-block;
}
.em-top-quearys-area {
    position: relative;
}
.netfz_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%);
}
.main-search-menu .em-header-quearys .em-quearys-menu i {
    cursor: pointer;
    background: transparent;
    color: #111c68;
    padding: 0;
    border-radius: 5px;
    height: inherit;
    width: inherit;
    line-height: inherit;
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
}
.netfz_nav_area.prefix .main-search-menu .em-header-quearys .em-quearys-menu i {
    color: #fff;
}
.mrt10{
	margin-top:10px;
}
.em-quearys-menu i {
    background: #1e3bb1;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}
.main_menu_address_a {
    display: 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: #1e3bb1;
	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: #1e3bb1;
}
.main_menu_header_address_text h4 {
    margin-bottom: 0;
    color: #030925;
}
.netfz_menu ul .sub-menu li > a::before {
    width: 15px;
    margin-left: -14px;    width: 0px;
    margin-left: 0;
    position: relative;
    transform: translateY(-6px);
    height: 1px;
    display: inline-block;
    background: #1e3bb1;
    content: "";
    margin-right: 4px;
}
.netfz_menu ul .sub-menu li:hover > a::before {
    width: 15px;
    margin-left: -14px;
}
/*=======================
#2 netfz mobile menu css
========================*/
.mobile-menu{
 display:none !important;
}
 .mobile_logo_area{
 display:none !important;
}
.mean-container a.meanmenu-reveal {
    display: none !important;
}
.mean-container .mean-nav > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}
.mean-container .mean-bar {
    background: #fff;
    padding: 0;
}
.mean-container .mean-nav ul li {
    border-top: 0px solid #ddd;
}
.mean-container .mean-nav ul li li a,
.mean-container .mean-nav ul li a {
    color: #17161a;
}
.mean-container .mean-nav ul li li a {
    border-top: 1px solid #ddd;
}
.mean-container .mean-nav ul li a:hover {
    color: #1e3bb1;
}
.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;
}
.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;
}
.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 {
    background: #1e3bb1;
    color: #fff;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 400;
    padding: 13px 25px;
    margin-left: 20px;
    border: none;
    display: block;
    font-weight: 400;
}
a.dtbtn:hover {
    background: #111c68;
}

/* ================ 3. Slider Area CSS ================ */
.slider_area {
    position: relative;
}
.witr_swiper_height {
    position: relative;
    background-size: cover!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    height: 800px;
}
.background-video-area {
    position: absolute;
    top: 50%;
    left: calc(50% - 1px);
    right: 0;
    bottom: 0;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    z-index: 1;
}
.background-video-area iframe {
    width: 100%;
    height: 100%;
    border: 0!important;
}
.background-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 50%);
    z-index: 10;
}
.witr_sw_text_area {
    margin: auto;
    width: 63%;
    height: 100%;
}
.witr_swiper_content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}
.text-white.witr_swiper_content * {
    color: #fff!important;
}
.witr_swiper_content h1 {
    color: #141F67;
    font-size: 40px;
    text-transform: uppercase;
}
.witr_swiper_content h1 span, .witr_swiper_content h2 span, .witr_swiper_content h3 span {
    color: #141F67;
    font-size: 26px;
    font-weight: 400;
}
.witr_swiper_content h2, .witr_swiper_content h3 {
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
}
.witr_swiper_content h2 {
    color: #141F67;
    margin-top: 31px;
    margin-bottom: 18px;
}
.witr_swiper_content h3 {
    color: #141F67;
    margin: 6px auto 3px 0;
}
.witr_swiper_content p {
    color: #141F67;
    padding: 28px 0px 5px 0px;
    font-size: 22px;
    font-weight: 400;
    width: 100%
}
.slider_btn {
    margin-top: 53px;
}

/* ================ 4. Feature Area CSS ================ */
.feature_area {
    background: url(../image/call-to-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.feature_cont h2 {
    color: #fff;
    font-size: 40px;
}
.feature_wrapper {
    display: grid;
    grid-template-columns: .6fr .4fr;
    align-items: center;
}
.feature_btn_area {
    text-align: right;
}
.feature_btn_area a {
    background: #fff;
    color: #1E3BB1;
    padding: 22px 35px
}

/* ================ 5. About Area CSS ================ */
.about_image img {
    width: 100%;
    padding: 0
}
.about_cont {
    margin-left: 25px
}
.about_cont .witr_text_widget h1 {
    margin-bottom: 20px
}
.about_cont .witr_text_widget p, .witr_widget_list {
    margin-top: 36px;
}
.about_cont .witr_text_widget, .about_cont .about_plan {
    margin-bottom: 20px;
}
.about_plan_inner {
    display: flex;
}
.about_icon {
    margin-right: 20px;
    margin-top: 10px;
    width: 26px;
    margin-bottom: 15px
}
.about_plan_cont h3 a {
    font-size: 19px;
    margin: 10px 0px 16px 0px;
    display: inline-block;
}
.about_plan_cont h3 span {
    font-size: 18px;
    font-weight: 600;
    color: #1e3bb1;
}
.about_btn_area a {
    margin-top: 15px;
}

/* ==================== 6. Service Area CSS ==================== */
.servcie_area {
    padding: 85px 0 100px;
    background: #F7FBFC;
}
.all_feature_color.ca_ferture_7 {
    margin: 15px 0;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.car_feature_top_thumb img {
    width: 100%
}
.ca_ferture_7 .sub-item {
    padding: 30px 30px 30px;
    box-shadow: 0 0 20px 0 rgb(0,0,0,.06);
    -webkit-transition: 1s;
    transition: 1s;
    background: #fff;
}
.sub-item h2 {
    margin-bottom: 18px
}
.sub-item p {
    margin-bottom: 25px
}
.carsor_featutes_bottom {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
.carsor_featutes_bottom_text {
    align-items: center;
    display: flex;
}
.carsor_featutes_bottom_img {
    margin-right: 10px;
}
.carsor_featutes_bottom_title h4 {
    font-size: 15px;
    margin-bottom: 0;
}
/* single service page */
.single-service-image img {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}
.single-service-area .witr_section_title_inner h3 {
    padding-top: 20px;
    margin-bottom: 8px;
}
.service-desc {
    margin-bottom: 100px;
}
/* ==================== 7. Media Area CSS ==================== */
.media_area {
    padding-bottom: 100px;
    background: #fff;
}
.media_areaa {
    padding-bottom: 10px;
    background: #fff;
}
.nav-tabs {
    border-bottom: 0;
}
.witr_adv_tab_area {
    text-align: left
}

.witr_taba_style1 .nav-tabs {
    border: 0;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.witr_taba_style1 .nav-tabs .nav-item {
    margin-bottom: 25px;
    text-align: center
}
.tab_content1 {
    padding-top: 30px
}
.witr_taba_style1 .nav-tabs .nav-link {
    margin-right: 15px;
    border: 0;
    font-size: 17px;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: #EEEEEE;
    border-radius: 0;
    padding-bottom: 0;
}
.nav-tabs .nav-item a.active {
    border-color: #1E3BB1;
    color: #1E3BB1
}
.nav-tabs .nav-item:hover i {
    -webkit-transition: .5s;
    transition: .5s
}

.witr_taba_style1 .nav-tabs span {
    display: block;
    float: left;
    margin: 0 15px
}

.nav-link strong {
    display: inline-block
}

.nav-tabs img,.witr_taba_style1 .nav-tabs i {
    position: relative;
    font-size: 30px
}
.video_wrapper {
    position: relative
}
.video-part {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    transform: translateY(-50%)
}
.video-item a {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #1e3bb1;
    display: inline-block;
}
.video-item a i {
    position: absolute;
    z-index: 10;
    color: #fff;
    font-size: 28px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.video-item a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: witr_squares 1.5s ease-in-out infinite;
    animation: witr_squares 1.5s ease-in-out infinite;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1e3bb1
}
@keyframes witr_squares {
    0% {
        transform: scale(1)
    }
    33% {
        transform: scale(1.2);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}
@-webkit-keyframes witr_squares {
    0% {
        transform: scale(1)
    }
    33% {
        transform: scale(1.2);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}
.video-item.witr_none_before a::before {
    display: none;
}
.video-item h3 {
    font-size: 30px;
    margin-top: 35px;
    color: #fff;
}
.witr_adv_tab_content .witr_section_title h3 {
    font-size: 25px;
}
.witr_adv_tab_content .witr_section_title p {
    padding-top: 20px;
    margin: 10px 0 16px;
    width: 100%!important
}
.icon-list-item {
    display: flex;
    align-items: center;
}
.icon-list-item > a {
    font-weight: 500;
    line-height: 2.2em;
}
.icon-list-icon, .icon-list-text {
    padding-left: 5px;
    color: #006CFF
}
.icon-list-text {
    color: #212D48
}

/* ==================== 8. Video Area CSS ==================== */
.video_area {
    margin-bottom: -240px;
}
.video_wrapper {
    position: relative;
}
.tx_svd_icon {
    width: 75px;
    height: 75px;
    line-height: 75px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    -webkit-animation: witr-shadow 1s linear infinite;
    animation: witr-shadow 1s linear infinite;
}

@-webkit-keyframes witr-shadow {
    0% {
        box-shadow: 0 0 0 0 rgba(255,255,255,.3),0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3)
    }

    100% {
        box-shadow: 0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3),0 0 0 30px rgba(255,255,255,0)
    }
}
@keyframes witr-shadow {
    0% {
        box-shadow: 0 0 0 0 rgba(255,255,255,.3),0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3),0 0 0 30px rgba(255,255,255,0)
    }
}

/* ==================== 9. Pricing Area CSS ==================== */
.pricing_area {
    padding: 305px 0 80px;
    background: #F7FBFC;
}
.op_price {
    padding: 95px 0 85px
}
.single_price {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 4px 0px 0px 0px;
    border-color: #4EDFFE;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 0 30px 0 rgb(0 0 0 / 8%);
    margin-bottom: 20px;
}
.p_border_color2 {
    border-color: #1E3BB1;
}
.pricing-part {
    text-align: center;
}
.pricing-part img {
    padding: 60px 0px 20px 0px;
    display: inline-block;
}
.all_pricing_color h4 {
    font-size: 15px;
    font-weight: 600;
    margin: 0px 0px 5px 0px;
    padding: 26px 0 12px
}
.all_pricing_color h5 {
    color: #1E3BB1;
    font-size: 30px;
    margin: 0px 0px 45px 0px;
}
.pricing-part span {
    font-size: 24px;
    margin-right: 5px;
}
.witri_texti_list {
    margin-top: 25px;
}
.pricing-part ul {
    text-align: left;
    padding: 0px 0px 0px 50px;
}
.witri_texti_list ul li {
    list-style: none;
    font-size: 17px;
    margin-bottom: 17px;
}
.witri_texti_list ul li i {
    color: #4EDFFE;
    margin-right: 10px
}
.witr_btnp_color {
    padding: 37px 0px 20px 0px
}
.pricing-part a.btn {
    padding: 18px 70px 18px 70px;
    border: 1px solid #1e3bb1;
    transition: .3s
}
.pricing-part a.btn:hover {
    background: #fff;
}
.witr_btnp_call h2 {
    color: #1E3BB1;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 40px
}

/* ==================== 10. Call to Action Area CSS ==================== */
.call_to_action_area {
    background: url(../image/sport-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.call_to_action_area .witr_section_title_inner p {
    width: 100%;
    margin: 35px 0 32px;
}

/* ==================== 11. Skill Area CSS ==================== */
.skill_cont {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 20px;
}
.skill_cont .witr_section_title {
    margin-bottom: 20px;
    overflow: hidden;
}
.skill_cont .witr_section_title_inner p {
    width: 100%;
    margin: 46px 0 14px;
}

/* progress area css */
.single_progress:not(:last-child) {
    margin-bottom: 25px;
}
.progress_title {
    margin-bottom: 25px;
    font-size: 18px;
    color: #333;
}
.witr_single_progress {
    overflow: hidden;
}
.witr_label {
    color: #141F67;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 4px;
}
.progress {
    height: 6px;
    background: #e9ecef;
    overflow: visible
}
.progress-bar {
    background: #1e3bb1;
    position: relative;
}
.witr_percent {
    position: absolute;
    top: -30px;
    right: 0;
    color: #141F67;
    font-size: 16px;
    font-weight: 400;
}

/* ==================== 12. Team Area CSS ==================== */
.team_area {
    background: #f7fbfc
}
.cons_singleTeam {
    position: relative;
    text-align: center;
    -webkit-transition: .5s;
    transition: .5s;
    box-shadow: 0 5px 20px 0 #00000014;
    background: #fff;
}
.witr_team_s13 .front_view {
    padding: 40px 25px 32px;
}
.witr_i_position {
    position: relative;
}
.witr_team_s12 .con_TMS {
    margin-top: 10px;
}
.con_TMS13_icon {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.front_view .con_TMS13_icon.con_TMS a {
    background: #1e3bb1;
    font-size: 17px;
    line-height: 35px;
    text-align: center;
    width: 35px;
    height: 35px;
    color: #fff;
    display: block;
    border-radius: 50px;
    margin-bottom: 5px;
    -webkit-transition: .5s;
    transition: .5s;
    border: none;
}
.front_view .con_TMS13_icon.con_TMS a:not(:first-child) {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 1s;
    transition: 1s;
    margin-top: -40px;
}
.con_TMS13_icon.con_TMS:hover a:not(:first-child) {
    -webkit-transform: scale(1);
    transform: scale(1);
    margin-top: 0px;
}
.team_line {
    position: absolute;
    opacity: 1;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 99;
}
.witr_team_s13:hover .team_line_left, .witr_team_s13:hover .team_line_right {
    height: calc(100% + 110px);
}
.team_line_left, .team_line_right {
    height: 0;
    width: 2px;
    top: -60px;
}
.team_line_right {
    right: 0;
}
.team_line_left {
    left: 0;
}
.team_line_bottom, .team_line_top {
    width: 0;
    height: 2px;
    left: -60px;
}
.team_line_top {
    top: 0;
}
.team_line_bottom {
    bottom: 0;
}
.witr_team_s13:hover .team_line_bottom, .witr_team_s13:hover .team_line_top {
    width: calc(100% + 110px);
}
.team_line_left, .team_line_right {
    background: -webkit-linear-gradient(bottom,rgba(117,161,251,0),#1e3bb1,rgba(117,161,251,0));
    background: linear-gradient(to top,rgba(117,161,251,0),#1e3bb1,rgba(117,161,251,0));
}
.team_line_bottom, .team_line_top {
    background: -webkit-linear-gradient(left,rgba(117,161,251,0),#1e3bb1,rgba(117,161,251,0));
    background: linear-gradient(to right,rgba(117,161,251,0),#1e3bb1,rgba(117,161,251,0));
}
.cons_singleTeam h5 {
    margin: 15px 0px 10px 0px;
}
.back_view span, .front_view span {
    display: inline-block;
    line-height: 28px;
}

/* ==================== 13. Carousel Image Area CSS ==================== */
.carousel_image_area {
    background: #1E3BB1;
}
.carousel_image {
    text-align: center;
}
.carousel_image_areaa {
    background: #1E3BB100;
	  margin-bottom: 30px;
}
}

/* ==================== 14. Benefit Area CSS ==================== */
.benefit_left .witr_section_title {
    margin-bottom: 20px;
    overflow: hidden;
}
.benefit_left .witr_section_title_inner p {
    width: 100%;
    margin: 46px 0 38px;
}

/* ==================== 15. Testimonial Area CSS ==================== */
.testimonial_area {
    background: #f7fbfc;
}
.em_single_testimonial {
    margin-bottom: 50px;
    margin-top: 20px;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    padding: 50px 30px 48px 30px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    position: relative;
    text-align: left;
    background: #fff;
    border-radius: 10px;
}
.testi_info {
    display: flex;
    justify-content: left;
}
.em_test_thumb {
    margin-right: 20px;
    margin-bottom: 8px;
}
.em_test_thumb img {
    border-radius: 50%;
    width: 59px
}
.em_testi_title h2 {
    font-size: 20px;
}
.em_testi_title span {
    display: block;
    margin-top: 5px;
    font-size: 18px;
    font-weight: 400;
    color: #7F8297;
    font-size: 15px;
}
.em_testi_text {
    padding-top: 15px;
}
.em_testi_text p {
    margin-bottom: 0px;
    margin-top: 8px;
}
.tv_area {
    background: url(../image/shape-bg.png);
    background-repeat: no-repeat;
    background-position: 90% 120px;
}

/* ==================== 16. Blog Area CSS ==================== */
.blog_area {
    background: #f7fbfc;
}
.busi_singleBlog {
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 53px -38px rgba(0, 0, 0, 0);
    background: #fff;
}
.witr_sb_thumb {
    overflow: hidden;
    position: relative;
}
.witr_sb_thumb img {
    width: 100%;
    transition: .5s;
}
.witr_sb_thumb:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 1;
}
.witr_sb_thumb:before {
    background: rgba(0,0,0,.5);
}
.witr_blog_con {
    padding: 20px 15px 5px 25px;
}
.busi_singleBlog:hover .witr_sb_thumb img, .busi_singleBlog:hover .witr_sb_thumb:before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.witr_blog_con span {
    font-size: 16px;
    line-height: 50px;
    font-size: 16px;
    margin-bottom: 15px;
    margin-right: 2px;
}
.witr_blog_con span i {
    padding-right: 5px;
    padding-left: 5px;
    -webkit-transition: .5s;
    transition: .5s;
    color: #1e3bb1
}
.witr_blog_con span, .witr_blog_con span a, .witr_blog_metan span, .witr_blog_metan span a {
    color: #888;
}
.bs5 span {
    line-height: 26px;
}
.all_blog_color h2 {
    margin: 10px 0px 10px 0px;
}
.witr_blog_con h2 a {
    display: inline-block;
}
.em-blog-content-area_adn {
    padding: 0 10px 22px 20px;
}
.em-blog-content-area_adn a {
    color: #141F67;
    background-color: #FFFFFF00;
    border-style: none;
    border-radius: 5px 5px 5px 5px;
    padding: 10px 20px 10px 20px;
    font-size: 17px;
    display: inline-block;
}
/* blog sidebar area */
.netfz-blog-archive .widget {
    padding: 35px 30px;
    margin-bottom: 30px;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
    border-radius: 8px;
}
.input-field {
    position: relative;
}
.input-field input {
    width: 100%;
    display: block;
    padding: 16px 60px 16px 16px;
    border: none;
    outline: none;
    background: #f7f7f7;
}
.input-field button {
    width: 54px;
    height: 54px;
    line-height: 54px;
    background: #1e3bb1;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    border: none;
    outline: none;
    cursor: pointer;
    transition-duration: .5s;
}
.input-field button:hover {
    background: #111c68;
}
.blog-left-side ul li:before {
    content: "\eaa0";
    font-family: IcoFont!important;
    font-size: 18px;
    color: #454545;
    transition-duration: .5s;
}
.blog-left-side ul li:hover:before {
    color: #1e3bb1;
}
.blog-left-side .widget-title {
    position: relative;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 12px;
}
.blog-left-side .widget-title::before {
    content: '';
    position: absolute;
    border-radius: 50%;
    margin-top: 17px;
    width: 26%;
    border: 1px solid #1e3bb1;
    top: 50%;
}
.blog-left-side ul li {
    border-bottom: 1px solid rgba(0,0,0,.12);
    margin: 0 0 10px;
    padding-bottom: 10px;
}
.blog-left-side ul li:last-child {
    border-bottom: none;
}
.blog-left-side ul li a {
    color: #454545;
    transition-duration: .5s;
}
.blog-left-side ul li a:hover {
    color: #1e3bb1;
}
.recent-post-item {
    margin-bottom: 10px;
    overflow: hidden;
}
.recent-post-image {
    width: 70px;
    float: left;
    margin-right: 15px;
}
.recent-post-image img {
    width: 100%;
}
.recent-post-text {
    overflow: hidden;
}
.recent-post-text h4 {
    margin-bottom: 0;
}
.recent-post-text h4 a {
    display: inline-block;
    font-size: 17px;
    color: #454545;
    font-weight: 600;
}
.recent-post-text h4 a:hover {
    color: #1e3bb1;
}
.recent-post-text span {
    font-size: 14px;
    color: #777
}
.table-bordered thead td, .table-bordered thead th {
    border-bottom: 1px solid #dee2e6;
}
.calender_wrap table thead th, .calender_wrap table tr td {
    color: #777;
    font-size: 13px!important;
    text-align: center;
}
.calender_wrap table tr td.today {
    background: #1e3bb1;
    color: #fff;
}
.calender_wrap td {
    font-size: 14px;
    font-weight: 500;
}
.month-year span {
    display: block;
    padding: 0 0 10px;
    margin-bottom: 12px;
    color: #6c757d;
    font-size: 14px;
    text-transform: uppercase;
}
.month a {
    color: #454545;
}
/* blog side */
.netfz-single-blog {
    box-shadow: 0 0 10px 0 rgba(148,146,245,.2);
    margin-bottom: 30px;
    overflow: hidden;
    text-align: left;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    background: #fff;
}
.netfz-blog-thumb {
    overflow: hidden;
}
.netfz-blog-thumb a {
    display: block;
    position: relative;
}
.netfz-blog-thumb a:before {
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index: 999;
    -webkit-transition: .5s;
    transition: .5s;
    background: rgba(0,0,0,.7);
}
.netfz-single-blog:hover .netfz-blog-thumb a:before {
    opacity: 1;
}
.netfz-blog-thumb img {
    -webkit-transition: .5s;
    transition: .5s;
    display: block;
    width: 100%
}
.netfz-single-blog:hover .netfz-blog-thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.em-blog-content-area {
    padding: 20px 15px 0;
    overflow: hidden;
}
.netfz-blog-meta-left {
    padding: 15px 0 9px;
}
.netfz-blog-meta-left a, .netfz-blog-meta-left span {
    color: #888;
    font-size: 16px;
    margin-right: 5px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.netfz-blog-meta-left i {
    color: #1e3bb1;
    font-size: 13px;
    margin-right: 5px;
}
.netfz-blog-meta-left a:hover, .netfz-blog-meta-left span:hover {
    color: #1e3bb1;
}
.readmore a {
    display: inline-block;
    padding: 7px 25px;
    margin-bottom: 20px;
    color: #444;
    border: 1px solid #ddd;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.readmore a:hover {
    border-color: #1e3bb1;
    background: #1e3bb1;
    color: #fff;
}
/* single blog page css */
.netfz-single-blog-details {
    background: #fff;
    margin-bottom: 40px;
}
.netfz-single-blog--thumb img {
    width: 100%;
}
.netfz-single-blog-details-inner {
    padding: 38px 45px 15px;
    box-shadow: 0 3px 19px rgb(0 0 0 / 8%);
    border-radius: 0 0 10px 10px;
}
.single-blog-content h2 {
    margin-bottom: 10px;
}
.single-blog-content a {
    color: #ff9800;
}
.single-blog-content a:hover {
    color: #1e3bb1
}
.single-blog-content a i {
    font-style: italic;
}
.single-blog-content iframe {
    border: 0;
    width: 100%;
    height: 400px
}
/* comment area css */
.comment-respond {
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    margin-bottom: 30px;
    padding: 38px 30px 45px!important;
}
.commment_title h3 {
    margin-bottom: 40px;
    position: relative;
}
.commment_title h3:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -9px;
    width: 40px;
    height: 2px;
    background: #1e3bb1
}
.comment_field textarea {
    height: 150px;
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #e5e5e5;
    color: #555;
}
.comment-form-cookies-consent * {
    font-size: 14px;
    display: inline-block;
}
.comment_netfz_btn {
    border: 0;
    display: inline-block;
    text-align: center;
    padding: 16px 30px;
    margin-top: 15px;
    border-radius: 5px;
    -webkit-transition: .5s;
    transition: .5s;
    cursor: pointer;
    line-height: 1.6;
    color: #fff;
    background: #1e3bb1
}
.comment_netfz_btn:hover {
    background: #111c68;
}
.netfz-blog-social {
    padding-bottom: 25px;
    padding-top: 25px;
}
.netfz-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: #1293d4;
}
.netfz-single-icon a:hover {
    background: #1293d4;
    color: #fff;
}
.pr-title h2 {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* ========== 17. Breadcumb Area CSS ========== */
.breadcumb-area {
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(../image/single-imge.jpg);
    background-size: cover;
    padding-top: 250px;
    background-color: #f7f7f7;
    padding-bottom: 140px;
    z-index: 1;
    position: relative;
}
.breadcumb-area:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: -1;
    background-color: rgba(0,0,0,0.77);
}
.brptsize h2 {
    font-size: 30px;
    margin-bottom: 15px;
    color: #fff;
}
.breadcumb-inner ul {
    display: flex;
    justify-content: center;
}
.breadcumb-inner ul li {
    color: #ffffff;
    text-align: center;
    display: inline-block;
    margin: 0 1px;
}
.breadcumb-inner ul li a {
    color: #fff;
}
.breadcumb-inner ul li a:hover {
    color: #1e3bb1
}

/* ========== 18. Footer Area CSS ========== */
.witrfm_area {
    background: #141f67;
}
.footer-middle {
    padding: 65px 0 70px
}
.footer-middle a, .footer-middle p, .footer-middle i, .footer-middle h2 {
    color: #fff;
}
.widget-title {
    font-size: 20px;
    margin: 28px 0 25px;
    font-weight: 700;
}
.netfz-description-area a img {
    margin: 26px 0;
}
.netfz-description-area p {
    color: #fff;
}
.netfz-description-area .social-icons a {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: #000;
    margin: 0 5px 5px 0;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    transition-duration: .5s;
}
.netfz-description-area .social-icons a:hover {
    background: #1e3bb1
}
.menu-our-service-container ul li {
    margin-bottom: 1px;
}
.menu-our-service-container ul li a {
    transition-duration: .5s;
}
.menu-our-service-container ul li a:hover {
    color: #1e3bb1;
}
.footer_s_inner {
    display: flex;
    justify-content: left;
    margin-top: 10px;
}
.footer-sociala-info p {
    margin-bottom: 0;
}
.footer_s_inner .footer-social-icon {
    margin-right: 12px;
    font-size: 18px;
}
/* footer bottom area */
.footer-bottom:before {
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    width: 61%;
    left: 0;
    right: 0;
    margin: auto;
    background: #ffffff61;
}
.footer-bottom {
    padding: 26px 0px 24px;
    position: relative;
}
.copy-right-text p {
    color: #fff;
    margin-bottom: 0;
}
.footer-menu ul {
    display: flex;
    justify-content: right;
}
.footer-menu ul li a {
    color: #fff;
    padding: 0 10px;
    margin-left: 4px;
    transition-duration: .5s;
}
.footer-menu ul li a:hover {
    color: #1e3bb1;
}

/* ========== 19. Booking Form Area CSS ========== */
.apartment_area {
    position: relative;
    background-size: cover;
    padding: 60px 35px 60px;
    border-radius: 20px;
    text-align: left;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
    background: #fff;
}
.apartment_text h2 {
    margin-bottom: 40px;
    font-size: 38px;
}
.wpcf7 input, .wpcf7 textarea {
    width: 100%;
    padding-left: 30px;
}
.witr_apartment_form input, .witr_apartment_form textarea {
    width: 100%;
    border-radius: 5px;
    outline: 0;
    margin-bottom: 23px;
    color: #616161;
    font-size: 17px;
    font-weight: 400;
    height: 43px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #F3F3F3;
}
.witr_apartment_form textarea {
    margin-bottom: 25px;
    height: 143px
}
.witr_apartment_form .witr_btn {
    border: 0;
    display: inline-block;
    font-weight: 600;
    padding: 15px 30px;
    line-height: 1.5;
}
.witr_apartment_form .witr_btn:hover {
    background: #02101e;
}
.booking_form_image {
    margin: 40px 0 0 20px
}
/* location area css */
.location {
    width: 100%;
    height: 700px;
}
.contact_location {
    height: 500px;
}
.location iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* ========== 20. Faq Area CSS ========== */
.faq_area {
    background: #F9F9F9;
}
.faq_area .witr_section_title {
    margin-bottom: 20px;
}
.faq_area .witr_section_title_inner p {
    width: 95%;
    margin: 10px auto 16px 0;
}
.single-faq-part {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
    border: 1px solid #ddd;
    margin-bottom: 16px;
}
.faq-part-header {
    padding: 20px;
    transition-duration: .5s;
    font-weight: 600;
    background: #1e3bb1;
    position: relative;
    color: #fff!important;
    display: block;
    font-size: 22px;
}
.faq-part-header:hover {
    color: #fff!important;
}
.faq-part-header.collapsed {
    background: #fff;
}
.faq-part-header.collapsed {
    color: #212121!important;
}
.faq-part-header.collapsed {
    background: #fff;
}
.faq-part-header:hover {
    background: #1e3bb1!important;
}
.faq-part-header:hover {
    color: #fff!important;
}
.faq-part-header::after {
    color: #fff;
}
.faq-part-header.collapsed::after {
    color: #212121;
}
.faq-part-header:hover::after {
    color: #fff!important;
}
.faq-part-header.collapsed:after {
    content: '\eaa1';
}
.faq-part-header:after {
    font-family: 'Icofont';
    content: '\ea99';
    font-size: 20px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)
}
.faq-part-body p {
    padding: 10px 15px 0;
    margin-bottom: 16px;
}
/* faq 2 */
.single-faq {
    box-shadow: 1px 1px 7px -5px rgba(0, 0, 0, 0.75);
    margin-bottom: 20px;
}
.faq-header {
    cursor: pointer;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 600;
    color: #232323;
    display: flex;
}
.faq-header:hover {
    color: #232323
}
.faq-body p {
    padding: 15px 20px 30px;
    margin-bottom:  0;
}
.faq-title {
    display: inline-block;
    padding-left: 8px;
}
.faq-header:before {
    font-family: 'FontAwesome';  
    content: "\f068";
    font-size: 20px;
    display: inline-block;
    font-weight: 400;
}
.faq-header.collapsed:before {
    content: "\f067"; 
}

/* ========== 21. Portfolio Area CSS ========== */
/* portfolio menu design */
.portfolio_nav {
    padding: 0 0 30px;
}
.portfolio_nav ul {
    margin-bottom: 16px;
    text-align: center;
}
.portfolio_nav ul li {
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin: 0 5px 10px;
    padding: 10px 20px;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
    border: 1px solid #f3eaea;
}
.portfolio_nav ul li.current_menu_item, .portfolio_nav ul li:hover, .prot_content h3, .prot_content h3 a, .porttitle_inner span {
    color: #fff;
}
.portfolio_nav ul li.current_menu_item, .portfolio_nav ul li:hover {
    border-color: #1e3bb1;
}
.portfolio_nav ul li.current_menu_item, .portfolio_nav ul li:hover {
    background: #1e3bb1;
}
/* portfolio design */
.single_portfolio {
    transition: .5s;
    margin-bottom: 23px;
}
.prot_thumb {
    overflow: hidden;
    position: relative;
}
.prot_thumb img {
    display: block;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    width: 100%;
}
.single_portfolio:hover .prot_thumb img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}
.prot_content {
    position: absolute;
    text-align: center;
    -webkit-transition: .5s;
    transition: .5s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 9;
    background: #1e3bb180;
}
.prot_content.portfolio_overlay {
    opacity: 1;
    transition: 0s;
    -webkit-transition: 0s;
}
.single_portfolio:hover .prot_content {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}
.prot_content_inner {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
    -webkit-transition: all .5s ease-in-out .5s;
    transition: all .5s ease-in-out .5s;
}
.prot_content h3 a:hover, .prot_content h3:hover a {
    color: #1e3bb1
}
.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;
}
.pstyle_1 .picon a {
    font-size: 25px;
    margin: 0 8px 11px;
    -webkit-transition: .5s;
    transition: .5s;
}
.portfolio_readmore_btn>a:hover, .pstyle_1 .picon a:hover {
    background: #1e3bb1;
}
.pportfolio4 {
    padding: 20px 10px 23px;
    border: 1px solid #f1f1f1;
    border-top: 0 solid #f1f1f1;
    background: #fff;
}
.porttitle_inner4 h3 {
    margin: 0;
}
.porttitle_inner4 h3, .porttitle_inner4 h3 a, .porttitle_inner4 p {
    color: #454545;
}
.porttitle_inner4 p {
    margin-bottom: 0;
}
.porttitle_inner4 h3, .porttitle_inner4 h3 a, .porttitle_inner4 p {
    color: #454545;
}
.porttitle_inner4 p span {
    display: inline-block;
}
.porttitle_inner span, .porttitle_inner4 span, .prot_content span {
    position: relative;
    margin: 0 2px;
}
.porttitle_inner span:before, .porttitle_inner4 span:before, .prot_content span:before {
    bottom: 0;
    content: ",";
    position: absolute;
    right: -5px;
}
.porttitle_inner span:last-child:before, .porttitle_inner4 span:last-child:before, .prot_content span:last-child:before {
    content: "";
}
/* single portfolio css */
/* single portfolio page css */
.pimgs img {
    width: 100%
}
.portfolio-details-box h2 {
    font-size: 25px;
}
.prots-contentg ul {
    display: inline-block;
    margin-bottom: 20px;
}
.portfolio-details-box ul li {
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.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;
}
.beama-blog-social {
    margin-bottom: 25px;
    margin-top: 25px;
}
.beama-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: #1293d4;
}
.beama-single-icon a:hover {
    background: #1293d4;
    color: #fff;
}
.pr-title h2 {
    margin-top: 15px;
    margin-bottom: 15px;
}