/*
Template Name: Beama
Author Name: WPEXPERT
*/

/*
Table Of Content

1. Top Menu Area CSS
2. Menu Area CSS
3. Slider Area CSS
4. Feature Area CSS
5. Service Area CSS
6. Portfolio Area CSS
7. Team Area CSS
8. Counter Area CSS
9. Pricing Area CSS
10. Testimonial Area CSS
11. Blog Area CSS
12. Footer Area CSS
13. About Area CSS
14. Breadcamb Area CSS
15. Contact Area CSS

*/
@import url('css2.css');
/* theme css */
:root{
    --primary: #1293d4;
    --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: 'Poppins', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
}
a {
    text-decoration: none;
    transition-duration: .5s;
    color: var(--primary);
}
a:hover {
    text-decoration: none;
}
a.btn:hover, a:hover {
    text-decoration: none;
    color: var(--primary)
}
p {
    transition: .5s;
}
h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    line-height: 1.2;
    font-weight: 700;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 18px;
    transition: .5s;
    margin-bottom: 5px;
    color: #333;
}
.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: 14px;
    padding: 11px 24px;
    text-align: center;
    position: relative;
    margin-right: 15px;
    z-index: 2;
    -webkit-transition: 1s;
    transition: 1s;
    font-weight: 400;
}
.witr_btn, .witr_btn:hover {
    color: #fff;
}
.bg-primary {
    background: var(--primary)!important;
    border-color: var(--primary)!important
}
.hover-bg-primary:hover {
    background: var(--primary)!important;
    border-color: var(--primary)!important;
}
.bg-secondary {
    background: var(--secondary)!important;
    border-color: var(--secondary)!important
}
.hover-bg-secondary:hover {
    background: var(--secondary)!important;
    border-color: var(--secondary)!important;
}
.bg-dark {
    background: var(--dark)!important;
    border-color: var(--dark)!important;
}
.hover-bg-dark:hover {
    background: var(--dark)!important;
    border-color: var(--dark)!important;
}
.py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.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;
}
.pt-90 {
    padding-top: 90px;
}
.pt-80 {
    padding-top: 80px;
}
.pt-70 {
    padding-top: 70px;
}
.pt-60 {
    padding-top: 60px;
}
.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;
}
.mb-23 {
    margin-bottom: 23px;
}
.px-10 {
    padding-left: 10px;
    padding-right: 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: var(--primary);
    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: var(--primary);
    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: var(--dark);
    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;
    opacity: 0;
    visibility: hidden;
}

/* ====== Paginations CSS ====== */

.paginations {
    margin-top: 20px;
    text-align: center;
    display: block;
    width: 100%;
    padding: 10px 0
}
.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;
}
.paginations li.active {
    background: var(--primary);
}
.paginations li.active span {
    color: #fff;
}
.paginations li:hover {
    background: var(--primary);
    color: #fff;
}
.paginations li:hover a  {
    color: #fff
}

/* ====== Section Title CSS ====== */
.witr_section_title {
    position: relative;
    margin-bottom: 30px;
}

.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 #888888;
    -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: 700;
    line-height: 1.4
}

.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 h3 span {
    color: var(--primary);
}
.witr_section_title_inner h2 {
    font-size: 16px;
    display: inline-block
}

.witr_section_title_inner p {
    margin-top: 10px
}

.witr_section_title_inner.text-center p {
    width: 72%;
    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
}

.title_in_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.title_in {
    position: relative;
    width: 100%
}

.title_in:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 2px;
    content: ""
}

.title_in:after {
    position: absolute;
    right: -5px;
    top: 0;
    height: 100%;
    width: 2px;
    content: ""
}

.title_tx h2,.title_tx h3 {
    margin: 0
}

.title_p {
    text-align: left;
    width: 100%;
    padding-left: 30px
}

.title_ptx p {
    margin: 0
}

.title_btn {
    margin-top: 15px
}

.title_btn a {
    padding: 15px 30px;
    display: inline-block
}

.witr_bar_innerc {
    position: relative
}

.witr_bar_innerc:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: move_title_bg1;
    animation-name: move_title_bg1
}

.witr_bar_innerc:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: move_title_bg2;
    animation-name: move_title_bg2
}

