/*
Template Name:labotor 
*/

/*
Table Of Content

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


8. Counter Area CSS
9. Caseuse Area CSS
10. Portfolio Area CSS
11. Team Area CSS
12. Testimonial Area CSS
13. Pricing Area CSS
14. Faq Area CSS
15. Blog Area CSS
16. Footer Area CSS
17. Breadcumb Area CSS
18. Call Area CSS
19. Contact Area CSS

*/

@import url('css2.css');


/*theme css*/
a {
    color:#17161a;
    transition: .5s;
}
a:hover {
    text-decoration: none;
    color: #009dc8;
}
body {
	font-family: "Noto Sans TC";
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	color: #030925;
}
 p {
     font-style: normal;
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-style: normal;
    line-height: 1.2;
    font-weight: 700;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 22px;
    margin-bottom: 5px;
    color: #030925;
}
 .btn-primary:focus, select:focus, textarea:focus, input:focus{
     box-shadow: none !important;
}
 textarea, input{
     outline:none;
}
 a:focus, .btn:focus {
     text-decoration: none;
     outline: none;
}
 .uppercase {
     text-transform: uppercase;
}
 .capitalize {
     text-transform: capitalize;
}
.witr_section_title_inner h1, .witr_section_title_inner h2, .witr_section_title_inner h3 {
    font-size: 40px;
    margin: auto;
    font-weight: 700;
    line-height: 1.2;
}
.witr_section_title_inner h2 {
    font-size: 16px;
    display: inline-block;
    color: #009dc8;
}
.witr_section_title_inner p span a, .witr_section_title_inner p span, .witr_section_title_inner h1 span, .witr_section_title_inner h2 span{
    color: #009dc8;
}
.witr_section_title_inner h1, .witr_section_title_inner h3 span{
    font-weight: 400;
}
.witr_image_title {
    margin: 0 0 -35px 40px;
}
.witr_bar_main {
    margin: 10px 0;
}
.witr_bar_inner {
    height: 5px;
    width: 90px;
    background: #009dc8;
    margin: 0px auto;
    position: relative;
    border-radius: 30px;
}
.witr_bar_innerc:before {
    left: 0;
    transform: translateY(-50%);
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: move_title_bg1;
}
.witr_bar_innerc:after {
    right: 0;
    transform: translateY(-50%);
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: move_title_bg2;
}
.witr_bar_innerc:after, .witr_bar_innerc:before {
    content: '';
    position: absolute;
    top: 50%;
    border-radius: 50%;
}
.witr_bar_innerc:after, .witr_bar_innerc:before {
    border: 6px solid #009dc8;
}
@keyframes move_title_bg1{from{left:0}to{left:100%}}
@keyframes move_title_bg2{from{right:0}to{right:100%}}

.divider {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
.divider-separator {
    width: 15%;
    margin: 0 auto;
}
.divider-separator {
    display: flex;
}
.divider-separator{
	position:relative;
}
.divider-separator:after, .divider-separator:before, .divider-separator:after, .divider-separator:before {
    display: block;
    content: "";
    border-bottom: 0;
    flex-grow: 1;
    border-top: 1px solid #000;
    margin-top: 8px;
}
.divider .divider_text {
    font-size: 15px;
    line-height: 1;
    max-width: 95%;
    margin: 0 10px;
    color: #333;
    font-weight: 400;
}
.witr_section_title {
    margin-bottom: 40px;
}
.witr_section_title_inner p {
    width: 100%;
    padding: 10px 0 0 0;
    margin-top: 10px;
}
.witr_section_title_inner.text-left p {
	margin-right: auto;
	margin-left: 0;
	font-family: "微軟正黑體";
}
.witr_all_pd0{
	padding:0;
}
@media (min-width: 1140px){
	.container {
		max-width: 1140px;
	}	
}
/* ===== 1. Top Menu CSS ===== */
 .em40_header_area_main.hdisplay_none {
     display: none;
}
.labotor-header-top {
    padding: 10px 0;
    background: #009dc8;
}
.top-address p {
    margin-bottom: 0;
}
.top-address p a, .top-address p span {
    margin-right: 20px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}
 .top-right-menu ul.social-icons li a{
	 color:#fff;
 }
.top-right-menu ul.social-icons li {
    display: inline-block;
    margin-left: 12px;
    position: relative;
}
.top-right-menu ul.social-icons li a {
    display: inline-block;
    text-decoration: none;
    color:#fff;
    transition: all .2s ease-in-out;
    font-size: 15px;
}
.top-address p span i{
	font-size: 13px;
    margin-right: 5px;
}
.top-address p a i{
	font-size:13px;
	color:#fff;
	margin-right:5px;
}
.top-address ul li a{
	font-size:13px;
	color:#fff;
	font-weight:500;
	color:#fff;
}
.top-address li.clock_icon a i {
    font-size: 13px;
    margin-right: 5px;
}
.witr_shape_item_inner {
    z-index: 1;
    top: 110px;
    right: 210px;
}
.witr_shape_item_inner {
    position: absolute;
    content: "";
    transition: .5s;
}
.top_crmenu_l ul, .top_crt_style {
    background: #fff;
    border-bottom: 1px solid #2151721a;
    padding: 26px 0 20px;
}
.theme_cr_logo {
    text-align: left;
}
.single_header_address {
    text-align: right;
}
.creative_header_icon {
    float: right;
    margin-left: 15px;
    overflow: hidden;
}
.top_crt_style i {
    color: #009dc8;
    border: 2px solid #009dc8;
}
.creative_header_icon i {
    font-size: 30px;
    margin-top: 0;
    margin-left: 2px;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 10px;
}
.top_crt_style h3 {
    color: #00162a;
}
.creative_header_address_text>h3 {
    font-size: 16px;
    margin: 0;
    padding: 3px 0;
    font-family: 'DM Sans',sans-serif;
}
.top_crt_style .site-title a, .top_crt_style p, .top_crt_style p a {
    color: #555;
}
.creative_header_address_text>p {
    word-break: break-all;
}
.creative_header_address_text>p {
    margin: 0;
    overflow: hidden;
}
.top_crt_style .main_sticky_l {
    display: none;
}
/* ===== 2. Menu Area CSS ===== */
.labotor_nav_area.postfix {
	transition: .3s;
	/* background-color: #007BB7;上幅的底 */
}
.hmenu_box_style {
    margin-top: 80px;
    border-radius: 5px;
    background: #fff;
	
}
.trp_nav_area {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    transition: .5s;
	
}
.tx_menu_together, .tx_bs_together {
    display: flex;
    justify-content: flex-end;
    align-items: center;
	
}
.search_popup_button, .tx_mmenu_together {
    align-items: center;
    display: flex;
    justify-content: flex-end;
	
}
.menu_search {
    display: flex;
    align-items: center;
}
.logo-right,
.logo-left {
    align-items: center;
}
.mobile_menu_logo.text-center {
     padding: 20px 0;
}
/* LOGO CSS */
 .logo a {
     display: inline-block;
}
.top-address {
    display: inline-block;
}
/* logo sticky */
 .labotor-main-menu .logo a.main_sticky_main_l {
     display: block;
}
 .labotor-main-menu .logo a.main_sticky_l {
     display: none;
}
.footer-middle .widget ul li span, .hmenu_box_style.hbg2 .logo a.main_sticky_l, .labotor-main-menu .logo a.main_sticky_main_l, .labotor-main-menu .prefix .logo a.main_sticky_l {
    display: block;
	
}
 .hmenu_box_style.hbg2 .logo a.main_sticky_main_l{
	 display:none;
 }
/* logo pre */
 .labotor-main-menu .prefix .logo a.main_sticky_main_l {
     display: none;
}
 .labotor-main-menu .prefix .logo a.main_sticky_l {
	display: block;
} 
/* MENU text CSS */
 .labotor_menu ul {
     text-align: right;
     list-style: none;
	 
}
 .labotor_menu > ul > li {
     display: inline-block;
     position: relative;
}
.labotor_menu > ul > li > a {
    display: block;
    margin: 35px 12px;
    transition: .5s;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #272727;/* MENU正常時文字的顏色*/
    font-family: 'Plus Jakarta Sans',sans-serif;
	
}
.menu2 .labotor_menu > ul > li > a {
    margin: 35px 12px;
}
.labotor_menu ul li:last-child a, blockquote blockquote {
    margin-right: 0;
}
.menu2 .tx_menu_together, .menu2 .tx_bs_together {
    justify-content: space-around;
}
.menu2 .labotor_menu ul li:last-child a{
    margin-right: 0;
}
.labotor_menu ul .sub-menu li a:hover, .labotor_menu ul .sub-menu li.current-menu-item a, .labotor_menu>ul>li.current-menu-item>a, .labotor_menu>ul>li>a:hover, .labotor_nav_area.prefix .labotor_menu>ul>li.current-menu-item>a, .labotor_nav_area.prefix .labotor_menu>ul>li>a:hover, .hbg2 .labotor_menu>ul>li.current-menu-item>a, .hbg2 .labotor_menu>ul>li>a:hover, .heading_style_2 .labotor_menu>ul>li.current-menu-item>a, .heading_style_2 .labotor_menu>ul>li>a:hover, .heading_style_3 .labotor_menu>ul>li.current-menu-item>a, .heading_style_3 .labotor_menu>ul>li>a:hover, .heading_style_4 .labotor_menu>ul>li.current-menu-item>a, .heading_style_4 .labotor_menu>ul>li>a:hover {
    color: #009dc8;
	
}
.hmenu_box_style.hbg2 .labotor_menu>ul>li>a{
	color:#fff;/* MENU下拉時文字的顏色*/
	
}
 .labotor_menu > ul > li > a:before, .labotor_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;
	 
}
.labotor_menu > ul > li.current > a, .labotor_menu > ul > li:hover > a, .creative_header_menu > ul > li:hover > a {
    color: #009dc8;
    background-color: transparent;
	color: #009dc8;
}
 .labotor_menu > ul > li:hover > a:before, .labotor_menu > ul > li.current > a:before {
     opacity: 1;
}
.labotor_nav_area.prefix .labotor_menu>ul>li>a{
	color:#fff;
}
 .transprent-menu .labotor_nav_area {
     left: 0;
     right: 0;
     top: 0;
     z-index: 9999;
     background-color: transparent;
     padding: 0;
     transition: .5s;
     position: absolute;
}
 .labotor_nav_area.postfix {
     transition: .3s;
}
.labotor_nav_area.prefix, .hbg2 {
    background: rgba(0,123,183,0.7);/*上幅下拉的底*/
}
.labotor_nav_area.prefix .right_sideber_menu i, .witr_search_wh .prefix .em-header-quearys .em-quearys-menu i {
    color: #fff !important;
}
.labotor_nav_area.prefix .labotor_menu > ul > li.current > a {
    color: #009dc8;
}
.hmenu_box_style.hbg2{
    margin-top: 0;
    padding: 0;
}
.witr_h_h2 .labotor_menu {
    justify-content: space-around;
    display: flex;
    align-items: center;
}
.landing_page .labotor_menu {
    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;
}
.prefix .main_menu_header_icon i{
    color: #009dc8;
}
/* sub menu style */
.labotor_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 150px;/* 子目錄寛 */
    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;
}
 .labotor_menu ul li:hover > .sub-menu {
     transition: .5s;
     opacity: 1;
     visibility: visible;
     top: 100%;
     z-index: 9;
}
 .labotor_menu ul .sub-menu li {
     position: relative;
	 transition:.5s;
}
.labotor_menu ul .sub-menu li:hover {
    margin-left: 8px;
}
.labotor_menu ul .sub-menu li a {
    display: block;
    margin: 0;
    margin-bottom: 0px;
    letter-spacing: normal;
    font-size: 15px;
    font-weight: 600;
    transition: .5s;
    color: #272727;
    visibility: inherit !important;
    padding: 7px 0px;
    font-family: 'Plus Jakarta Sans',sans-serif;
}
 .labotor_menu ul .sub-menu li:hover > a, .labotor_menu ul .sub-menu .sub-menu li:hover > a, .labotor_menu ul .sub-menu .sub-menu .sub-menu li:hover > a, .labotor_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
     color: #009dc8;
}
.labotor_menu ul .sub-menu li:hover:before{
	opacity:1;
}
.labotor_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a, .labotor_menu ul .sub-menu .sub-menu .sub-menu li:hover>a, .labotor_menu ul .sub-menu .sub-menu li:hover>a, .labotor_menu ul .sub-menu li:hover:before, .labotor_menu ul .sub-menu li:hover>a {
    color: #009dc8;
}
.main_menu_header_icon i{
    font-size: 25px;
    color: #009dc8;
}
/* sub menu 2 */
.labotor_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}
 .labotor_menu ul .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}