/* ========== 1. Top Menu Area CSS ========== */
.top-contact-section {
    padding-top: 10px;
    padding-bottom: 10px;
    background: var(--primary);
}
.left-contact {
    display: flex;
    justify-content: left;
}
.left-contact .address, .left-contact .phone {
    margin-right: 24px;
}
.left-contact span, .left-contact a {
    display: inline-block;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    font-family: "Roboto", sans-serif;
}
.left-contact i {
    margin-right: 5px;
    font-size: 13px;
}
.right-contact .social-icons a {
    padding: 0 8px;
    color: var(--light);
    display: inline-block;
    font-weight: 400;
    transition-duration: .5s;
    font-size: 15px;
    font-family: "Roboto", sans-serif;
}
.right-contact .social-icons a:hover {
    color: #17161a;
}
.beama_nav_area.trp_nav_area.scroll_fixed.postfix, .top-contact-section {
    padding-left: 0px;
    padding-right: 0px;
}
/* ================ 2. Menu Area CSS ================ */
.beama_nav_area.postfix {
    transition: .3s;
}
.beama_nav_area {
    background: #fff;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
}
.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 */
 .beama-main-menu .logo a.main_sticky_main_l {
     display: block;
}
 .beama-main-menu .logo a.main_sticky_l {
     display: none;
}
/* logo pre */
 .beama-main-menu .prefix .logo a.main_sticky_main_l {
     display: none;
}
 .beama-main-menu .prefix .logo a.main_sticky_l {
     display: block;
} 
/* MENU text CSS */
 .beama_menu ul {
     text-align: right;
     list-style: none;
}
 .beama_menu > ul > li {
     display: inline-block;
     position: relative;
}
.beama_menu > ul > li > a {
    color: #272727;
    display: block;
    margin: 45px 23px 45px 0;
    -webkit-transition: .2s;
    transition: .2s;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}
.beama_menu ul .sub-menu li a:hover, .beama_menu ul .sub-menu li.current-menu-item a, .beama_menu>ul>li.current-menu-item>a, .beama_menu>ul>li>a:hover, .beama_nav_area.prefix .beama_menu>ul>li.current-menu-item>a, .beama_nav_area.prefix .beama_menu>ul>li>a:hover, .hbg2 .beama_menu>ul>li.current-menu-item>a, .hbg2 .beama_menu>ul>li>a:hover, .heading_style_2 .beama_menu>ul>li.current-menu-item>a, .heading_style_2 .beama_menu>ul>li>a:hover, .heading_style_3 .beama_menu>ul>li.current-menu-item>a, .heading_style_3 .beama_menu>ul>li>a:hover, .heading_style_4 .beama_menu>ul>li.current-menu-item>a, .heading_style_4 .beama_menu>ul>li>a:hover {
    color: var(--primary);
}
 .beama_menu > ul > li > a:before, .beama_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;
}
 .beama_menu ul li:last-child a {
     margin-right: 15px !important;
}
.beama_menu > ul > li.current > a, .beama_menu > ul > li:hover > a, .creative_header_menu > ul > li:hover > a {
    color: var(--primary);
    background-color: transparent;
	color: var(--primary);
}
 .beama_menu > ul > li:hover > a:before, .beama_menu > ul > li.current > a:before {
     opacity: 1;
}

 .transprent-menu .beama_nav_area {
     background-color: transparent;
     padding: 0;
     transition: .5s;
}
 .beama_nav_area.postfix {
     transition: .3s;
}
.beama_nav_area.prefix {
    background-color: transparent;
}
.hbg2 {
    background-color: rgba(0,0,0,0.7) !important;
}

 .beama_nav_area.prefix .beama_menu > ul > li > a {
     color:#fff;
}
.beama_nav_area.prefix .beama_menu > ul > li.current > a {
    color: var(--primary);
}
 .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 */