/* sub menu 3 */
 .labotor_menu ul .sub-menu .sub-menu li {
     position: relative;
}
 .labotor_menu ul .sub-menu .sub-menu .sub-menu {
     right: 100%;
     left: auto;
     top: 130%;
     opacity: 0;
     visibility: hidden;
}
 .labotor_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}
/* sub menu 4 */
 .labotor_menu ul .sub-menu .sub-menu .sub-menu li {
     position: relative;
}
 .labotor_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}
/* has menu icon */
.labotor-main-menu .menu-item-has-children>a:after {
    margin-left: 5px;
    content: "\eac8";
    font-family: IcoFont!important;
    opacity: 1;
    font-size: 13px;
    font-weight: 600;
    width: 13px;
    height: 13px;
}
/* quearys area css */
.labotor_menu.main-search-menu > .em-header-quearys, .em-quearys-top.msin-menu-search {
    display: inline-block;
}
.em-top-quearys-area {
    position: relative;
}
.labotor_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: #fff;
    padding: 0;
    border-radius: 100px;
    height: inherit;
    width: inherit;
    line-height: inherit;
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    color: #272727 !important;
}
.em-quearys-top.msin-menu-search .em-quearys-menu i {
    margin-left: 25px;
    cursor: pointer;
    display: inline-block;
    color: #fff;
}
.mrt10{
	margin-top:10px;
}
.em-quearys-menu i {
    border-radius: 50px;
    text-align: center;
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size:17px;
    background: #009dc8;
}
.main_menu_address_a {
    display: flex;
    align-items: center;
    position: relative;
    margin-left: -10px;
}
.main_menu_address_a {
    border-left: 1px solid #003167;
}
.main_menu_address_a:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 107px;
    left: 0;
    background: #fbfbfb40;
}
.main_menu_header_icon {
    margin-left: 25px;
    margin-right: 14px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 30px;
    background: #f3f3f3;
}
.main_menu_header_address_text h3, .main_menu_header_address_text h4 a {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
}
.main_menu_header_address_text h3{
	color: #009dc8;
}
.main_menu_header_address_text h4 {
    margin-bottom: 0;
    color: #030925;
}

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

}
 .mobile_logo_area{
 display:none !important;
}
.mean-container a.meanmenu-reveal {
    display: none !important;
}
.mean-container .mean-nav > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}
.mean-container .mean-bar {
    background: #fff;
    padding: 0;
}
.mean-container .mean-nav ul li {
    border-top: 0px solid #ddd;
}
.mean-container .mean-nav ul li li a,
.mean-container .mean-nav ul li a {
    color: #444;
}
.mean-container .mean-nav ul li li a {
    border-top: 1px solid #ddd;
}
.mean-container .mean-nav ul li a:hover {
    color: #ff4a17;
}
.mobile_p {
    position: fixed;
    right: 0;
    width: 300px;
	padding: 80px 20px 0px;
	overflow-y: scroll;
    top: 0;
    height: 100%;
    z-index: 9999;
    display: block;
    transition: 0.5s all;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
    transform: translateX(100%);
    background: #ffffff;
}
.tx-s-open {
    transform: translateX(0);
}
.mobile_p .tuetion_theme_widget > div.widget_block {
    padding: 0;
}
.mobile_p .tuetion_theme_widget > div {
    padding: 20px 0px 20px;
    box-shadow: none;
}
.mobile_p {}
.mean-container .mean-nav ul li a {
    border: 0;	
    width: 100%;
    border-top: 1px solid #ddd;	
    font-size: 14px;
    padding: 12px 5px;
    font-weight: 500;
	display: block;
}
.mean-container .mean-nav ul li a.mean-expand {
	width: auto;
}
.mean-container .mean-nav ul li li a {}
.mobile_opicon {
    text-align: right;
    padding: 4px 0;
}
.mean-container .mean-nav > ul > li:first-child > a {
    border-top: 0;
}
.mobilemenu_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mobile_menu_o  i {
    font-size: 26px;
}
.mobile_menu_content .mobile_menu_logo {
    margin-bottom: 20px;
}
.mobile_cicon {
    position: absolute;
    right: 30px;
    top: 50px;
}
.mobile_overlay {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    transition: all 0.3s ease-out 0s;
}
.mobile_overlay.mactive {
    opacity: 1;
    visibility: visible;
}
.footer-social-icon.htop-menu-s {
    padding: 0;
    display: inline-block;
    margin-left: 30px;
}
.footer-social-icon {
    text-align: center;
}
.footer-social-icon.htop-menu-s a i {
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    margin: 0 1px;
    width: 40px;
    background: #009dc8;
    color: #fff;
    display: inline-block;
}
.footer-social-icon a i {
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    transition: .3s;
}
.footer-social-icon a i:hover {
    background: #fdc400;
}
/* menu button */
a.dtbtn {
    border: none;
    display: block;
    font-size: 18px;
    font-weight: 500;
    border-radius: 30px;
    padding: 11px 25px;
    color: #fff;
    background: #009dc8;
    margin-left: 20px;
}
a.dtbtn:hover {
    background: #01264a;
}
.animated.animated-slow {
    animation-duration: 2s;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
/* ===== 3. Slider Area CSS ===== */
.witr_swiper_area {
    overflow: hidden;
    position: relative;
}
.witr_swiper_height {
height: 700px;!important;
}
.witr_swiper_height, .wittr_gallery_swiper {
    background-size: cover;
    background-position: center center;
    position: relative;
}
.swiper-slide, swiper-slide {
    flex-shrink: 0;
    transition-property: transform;
    display: block;
}
.witr_swiper_height:before, .wittr_gallery_swiper:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.witr_sw_text_area {
    margin: auto;
    width: 60%;
    height: 100%;
}
.witr_swiper_content {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.witr_swiper_content h1 {
    font-weight: 500;
}
.text-left .witr_swiper_content h1, .text-left .witr_swiper_content h2, .text-left .witr_swiper_content h3, .text-left .witr_swipers_title h4 {
	margin-top: 21px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: 0;
}
.witr_swiper_content h2,.witr_swiper_content h5 {
    color: #fff;
    padding: 0px 0 0 0;
}
.text-left .witr_swiper_content h1, .text-left .witr_swiper_content h2, .text-left .witr_swiper_content h3, .text-left .witr_swipers_title h4, .text-right .witr_swiper_content h1, .text-right .witr_swiper_content h2, .text-right .witr_swiper_content h3, .text-right .witr_swipers_title h4 {
    width:80%;
}
.text-left .witr_swiper_content h1, .text-left .witr_swiper_content h2, .text-left .witr_swiper_content h3, .text-left .witr_swipers_title h4 {
    margin: 8px auto 2px 0;
}
.witr_swiper_content h2, .witr_swiper_content h3 {
    font-size: 45px;!important;
    font-weight: 300;
    line-height: 1;
	text-shadow: 0.01em 0.01em 0.2em black;
}
.witr_swiper_content h5 {
    color: #fff;
	font-size: 33px;!important
    font-weight: 1000;!important
    line-height: 1;
	text-shadow: 0.01em 0.01em 0.2em black;
}
.witr_swiper_content h1 span, .witr_swiper_content h2 span, .witr_swiper_content h3 span {
    color: #fff;
    font-weight: 400;
}
.witr_swiper_content h1 {
    color: #fff;
    font-family: "Roboto", Sans-serif;
    font-weight: 700;
}
.text-left .witr_swiper_content h1{
	margin-top:0;
}
.witr_swiper_content p {
    color: #fff;
}

.text-left .witr_swiper_content p, .text-right .witr_swiper_content p {
    width: 51%;
}
.text-left .witr_swiper_content p {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0;
}
.witr_swiper_content p {
    font-weight: 400;
    font-size: 18px;
}
.slider_btn {
    margin-top: 53px;
}
.text-left .witr_btn_sinner {
    text-align: left;
}
.witr_btn {
	outline: 0;
	border-radius: 40px;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	background: #009dc8;
	text-align: center;
	position: relative;
	margin-right: 15px;
	z-index: 2;
	display: inline-block;
	transition: .5s;
	padding-top: 18px;
	padding-right: 40px;
	padding-bottom: 18px;
	padding-left: 40px;
}
.witr_btn:hover {
    background: #01264a;
    color: #fff;
}
.witr_btn2 {
	outline: 0;
	border-radius: 41px;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	background: #009dc8;
	text-align: center;
	position: relative;
	margin-right: 15px;
	z-index: 2;
	display: inline-block;
	transition: .5s;
	padding-top: 18px;
	padding-right: 40px;
	padding-bottom: 18px;
	padding-left: 26px;
}
.witr_btn2:hover {
    background: #01264a;
    color: #fff;
}
.witr_bbtn{
    color: #fff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #fff;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
	text-align: center;
    position: relative;
    margin-right: 20px;
    z-index: 2;
    transition: 1s;
	display: inline-block;
    padding: 18px 40px;
}
.witr_bbtn:hover{
    border-color: #009dc8;
    background: #009dc8;
	color:#fff;
}
.witr_video_btn {
    color: #fff;
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 22px;
    font-weight: 700;
}
.witr_swiper_area .swiper-slide a {
    display: inline-block;
}
.witr_video_btn i {
    position: relative;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    transition: .5s;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 20px;
    background: #009dc8;
    color: #fff;
}
.witr_video_btn i:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    animation-fill-mode: both;
    animation: witr_squares 1.5s ease-in-out infinite;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: #009dc8;
}
.nivo-caption, .witr_swiper_area .swiper-container-horizontal>.swiper-scrollbar {
    background: rgba(0,0,0,0);
}
.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-pagination-fraction {
    color: #fff;
    font-size: 50px;
    width: 20%;
    left: auto;
    right: 0;
	bottom: 5px;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
}
.swiper, swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
.wittr_gallery_swiper {
    height: 600px;!!important;
    margin-top: 10px;
    margin-bottom: 10px;
}
.witr_swiper_height, .wittr_gallery_swiper {
	background-size: cover;
	background-position: center center;
	position: relative;
	
	/* height: 500px;!important;width: 100%;*/
}
/* slick button css */
.witr_ds_content_area:hover .slick-next, .witr_ds_content_area:hover .slick-prev {
    opacity: 1;
}
.witr_ds_content_area .slick-prev {
    left: 15px;
}
.witr_ds_content_area .slick-next {
    right: 15px;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background: no-repeat 50%;
    color: #fff;
    transition: .5s;
    border-radius: 5px;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 30px;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    padding: 30px;
	background: #fff;
}
.swiper-button-next:hover, .swiper-button-prev:hover, .witr_ds_content_inner h1 span, .witr_ds_content_inner h2 span, .witr_ds_content_inner h3 span {
    color: #009dc8;
}
/* ===== 4. Feature Area CSS ===== */
.lb_fea_area {
    padding: 100px 0 90px;
}
.fea_witr_title .witr_section_title {
    margin-top: -20px;
}
.twr_feature_four_image {
    position: relative;
    overflow: hidden;
}
.medi_singleFeature:hover:before, .twr_feature_four_image img {
    width: 100%;
}
.twr_feature_four_inner {
    position: absolute;
    bottom: 0;
    padding: 20px 10px 10px;
    transition: .5s;
    transform: translateY(92px);
}
.twr_feature_four_inner2{
    position: absolute;
    bottom: 0;
    padding: 20px 10px 10px;
    transition: .5s;
    transform: translateY(62px);
}
.twr_feature_four_icon.main_icon_color {
    text-align: right;
    margin-bottom: -20px;
}
.main_icon_color i {
	opacity:1;
	color: #fff;
    background: #009DC8;
    font-size: 25px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
	transition:.5s;
	display:inline-block
}
.twr_feature_three_text {
    
	background: #fff;
    padding: 15px;
    text-align: left;
	
}
.twr_feature_three_text h3 {
    margin-bottom: 15px;
}
.twr_feature_three_text p {
    margin-top: 0;
    margin-bottom: 0;
	transition:.5s;
}
.feature_list_option ul li {
    list-style: none;
    font-size: 16px;
    margin-bottom: 4px;
    font-weight: 500;
	transition:.5s;
}
.twr_feature_four:hover .twr_feature_four_inner {
    transform: translateY(0);
}
.twr_feature_four{
    margin-bottom:30px;
}
/* ===== Feature Area CSS ===== */
.lb_fea_area2 {
    padding: 120px 0 40px;
}
.witr_feature2 {
    background: #13C3B5;
    padding: 30px 50px 30px 40px;
    margin-bottom: 30px;
}
.witr_feature2 {
    position: relative;
    z-index: 1;
    transition: .5s;
}
.witr_fea2_icon_top i {
    font-size: 80px;
    display: inline-block;
    margin: -10px 20px 0px 0px;
    text-align: center;
    color: #fff;
}
.witr_feature2 h3 {
    margin: 19px 0 10px;
	color:#fff;
}
.witr_feature2 h3 a{
	color:#fff;
}
.lb_fea_area2 .all_feature_color p {
    padding: 17px 0 0 0;
	color:#fff;
}
.witr_feature2_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: -1;
    opacity: 0;
    transition: .5s;
}
.witr_feature2_icon i {
    font-size: 150px;
    color: #fff;
}
.witr_feature2:hover{
    background: #004971;
}
.single_feature2:hover .witr_feature2_icon {
    opacity: 8%;
}
.fea_bg2{
	background:#01264a;
}
.fea_bg2:hover{
	background:#009dc8;
}
/* ===== 5. About Area CSS ===== */
.lb_ab_area {
	padding-top: 120px;
	padding-right: 0;
	padding-bottom: 70px;
	padding-left: 0;
}
.witr_videobg_image {
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}
.play-overlay {
    position: absolute;
    left: 350px;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.play-overlay a {
    position: relative;
    display: inline-block;
    width: 75px;
    height: 75px;
    font-size: 23px;
    border-radius: 100%;
    background: #009dc8;
}
.tx_svd_icon {
    line-height: 75px;
    text-align: center;
    animation: witr-shadow 1s linear infinite;
    color: #fff;
}
.play-overlay i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
	color:#fff;
}
.em-service2.sleft {
    text-align: left;
}
.witr_s_flex {
    display: flex;
}
.service_top_text {
    display: block;
}
.em-service2.sleft .em-service-icon {
	margin-right: 20px;
	margin-top: 0px;
}
.all_icon_color img {
    margin: 0 20px 0 0;
}
.em-service2 .em-service-inner {
    overflow: hidden;
    width: 100%;
}
.em-service-title h3 {
    padding: 0;
    transition: .5s;
    margin-bottom: 8px;
}
.em-service-desc p {
    transition: .5s;
}
.ab_mid_title .witr_section_title_inner p {
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 17px;
    font-weight: 500;
    width: 100%;
    margin-top: 7px;
    margin-bottom: 0px;
	padding: 0;
}
.ab_witr {
    margin-left:5px;
}
.ab_witr .witr_section_title{
    margin-bottom: 0;
}
.ab_mid_ser {
    display: flex;
    margin-top: 30px;
}
.ab_mid_ser .em-service2.sleft {
    text-align: left;
    margin-right: 24px;
}
.ab_btm_con .witr_section_title_inner h2 {
    color: #01264A;
    font-size: 22px;
}
.ab_btm_con {
    margin-top: 20px;
}
.ab_page_ab {
	padding-top: 80px;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0;
}