.beama_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;
}
 .beama_menu ul li:hover > .sub-menu {
     transition: .5s;
     opacity: 1;
     visibility: visible;
     top: 100%;
     z-index: 9999;
}
 .beama_menu ul .sub-menu li {
     position: relative;
	 transition:.5s;
}
.beama_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: #272727;
    visibility: inherit !important;
    padding: 4px 0px;
    font-family: 'Montserrat', sans-serif;
}
 .beama_menu ul .sub-menu li:hover > a, .beama_menu ul .sub-menu .sub-menu li:hover > a, .beama_menu ul .sub-menu .sub-menu .sub-menu li:hover > a, .beama_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
     color: var(--primary);
}
.beama_menu ul .sub-menu li:before {
    left: -18px;
}
.beama_menu ul .sub-menu li:hover:before{
	opacity:1;
}
.beama_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a, .beama_menu ul .sub-menu .sub-menu .sub-menu li:hover>a, .beama_menu ul .sub-menu .sub-menu li:hover>a, .beama_menu ul .sub-menu li:hover:before, .beama_menu ul .sub-menu li:hover>a {
    color: var(--primary);
    padding-left: 12px;
    transition: .5s;
}
/* sub menu 2 */
.beama_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}
 .beama_menu ul .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}
/* sub menu 3 */
 .beama_menu ul .sub-menu .sub-menu li {
     position: relative;
}
 .beama_menu ul .sub-menu .sub-menu .sub-menu {
     right: 100%;
     left: auto;
     top: 130%;
     opacity: 0;
     visibility: hidden;
}
 .beama_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}
/* sub menu 4 */
 .beama_menu ul .sub-menu .sub-menu .sub-menu li {
     position: relative;
}
 .beama_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}

/* has menu icon */
.beama-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;
}
 .beama-main-menu .menu-item-has-children .menu-item-has-children> a:after {
     margin-left: 8px;
     content: "\f107";
}

/* quearys area css */
.beama_menu.main-search-menu > .em-header-quearys, .em-quearys-top.msin-menu-search {
    display: inline-block;
}
.em-top-quearys-area {
    position: relative;
}
.beama_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: #272727;
    padding: 0;
    border-radius: 5px;
    height: inherit;
    width: inherit;
    line-height: inherit;
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
}
.beama_nav_area.prefix .main-search-menu .em-header-quearys .em-quearys-menu i {
    color: #fff;
}
.mrt10{
	margin-top:10px;
}
.em-quearys-menu i {
    background: var(--primary);
    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: var(--primary);
	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: var(--primary);
}
.main_menu_header_address_text h4 {
    margin-bottom: 0;
    color: #030925;
}
.beama_menu ul .sub-menu li:hover > a::before {
    content: "//";
    padding-right: 5px;
}
/*=======================
#2 beama mobile menu css
========================*/
.mobile-menu{
 display:none !important;
}
 .mobile_logo_area{
 display:none !important;
}
.mean-container a.meanmenu-reveal {
    display: none !important;
}
.mean-container .mean-nav > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}
.mean-container .mean-bar {
    background: #fff;
    padding: 0;
}
.mean-container .mean-nav ul li {
    border-top: 0px solid #ddd;
}
.mean-container .mean-nav ul li li a,
.mean-container .mean-nav ul li a {
    color: #444;
}
.mean-container .mean-nav ul li li a {
    border-top: 1px solid #ddd;
}
.mean-container .mean-nav ul li a:hover {
    color: #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;
}
.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: var(--primary);
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    padding: 13px 25px;
    margin-left: 20px;
    border: none;
    display: block;
    font-weight: 400;
}
a.dtbtn:hover {
    background: var(--dark);
}