/* ===== 6. Service Area CSS ===== */
.lb_ser_area {
    background: #F3F3F3;
    padding: 100px 0 120px 0;
}
.lb_ser_area .witr_section_title {
    margin-bottom: 52px;
}
.service-item {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #fff;
    padding: 40px 20px 40px 20px;
	background:#fff;
	transition:.5s;
}
.service-item:hover {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #009DC8;
    background: #F3F3F3;
}
.ser_bg_second{
	box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
    background: #F3F3F3;
}
.ser_bg_second:hover {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #009DC8;
    background: #fff;
}
.text_box i {
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-style: dashed;
    border-width: 1px 1px 1px 1px;
    border-radius: 100px 100px 100px 100px;
    background: 0 0;
    font-size: 50px;
    color: #009dc8;
	display:inline-block;
}
.service-item h3 {
    padding: 15px 0 10px;
}
.service-item p {
    padding-top: 0;
}
.service-btn {
    position: relative;
}
.service-btn a{
    color: #fff;
    background-color: #009DC8;
    border-style: none;
    border-radius: 0px 0px 0px 0px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    transition: .5s;
    padding: 9px 30px;
    border: 1px solid #009dc8;
}
/* ===== 7. Choose Area CSS ===== */
.lb_chos_area {
    padding: 120px 0 120px;
}
.chos_left {
	margin-top: 0;
	margin-right: -50px;
	margin-bottom: 0;
	margin-left: 400px;
}

.chos_left2 {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}
.chos_left .witr_section_title_inner h3 span{
	color: #01264A;
}
.chos_left .witr_section_title {
    margin-bottom: 35px;
}
.chos_left .all_color_service {
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.05);
}
.chos_left .text_box {
    padding: 10px 20px 10px 30px;
}
.chos_left .service-item h3 {
    padding: 15px 0 10px;
}
.chos_left .service-item p {
    padding-top: 0;
}
.service_top_image {
    position: relative;
}
.chos_left .service-item {
    padding: 0;
    background: 0 0;
    transition: .5s;
    border: none;
}
.chos_witr .single_image {
    left: 130px;
}
.chos_coun {
    margin-top: -120px;
    margin-bottom: 0px;
    padding: 0 0 0 60px;
}
.witr_counter_6.witr_counter_single {
    padding: 20px 25px;
    box-shadow: 0 5px 20px 0 #0000000d;
    border-style: solid;
    border-width: 0px 0px 0px 10px;
    border-color: #009DC8;
    background: #fff;
    text-align: left;
}
.witr_counter_6 .witr_counter_number_inn {
    overflow: inherit;
}
.witr_counter_6 .wirt_new_iner {
    border-radius: 100px;
    width: 60px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    float: left;
    margin-right: 20px;
    background: #009dc8;
}
.witr_counter_6 .witr_counter_number_inn h3, .witr_counter_6 .witr_counter_number_inn span {
    font-size: 16px;
}
.witr_counter_number_inn h3, .witr_counter_number_inn span {
    font-size: 40px;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0;
	color:#fff;
}
.witr_counter_number_inn span {
    line-height: 0;
}
/* ===== 8. Team Area CSS ===== */
.lb_team_area {
    background-image: url("../image/team-bg-1.jpg");
    background-position: center center;
    background-size: cover;
    padding: 110px 0 120px 0;
    overflow: hidden;
    position: relative;
}
.team_left .single_image {
    z-index: 2;
}
.timg2 .single_image {
    left: 205px;
    margin: -190px 0 0 0;
    position: absolute;
    z-index: 5;
}
.timg3 .single_image {
    left: -215px;
    padding: 0;
    position: absolute;
    margin-top: -255px;
    z-index: 1;
}
.timg4 .single_image {
    left: -40px;
    z-index: 3;
    margin-top: -77px;
}
.team_left img {
    max-width: 85%;
}
.timg4 img {
    max-width: 47%;
}
.timg1 img{
	max-width:47%;
}
.animated.animated-slow {
    animation-duration: 2s;
}
.team_witr .witr_section_title {
    margin-bottom: 35px;
}
.team_witr .witr_section_title_inner h2 {
    color: #fff;
}
.team_witr .witr_section_title_inner h3 {
    color: #fff;
}
.team_witr .witr_section_title_inner h3 span{
	color:#fff;
}
.team_witr .witr_section_title_inner p {
    color: #fff;
    width: 90%;
    padding: 10px 0 0 0;
}
.team_witr .icon-list-icon i {
    color: #009DC8;
    transition: color 0.3s;
    font-size: 20px;
    width: 1.25em;
}
.team_witr .icon-list-item > .icon-list-text, .team_witr .icon-list-item > a {
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    transition: color 0.3s;
    align-self: center;
    padding-left: 5px;
}
.team_witr .witr_btn {
    border-radius: 0;
    margin-top: 30px;
}
/* ===== Team Area CSS ===== */
.lb_team_area2 {
    padding: 100px 0 90px;
}
.lb_team_area2 .witr_section_title_inner h3 span{
	color:#009dc8;
}
.lb_team_area2 .witr_section_title {
    margin-bottom: 50px;
}
.team-part {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 5px 4px 0 rgba(0,0,0,.05);
    transition:.5s: ;
    margin-bottom: 30px;
}
.witr_team_section {
    position: relative;
    text-align: center;
}
.witr_team_section:before {
    position: absolute;
    opacity: 0;
    transition: .5s;
}
.team-sec:before, .witr_team_section:before {
    height: 100%;
    top: 0;
    width: 100%;
    content: "";
    left: 0;
	background: #009dc86b;
}
.witr_team_section img{
	 width:100%;
 }