/* ========== 3. Slider Area CSS ========== */
.slider_section {
    position: relative;
    overflow: hidden;
}
.background-video-area {
    position: absolute;
    top: 50%;
    left: 50%;
    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;
}
.background-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 50%);
    z-index: 10;
}
.witr_ds_content {
    background: url(../image/slider-01.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 700px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.witr_ds_content_inner {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 20;
}
h2.slider_title {
    font-size: 63px;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
}
p.slider_cont {
    width: 74%;
    margin: 15px auto 15px auto;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}
.slider_btn {
    margin-top: 50px;
}
.slider_btn a.witr_btn {
    font-family: "montserrat", sans-serif;
}
/* nivo SLIDER AREA CSS */
.main-slider-area {
    overflow: hidden;
    display: block;
    position: relative;
}
.nivo-caption {
    background:rgba(0, 0, 0, 0);
    height: 100%;
    opacity: 1;
}
.em_slider_inner {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
.em-slider-sub-title {
    color: #FFFFFF;
    font-size: 100px;
    font-weight: 700;
}
.em-slider-title {
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 700;
    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: 70%;
}
.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: #fff;
}
/* button */
a.em-active-button {
    font-weight: 700;
    text-transform: capitalize
} 
.em-button-button-area a:hover {
    color: #07294e;
}
.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 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-nextNav {
    left: auto;
    right: 0;
}
.em-nivo-slider-wrapper .nivo-directionNav a:hover {
    background-image: linear-gradient(90deg, #5889ECDB 0%, #FF9F85DB 100%);
    background-color: transparent;
    border-color: #000;
    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: transparent 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: transparent;
    color: #fff;
    opacity: 1;
}
.em-nivo-slider-wrapper .nivo-controlNav a:hover {
    color: #ffffff2e;
}
.pdlr0{
	padding-left:0;
	padding-right:0;
}
/* ===== End nivo SLIDER AREA CSS ===== */

/* ==================== 4. Feature Area CSS ==================== */
.em_feature {
    border-radius: 5px;
    transition: .5s;
}
.feature_inner_box {
    padding: 32px 20px 16px;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid #ddd;
    z-index: 3;
    border-radius: 5px;
    background: #fff;
}
.feature_inner_box:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    z-index: -1;
}
.feature_inner {
    display: flex;
    align-items: center;
}
.em_feature:hover .feature_inner_box {
    background: #1293d4;
}
.em_feature-icon i {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    margin-right: 20px;
    color: #333333;
    background-color: #FFFFFF14;
    font-size: 20px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 100px 100px 100px 100px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}
.em_feature:hover .em_feature-icon i {
    color: #1293D4;
    background-color: #FFFFFF;
}
.em_content_text {
    padding-top: 10px;
}
.em_feature:hover .em-feature-title h3 a {
    color: #fff;
}
.em_feature:hover .em-feature-desc p {
    color: #fff;
}

/* ==================== 5. Service Area CSS ==================== */
.service_area {
    background: #f9f9f9;
}
.single_service {
    margin-bottom: 20px;
    position: relative;
}
.single_service.service_style2 {
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 9%)
}
.service_style2:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    content: "";
    z-index: 1;
    -webkit-transition: .5s;
    transition: .5s;
    background: var(--primary)
}
.service-item {
    padding: 40px 30px 25px 30px;
    transition: .5s;
    background: #fff;
}
.service_style2:hover .service-item {
    background-color: transparent;
}
.service-item:hover {
    box-shadow: 10px 0px 30px 0px rgba(0, 0, 0, 0.16);
}
.service_style2 .service-item:hover {
    box-shadow: none;
}
.service_style2:hover .service-item * {
    color: #fff;
    transition: .5s;
}
.service_style2:hover:before {
    width: 100%;
    height: 100%;
    border-radius: 0;
}
.service_item_inner {
    position: relative;
    z-index: 2;
}
.service_item_inner i {
    height: auto;
    width: auto;
    border-radius: initial;
    line-height: normal;
    background: 0 0;
    border: none;color: #888888;
    font-size: 38px;
    transition: .5s
}
.service_item_inner h3 {
    padding: 8px 0px 6px 0px;
    transition: .5s;
}