.team_overlay_icon a {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    font-size: 22px;
    opacity: 0;
    width: 52px;
    height: 52px;
    line-height: 52px;
    border-radius: 50%;
    background: #009dc8;
    color: #fff;
}
.witr_team_content {
    padding: 23px 5px;
}
.post_team_content h5, .witr_team_content h5 {
    margin: 0;
}
.witr_team_content span {
    font-size: 18px;
    color: #009dc8;
}
.witr_team_section:hover .team_overlay_icon a, .witr_team_section:hover:before {
	opacity:1;
}
/* ===== Team Area CSS ===== */
.lb_team_area3 {
    padding: 0 0 98px;
}
.lb_team_area3 .witr_section_title_inner h3 span{
	color:#009dc8;
	font-weight:700;
}
.lb_team_area3 .witr_section_title {
    margin-bottom: 50px;
}
.witr_team_part {
    overflow: hidden;
    position: relative;
    padding-bottom: 23px;
}
.witr_team_thumb4{
	position:relative;
}
.witr_team_thumb4:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    right: -100%;
    top: 0;
    transition: 1s;
    background: #009dc8ad;
}
.witr_team_thumb4 img{
	width:100%;
}
.witr_team_top {
    border-radius: 5px;
    position: absolute;
    top: -200px;
    right: -7px;
    transform: translate(-50%,-50%);
    transition: 1s;
    background: #fff;
}
.witr_team_top ul li a {
    margin: 12px 13px;
    transition: 1s;
    display: block;
    color: #3CC88F;
}
.witr_bottom_icon {
    position: absolute;
    top: 50%;
    right: 9px;
    transform: translate(-50%,-50%);
    transition: 1s;
    z-index: 1;
}
.witr_bottom_icon a {
    width: 45px;
    height: 45px;
    line-height: 36px;
    display: block;
    text-align: center;
    border-radius: 50%;
    transition: .5s;
    border: 5px solid #e6ebf8;
    background: #fff;
    color: #009dc8;
}
.witr_team_content4 {
    position: relative;
    border-radius: 5px;
    padding: 15px 30px 13px;
    margin: -58px 20px 0;
    box-shadow: 0 0 30px 0 rgba(42,67,113,.15);
    text-align: left;
    background: #fff;
}
.witr_team_content4 h5 {
    margin-bottom: 5px;
}
.witr_team_content4 span{
    color: #626262;
    font-size: 17px;
}
.team_line_right, .witr_team_part:hover .witr_team_thumb4:before {
    right: 0;
}
.witr_team_part:hover .witr_bottom_icon {
    top: 90%;
}
.witr_team_part:hover .witr_team_top {
    top: 100px;
}
.witr_team_top ul li a:hover {
    color: #ff8400;
}
.witr_bottom_icon a:hover{
	background:#009dc8;
	color:#fff;
}
/* ===== 9. Work Hours Area CSS ===== */
.lb_workh_area {
    padding: 120px 0 0 0;
}
.work_left {
    background: #13C3B5;
    padding: 10px;
    border-radius: 10px;
}
.departmentList {
    position: relative;
    padding: 73px 30px 65px;
    border-radius: 10px;
    background-size: cover;
    text-align: left;
    background: #004971;
}
.departmentList h3 a {
    font-size: 30px;
	color:#fff;
}
.departmentList h3 {
    margin-bottom: 22px;
}
.departmentList ul li a, .departmentList ul li span {
    font-size: 18px;
    display: block;
    padding: 8px 7px;
    margin-bottom: 1px;
    color: #fff;
    border-style: dashed;
    border-width: 0px 0px 1px 0px;
}
.departmentList .discover_more {
    color: #fff;
    background-color: #13C3B5;
    border-radius: 5px;
    margin: 50px 0 0 0;
    padding: 10px 20px 10px 20px;
    display: inline-block;
}
/* ===== 10. Portfolio Area CSS ===== */
.lb_port_area .witr_section_title {
    margin-bottom: 20px;
}
.witr_pslide3 .witr_single_pslide {
    margin-bottom: 100px;
    overflow: hidden;
}
.witr_single_pslide {
    position: relative;
    overflow: hidden;
}
.witr_pslide_image{
    overflow: hidden;
    position: relative;
	width: 100%;
}
.toggle_pslide {
    display: flex;
    align-items: center;
}
.witr_pslide_image::before {
    position: absolute;
    content: '';
    background: #222429;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(0);
    transition: .5s;
    z-index: 1;
    opacity: 0.5;
}
.witr_single_pslide:hover .witr_pslide_image img, .witr_single_pslide:hover .witr_pslide_image:before {
    transform: scale(1.2);
}
.witr_pslide .witr_pslide_custom {
    bottom: auto;
    top: 40%;
    left: 45%;
    right: auto;
    transform: scaleX(0);
    position: absolute;
    z-index: 9;
    transition: .5s;
    text-align: center;
}
.witr_pslide .witr_pslide_custom a span {
    font-size: 40px;
    color: #009dc8;
    transition: .5s;
}
.ps1 .witr_content_pslide_text {
    position: absolute;
    bottom: -100px;
    left: 30px;
    right: 30px;
    transition: .5s;
    opacity: 0;
    z-index: 2;
    text-align: left;
}
.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
    opacity: 1;
    bottom: 30px;
}
.witr_pslide4 .witr_single_pslide:hover .witr_pslide_custom {
    transform: scaleX(1);
    bottom: auto;
}
.witr_content_pslide_text h3 {
    margin-bottom: 0;
}
.witr_content_pslide_text h3 a {
    display: inline-block;
}
.witr_content_pslide_text p {
    margin-bottom: 4px;
}
.all_pslides_color p {
    color: #fff;
    margin-bottom: 4px;
}
.witr_pslide_image img {
    margin-right: auto;
    margin-left: auto;
    transition: .5s;
    width: 100%;
}
.witr_pslide_btnb a {
    color: #009dc8;
    background: #009dc829;
    font-size: 14px;
    border-radius: 100px 100px 100px 100px;
    margin: 19px 0px 0px 0px;
    padding: 10px 20px 10px 20px;
    display: inline-block;
}
.witr_pslide_btnb a:hover {
    color: #fff;
    background: #009dc8;
}
.witr_pslide .witr_single_pslide:hover .witr_pslide_custom {
    bottom: auto;
    transform: scaleX(1);
}
.witr_single_pslide:hover .witr_pslide_custom {
    bottom: -20px; 
}
.witr_content_pslide_text a {
    color: #fff;
    margin-bottom: 5px;
}
.witr_content_pslide_text a:hover{
	color:#009dc8;
}
.witr_pslide4.witr_pslide3 .witr_pslide_custom {
    bottom: auto;
    right: 30px;
    transform: translateX(50%);
    position: absolute;
    z-index: 9;
    transition: .5s;
}
.witr_pslide_custom a span {
    color: #009dc8;
    background: #fff;
    text-align: center;
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    box-shadow: 0 0 65px 0 #00000014;
	transition: .5s;
}
.witr_pslide_custom a span:hover {
    color: #fff;
    background: #003167;
}
/* ===== Portfolio Area CSS ===== */
.lb_port_area {
    padding: 100px 0 90px;
}
.port_witr_cont {
    margin-left: -30px;
}
.positi_3.pprotfolio4 {
    padding: 20px 10px 23px;
    border: none;
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    z-index: 9;
    transition: .5s;
    text-align: center;
}
.single_protfolio:hover .positi_3.pprotfolio4 {
    bottom: 0;
}
.positi_3.pprotfolio4 {
    background: #009dc8;
}
.positi_3 .porttitle_inner4 h3 a, .positi_3 .porttitle_inner4 p span {
    color: #fff;
}
.port_area {
    padding: 90px 0 80px;
    background: #0D1118;
}
.port_witr_cont .witr_section_title {
    margin-bottom: 0;
}
.port_witr_cont .witr_section_title_inner p {
    margin-top: 47px;
}
.portfolio_nav {
    padding: 0 0 30px;
}
.portfolio_nav ul {}
 .portfolio_nav ul li {
    display: inline;
}
.portfolio_nav ul li {
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin: 0;
    padding: 0px 0px 0px 15px;
    position: relative;
    transition: .5s;
    color: #01264A;
}
.prot_wrap {
    overflow: hidden;
}
.single_protfolio {
    margin-bottom: 30px;
}
.prot_thumb {} .prot_thumb img {
    display: block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.single_protfolio:hover .prot_thumb img {
    transform: scale(1.1);
}
.prot_content_inner {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
    transition: .5s;
    text-align: center;
    opacity: 0;
}
.multi_gallery.prot_content {
    height: 90%;
    width: 80%;
    right: 10%;
    top: 5%;
    bottom: 5%;
    left: 10%;
}
.single_protfolio:hover .prot_content {
    opacity: 1;
}
.prot_content h3 {
    margin: 0;
    text-transform: capitalize;
    font-size: 23px;
    margin-bottom: 0;
}
.prot_content h3 a {
    font-size: 23px;
    font-weight: 700;
    text-transform: capitalize;
    transition: .5s;
    color: #fff;
    margin-bottom: 0;
    display: inline-block;
}
.prot_content p {
    line-height: 1.2;
    margin: 5px 0 0;
}
.prot_content p span {
    display: inline-block;
    color: #fff;
}
.single_protfolio:hover .prot_content {
    opacity: 1;
    transform: scale(1, 1);
}
.porttitle_inner span, .porttitle_inner4 span, .prot_content span {
    position: relative;
    margin: 0 2px;
}
.prot_content span:before,
.porttitle_inner4 span:before,
.porttitle_inner span:before {
    bottom: 0;
    content: ",";
    position: absolute;
    right: -5px;
}
.porttitle_inner span:last-child:before,
.prot_content span:last-child:before,
.porttitle_inner4 span:last-child:before {
    content: "";
}
.nospace.col-xs-12 {
    padding: 0px;
}
.nospace .single_protfolio {
    margin-bottom: 0px;
}
/* load button css */
.gallery_load_button {} .gallery_load_button a {
    padding: 7px 15px;
    display: inline-block;
    font-size: 17px;
    margin-top: 0px;
}
.prot_wrap.nospace .gallery_load_button a {
    margin-top: 30px;
}
.prots-contentg p {} 
/*style 1 */
.em_port_content {
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 9;
    left: 0;
    top: -100%;
    width: 100%;   
    transition: .5s;
    text-align: center;
}
.pstyle_1 .porttitle_inner h3 {
    padding-bottom: 0px;
}
.pstyle_1 .prot_content p {
    margin: 2px 0 0;
}
.pstyle_1 .single_protfolio {      
    transition: .5s;
}
.portfolio_readmore_btn {
    padding-top: 23px;
}
.portfolio_readmore_btn > a {
    border-radius: 5px;
    display: inline-block;
    padding: 6px 21px;
    text-transform: uppercase;      
    transition: .3s;
    border: 1px solid transparent;
}
.pstyle_1 .picon a {
    background: #009dc8;
    border-radius: 5px;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0 8px 11px;
    width: 50px;
    transition: .5s;
    color: #fff;
}
.picon a:hover {
    border-color: #191f2d;
    background: #191f2d;
}
.prot_thumb {
    overflow: hidden;
    position: relative;
}
.pprotfolio4 {
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.7);
    padding: 17px 10px 20px;
}
.pprotfolio4 {
    padding: 20px 10px 23px;
}
.porttitle_inner4 h3 {
    margin: 0;
}
.porttitle_inner4 h3 a {
    margin: 0;
}
.porttitle_inner4 p {
    color: #454545;
    line-height: 1;
    margin: 5px 0 0;
}
.porttitle_inner4 p span {
    display: inline-block;
    color: #454545;
}
.portfolio_nav ul li:hover {
    color: #009DC8;
    background: #02010100;
}
.prot_content {
    position: absolute;
    text-align: center;
    transition: .5s;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: #01264A91;
    z-index: 9;
}
.pprotfolio4 {
    box-shadow: 0 10px 16px 0 rgba(0,0,0,.7);
    padding: 20px 10px 23px;
    border: 1px solid #f1f1f1;
    border-top: 0 solid #f1f1f1;
}
.portfolio_nav {
    text-align: center;
}
.page-numbers span.current, .paginations a.current, .paginations a:hover {
    border-color: #009dc8;
	 background: #009dc8;
	 color: #fff;
}
ul.page-numbers a.page-numbers {
    box-shadow: 0 10px 40px 0 rgba(50,65,141,.12);
}
.page-numbers, .tutor-pagination-wrap a, .tutor-pagination-wrap span.page-numbers.current, a.page-numbers {
    border-radius: 5px;
    margin-right: 10px;
    padding: 15px 24px;
    font-size: 19px;
    line-height: 1;
    transition: .5s;
}
.page-numbers span.current, .paginations a {
    display: inline-block;
    font-weight: 500;
    margin: auto 5px;
}
 .paginations a {
    color: #888;
}
.page-numbers li {
    display: inline-block;
}
.paginations {
    text-align: center;
    margin-top: 0;
}
.portfolio_4column_gutter .single_protfolio {
    margin-bottom: 0px;
}
/* port style 3 */
.em_plus_port {
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 99;
}
.single_protfolio:hover .prot_content_inner {
    top: 50%;
    opacity: 1;
}
.picon a {
    border-radius: 5px;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0 3px 11px;
    width: 50px;
    text-align: center;
    color: #fff;
    background: #009dc8;
}
.picon a:hover {
    border-color: #171717;
    background: #171717;
}
/* style 1 */
.em_port_content {
    height: 100%;
    width: 100%;     
}
.pstyle_1 .porttitle_inner h3 {
    padding-bottom: 0px;
}
.pstyle_1 .prot_content p {
    margin: 2px 0 0;
}
.pstyle_1 .single_protfolio {
    transition: .5s;
}
.portfolio_readmore_btn {
    padding-top: 23px;
}
.portfolio_readmore_btn > a {
    border-radius: 5px;
    display: inline-block;
    padding: 6px 21px;
    text-transform: uppercase;   
    transition: .3s;
    border: 1px solid transparent;
}
.portfolio_grid_area .portfolio_nav {
    padding: 0px 0 30px;
}
/* ===== Portfolio Area CSS ===== */
.pstyle2.pstyle3 .prot_content_inner {
    left: 3000px;
    position: absolute;
    top: 60%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
    padding: 15px 0 20px 20px;
    transition: .5s;
}
.pstyle2.pstyle3 .prot_content_inner {
    text-align: left;
}
.pstyle2.pstyle3 .single_protfolio:hover .prot_content_inner {
    left: 75%;
}
.pstyle2 .single_protfolio:hover .prot_content_inner {
    top: 50%;
    opacity: 1;
}
/* portfolio grid area css */
.port_style02 .pstyle2 .prot_content_inner {
    left: 50%;
    position: absolute;
    top: 60%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
}
.port_style02 .prot_content h3 a {
    font-size: 23px;
    font-weight: 700;
    text-transform: capitalize;
    transition: .5s;
    color: #fff;
    margin-bottom: 0px;
    display: inline-block;
}
.port_style02 .picon a:hover {
    border-color: #0a0a0a;
    background: #0a0a0a;
}
.port_style02 .single_protfolio {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.port_style02 .prot_content h3 a:hover {
    color: #009dc8;
}
.portfolio_style2 .port_style02 .pstyle_1 .prot_content_inner {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
}
.portfolio_style2 .prot_content {
    position: absolute;
    text-align: center;
    transition: .5s;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 9;
}
.portfolio_style2.pstyle2 .single_protfolio:hover .prot_content_inner {
    top: 50%;
    opacity: 1;
    left: 50%;
    right: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.portfolio_style2 .prot_content h3 a {
    margin-bottom: 0;
}
.portfolio_style2 .single_protfolio:hover .prot_content {
    opacity: 1;
    transform: scale(1,1);
}
.portfolio_style2 .prot_content h3 a:hover {
    color: #009dc8;
}
.glr_2clmn {
    background: 0 0;
}
.glr_2clmn .portfolio_nav ul li:hover, .glr_2clmn .portfolio_nav ul li.current_menu_item {
    color: #fff;
    background: #009dc8 none repeat scroll 0% 0;
    border-color: #009dc8;
}
.glr_2clmn .portfolio_nav ul li {
    border: 1px solid #f3eaea;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin: 0 5px 10px;
    padding: 10px 20px;
    position: relative;
    transition: .5s;
    color: #595959;
}
.glr_2clmn .portfolio_nav {
    text-align: center;
    padding: 0 0 30px;
    margin: 0;
}
.glr_2clmn .witr_section_title_inner h3 {
    color: #303030;
}
.glr_2clmn .pstyle_1 .single_protfolio {
    margin-bottom: 30px;
}
.p3clmn .prot_content_inner {
    top: 60%;
    transition: all .3s ease-in-out .3s;
    opacity:0;
}
.p3clmn .prot_content {
    transition: .5s;
    opacity: 0;
	background:#009dc880;
}
.p3clmn .pstyle_1 .picon a {
    border-radius: 30px;
}
.p3clmn .picon a:hover{
    border-color: #01264a;
    background: #01264a;
}
.p3clmn .prot_content h3 a:hover {
    color: #01264A;
}
/* recent project css */
.labotor-blog-area.labotor-blog-single.single-blog-details {
    padding: 120px 0 95px;
}
.portfolio-details-box h2 {
    font-size: 25px;
}
.prots-contentg ul {
    display: inline-block;
    margin-bottom: 20px;
}
.portfolio-details-box ul li, .right_popupmenu_area .witr_sub_table {
    border-bottom: 1px solid #ddd;
}
.portfolio-details-box ul li {
    padding-top: 15px;
    padding-bottom: 10px;
    list-style: none;
}
.portfolio-details-box ul li b {
    font-size: 18px;
    font-weight: 600;
}
.portfolio-details-box ul li span.eright {
    font-weight: 400;
    font-size: 16px;
    margin-left: 5px;
}
.labotor-blog-social {
    margin-bottom: 25px;
    margin-top: 25px;
}
.labotor-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: #009dc8;
}
.labotor-single-icon a:hover {
    background: #009dc8;
    color: #fff;
}
.pr-title h2 {
    margin-top: 15px;
    margin-bottom: 15px;
}
/* ===== Video Area CSS ===== */
.video-overlay {
    padding: 70px 0 50px;
}
.video-item a {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    font-size: 28px;
    border-radius: 100%;
    background: #009dc8;
}
.tx_svd_icon {
    line-height: 75px;
    animation: 1s linear infinite witr-shadow;
}
@keyframes witr-shadow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    }
    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    }
}
.video-item i {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.video-item h3 {
    font-size: 30px;
    margin-top: 35px;
	color:#fff;
}
/* ===== Video Area CSS ===== */
@keyframes witr_squares{
     0%{
        transform:scale(1);
        opacity:0
    }
     20%{
        transform:scale(1.24);
        opacity:1
    }
     100%{
        transform:scale(2.1);
        opacity:0
    }
}
.socil_page_video {
    padding: 0 0 130px 0;
}
.witr_youtube_video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -99;
}
.witr_youtube_video iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.video_page_area .witr_swiper_height {
    z-index: -1;
}
.bvideo_page_area{
	position:relative;
}
.video_page_area .witr_swiper_content h1, .video_page_area .witr_swiper_content h2, .video_page_area .witr_swiper_content h3, .video_page_area .witr_swiper_content p, .video_page_area .witr_flow_text h5{
    color:#fff;
	z-index:999;
}
.video_page_area .witr_swiper_content_icon a i {
    color: #fff;
    background: #C0131300;
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F5F5F563;
}
.video_page_area .witr_swiper_content_icon a i:hover {
    color: #fff;
    background: #009dc8;
}
.video_page_area .witr_swiper_content {
    top: 55%;
    background: 0 0;
}
.video_page_area .witr_swiper_content p {
    width: 36%;
}
/* ===== 11. Work Area CSS ===== */
.lb_work_area {
    background-image: url("../image/work-bg.jpg");
    background-position: center center;
    background-size: cover;
    padding: 90px 0 290px 0;
}
.lb_work_area .witr_section_title_inner h2 {
    color: #fff;
}
.lb_work_area .witr_section_title_inner h3 {
    color: #fff;
}
.lb_work_area .sub-item {
    position: relative;
    padding: 20px 0;
    transition: .5s;
	margin-bottom:30px
}
.witr_feature_13 .sub-item:before {
    position: absolute;
    content: "";
    top: 75px;
    left: 0;
    width: 110%;
    height: 3px;
    transition: .5s;
    opacity: 0;
}
.witr_feature_13.sub-border-2 .sub-item span {
    top: 15px;
    left: 67%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    border-radius: 50px;
    transform: translateX(-50%);
	background:#01264a;
}
.lb_work_area .sub-border-2 .sub-item span {
    right: 11%;
    z-index: 999;
    transition: .5s;
    font-weight: 700;
    position: absolute;
    color: #fff;
}
.lb_work_area .all_feature_color i {
    color: #009DC8;
    background: #fff;
    font-size: 35px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    position: relative;
    display: inline-block;
    border-radius: 50%;
	transition:.5s;
}
.lb_work_area .sub-item h3 {
	color: #fff;
	transition: .5s;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
.lb_work_area .sub-border-2 .sub-item p{
    padding: 0;
	color:#fff;
}
.lb_work_area .all_feature_color:hover span{
    color: #01264A;
	background:#fff;
}
.lb_work_area .all_feature_color:hover i {
    color: #fff;
    background: #01264A;
}
/* ===== 12. Testimonial Area CSS ===== */
.lb_test_area {
    padding: 70px 0 70px;
}
.witr_testi_itemt {
    padding: 0 10px;
}
.em_single_testimonial {
	margin-bottom: 30px;
	transition: .5s;
	padding: 37px 30px 26px;
	margin-top: 20px;
	box-shadow: 0 0 10px 0 rgb(240 241 243);
	overflow: hidden;
	position: relative;
	text-align: left;
	background: #fff;
	background-image: url(../picture/about-evm.png);
}
.em_single_testimonial2 {
	margin-bottom: 30px;
	transition: .5s;
	padding: 37px 50px 50px;
	margin-top: 20px;
	box-shadow: 0 0 10px 0 rgb(240 241 243);
	overflow: hidden;
	position: relative;
	text-align: left;
	background: #fff;
	background-image: url(../picture/about-evm.png);
}
.em_single_testimonial3 {
	margin-bottom: 30px;
	transition: .5s;
	padding: 37px 50px 50px;
	margin-top: 20px;
	box-shadow: 0 0 10px 0 rgb(240 241 243);
	overflow: hidden;
	position: relative;
	text-align: left;
	background: #fff;
	background-image: url(../picture/about-evm2.png);
}
.test-part {
    margin-bottom: 10px;
}
.test-part ul li {
    padding-top: 0;
}
.all_color_testimonial i {
    font-size: 25px;
    color: #009dc8;
}
.em_testi_content {
	position: relative;
	text-align: center;
}
.em_testi_text {
    overflow: hidden;
    padding-top: 15px;
    float: none;
    text-align: left;
}
.em_testi_text2 {
    overflow: hidden;
    padding-top: 15px;
    float: none;
    text-align: left;
	color:#fff;
	shadow:#333;
}
.em_test_thumb {
    float: right;
    margin-right: 20px;
}
.em_test_thumb2 {
    float: right;
    margin-right: 20px;
}
.em_test_thumb img {
    display: initial!important;
    border-radius: 50%;
    width: 60px;
}
.em_testi_title span {
    display: block;
    margin-top: 5px;
    font-size: 16px;
    font-weight: 400;
    color: #009dc8;
	
}
.em_testi_logo {
    position: absolute;
    right: 22%;
    bottom: 55px;
}
.em_single_testimonial:hover {
    box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
}
.ab_page_test {
    padding: 100px 0 95px;
}
.test_page_test {
    padding: 100px 0 90px;
}
.ser_page_test {
    padding: 0px 0 95px;
}
/* ===== Testimonial Area CSS ===== */
.testimonial_area3 {
    padding: 0px 0 110px;
}
.testimonial_area3 .slick-slide {
    padding-top: 0;
}
.testimonial_area3 .witr_section_title_inner.text-center p {
    width: 71%;
    margin-right: auto;
    margin-left: auto;
	padding:0;
}
.testimonial_area3 .witr_section_title {
    margin-bottom: 35px;
}
.single_2p_testimonial {
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 8%);
    background: #fff;
    padding: 30px 20px;
	text-align:left;
}
.top_single_testi {
    padding: 50px 25px;
    margin: 10px 0;
}
.two_sec_flex,
.img_text_part_dflex,
.two_part_dflex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.img_text_part_dflex{
    justify-content: flex-start;	
}
.title_and_sub h6{
	font-size:18px;
    color: #009dc8;	
}
.mash_and_icon h5{
	font-size:16px;
	margin-bottom: 2px;	
}
.two_part_img {
    margin-right: 15px;
}
.title_and_sub{}
.title_and_sub h6{
	margin:0;
}
.bottom_single_testi{
    cursor: pointer;
}
.testomonial_2part .slick-slide.slick-current.slick-active .bottom_single_testi{
     background: #009dc8;
}
.slick-current .bottom_single_testi.all_color_testimonial i, .bottom_single_testi.slick-current .bottom_single_testi.all_color_testimonial p, .slick-current .bottom_single_testi.all_color_testimonial h2,.slick-current .bottom_single_testi.all_color_testimonial h5, .slick-current .bottom_single_testi.all_color_testimonial h6, .slick-current .bottom_single_testi.all_color_testimonial span{
     color:#fff;
}
.testimonial_area3 .em_crating i {
    color: #009dc8;
    font-size: 18px;
}
/* ===== 13. Brand Area CSS ===== */
.lb_brand_area {
    background: #01264A;
    padding: 45px 0 60px 0;
}
.lb_brand_area .slide_items {
    text-align: center;
}
/* ===== 14. Pricing Area CSS ===== */
.lb_pric_area {
    margin-top: -242px;
    margin-bottom: 0;
    padding: 0 0 70px;
}
.lb_pric_area .witr_section_title {
    margin-bottom: 50px;
}
.lb_pric_area .witr_section_title_inner h2 {
    color: #fff;
    padding: 0 0 10px 0;
}
.lb_pric_area .witr_section_title_inner h3 {
    color: #fff;
}
.pricing_area {
    background: #F3F3F3;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    margin-bottom: 30px;
}
.pricing-part {
    position: relative;
    overflow: hidden;
	text-align:left;
}
.pricing_top_box {
    position: relative;
    padding: 45px 25px;
    border-radius: 0;
    clip-path: polygon(0 0%,100% 0,100% 63%,0% 100%);
    background-color: #01264A;
}
.pricing_topb_zindex {
    position: relative;
    z-index: 1;
}
.pricing-part h4 {
    font-size: 22px;
    display: block;
    color: #fff;
}
.pricing_style_6.pricing-part h4, .pricing_top_box .prt_content {
    padding: 0;
}
.top_by_bottom {
    padding-top: 10px;
}
.pricing-part h5 {
    font-size: 35px;
    color: #fff;
}
.pricing_style_6.pricing-part h5, .pricing_style_6.pricing-part h6 {
    display: inline-block;
}
.pricing-part span {
    font-size: 24px;
    margin-right: 5px;
}
.pricing_style_6 .witr_pricing_icon {
    position: relative;
    top: -85px;
    left: 230px;
}
.pricing_style_6 .witr_pricing_icon i {
    padding-top: 0;
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    background: #fff;
    text-align: center;
    border-radius: 100%;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
    font-size: 40px;
    color: #009dc8;
}
.pricing_style_6 .witri_texti_list {
    margin-top: -40px;
}
.pricing-part ul {
    padding: 0 30px;
}
.witri_texti_list ul li {
    list-style: none;
    font-size: 17px;
    margin-bottom: 17px;
}
.witri_texti_list ul li i {
    margin-right: 10px;
}
.pricing_style_6 .witr_btnp_color {
    padding-top: 30px;
    padding-bottom: 0;
}
.pricing-part a.btn {
    padding: 17px 30px;
    display: block;
    border: 1px solid #009dc8;
    background: #009dc8;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    border-radius: 0;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.pricing-part a.btn:hover {
    background: 0 0;
	color:#009dc8;
}
.midle_pric{
	margin:-75px 0 0 0;
}
.midle_pric .pricing_top_box {
    background: #666666;
    border-radius: 0;
}
.midle_pric .witr_btnp_color a.btn {
    background: #666666;
    border-style: none;
    border-radius:0;
}
.midle_pric .witr_btnp_color a.btn:hover {
    color: #fff;
    background: #01264A;
}
.last_pric{
	margin:-150px 0 0 0;
}
.ab_page_pric {
    margin-top: 0;
    padding: 0;
}
.ab_page_pric .midle_pric {
    margin: 0;
}
.ab_page_pric .last_pric {
    margin: 0;
}
.ab_page_pric .witr_section_title_inner h2 {
    color: #009dc8;
}
.ab_page_pric .witr_section_title_inner h3 {
    color: #030925;
}
.ab_page_pric {
    margin-top: 0;
    padding: 0 0 90px;
}
.pric_page_pric {
    padding: 100px 0 90px;
}
/* ===== 15. Skill Area CSS ===== */
.lb_skill_area {
    padding: 0 0 95px;
}
.social-icon {
	background:#3b5998;
	border-radius:10px;
    font-size:25px;
    line-height:25px;
    width:25px;
    height:25px;
}
.lb_skill_area .grid-item i {
    font-size: 25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 10%;
    display: inline-block;
    background: #3b5998;
    color: #fff;
    text-align: center;
	transition:.5s;
	cursor:pointer;
}
.lb_skill_area .grid-item i:hover{
	transform: scale(0.9);
	opacity:.9
}
.icon_bg2 i{
	background:#1da1f2;
}
.icon_bg3 i{
	background:#cd201f;
}
.social_icons {
    text-align: center;
    margin: -27px 0 0 0;
}
ul.icon-list-items {
    margin-top: 22px;
}
.heading-title {
    font-size: 40px;
	margin-bottom:15px;
}
.text_editor {
    color: #13C3B5;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
.prog_inner .heading-title {
    font-size: 30px;
}
.text-editor3 {
    margin-bottom: 15px;
}
.skill_witr {
    margin: 50px 45px 0 0;
}
.skill_left {
    margin: 50px 48px 0px 0px;
}
/* skill css */
.witr_single_progress {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}
.witr_title2 .witr_label {
    font-size: 17px;
    font-weight: 700;
    color: #272727;
    display: inline-block;
    margin-bottom: 7px;
}
.progress {
    height: 7px;
    border-radius: 10px 10px 10px 10px;
    box-shadow: none;
    overflow: visible;
    display: flex;
    font-size: .75rem;
    background-color: #e9ecef;
}
.witr_progress-style2 .progress-bar {
    position: relative;
    text-align: left;
    line-height: 4px;
    border-radius: 10px 10px 10px 10px;
    box-shadow: none;
    background: #009dc8;
}
.witr_progress-style2 .witr_percent {
    position: absolute;
    right: 0;
    font-weight: 700;
    font-size: 16px;
    top: -19px;
    color: #272727;
}
.skill_btm_cont {
    display: flex;
    justify-content: space-between;
    margin-right: 110px;
}
li.icon-list-item {
    margin-bottom: 9px;
}
.icon-list-icon {
    padding-right: 5px;
}
.icon-list-icon i {
    color: #009dc8;
    transition: color 0.3s;
    font-size: 16px;
	width: 1.25em;
}
.icon-list-icon+.icon-list-text {
    align-self: center;
    padding-left: 5px;
    font-size: 16px;
    font-weight: 700;
}
ul.icon-list-items.mr_left {
    margin-right: 26px;
}
/* ===== 16. Faq Area CSS ===== */
.lb_faq_area {
    padding: 120px 0 90px;
}
.faq_img {
    margin-bottom: 30px;
    margin-right: -10px;
}
.accordion_area .card-2 {
    border-radius: 5px;
    margin-bottom: 22px;
    border: 1px solid #ddd;
}
.accordion_area .card-header.witr_ac_card {
    background: 0 0!important;
    padding: 0;
    border-bottom: 0;
    text-align: left;
}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.witr_ac_style, .witr_ac_style::before {
    font-weight: 600;
}
.witr_ac_style {
    display: flex;
    align-items: center;
    padding: 11px 25px;
    transition: .5s;
    color: #222429;
}
.witr_ac_style:before {
    position: absolute;
    content: '\ea99';
    right: 30px;
    font-family: IcoFont!important;
    font-weight: 400;
}
.active .witr_ac_style:before {
    content: '\eaa1';
}
.witr_ac_style, .witr_ac_style::before {
    font-size: 17px;
}
.accordion_area .card-2 p {
    padding: 17px 20px 0 25px;
}
.active .witr_ac_style, .witr_ac_style:hover{
	background:#009dc8;
	color:#fff;
}
/* ===== 17. Blog Area CSS ===== */
.lb_blog_area {
    padding: 100px 0 90px 0;
}
.busi_singleBlog {
    transition: .5s;
    box-shadow: 0 5px 10px 0 rgba(50,65,141,.07);
    position: relative;
    overflow: hidden;
    background: #fff;
    margin-bottom: 30px;
}
.labotor-blog-thumb_adn, .witr_sb_thumb {
    overflow: hidden;
    position: relative;
}
.witr_sb6_thumb:before, .witr_sb_thumb:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(0);
    transition: .5s;
    z-index: 1;
    background: rgba(0,0,0,.1);
}
.witr_sb6_thumb img, .witr_sb_thumb img {
    width: 100%;
    transition: .5s;
}


.witr_sb_thumb2 {
    overflow: hidden;
    position: relative;
}
.witr_sb_thumb2:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(0);
    transition: .5s;
    z-index: 1;
    background: rgba(0,0,0,.5);
}
.witr_sb_thumb2 img {
    width: 90%;
    transition: .5s;
	
}

.witr_top_category {
    position: absolute;
    right: 10px;
    bottom: 0;
    z-index: 999;
}
.witr_top_category ul li a {
    padding: 10px 25px;
    border-radius: 5px;
    margin: 0 10px 10px 0;
    display: inline-block;
	background:#009dc8;
	color:#fff;
}
.witr_blog_area12 .witr_blog_con {
    padding: 20px 15px 12px 25px;
    margin-bottom: 0;
}
.witr_blog_con span {
    line-height: 26px;
    font-size: 16px;
    margin-bottom: 15px;
    margin-right: 2px;
    color: #888;
}
.wblog-content span i, .witr_blog_con span i, .witr_blog_con6 span i {
    padding-right: 5px;
    padding-left: 5px;
    transition: .5s;
    color: #009dc8;
}
.witr_blog_con h2 {
    margin: 15px 0 0;
    color: #222429;
}
.wblog-content>a, .witr_blog_con h2 a, .witr_blog_con6 h2 a, .witr_blog_con6 h5 a, .witr_top_category ul li {
    display: inline-block;
}
.all_blog_color p {
    padding: 10px 0 0 0;
}
.learn_btn {
    border-radius: 30px;
    display: inline-block;
    padding: 8px 5px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #009dc8;
}
.busi_singleBlog:hover {
    box-shadow: 0 0 4px 0 rgba(0,0,0,.05);
}
.busi_singleBlog:hover .witr_sb_thumb img, .busi_singleBlog:hover .witr_sb_thumb:before, .witr_singleBlog:hover .witr_sb6_thumb img, .witr_singleBlog:hover .witr_sb6_thumb:before {
    transform: scale(1.2);
}
/* ===== Blog Area CSS ===== */
.witr-blog-side-area.blog_sidebar {
    padding: 100px 0px 100px;
}
.blog-left-side > div {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 15px;
    box-shadow: 0 0 5px 0 rgba(148, 146, 245, 0.2);
}
.blog-left-side > div:last-child {
    margin-bottom: 0;
}
.blog-left-side h2 {
    margin-bottom: 10px;
    text-transform: uppercase;
}
.blog-left-side .content {
    padding: 0;
}
.blog-left-side .push-bottom-large {
    margin-bottom: 0;
}
.blog-left-side > div:last-child {
    margin-bottom: 0;
}
.blog-left-side > aside:last-child {
    margin-bottom: 0 !important;
}
.blog-left-side .nav .children li a:hover,
.blog-left-side .sub-menu li a:hover {
    background: 0 0;
    color: #18c8ff;
}
.defaultsearch {
    background: #f7f7f7;
    position: relative;
}
.defaultsearch input {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 0 none;
    height: 54px;
    position: relative;
    width: 100%;
}
.defaultsearch button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #858585;
    font-size: 18px;
    padding: 1px 15px;
    position: absolute;
    right: 0;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
}
.defaultsearch input[type="text"] {
    padding-left: 10px;
}
.blog-left-side .widget h2 {
    bottom: -1px;
    display: block;
    line-height: 17px;
    margin-bottom: 10px;
    padding-bottom: 14px;
    position: relative;
    text-transform: capitalize;
    color: #303030;
}
.blog-left-side2 .widget h2 {
	font-size: 28px;
    bottom: -1px;
    display: block;
    line-height: 17px;
    margin-bottom: 10px;
    padding-bottom: 0px;
    position: relative;
    text-transform: capitalize;
    color: #303030;
}
.blog-left-side .widget h2::before {
    background: #009dc8;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0px;
    position: absolute;
    width: 100%;
    top: 30px;
}
.blog-left-side2 .widget h2::before {
    background: #009dc8;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0px;
    position: absolute;
    width: 100%;
    top: 35px;
}
.em-blog-content-area {
    padding: 20px 15px 0;
    overflow: hidden;
}
.footer-middle .widget h5 {
    text-transform: capitalize;
}
.blog-left-side .widget ul {
    list-style: none;
}
.blog-left-side .widget ul li {
    margin: 0 0 5px;
    padding-left: 20px;
    position: relative;
}
.blog-left-side .widget>ul>li:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.12);
}
.blog-left-side .widget ul li span {
    font-weight: 300;
}
.blog-left-side .widget ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
	
}
.blog-left-side > .widget > ul > li {
    margin: 0 0 10px;
    padding-bottom: 10px;
}