/* ==================== 6. Portfolio Area CSS ==================== */
.beama_portfolio {
    position: relative;
    overflow: hidden;
}
.port_thumb img {
    display: block;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    width: 100%;
}
.portfolio_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.port_cont {
    position: absolute;
    text-align: center;
    -webkit-transition: .5s;
    transition: .5s;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 9;
    background: #1293d480;
}
.beama_portfolio:hover .port_cont, .portfolio_overlay .port_cont {
    opacity: 1;
}
.port_cont_inner {
    left: 50%;
    position: absolute;
    top: 60%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    -webkit-transition: all .3s ease-in-out .3s;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
}
.portfolio_overlay .port_cont_inner {
    top: 50%;
    opacity: 1;
}
.beama_portfolio:hover .port_cont_inner {
    opacity: 1;
    top: 50%;
}
.style2.port_cont .port_cont_inner {
    background: #1293d46b;
    left: 1000px;
    top: 50%;
    text-align: left;
    padding: 20px;
}
.beama_portfolio:hover .style2.port_cont .port_cont_inner {
    left: 75%
}
.port_cont_inner .picon a {
    background: 0 0;
    border-radius: 5px;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    margin: 0 8px 11px;
    width: 50px;
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff;
}
.port_cont_inner .picon a:hover {
    background: #1293d4;
}
.port_cont_inner h4 {
    margin: 0;
    text-transform: capitalize;
    font-size: 18px;
    color: #fff;
}
.port_cont_inner h4 a {
    color: #fff;
}
.port_cont_inner h4 a:hover {
    color: var(--primary);
}
.port_cont_inner ul li {
    line-height: 1.2;
    margin: 5px 0 0;
    color: #fff;
    display: inline-block;
}
.port_cont_inner ul li::after {
    content: ","
}
.port_cont_inner ul > li:last-child::after {
    content: ""
}
.em_plus_port {
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 99;
}
.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: var(--primary)
}
.picon a:hover {
    background: #2f2c2c;
}
/* portfolio filter btns css */
.portfolio_nav {
    padding: 0 0 30px;
    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 {
    background: #1293d4;
    color: #fff;
}
/* single portfolio page css */
.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;
}
/* ==================== 7. Team Area CSS ==================== */
.cons_singleTeam {
    position: relative;
    text-align: center;
    overflow: hidden;
    -webkit-transition: .5s;
    transition: .5s;
    border: none;
    box-shadow: 0 5px 20px 0 #00000014;
    margin-bottom: 20px;
}
.s_team_inner img {
    display: inline-block;
    margin: auto;
}
.front_view_box {
    padding: 19px 13px 30px;
}
.front_view_box h5 {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0;
}
.front_view_box span {
    color: #1293D4;
    display: inline-block;
    line-height: 28px;
}
.front_view_box p {
    margin-top: 3px;
}
.team_s_icons {
    margin-top: 10px;
}
.team_s_icons a {
    color: #ababab;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-size: 17px;
    line-height: 35px;
    text-align: center;
    margin: 0 3px;
    border: 1px solid #ddd;
}
.team_s_icons a:hover {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
}

/* ==================== 8. Counter Area CSS ==================== */
.counter_area {
    background: url(../image/counter-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.single_counter {
    position: relative;
    padding: 32px 0;
    text-align: center;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    border-top: 5px solid #ffffff;
    border-bottom: 5px solid #ffffff;
    margin-bottom: 20px;
}
.single_counter::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 40%;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    transition: .3s;
}
.single_counter::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 40%;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    transition: .3s;
}
.single_counter:hover, .single_counter:hover::before, .single_counter:hover::after {
    border-color: #1293d4;
}
.counter_icon {
    margin-top: 7px;
    text-align: center;
}
.counter_icon i {
    color: #FFFFFF;
    font-size: 30px;
}
.counter_title h4 {
    font-size: 23px;
    margin: 0;
    text-transform: capitalize;
    -webkit-transition: .5s;
    transition: .5s;
    padding-top: 20px;
    padding-bottom: 8px;
    color: #FFFFFF;
    font-weight: 500;
}
.countr_text h3 {
    display: inline-block;
    color: #FFFFFF;
    font-size: 45px;
    font-weight: 600;
}
/* ==================== 9. Pricing Area CSS ==================== */