.blog-left-side > .widget > ul > li a {
    margin: 0 0 10px;
    padding-bottom: 10px;
	font-weight: bold;
}

.blog-left-side .widget ul li a:hover, .blog-left-side .widget ul li:hover::before {
	color: #009dc8;
	font-weight: bold;
}
.blog-left-side .widget ul li::before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 18px;
    left: 0;
    position: absolute;
	
}
.blog-left-side .widget select {
    width: 100%;
    height: 40px;
    background: #fff;
    border: 1px solid #ddd;
    padding-left: 5px;
}
.labotor-blog-meta-left i {
    color: #009dc8;
}
.labotor-blog-meta-left i {
    font-size: 13px;
    margin-right: 5px;
}
.labotor-blog-meta-left {
    margin-bottom: 10px;
    margin-top: 5px;
}
.recent-post-text h4 a:hover {
    color: #009dc8;
}
.recent-post-item {
    padding-bottom:0;
}
.recent-post-text h4 {
    margin-bottom: 0;
    line-height: 1;
}
.labotor-blog-meta-left a, .labotor-blog-meta-left span {
    color: #888;
}
.widget .screen-reader-text {
    display: none;
}
.textwidget select {
    width: 100%;
}
#wp-calendar {
    width: 100%;
}
.tagcloud a {
    display: inline-block;
    font-size: 14px !important;
    margin: 0 8px 10px 0;
    padding: 7px 15px;
    text-align: center;
    font-weight: 400;
    border: 1px solid #ddd;
    text-transform: capitalize;
}
.r-post-content h3 a:hover,
.r-post-content h3:hover,
.tagcloud a:hover,
.widget_archive ul li a:hover,
.widget_archive ul li:hover:before,
.widget_categories ul li a:hover,
.widget_categories ul li:hover:before {
    color: #DB2D2E;
}
.tagcloud a:hover {
    background: #DB2D2E;
    color: #fff;
}
#wp-calendar caption {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: left;
    text-transform: uppercase;
}
#wp-calendar {
    font-size: 13px;
}
#wp-calendar {
    border: 0 solid #e5e5e5;
    margin-bottom: 20px;
    overflow: auto;
    vertical-align: top;
    width: 100%;
    margin: 0;
}
table#wp-calendar td {
    border: 1px solid #e5e5e5;
    padding: 5px 10px;
    text-align: center;
    vertical-align: top;
    font-size: 14px;
}
#wp-calendar td,
#wp-calendar th {
    padding: 8px;
}
table#wp-calendar th {
    border: 1px solid #e5e5e5;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}