.single_price {
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);
    border-style: solid;
    border-width: 0px 0px 4px 0px;
    margin-bottom: 20px;
}
.pricing_1 {
    border-color: #1E67B0;
}
.pricing_2 {
    border-color: #1293D4;
}
.pricing_3 {
    border-color: #1E67B0;
}
.pricing-part {
    position: relative;
    overflow: hidden;
}
.pricing_top_box {
    position: relative;
    padding: 30px 25px;
    border-radius: 5px;
    background: url(../image/pricing-01.jpg);
    z-index: 1;
}
.pricing_style2 .pricing_top_box {
    padding: 0;
}
.pricing_top_box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.pricing_1 .pricing_top_box::before {
    background-color: #1E67B0D9;
}
.pricing_2 .pricing_top_box::before {
    background-color: #1293D4D9;
}
.pricing_3 .pricing_top_box::before {
    background-color: #00A651;
}
.pricing_style2 .pricing_top_box, .pricing_style2 .pricing_top_box::before {
    background: #fff!important;
}
.pricing_top_box h4 {
    font-size: 25px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0;
}
.pricing_style2 .pricing_top_box h4 {
    color: #333;
    padding: 26px 0 12px;
}
.top_by_bottom {
    padding-top: 30px;
}
.pricing_style2 .top_by_bottom {
    padding-top: 0px;
}
.top_by_bottom h5 {
    font-size: 35px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0;
}
.pricing_style2 .top_by_bottom h5 {
    background: var(--primary);
    padding: 10px 0;
    margin-bottom: 30px;
}
.top_by_bottom h5 span {
    font-size: 24px;
    margin-right: 5px;
}
.witri_texti_list ul {
    padding: 40px 0px 0px 0px;
}
.pricing_style2 .witri_texti_list ul {
    padding: 0px;
}
.witri_texti_list ul li {
    font-size: 14px;
    margin: 0px 0px 10px 0px;
    padding: 10px 0px 10px 0px;
    text-align: center;
}
.witri_texti_list ul li:nth-child(odd) {
    background: #F9F9F9
}
.witr_btnp_color {
    padding-top: 45px;
    padding-bottom: 45px;
    text-align: center;
}
.witr_btnp_color a {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    border-radius: 100px 100px 100px 100px;
    padding: 8px 25px 12px 25px;
    border-width: 1px;
    border-style: solid;
    transition: .3s
}
.pricing_1 .witr_btnp_color a {
    background: #1293d4;
    border-color: #1293d4;
}
.pricing_1 .witr_btnp_color a:hover {
    color: #1293d4;
}
.pricing_2 .witr_btnp_color a {
    background: #1293D4D9;
    border-color: #1293D4D9;
}
.pricing_2 .witr_btnp_color a:hover {
    color: #1293D4D9;
}
.pricing_3 .witr_btnp_color a {
    background: #00A651;
    border-color: #00A651;
}
.pricing_3 .witr_btnp_color a:hover {
    color: #00A651;
}
.witr_btnp_color a:hover {
    background: transparent;
}

/* ==================== 10. Testimonial Area CSS ==================== */
.testimonial_area {
    background: url(../image/testi-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.single_testi {
    padding-top: 60px;
    margin-bottom: 30px;
}
.s_testi_inner {
    padding: 30px 10px 10px 25px;
    position: relative;
    text-align: left;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    margin-bottom: 10px;
    position: relative;
    background: #fff;
}
.s_testi_inner img {
    position: absolute;
    top: -45px;
    left: 30px;
    z-index: 22;
    width: 90px;
    height: 90px;
}
.s_testi_inner h6 {
    display: block;
    font-size: 20px;
    line-height: 26px;
    padding-top: 30px;
    padding-bottom: 0;
    text-transform: uppercase;
    font-weight: 500;
}
.s_testi_inner span {
    font-weight: 400;
    font-size: 17px;
}
.s_testi_inner p {
    margin: 10px 0;
}

/* home 2 testimonial area css */
.em_single_testimonial {
    margin-bottom: 30px;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    padding: 37px 30px 26px;
    margin-top: 20px;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    overflow: hidden;
    position: relative;
    text-align: left;
    background: #fff;
}
.test_q_icon i {
    font-size: 54px;
    color: var(--primary);
}
.em_testi_content {
    position: relative;
    text-align: center;
}
.em_testi_text {
    padding-top: 15px
}
.em_testi_text p {
    margin: 10px 0px 10px 0px;
}
.test-part {
    display: inline-block;
    margin-bottom: 10px;
}
.em_test_thumb img {
    border-radius: 50%;
    width: 90px;
    margin: 15px 0px 15px 0px;
    display: inline-block;
}
.em_testi_title h2 {
    font-weight: 500;
    text-transform: uppercase;
}
.em_testi_title span {
    display: block;
    margin-top: 5px;
    font-size: 18px;
    font-weight: 500;
    color: var(--primary)
}

/* ==================== 11. Blog Area CSS ==================== */
.busi_singleBlog {
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #fff;
    margin-bottom: 25px;
}
.busi_singleBlog:hover {
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 16%);
}
.witr_sb_thumb {
    overflow: hidden;
    position: relative;
}
.witr_sb_thumb img {
    transition: .5s;
    width: 100%
}
.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;
    background: rgba(0,0,0,.5)
}
.busi_singleBlog:hover .witr_sb_thumb:before, .busi_singleBlog:hover .witr_sb_thumb img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
}
.witr_blog_con {
    padding: 14px 15px 5px 25px
}
.witr_blog_con span {
    margin-bottom: 15px;
    margin-right: 2px;
}
.witr_blog_con span, .witr_blog_con span a {
    font-family: "Poppins", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #888;
}
.witr_blog_con h2 {
    color: #222429;
    margin: 10px 0px 5px 0px;
}
.witr_blog_con h2 a {
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
}
.witr_blog_con span i {
    padding-right: 5px;
    padding-left: 5px;
    -webkit-transition: .5s;
    transition: .5s;
    color: var(--primary)
}
.witr_blog_con p {
    margin: 0px 0px 10px 0px
}
.em-blog-content-area_adn {
    padding: 0 10px 22px 20px;
}
.em-blog-content-area_adn a {
    color: #333333;
    background-color: #FFFFFF00;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #DDDDDD;
    border-radius: 0px 0px 0px 0px;
    padding: 7px 11px 7px 11px;
    display: inline-block
}
.em-blog-content-area_adn a:hover {
    background: var(--primary);
    color: #fff;
}
/* ====== Blog sidebar area ====== */
.single_side {
    padding: 35px 30px;
    margin-bottom: 30px;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
}
.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: var(--primary);
    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: #000;
}
.blog-near-side ul li:before {
    content: "\eaa0";
    font-family: IcoFont!important;
    font-size: 18px;
    color: #454545;
    transition-duration: .5s;
}
.blog-near-side ul li:hover:before {
    color: var(--primary);
}
.blog-near-side .widget-title {
    position: relative;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 12px;
}
.blog-near-side .widget-title::before {
    content: '';
    position: absolute;
    border-radius: 50%;
    margin-top: 17px;
    width: 26%;
    border: 1px solid var(--primary);
    top: 50%;
}
.blog-near-side ul li:not(:last-child) {
    display: flex;
    align-items: center;
}
.blog-near-side ul li:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.12);
    margin: 0 0 10px;
    padding-bottom: 10px;
}
.blog-near-side ul li:last-child {
    border-bottom: none;
}
.blog-near-side ul li a {
    color: #454545;
    transition-duration: .5s;
}
.blog-near-side ul li a:hover {
    color: var(--primary);
}
.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;
    line-height: 1;
    font-size: 17px;
    font-weight: 600;
}
.recent-post-text h4 a {
    font-size: 17px;
    color: #454545;
    font-weight: 600;
}
.recent-post-text h4 a:hover {
    color: var(--primary);
}
.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: var(--primary);
    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 css ====== */