table#wp-calendar td#today {
    color: #fff;
    background-color: #009dc8;
}
table#wp-calendar td#today a {
    color: #fff;
}
.textwidget img {
    margin-bottom: 15px;
}
.textwidget p {
    margin-bottom: 0.5rem;
}
.labotor-blog-thumb img {
    width: 100%;
	transition:.5s;
}
.witr-blog-side-area .imagess_area .slick-slide img {
    display: inline-block;
    margin: auto;
    width: 100%;
}
.witr-blog-side-area.blog_sidebar .labotor-single-blog {
	margin-bottom: 30px;
	box-shadow: none;
	border-bottom: 1px solid #e7e7e7;
	background: transparent;
	margin-top: 50px;
}
.labotor-single-blog {
    overflow: hidden;
    text-align: left;
    transition: all .3s ease-in-out 0s;
}
.labotor-blog-thumb {
    overflow: hidden;
}
.single_blog_thumb img {
    width: 100%;
}
.labotor-blog-thumb a {
    display: block;
    position: relative;
}
.labotor-blog-thumb a:before {
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index: 999;
    transition: .5s;
}
.labotor-blog-thumb a:before {
    background: rgba(0,0,0,.7);
}
.labotor-blog-thumb img {
    width: 100%;
}

.labotor-blog-thumb2 {
	overflow: hidden;
}
.labotor-blog-thumb2 img {
    width: 100%;
}
.labotor-blog-thumb2 a {
    display: block;
    position: relative;
}
.labotor-blog-thumb2 a:before {
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index: 999;
    transition: .5s;
}
.labotor-blog-thumb2 a:before {
    background: rgba(0,0,0,.7);
}
.labotor-blog-thumb2 img {
    width: 100%;
	transition:.5s;
}


.labotor_blog_area .em-blog-content-area {
    padding: 20px 15px 0;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgb(148 146 245 / 20%);
}
.labotor-blog-meta.post_blog h2 a {
    font-weight: 700;
    transition: .5s;
    color: #303030;
}
.labotor-blog-meta-left {
    margin-bottom: 10px;
    margin-top: 5px;
}
.labotor-blog-meta-left a, .labotor-blog-meta-left span {
    color: #888888;
    font-size: 16px;
    margin-right: 5px;
    margin-bottom: 0;
    display: inline-block;
}
.labotor-blog-meta-left i {
    color: #009dc8;
    margin-right: 5px;
    font-size: 13px;
}
.labotor-blog-meta-left a, .labotor-blog-meta-left span {
    color: #888;
}
.em-blog-content-area .witr_btn {
    background: #009dc8;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    padding: 10px 30px;
    text-align: center;
    position: relative;
    margin-right: 20px;
    z-index: 2;
    transition: 1s;
    font-weight: 400;
    margin-bottom: 20px;
}
.labotor-single-blog:hover .labotor-blog-thumb a:before {
    opacity: 1;
}
.labotor-single-blog:hover .labotor-blog-thumb img {
    transform: scale(1.1);
}
.em-blog-content-area .witr_btn:hover {
    background: #323232;
    color: #fff;
}
.video-open-inline iframe {
    width: 100%;
    height: 400px;
    border: none;
}
.witr-blog-side-area.blog_sidebar .markit-single-blog {
    margin-bottom: 30px;
    box-shadow: none;
    border-bottom: 1px solid #e7e7e7;
    background: transparent;
}
.witr-blog-side-area blockquote {
    background-color: #f7f7f7;
    border-left: 3px solid  #009dc8;
    padding: 1em 1em;
    margin-top: 15px;
}
blockquote {
    margin: 0 0 30px;
    font-size: 17px;
    font-weight: 400;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 7%);
}
.blog-left-side .widget a {
    color: #454545;
}
.blog-left-side>div {
    margin-bottom: 30px;
    padding: 35px 30px 35px;
    border-radius: 8px;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
}