.beama-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;
}
.beama-blog-thumb {
    overflow: hidden;
}
.beama-blog-thumb a {
    display: block;
    position: relative;
}
.beama-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);
}
.beama-blog-thumb img {
    -webkit-transition: .5s;
    transition: .5s;
    display: block;
    width: 100%
}
.beama-single-blog:hover .beama-blog-thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.beama-single-blog:hover .beama-blog-thumb a:before {
    opacity: 1;
}
.em-blog-content-area {
    padding: 20px 15px 0;
    overflow: hidden;
}
.beama-blog-meta-left {
    padding: 0 0 9px;
}
.beama-blog-meta-left a, .beama-blog-meta-left span {
    color: #888;
    font-size: 16px;
    margin-right: 5px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.beama-blog-meta-left a:hover, .beama-blog-meta-left span:hover {
    color: var(--primary)
}
.beama-blog-meta-left i {
    color: #1293d4;
    font-size: 13px;
    margin-right: 5px;
}
.readmore a {
    display: inline-block;
    padding: 7px 25px;
    margin-bottom: 20px;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    border: 1px solid #ddd;
    color: #444;
}
.readmore a:hover {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary)
}
/* single blog page css */
.beama-single-blog-details {
    background: #fff;
    margin-bottom: 40px;
}
.beama-single-blog--thumb img {
    width: 100%;
}
.beama-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: var(--primary)
}
.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: var(--primary)
}
.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_beama_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: var(--primary)
}
.comment_beama_btn:hover {
    background: var(--dark);
}

/* ==================== 11. Footer Area CSS ==================== */
.footer-middle {
    background-color: #1a1a1a;
    padding: 65px 0 73px;
}
.footer-middle .widget h2 {
    margin-bottom: 28px;
    margin-top: 28px;
    position: relative;
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
}
.footer_s_inner {
    margin-top: 10px;
}
.footer-sociala-icon {
    clear: both;
    float: left;
    font-size: 17px;
    margin-right: 12px;
}
.footer-widget.address p {
    margin-bottom: 6px;
    color: #fff;
}
.footer-widget.address i {
    color: #fff;
}
.footer-middle .widget ul li {
    margin-bottom: 10px;
}
.footer-middle .widget ul li a {
    color: #ffffff;
}
.recent-post-item {
    clear: both;
    overflow: hidden
}
.footer-middle .recent-post-item+.recent-post-item {
    margin-top: 15px;
}
.recent-post-image {
    float: left;
    margin-right: 15px;
}
.recent-post-text {
    overflow: hidden;
}
.footer-middle .recent-post-text>h4 {
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1;
}
.footer-middle .recent-post-text .rcomment {
    font-size: 16px;
    font-weight: 400;
}
.footer-middle .recent-post-text h4 a {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 6px;
    display: inline-block;
    color: #fff;
}
.footer-middle .recent-post-text .rcomment {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
}
.gallery-item {
    display: block;
    padding: 1%;
    text-align: center;
    width: 100%;
    margin: 0;
    max-width: 33.33%;
    float: left;
}
/* footer bottom area css */
.footer-bottom {
    background-color: #222222;
    padding: 26px 0 24px;
    position: relative;
}
.footer-bottom:before {
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    width: 61%;
    left: 0;
    right: 0;
    margin: auto;
    background: #ffffff61;
    background-color: transparent;
}
.copy-right-text p {
    color: #ffffff;
    margin-bottom: 0;
}
.footer-menu ul li {
    display: inline-block;
}
.footer-menu ul li a {
    padding: 0 10px;
    display: block;
    color: #fff;
}
.footer-menu ul li a:hover {
    color: var(--primary)
}

/* ==================== 13. About Area CSS ==================== */
.about_image {
    margin-right: 10px;
    padding-left: 10px;
    position: relative;
    margin-bottom: 20px
}
.about_image img {
    width: 100%;
    display: block;
    margin-right: 5px;
}
.about_image::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    z-index: 1;
}
.about_area .witr_section_title_inner h3 {
    font-size: 30px
}
.about_area .witr_section_title_inner p {
    width: 100%!important;
}
.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: #333333;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 8px;
}
.progress {
    height: 5px;
    background: #e9ecef;
    overflow: visible
}
.progress-bar {
    background: var(--primary);
    position: relative;
}
.witr_percent {
    position: absolute;
    top: -25px;
    right: 0;
    color: #272727;
    font-size: 14px;
    font-weight: 400;
}

/*========================== 14. Breadcamb Area CSS ==========================*/
.breadcumb-area, .breadcumb-blog-area {
    background-image: url(../image/slider-01.jpg);
    background-position: center center;
    background-size: cover;
    padding: 60px 0;
}
.breadcumb-area:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: -1;
}
.brpt.brptsize h2 {
    font-size: 30px;
    color: #fff;
}
.breadcumb-inner ul {
    margin-bottom: 0;
    padding: 0;
    color: #fff;
}
.breadcumb-inner li {
    display: inline-block;
    margin: 0;
    color: #fff;
}
.ccase {
    text-transform: capitalize;
}
.breadcumb-inner li a {
    color: #fff
}
.breadcumb-inner li a:hover {
    color: var(--primary);
}

/*========================== 15. Contact Area CSS ==========================*/
.contact_area {
    background: #f9f9f9;
}
.witr_apartment_form {
    padding: 50px;
    box-shadow: 0 0 50px 0px rgb(0 0 0 / 5%);
}
.twr_form_box input, .twr_form_box textarea {
    border-color: #ddd;
    outline: none;
    margin-bottom: 23px;
    padding: 6px 12px 6px 30px
}
.twr_form_box input:focus, .twr_form_box textarea:focus {
    outline: none;
    border-color: #ddd;
}
.twr_form_box textarea {
    height: 220px
}
.twr_form_box input {
    height: 50px;
}
.witr_apartment_form button {
    background: var(--primary);
    color: #fff;
    padding: 13px 40px;
    font-size: 14px;
    font-weight: 500;
}
.location {
    height: 700px;
}
.location iframe {
    border: 0;
    width: 100%;
    height: 100%;
}