.blog-left-side2>div {
	margin-bottom: 0px;
	border-radius: 8px;
	box-shadow: 0 0 80px rgb(0 0 0 / 7%);
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}
.recent-post-text h4 a {
    font-size: 16px;
    font-weight: 700;
}
.recent-post-text .rcomment {
    font-size: 14px;
}
.widget_recent_data .recent-post-image img {
    margin-bottom: 0;
    margin-top: 8px;
}
.widget_recent_data .recent-post-item {
    margin-bottom: 0;
}
.blog-left-side .single-widget-item h2 {
    color: #030925;
}
/* ===== single blog css ===== */
.witr-blog-side-area.blog_area.single_blog.single_blog_page {
    padding: 100px 0 70px;
}
.labotor-single-blog-details-inner {
    padding: 38px 45px 45px;
    box-shadow: 0 3px 19px rgb(0 0 0 / 8%);
    border-radius: 0 0 10px 10px;
}
.block .wp-block-quote.is-large p, .block .wp-block-quote.is-style-large p {
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.6;
    color: #5c727d;
}
.labotor-single-blog-title h2 {
    color: #303030;
}
.commment_title h3 {
    color: #303030;
}
.wp-block-group__inner-container {
    text-align: center;
}
.labotor-single-icon-inner {
    text-align: center;
}
.labotor-single-icon-inner a {
    border: 1px solid #e6e6e6;
    color: #17161a;
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 41px;
    margin: 0 9px 0 0;
    text-align: center;
    width: 40px;
    border-radius: 5px;
}
.labotor-single-icon-inner a:hover {
    background: #009dc8;
    border-color: #009dc8;
    color: #fff;
}
.comment-respond {
    border: 1px solid #ddd;
    margin-bottom: 30px;
    padding: 25px 10px 30px;
    background-color: #f1f1f1;
}
.comment_field .input-field {
    width: 33.33%;
    float: left;
    margin-bottom: 25px;
}
.comment_field .input-field label, .comment_field .textarea-field label {
    color: #606060;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 500;
}
.comment_field .input-field label, .comment_field .textarea-field label {
    color: #606060;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 500;
}
.comment_field .input-field input, .comment_field .textarea-field textarea {
    color: #555555;
}
.comment_field .input-field input {
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 6px 20px;
    height: 54px;
    font-size: 17px;
}
.comment_field .textarea-field textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    height: 150px;
    padding: 10px;
}
.comment_field .input-field input, .comment_field .textarea-field textarea {
    color: #555555;
}
.labotor_btn {
    background: transparent;
    border: 1px solid #ddd;
    display: inline-block;
    text-align: center;
    padding: 12px 20px;
    margin-top: 15px;
    border-radius: 5px;
    transition: .5s;
    color: #444;
}
.labotor_btn:hover {
    background: #009dc8;
    border-color:#009dc8;
    color:#fff;
}
/* end sidebar css */
/* ===== 18. Footer Area CSS ===== */
.witrfm_area{
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../image/footer-bg.jpg');
    background-size: cover;/* contain */
	position: relative;
}
.witrfm_area:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
.footer-middle {
    padding: 170px 0 75px;
}
.footer-middle .widget h2 {
    margin-bottom: 26px;
    margin-top: 28px;
    position: relative;
}
.single-widget-item h2 {
    margin-bottom: 33px;
    margin-top: 28px;
}
.labotor-description-area a img {
    margin: 26px 0;
}
.gallery-item {
    display: inline-block;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    margin: 0;
    float: left;
}
.recent-portfolio-image {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.gallery-icon img {
    margin: 0 auto;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-2 .gallery-item {
    max-width: 43%;
}
.footer-middle .recent-post-text h4 a {
    font-weight: 500;
    font-size: 18px;
}
.footer-middle .recent-post-text>h4 {
    margin-bottom: 0;
    font-weight: 400;
    line-height: .7;
    margin-top: 10px;
}
.recent-post-image {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}
.recent-post-image img {
    border-radius: 0;
    width: 70px;
}
.recent-post-item {
    clear: both;
    margin-bottom: 15px;
}
.footer-sociala-icon {
    clear: both;
    float: left;
    font-size: 18px;
    margin-right: 12px;
}
.footer-sociala-icon {
    clear: both;
    float: left;
    font-size: 18px;
    margin-right: 12px;
}
.footer-sociala-info {
    overflow: hidden;
}
.recent-portfolio {
    margin-bottom: 10px;
    margin-right: 10px;
}
.footer-middle .recent-post-text>h4 a:hover {
    color: #009dc8;
}
.footer-middle .recent-post-text .rcomment {
    font-size: 16px;
    font-weight: 400;
}
.footer-middle .widget ul li {
    margin-bottom: 10px;
}
.footer-widget.address p {
    margin-bottom: 10px;
}
.footer-middle .widget ul li a:hover, .footer-middle .widget ul li:hover:before {
    color: #009dc8;
}
.footer-middle .widget ul li span {
    display: block;
}
.labotor-deslabotoription-area a img {
    margin: 26px 0;
}
.labotor-description-area .social-icons a {
    display: inline-block;
    border-radius: 30px;
    margin-right: 10px;
    margin-bottom: 5px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    background: #5c8aa7;
    color: #fff;
}
.labotor-description-area .social-icons a:hover {
    background: #009dc8;
}
.footer-middle .widget h2 {
    color: #ffffff;
}
.witr_sub_table {
    border-bottom: 1px solid #ffffff8c;
}
.witr_sub_table {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.witr_sub_table span {
	color:#fff;
}
.footer-middle .widget ul li, .footer-middle .widget ul li a, .footer-middle .widget ul li::before, .footer-middle .tagcloud a, .footer-middle caption, .footer-middle table, .footer-middle table td a, .footer-middle cite, .footer-middle .rssSummary, .footer-middle span.rss-date, .footer-middle span.comment-author-link, .footer-middle .textwidget p, .footer-middle .widget .screen-reader-text, mc4wp-form-fields p, .mc4wp-form-fields, .footer-m-address p, .footer-m-address, .footer-widget.address, .footer-widget.address p, .mc4wp-form-fields p, .labotor-description-area p, .labotor-description-area .phone a, .labotor-description-area .social-icons a, .recent-review-content h3, .recent-review-content h3 a, .recent-review-content p, .footer-middle .labotor-description-area p, .footer-middle .recent-post-text h4 a, .footer-middle .recent-post-text .rcomment, .witr_sub_table span {
    color: #ffffff;
}
/* footer bottom area css */
.footer-bottom {
    padding: 23px 0 22px;
    position: relative;
    background: #22516891;
}
.footer-bottom:before {
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    width: 61%;
    left: 0;
    right: 0;
    margin: auto;
}
.copy-right-text p {
    margin: 0;
    padding: 0;
}
.copy-right-text p, .footer-menu ul li a {
    color: #fff;
}
.footer-menu ul li {
    display: inline-block;
}
.footer-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-menu ul li a {
    padding: 0 10px;
    display: block;
}
.copy-right-text a, .footer-menu ul li a:hover {
    color: #151515;
}
.footer-menu ul li a {
    padding: 0 10px;
    display: block;
    color: #fff;
}
.footer-menu ul li:last-child a, .witr_h_h13 .col-md-12 {
    padding-right: 0;
}
.copy-right-text a:hover, .footer-menu ul li a:hover {
    color: #009dc8;
}
/* slabotoroll up css */
#scrollUp {
    bottom: 30px;
    font-size: 30px;
    height: 40px;
    line-height: 45px;
    right: 100px;
    text-align: center;
    border-radius: 5px;
    width: 40px;
    background: #009dc8;
}
#scrollUp i {
    color: #fff;
}
/* slick slide css */
.slick-dots li button {
    font-size: 0;
    width: 18px;
    height: 18px;
    border: 0 solid #F0F0F0;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 100%;
    padding: 0;
    transition: .5s;
    outline: 0;
    background: #009dc85c;
}
.slick-dots li.slick-active button {
    background: #009dc8;
}
.slick-dots li {
    display: inline-block;
}
.slick-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -72px;
    display: inline-block;
    z-index: 11;
    text-align: center;
}
/* slick prev slick next css */
/*======== slick ========*/
.slick-prev, .slick-next {
    font-size: 0;
    position: absolute;
    display: block;
    padding: 0;
    cursor: pointer;
    color: #fff;
    outline: none;
    z-index: 9;
    opacity: 0;
    border-radius: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    width: 55px;
    height: 55px;
    line-height: 55px;
    top: 50%;
    transform: translate(0px, -50%);
    transition: .5s;
    border: 0px solid #17161a;
    background: #009dc8;
}
.slick-prev {
    left: -65px;
}
 .slick-next {
     right: -65px;
}
.slick-next:before, .slick-prev:before {
    color: #fff;
    font-size: 40px;
    transition: all .3s ease 0s;
    content: "\ea93";
    font-family: IcoFont!important;
    line-height: inherit;
    opacity: 1;
}
.slick-next:before {
    content: "\ea94";
    font-family: IcoFont!important;
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    background: #01264a;
}
.slick-prev:hover:before, .slick-next:hover:before {
    color: #fff;
}
button:focus {
    outline: 0;
}
.lb_brand_area:hover .slick-prev, .lb_brand_area:hover .slick-next {
    opacity:1;
}
/*===== 19. Breadcumb Area CSS =====*/
 .breadcumb-inner h2 {
    font-size: 36px;
}
.breadcumb-area {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    background-position: center center;
    background-image: url("../image/breadkum-img.jpg");
}
.breadcumb-area-about {
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
	background-position: center center;
	background-image: url(../image/topic_bg_about.jpg);
}
.breadcumb-area-bus {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    background-position: center center;
    background-image: url("../image/topic_bg_bus.jpg");
}
.breadcumb-area-ser {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    background-position: center center;
    background-image: url("../image/topic_bg_ser.jpg");
}
.breadcumb-area-pms {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    background-position: center center;
    background-image: url("../image/topic_bg_qua.jpg");
}
.breadcumb-area-con {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    background-position: center center;
    background-image: url("../image/topic_bg_con.jpg");
}
.breadcumb-area:before, .breadcumb-blog-area:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
}
.breadcumb-inner ul, .breadcumb-inner ul span a, .breadcumb-inner li, .breadcumb-inner li a {
    color: #fff;
}
.breadcumb-inner li {
    display: inline-block;
    margin: 0;
}
.breadcumb-inner li:nth-last-child(-n+1) {
    color: #fff;
}
.breadcumb-inner li a {
    color: #fff;
}
.breadcumb-inner li a:hover {
    color: #009dc8;
}
.brpt h2 {
    font-size: 30px;
    color: #fff;
}
 .lcase {
     text-transform: lowercase;
}
 .ucase {
     text-transform: uppercase;
}
.ccase {
     text-transform: capitalize;
}
/* ===== 20. Call Area CSS ===== */
.witr_shortcode_inner {
    padding: 60px 30px 47px;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: -100px;
    background: #009dc8;
    position: relative;
    z-index: 999;
}
.shortcode_content h2 {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
}
.shortcode_content p{
	color:#fff;
}
.footer-middle .recent-post-item+.recent-post-item, .witr_shortcode_form {
    margin-top: 15px;
}
.mc4wp-form-fields{
	color:#fff;
}
.footer-middle .mc4wp-form-fields p, .mc4wp-form-fields p {
    position: relative;
    line-height: 27px;
    margin-bottom: 22px;
	color:#fff;
}
.mc4wp-form-fields input {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    border-radius: 0;
    border: none;
    outline: 0;
    padding: 15px 30px;
    height: 60px;
    color: #b0afaf;
    background: #fff;
}
.mc4wp-form-fields button {
    width: 30%;
    border-radius: 0;
    border: none;
    outline: 0;
    position: absolute;
    right: -3px;
    top: 0;
    bottom: 0;
    font-size: 30px;
    text-align: center;
    z-index: 2;
    cursor: pointer;
    padding: 10px 15px;
    transition: .5s;
    background: #01264a;
    color: #fff;
}
.mc4wp-form-fields button:hover {
    background: #18406b;
}
/* ===== 21. Contact Area CSS ===== */
.lb_cont_area {
    padding: 120px 0 90px;
}
.apartment_text h1 {
    font-size: 27px;
    margin-bottom: 5px;
    color: #009dc8;
}
.apartment_text h2 {
    margin-bottom: 20px;
    font-size: 19px;
}
.apartment_text h3 {
    font-size: 21px;
	margin-bottom: 15px;
	color: #009dc8;
}
.apartment_area {
    position: relative;
    background-size: cover;
    padding: 60px 35px 60px;
    border-radius: 10px;
    text-align: left;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
    background: #fff;
    margin-bottom: 30px;
    margin-right: -5px;
}
.witr_apartment_form input, .witr_apartment_form form select, textarea {
    padding: 0 0 0 30px;
}
.witr_apartment_form form select, .witr_apartment_form input, .twr_form_box textarea {
    width: 100%;
    height: 45px;
    outline: 0;
    background: #fff;
    color: #888;
    margin-bottom: 15px;
    font-weight: 400;
    border-radius: 5px;
    border: none;
    font-family: inherit;
    font-size: 1rem;
    border: 1px solid #f1f1f1;
}
.twr_form_box textarea {
    height: 150px;
    padding-top: 10px;
    margin-bottom: 10px;
}
.witr_apartment_form .btn {
    border: 0 none;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 30px;
    color: #fff;
    margin-top: 0;
    transition: .5s;
    background: #009dc8;
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
}
.witr_apartment_form .btn:hover {
    background: #02101e;
}
.twr_form_box input:focus, .twr_form_box textarea:focus {
    border-color: #80bdff;
}
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;
}
/* map area css */
.map_inner_area iframe {
    width: 100%;
    
    margin-bottom: -10px;
    border: none;
    margin-left: 10px;
}


.tx_golobal_color{
     background: #009dc8;
}
 .tx_btn_global_color:hover{
     background:#000;
}


.rwd-table {
	background: #fff;
	overflow: hidden;
	margin: 0 auto;
}

.rwd-table tr:nth-of-type(2n){
background: #eee;
}
.rwd-table tr:first-child {
	border-top: #ccc 1px solid;
}

.rwd-table tr:last-child {
	border-bottom: #ccc 1px solid;
}


table.blueTable {
  
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #AAAAAA;
	border-right-color: #FFFFFF;
	border-bottom-color: #AAAAAA;
	border-left-color: #FFFFFF;
	font-size: 12px;
	font-family: "微軟正黑體";
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
}
table.blueTable tbody td {
  font-size: 12px;
}
table.blueTable tr:nth-child(even) {
  background: #D0E4F5;
}
table.blueTable thead {
	font-size: 13px;
	background: #1C6EA4;
	background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
	background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
	background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
	border-bottom: 2px solid #444444;
	color: #FFF;
	text-align: center;
}
table.blueTable thead th {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
}
table.blueTable thead th:first-child {
  border-left: none;
}

table.blueTable tfoot {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  background: #D0E4F5;
  background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  border-top: 2px solid #444444;
}
table.blueTable tfoot td {
  font-size: 12px;
}
table.blueTable tfoot .links {
  text-align: right;
}
table.blueTable tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}