/*
Template Name: CCTV
Author Name: WPEXPERT

*/

/*
Table Of Content

1. Top Menu CSS
2. Menu Area CSS
3. Slider Area CSS
4. Feature Area CSS
5. About Area CSS
6. Brand Area CSS
7. Video Area CSS
8. Service Area CSS
9. Portfolio Area CSS
10. Project Area CSS
11. Team Area CSS
12. Working Process Area CSS
13. Tab Area CSS
14. Testimonial Area CSS
15. Counter Area CSS
16. Contact Area CSS
17. Blog Area CSS
18. Call Action Area CSS
19. Footer Area CSS
20. Pricing Plan Area CSS


*/

@import url('css2.css');

/*theme css*/
a {
    color: #6a6a7c;
    transition: .5s;
}
 a:hover {
     text-decoration: none;
     color:#0c5adb;
}
 body {
	font-family: Mulish,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.6;
    color:#6a6a7c;
}
 p {
     font-style: normal;
}
 h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    font-family: 'Montserrat Alternates',sans-serif;
    font-style: normal;
    line-height: 1.2;
    font-weight: 700;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 22px;
    transition: .5s;
    margin-bottom: 5px;
	color: #091125;
}
 .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;
}
p.form-messege {
    color: #000;
	margin-top:12px;
}
.witr_section_title_inner h1, .witr_section_title_inner h2, .witr_section_title_inner h3 {
    font-size: 36px;
    margin: auto;
    font-weight: 700;
    line-height: 1.4;
}
 .witr_section_title_inner h3 {
    padding: 5px 0 0 0;
}
.witr_section_title_inner h2 {
    font-size: 16px;
    display: inline-block;
    border-radius: 30px;
    margin-bottom: 10px;
    color: #0c5adb;
}
.witr_section_title {
    margin-bottom: 45px;
}
.witr_section_title_inner p {
    width: 100%;
    padding: 10px 0px 0px 0px;
    margin-top: 10px;
}
.witr_all_pd0{
	padding:0;
}
/* ===== 1. Top Menu CSS ===== */
 .em40_header_area_main.hdisplay_none {
     display: none;
}
.poket-header-top {
    background: #0c5adb;
    padding: 10px 150px;
}
 .top-address p {
     margin-bottom: 0;
}
 .top-address p span, .top-address p a {
     margin-right: 20px;
}
 .top-address p span i, .top-address p a i {
     font-size: 13px;
     color: #fff;
     margin-right: 5px;
}
 .top-address p span i:hover, .top-address p a i:hover{

 }
 .top-address p a {
     display: inline-block;
     text-decoration: none;
     -webkit-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}
/* TOP socia CSS */
 .top-right-menu ul.social-icons {
     margin: 0;
     padding: 0;
}
 .top-right-menu ul.social-icons li {
     display: inline-block;
     margin-left: 15px;
     position: relative;
}
 .top-right-menu ul.social-icons li a {
     display: inline-block;
     text-decoration: none;
     -webkit-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     font-size: 15px;
}
 .top-welcomet p span, .top-welcomet p a, .top-welcome p span, .top-welcome p a, .top-welcome p, .top-address p a, .top-right-menu ul.social-icons li a, .top-address p span {
     color: #fff;
     font-size: 15px;
     font-weight: 500;
}
 .top-welcome p a:hover{
     color:#17161a;
}
 .top-right-menu .social-icons li a:hover, .top-right-menu .social-icons li a i:hover {
     color: #17161a;
}
 .top-both-p0 .top-address p a, .top-both-p0 .top-address p span {
     margin-right: 0px;
     margin-left: 12px;
}

/* ===== 2. Menu Area CSS ===== */
.poket_nav_area, .trp_nav_area .container-fluid,
.transprent-menu .poket_nav_area .container-fluid{
    padding-right: 150px;
    padding-left: 150px;
}
.poket_nav_area.prefix, .hbg2 {
    background-color: rgba(0,0,0,0.7);
}
.trp_nav_area {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    transition: .5s;
}
.logo-right,
.logo-left {
    align-items: center;
}
.mobile_menu_logo.text-center {
     padding: 20px 0;
}

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

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

/* MENU text CSS */
 .poket_menu ul {
     text-align: right;
     list-style: none;
}
 .poket_menu > ul > li {
     display: inline-block;
     position: relative;
}
.poket_menu > ul > li > a {
    display: block;
    margin: 38px 20px;
    transition: .5s;
    position: relative;
    font-size: 19px;
    font-weight: 600;
    color: #272727;
    font-family: 'Montserrat Alternates',sans-serif;
}
 .poket_menu > ul > li > a:before, .poket_menu > ul > li.current > a:before {
     background: #ffb600 none repeat scroll 0% 0;
     bottom: -7px;
     content: "";
     height: 2px;
     left: 0;
     margin: auto;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     position: absolute;
     right: 0;
     -webkit-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     width: 15%;
     display:none;
}
 .poket_menu ul li:last-child a {
     margin-right: 15px !important;
}
.poket_menu > ul > li.current > a, .poket_menu > ul > li:hover > a, .creative_header_menu > ul > li:hover > a {
    color: #0c5adb;
    background-color: transparent;
}
 .poket_menu > ul > li:hover > a:before, .poket_menu > ul > li.current > a:before {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

 .transprent-menu .poket_nav_area {
     left: 0;
     right: 0;
     top: 0;
     z-index: 9999;
     background-color: transparent;
     padding: 0;
     transition: .5s;
     position: absolute;
}
 .poket_nav_area.postfix {
     -webkit-transition: .3s;
     transition: .3s;
}
.poket_nav_area.prefix, .hbg2 {
    background-color: rgba(0,0,0,0.7);
}
 .poket_nav_area.prefix .poket_menu > ul > li > a {
     color:#fff;
}
.poket_nav_area.prefix .poket_menu > ul > li.current > a {
    color: #0c5adb;
}
 .search_popup_button, .tx_mmenu_together{
     align-items: center;
     display: flex;
     justify-content: flex-end;
}
 .tx_mmenu_together .donate-btn-header {
     padding: 0;
}
 .prefix .main_menu_header_address_text h3, .prefix .main_menu_header_address_text h4 a, .prefix .main_menu_header_icon i {
     color: #fff;
}

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

.poket_menu ul .sub-menu li:before {
    opacity: 0;
    -webkit-transition: .1s;
    transition: .1s;
    position: absolute;
    top: 50%;
    content: "//";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.poket_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a, .poket_menu ul .sub-menu .sub-menu .sub-menu li:hover>a, .poket_menu ul .sub-menu .sub-menu li:hover>a, .poket_menu ul .sub-menu li:hover:before, .poket_menu ul .sub-menu li:hover>a {
    color: #0c5adb;
}
/* sub menu 2 */
.poket_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}
 .poket_menu ul .sub-menu li:hover > .sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
}
/* sub menu 3 */
 .poket_menu ul .sub-menu .sub-menu li {
     position: relative;
}
 .poket_menu ul .sub-menu .sub-menu .sub-menu {
     right: 100%;
     left: auto;
     top: 130%;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
}
 .poket_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
}
/* sub menu 4 */
 .poket_menu ul .sub-menu .sub-menu .sub-menu li {
     position: relative;
}
 .poket_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
}

/* has menu icon */
.poket-main-menu .menu-item-has-children > a:after {
    margin-left: 8px;
    content: "\f107";
    font-family: FontAwesome !important;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    font-size: 13px;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    font-weight: 600;
}
 .poket-main-menu .menu-item-has-children .menu-item-has-children> a:after {
     margin-left: 8px;
     content: "\f107";
}

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

.em-quearys-inner {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 10000;
    -webkit-transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), background .3s 0s cubic-bezier(0.32, 0, 0, 1), -webkit-transform .3s .15s cubic-bezier(0.32, 0, 0, 1);
    transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), background .3s 0s cubic-bezier(0.32, 0, 0, 1), -webkit-transform .3s .15s cubic-bezier(0.32, 0, 0, 1);
    transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), transform .3s .15s cubic-bezier(0.32, 0, 0, 1), background .3s 0s cubic-bezier(0.32, 0, 0, 1);
    transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), transform .3s .15s cubic-bezier(0.32, 0, 0, 1), background .3s 0s cubic-bezier(0.32, 0, 0, 1), -webkit-transform .3s .15s cubic-bezier(0.32, 0, 0, 1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -150%;
    background: rgba(0, 0, 0, 0);
}
.em-s-open {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0;
    background: #000000e6 !important;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.em-quearys-form {
    width: 100%;
    max-width: 895px;
    margin: auto;
    padding: 30px 0;
}
.top-form-control {
    position: relative;
}
.top-form-control input {
    background: transparent;
    color: #fff;
    font-size: 50px;
    font-weight: 500;
    height: 100px;
    padding: 0 40px 0 15px;
    width: 100%;
    border: none;
    -webkit-transition: 1s;
    -webkit-transition: .5s;
    transition: .5s;
    border-bottom: 3px solid #fff;
}
.top-form-control input::placeholder{
	color:#fff;
}
textarea, input {
    outline: none;
}
.top-form-control button.top-quearys-style {
    position: absolute;
    right: 6px;
    top: 50%;
    background: transparent;
    font-size: 45px;
    border: none;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.main-search-menu .em-header-quearys .em-quearys-menu i {
    background: 0;
    height: auto!important;
    width: auto!important;
    line-height: inherit!important;
    font-size: 20px;
    margin-left: 15px;
    color: #030925;
    cursor: pointer;
}
.poket_nav_area.prefix .main-search-menu .em-header-quearys .em-quearys-menu i{
    color: #fff;
}

.mrt10{
	margin-top:10px;
}
.em-quearys-menu i {
    background: #0c5adb;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
}

.main_menu_address_a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    position: relative;
}
.main_menu_address_a::before {
    background: #fbfbfb40;
}
.main_menu_address_a:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 107px;
    left: 0;
}
.main_menu_header_icon {
    margin-left: 25px;
    margin-right: 10px;
}
.main_menu_header_icon i {
    color: #14b1bb;
	font-size: 30px;
}
.main_menu_header_address_text h3, .main_menu_header_address_text h4 a {
    margin: 0;
    font-weight: 600;
	font-size: 18px;
	
}
.main_menu_header_address_text h3{
	color: #14b1bb;
}
.main_menu_header_address_text h4 {
    margin-bottom: 0;
    color: #030925;
}

/* mobile-menu  */
.mobile-menu {
    display: none !important;
}
.mobile_logo_area {
    display: none !important;
}
.mobile_menu_logo.text-center {
    padding: 20px 0;
}
 .mean-container .mean-bar {
     padding: 0;
}
 .main_menu_div {
     position: relative;
}
.mean-container .mean-bar {
    float: none;
    background: #0c5adb;
    overflow: hidden;
}
/* menu button */
a.dtbtn {
    border: none;
    display: block;
    font-size: 16px;
    margin-left: 20px;
    font-weight: 700;
    border-radius: 5px;
    padding: 13px 25px;
    background: #0c5adb;
    color: #fff;
}
 a.dtbtn:hover {
    background: #000;
}
 /* End Menu Area CSS */
/* ===== 3. Slider Area CSS ===== */
 .witr_slick_height {
    height: 960px;
}
 .witr_ds_content {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	overflow:hidden;
	position: relative;
    z-index: 1;
}
.witr_ds_content:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: -1;
}
.witr_ds_content_inner {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.witr_slick_content h2 {
    color: #fff;
    letter-spacing: 3.3px;
}
.text-left .witr_ds_content_inner h1, .text-left .witr_ds_content_inner h2, .text-left .witr_ds_content_inner h3, .text-left .witr_slicks_title h4 {
    width: 55%;
    margin: 0 auto 7px 0 !important;
    color: #fff;
	letter-spacing: 3.3px;
}

 .witr_containers {
    margin: auto;
    width: 63%; 
}
.witr_ds_content_inner h2, .witr_ds_content_inner h3 {
    font-size: 70px;
    line-height: 1.3;
}
.witr_ds_content_inner p {
    font-weight: 500;
    font-size: 24px;
    width: 62%;
    margin: 14px auto 15px 0;
    color: #fff;
	letter-spacing: .6px;
    padding: 10px 0;
}
/* button css */
.slider_btn {
    margin-top: 42px;
}
.witr_btn{
    border-radius: 5px;
    display: inline-block;
    font-size: 17px;
    padding: 18px 40px;
    text-align: center;
    position: relative;
    margin-right: 15px;
    z-index: 2;
    font-family: "Montserrat Alternates",Sans-serif;
    transition: 1s;
    font-weight: 700;
	background:#fff;
	color:#000;
}
.witr_ds_content_area .witr_btn:hover {
    background-color: #0c5adb;
	color:#fff;
}
 .witr_btn.active {
    color: #fff;
    background-color: #02010100;
    border:1px solid #fff;
}
.witr_btn.active:hover {
    background: #0c5adb;
    border-color: #0c5adb;
}
/* slider video button */
.witr_video_btn {
    font-size: 18px;
    font-weight: 500;
}
.witr_video_btn i {
    position: relative;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 20px;
	color: #0c5adb;
}
.witr_video_btn i:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: witr_squares 1.5s ease-in-out infinite;
    animation: witr_squares 1.5s ease-in-out infinite;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
	background:#fff;
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 0; 
    left: 0;
    top: 0;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background: no-repeat 50%;
	color:#fff;
	transition:.5s;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 30px;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    padding: 30px;
	background: #fff;
}
.swiper-button-next:hover, .swiper-button-prev:hover, .witr_ds_content_inner h1 span, .witr_ds_content_inner h2 span, .witr_ds_content_inner h3 span {
    color: #0c5adb;
}
/* ===== 4. Feature Area CSS ===== */
.cctv_feature_area {
	padding: 0 200px;
    z-index: 1;
    position: relative;
}
.feature_inner {
    background: #fff;
    margin: -120px 0 0;
    padding: 95px 162px 10px;
    border-radius: 10px;
}
.sub-border-2 {
    padding: 40px 30px 20px;
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0px 0px 68px 0px rgba(4.000000000000006, 49.00000000000013, 182, 0.1411764705882353);
    margin-bottom: 20px;
}
.sub-item {
    position: relative;
    padding: 20px 0;
    -webkit-transition: .5s;
    transition: .5s;
}
.sub-border-2 .sub-item span {
    top: 31px;
    left: auto;
    right: 11%;
    z-index: 999;
    -webkit-transition: .5s;
    transition: .5s;
    color: #f4f4f4;
}
.sub-item span {
    position: absolute;
    top: 15px;
    left: 20%;
    font-size: 50px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 700;
    line-height: 1;
}
.sub-item h3 {
    margin: 25px 0 10px;
    padding: 10px 0px 8px 0px;
    transition: .5s;
}
.sub-item p{
	transition: .8s;
}
.sub-border-2:hover .sub-item span {
    font-size: 60px;
}
 .sub-border-2:hover h3, .sub-border-2:hover h3 a, .sub-border-2:hover h2, .sub-border-2:hover p, .sub-border-2:hover i, .sub-border-2:hover .service_list_op a {
    color: #FFFFFF;
}
.sub-border-2:hover i {
    background-color: #3959BE;
}
.sub-border-2:hover .sub-item span {
    font-size: 60px;
	color: #fff;
}
.sub-border-2:hover {
    background: #000;
}
/* ===== Feature Area CSS ===== */
.cctv_installation_feature_area .feature_inner {
    margin-top:0;
}
.cctv_installation_feature_area{
    padding: 0 200px 70px;
}
/* ===== 5. About Area CSS ===== */
.cctv_about_area {
    padding: 100px 0 100px;
}
.about_content_inner {
    padding-left: 20px;
}
.cctv_about_image_inner {
    padding-right: 20px;
}
.cctv_about_area .witr_section_title {
    margin-bottom: 32px;
}
.icon-list-icon i {
    color: #0c5adb;
	font-size:18px;
}
.about_list_inner ul li {
    padding-bottom: 10px;
}
.about_list_inner ul li .icon-list-text {
    font-family: "Mulish",Sans-serif;
    font-size: 16px;
    font-weight: 600;
	align-self: center;
    padding-left: 5px;
}
.about_middle_heading {
    padding-bottom: 12px;
}
.cctv_about_area .witr_btn {
    font-size: 16px;
    background: #0c5adb;
    color: #fff;
    font-family: Mulish,sans-serif;
	margin-top: 22px;
}
.witr_btn:hover {
    background: #000;
	color:#fff;
}
/* ===== 6. Brand Area CSS ===== */
.cctv_brand_area {
    padding: 85px 0px 100px 0px;
    background: #0c5adb;
}
.slide_items {
    text-align: center;
}
.cctv_brand_inner {
    background: #0c5adb;
    padding: 85px 0px 100px 0px;
}
.cctv_installation_brand_area {
    background: 0 0;
    padding: 0;
}
/* ===== 7. Video Area CSS ===== */
.cctv_video_area {
    background-image: url(../image/video-bg-img.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0 150px;
}
.video_left_inner {
    margin-left: 30px;
}
.witr_videobg_image {
    position: relative;
}
.play-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.play-overlay a {
    position: relative;
    display: inline-block;
    width: 75px;
    height: 75px;
    font-size: 23px;
    border-radius: 100%;
}
.play-overlay a, .play-overlay a:before, .title_btn a, .title_in:after, .title_in:before, .video-item a, .video-item a:before, .witr_bar_inner {
    background: #0c5adb;
}
.play-overlay a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: witr_squares 1.5s ease-in-out infinite;
    animation: witr_squares 1.5s ease-in-out infinite;
}
.play-overlay a, .play-overlay a:before, .title_btn a, .title_in:after, .title_in:before, .video-item a, .video-item a:before, .witr_bar_inner {
    background: #fff;
}
.play-overlay i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
 .witr_all_color_v i {
    color: #0c5adb;
}
@keyframes witr_squares{
	0%{-webkit-transform:scale(1);transform:scale(1);opacity:0;-ms-filter: "progid:DXImageTransform.Micctvosoft.Alpha(Opacity=0)"}
	20%{-webkit-transform:scale(1.24);transform:scale(1.24);opacity:1;-ms-filter: "progid:DXImageTransform.Micctvosoft.Alpha(Opacity=100)"}
	100%{-webkit-transform:scale(2.1);transform:scale(2.1);opacity:0;-ms-filter: "progid:DXImageTransform.Micctvosoft.Alpha(Opacity=0)"}
}
.video_right_inner .witr_section_title_inner h2, .video_right_inner .witr_section_title_inner h3{
    color: #fff;
}
.video_right_inner .witr_section_title_inner p {
    color: #fff;
    font-size: 19px;
    width: 100%;
    margin-top: 2px;
}
.video_right_inner .heading-title {
    color: #fff;
    font-family: "Mulish",Sans-serif;
    font-size: 24px;
    font-weight: 700;
}
.video_right_inner  .witr_section_title {
    margin-bottom: 35px;
}
/* ===== 8. Service Area CSS ===== */
.cctv_service_area {
    margin-top: -60px;
    margin-bottom: 0;
    padding: 0 0 30px;
}
.cctv_service_area .em-service2.sleft {
    margin-bottom: 20px;
}
.em-service2.sleft {
    text-align: left;
    padding: 25px 20px 35px 50px;
	box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 6%);
    background-color: #fff;
    border-radius: 10px;
	text-align: left;
}
.service_top_image {
    position: relative;
}
.em-service2 .em-service-inner {
    overflow: hidden;
    width: 100%;
}
.em-service-title h3 {
    padding: 25px 0 0;
    transition: .5s;
    margin-bottom: 8px;
}
.em-service-title h3 a:hover, .width_height_link_0 .em-service-icon i {
    color: #0c5adb;
}
.em-service-title h3 span {
    font-size: 18px;
    font-weight: 600;
}
.em-service-title h3 span, .service-btna a:hover {
    color: #0c5adb;
}
.em-service2.sleft .em-service-icon {
    margin-right: 20px;
    margin-top: 10px;
}
.em-service-icon img {
    margin: 0 40px 0 0;
}
/* ===== Service Area CSS ===== */
.cctv_service_area2 {
    padding: 62px 0 100px;
}
.cctv_service_area2 .witr_section_title {
    margin-bottom: 40px;
}
.em-service {
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,.06);
    padding: 60px 30px 0;
    margin-bottom: 20px;
	border-style: solid;
    border-width: 3px;
    border-color: #fff;
}
.em-service:hover {
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 3;
}
.service-btn {
    top: 25px;
    opacity: 0;
    transition: .5s;
	position: relative;
}
 .service-btn a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 25px;
    background-color: #0c5adb;
    border-radius: 30px;
    padding: 0;
	font-weight:700;
	display:inline-block;
	border: 1px solid #0c5adb;
}
.em-service:hover:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    -webkit-transition: .5s;
    transition: .5s;
}
.em-service:hover:before {
    background: rgba(0,0,0,.7);
}
 .em-service:hover:before, .witr_service_front_3d:before {
    background-color: #000000D9;
}
.em-service:hover .em-service-desc, .em-service:hover .em-service-icon, .em-service:hover .em-service-title h3, .em-service:hover .em-service-title h3 a {
    z-index: 1;
}
.em-service2 .em-service-icon i, .em-service:hover .em-service-desc, .em-service:hover .em-service-icon, .em-service:hover .em-service-title h3, .em-service:hover .em-service-title h3 a, .em-service:hover .service-btn>a {
    color: #fff;
}
.em-service:hover .service-btn {
    opacity: 1;
}
.em-service:hover {
    border-style: solid;
    border-width: 3px;
    border-color: #0c5adb;
	background-image: url(../image/video-img.png);
    background-repeat: no-repeat;
    background-size: cover;
}
 .service-btn a:hover {
    background-color: #000;
    border-style: solid;
    border-color: #000;
}
.cctv_service_area2 .em-service-title h3 {
    margin-bottom: 20px;
}
.cctv_service_page_service {
    padding: 93px 0 100px;
}
.cctv_home_secuirity_service2 {
    padding: 112px 0 100px;
}
/* ===== 9. Portfolio Area CSS ===== */
.cctv_portfolio_bg_area {
    background-color: #0c5460;
}
.cctv_portfolio_bg_area .witr_section_title {
    margin-bottom: 0;
}
.cctv_portfolio_bg_area .witr_section_title_inner h1, .cctv_portfolio_bg_area .witr_section_title_inner h2, .cctv_portfolio_bg_area .witr_section_title_inner h3 {
    color: #fff;
}
.cctv_portfolio_bg_area .witr_section_title_inner p {
    color: #fff;
    font-family: "Montserrat Alternates",Sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.3px;
    width: 100% !important;
    margin-top: 0;
}
 .title_btn a {
    color: #000;
    font-family: "Montserrat Alternates",Sans-serif;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1.3px;
    background-color: #fff;
    border-style: solid;
    border-width: 0;
    border-radius: 5px;
    margin: 70px 0 0;
	padding: 15px 30px;
    display: inline-block;
}
 .title_btn a:hover {
     color: #fff; 
     background-color: #000;
}
/* ===== Portfolio Area CSS ===== */
.cctv_portfolio_area {
    padding: 95px 0px 86px;
}
.cleaner_portfolio_area {
    padding: 100px 0 90px;
}
.witr_single_pslide{
	overflow:hidden;
}
.witr_pslide_image{
	position:relative;
	overflow:hidden;
}
.witr_pslide_image img{
	width:100%;
	transition: 1s;
}
.witr_pslide_image::before{
	position: absolute;
    content: '';
	width:100%;
	height:100%;
    background: #00000080;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(0);
    transition: .5s;
    z-index: 1;
}
.witr_single_pslide:hover .witr_pslide_image::before{
	transform:scale(1.2)
}
.witr_single_pslide:hover .witr_pslide_image img{
	transform:scale(1.2)
}
.witr_pslide_custom a {
    position: absolute;
    top: 40px;
    left: 40px;
    width: 0px;
    height: 80px;
    line-height: 80px;
    border-radius: 5px;
    font-size: 30px;
    background: #fff;
    color: #0c5adb;
    text-align: center;
    z-index: 99;
    opacity: 0;
    transition: .5s;
    display: inline-block;
}
 .witr_single_pslide:hover .witr_pslide_custom a{ 
	width:80px; 
	opacity: 1; 
 } 
.witr_pslide_custom a:hover {
    color:#0c5adb;
    z-index: 999;
    background: #0a0a0a;
}
.witr_content_pslide_text {
    position: absolute;
    bottom: -100px;
    left: 50px;
    right: 30px;
    transition: .5s;
    opacity: 0;
    z-index: 2;
    text-align: left;
}
.witr_single_pslide:hover .witr_content_pslide_text {
    opacity: 1;
    bottom: 20px;
}
.witr_single_pslide:hover .witr_pslide_custom {
    bottom: -30px;
}
.witr_content_pslide_text h3 {
    margin-bottom: 0;
}
.witr_content_pslide_text h3 a{
    color: #fff;
	transition:.5s;
}
.witr_content_pslide_text h3 a:hover {
    color: #0c5adb;
}
.witr_content_pslide_text p {
    color: #fff;
}
.em_portfolio_area .witr_section_title {
    position: relative;
    padding-bottom: 35px;
}
.positi_3.pprotfolio4 {
    padding: 20px 10px 23px;
    border: none;
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    z-index: 9;
    -webkit-transition: .5s;
    transition: .5s;
    text-align: center;
}
.single_protfolio:hover .positi_3.pprotfolio4 {
    bottom: 0;
}
.positi_3.pprotfolio4 {
    background: #0c5adb;
}
.positi_3 .porttitle_inner4 h3 a, .positi_3 .porttitle_inner4 p span {
    color: #fff;
}
.portfolio_nav {
    padding: 0px 0 30px;
}
.portfolio_nav ul {}
 .portfolio_nav ul li {
    display: inline;
}
.portfolio_nav ul li {
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px 10px;
    padding: 10px 20px;
    position: relative;
    transition: .5s;
    border: 1px solid #f3eaea;
}
.prot_wrap {
    overflow: hidden;
}
.single_protfolio {
    position: relative;
    overflow: hidden;
    margin-bottom: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 {
    position: absolute;
    text-align: center;    
    transition: .5s;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 9;
}
.multi_gallery.prot_content {
    height: 90%;
    width: 80%;
    right: 10%;
    top: 5%;
    bottom: 5%;
    left: 10%;
}
.single_protfolio:hover .prot_content {
    opacity: 1;
}
.prot_content h3 {
    margin: 0;
    text-transform: capitalize;
    font-size: 18px;
    margin-bottom: 5px;
}
.prot_content h3 a {
    font-size: 23px;
    font-weight: 700;
    text-transform: capitalize;
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff;
    margin-bottom: 0;
    display: inline-block;
}
.prot_content h3 a:hover {
    color: #0c5adb;
}
.prot_content p {
    line-height: 1.2;
    margin: 5px 0 0;
}
.prot_content p span {
    display: inline-block;
    color: #fff;
}
.single_protfolio:hover .prot_content {
    opacity: 1;
    transform: scale(1, 1);
}
.porttitle_inner span,
.porttitle_inner4 span,
.prot_content span {
    position: relative;
    margin: 0 2px;
}
.prot_content span:before,
.porttitle_inner4 span:before,
.porttitle_inner span:before {
    bottom: 0;
    content: ",";
    position: absolute;
    right: -5px;
}
.porttitle_inner span:last-child:before,
.prot_content span:last-child:before,
.porttitle_inner4 span:last-child:before {
    content: "";
}
.nospace.col-xs-12 {
    padding: 0px;
}
.nospace .single_protfolio {
    margin-bottom: 0px;
}
/* load button css */
.gallery_load_button {} .gallery_load_button a {
    padding: 7px 15px;
    display: inline-block;
    font-size: 17px;
    margin-top: 0px;
}
.prot_wrap.nospace .gallery_load_button a {
    margin-top: 30px;
}
/* single portfolio */
.pimgs img {
    height: 465px;
    width: 100%;
}
.prots-contentg p {} 
/*style 1 */
.em_port_content {
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 9;
    left: 0;
    top: -100%;
    width: 100%;   
    transition: .5s;
    text-align: center;
}
.pstyle_1 .porttitle_inner h3 {
    padding-bottom: 0px;
}
.pstyle_1 .prot_content p {
    margin: 2px 0 0;
}
.pstyle_1 .single_protfolio {   
    -webkit-transition: .5s;   
    transition: .5s;
}
.portfolio_readmore_btn {
    padding-top: 23px;
}
.portfolio_readmore_btn > a {
    border-radius: 5px;
    display: inline-block;
    padding: 6px 21px;
    text-transform: uppercase;   
    -webkit-transition: .3s;   
    transition: .3s;
    border: 1px solid transparent;
}
.pstyle_1 .picon a {
    background: #0c5adb;
    border-radius: 5px;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    margin: 0 8px 11px;
    width: 50px;
    transition: .5s;
    color: #fff;
}
.picon a:hover {
    border-color: #191f2d;
    background: #191f2d;
}
.pstyle4 .prot_thumb {
    overflow: hidden;
    position: relative;
}
.pprotfolio4 {
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.7);
    padding: 17px 10px 20px;
}
.pprotfolio4 {
    padding: 20px 10px 23px;
}
.porttitle_inner4 h3 {
    margin: 0;
}
.porttitle_inner4 h3 a {}
.porttitle_inner4 p {
	margin-bottom: 0;	
}
.porttitle_inner4 p span {
    display: inline-block;
}
.portfolio_nav ul li.current_menu_item, .portfolio_nav ul li:hover {
    border-color: #0c5adb;
	background: #0c5adb;
	color: #fff;
}

.prot_content {
    background: #0c5adb80;
}
.pprotfolio4 {
    box-shadow: 0 10px 16px 0 rgba(0,0,0,.7);
    padding: 30px 10px 30px;
    border: 1px solid #f1f1f1;
    border-top: 0 solid #f1f1f1;
}
.portfolio_nav {
    text-align: center;
}
.page-numbers span.current, .paginations a.current, .paginations a:hover {
    border-color: #0c5adb;
	 background: #0c5adb;
	 color: #fff;
}
ul.page-numbers a.page-numbers {
    box-shadow: 0 10px 40px 0 rgba(50,65,141,.12);
}
.page-numbers, .tutor-pagination-wrap a, .tutor-pagination-wrap span.page-numbers.current, a.page-numbers {
    border-radius: 5px;
    margin-right: 10px;
    padding: 15px 24px;
    font-size: 19px;
    line-height: 1;
    -webkit-transition: .5s;
    transition: .5s;
}
 .paginations a {
    color: #888;
}
.page-numbers li {
    display: inline-block;
}
.paginations {
    text-align: center;
    margin-top: 10px;
}
.portfolio_4column_gutter .single_protfolio {
    margin-bottom: 0px;
}
/* port style 3 */
.em_plus_port {
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 99;
}
.prot_content_inner {
    left: 50%;
    position: absolute;
    top: 54%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    -webkit-transition: all .3s ease-in-out .3s;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
}
 .single_protfolio:hover .prot_content_inner {
    top: 50%;
    opacity: 1;
}
.picon a {
    border-radius: 5px;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0 3px 11px;
    width: 50px;
    text-align: center;
	color:#fff;
}
.picon a:hover {
    border-color: #000;
}
.picon a:hover {
    background-color: #000;
}
/*style 1 */
.em_port_content {
    height: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 9;
    left: 0;
    top: -100%;
    width: 100%;   
    -webkit-transition: .5s;   
    transition: .5s;
    text-align: center;
}
.pstyle_1 .porttitle_inner h3 {
    padding-bottom: 0px;
}
.pstyle_1 .porttitle_inner h3 a {} .pstyle_1 .porttitle_inner p {
}
.pstyle_1 .prot_content p {
    margin: 2px 0 0;
}
.pstyle_1 .single_protfolio {   
    -webkit-transition: .5s;   
    transition: .5s;
}
.portfolio_readmore_btn {
    padding-top: 23px;
}
.portfolio_readmore_btn > a {
    border-radius: 5px;
    display: inline-block;
    padding: 6px 21px;
    text-transform: uppercase;   
    -webkit-transition: .3s;   
    transition: .3s;
    border: 1px solid transparent;
}
.port_3column_area .pstyle_1 .picon a {
    background: transparent;
    border-radius: 5px;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    margin: 0 8px 11px;
    width: 50px;
    -webkit-transition: .5s;
    transition: .5s;
}
.cctv_portfolio_area .witr_button_area {
    margin: 30px auto 0;
}
.cctv_portfolio_area .witr_btn {
    padding: 18px 51px;
}
/* ===== Portfolio Area CSS ===== */
.pstyle2.pstyle3 .prot_content_inner {
    left: 3000px;
    position: absolute;
    top: 60%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    -webkit-transition: all .3s ease-in-out .3s;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
    padding: 15px 0 20px 20px;
    -webkit-transition: .5s;
    transition: .5s;
}
.pstyle2.pstyle3 .prot_content_inner {
    text-align: left;
}
.pstyle2.pstyle3 .prot_content_inner {
    background: #0c5adb;
}
.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: #0c5adb;
}
/* portfolio 3column area css */
.portfolio_3column_area .witr_section_title {
    padding-bottom: 15px;
}
.portfolio_4column .witr_section_title_inner p {
    width: 39%;
}
.portfolio_4column .witr_section_title {
    padding-bottom: 25px;
}
.portfolio_3column_area .single_protfolio {
    margin-bottom: 30px;
}
.port_gutter .single_protfolio {
    margin-bottom: 0;
}
/* ===== 10. Project Area CSS ===== */
.cctv_project_area {
    padding: 30px 0 120px;
}
.witr_single_pslide {
    position: relative;
    overflow: hidden;
}
.witr_pslide_image {
    overflow: hidden;
    position: relative;
}
.witr_pslide_image:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 1;
}
.witr_pslide_image:before {
    background-color: #0c5adb;
    opacity: .92;
}
.witr_pslide_image img {
    margin-right: auto;
    margin-left: auto;
    -webkit-transition: .5s;
    transition: .5s;
    width: 100%;
}
.witr_pslide .witr_pslide_custom {
    bottom: auto;
    top: 30px;
    right: auto;
    left: 30px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.witr_pslide_custom {
    position: absolute;
    bottom: -125px;
    right: -15px;
    z-index: 9;
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_pslide .witr_pslide_custom a span {
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 5px;
    font-size: 30px;
    background: #fff;
    color: #0c5adb;
    display: inline-block;
    text-align: center;
	transition:.5s;
}
.ps1 .witr_content_pslide_text {
    position: absolute;
    bottom: -100px;
    left: 30px;
    right: 30px;
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    z-index: 2;
    text-align: left;
}
.ps1 .witr_content_pslide_text h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.witr_content_pslide_text h3 {
    margin-bottom: 0;
}
.witr_content_pslide_text a {
    display: inline-block;
}
.witr_content_pslide_text p {
    margin-bottom: 4px;
	font-family: "Montserrat Alternates",Sans-serif;
    font-size: 24px;
    font-weight: 800;
}
.ps1 .witr_content_pslide_text a, .ps1 .witr_content_pslide_text p {
    color: #fff;
}
 .witr_content_pslide h3 a, .witr_content_pslide h3 {
    font-size: 16px;
    font-weight: 500;
}
.ps1 .witr_content_pslide_text a:hover {
    color: #0c5adb;
}
.witr_single_pslide:hover .witr_pslide_image img, .witr_single_pslide:hover .witr_pslide_image:before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.witr_pslide .witr_single_pslide:hover .witr_pslide_custom {
    bottom: auto;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
    opacity: 1;
    bottom: 30px;
}
.witr_pslide_custom a span:hover {
    background: #000;
}
.cctv_project_area .witr_pslide_custom a {
    left: 0;
}
/* ===== 11. Team Area CSS ===== */
.cctv_team_area {
    padding: 25px 0 85px;
}
.post_team11_area .team-part {
    overflow: inherit;
    padding-bottom: 40px;
    box-shadow: none;
    border-radius: 5px;
    margin-bottom: 20px;
}
.witr_team_section {
    position: relative;
    text-align: center;
}
.witr_team_section:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_team_section:before {
    background: #0c5adb6b;
}
.post_team11_area .team_o_icons {
    top: auto;
    bottom: -30px;
    left: 0;
    right: 0;
    -webkit-transform: inherit;
    transform: inherit;
    -webkit-transition: .5s;
    transition: .5s;
}
.post_team10_area .team_o_icons {
    position: absolute;
    transition: .5s;
}
.post_team11_area .team_o_icons ul li {
    display: inline-block;
}
.post_team10_area .team_o_icons ul li a {
    width: 55px;
    height: 55px;
    line-height: 55px;
    border: none;
    border-radius: 0;
    margin: 0;
    font-size: 20px;
    border-radius: 100px 100px 100px 100px;
    background: #272727;
    color: #fff;
    display: inline-block;
}
.post_team10_area .team_o_icons ul li a:hover {
    background: #0c5adb;
}
.post_team_p11 {
    position: absolute;
    bottom: -45px;
    left: 15px;
    right: 15px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    padding: 15px 0;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
}
.post_team_p11, .tab_area {
    background: #fff;
}
.witr_team_content span {
    font-size: 18px;
	transition:.5s;
	color: #0c5adb;
}
.post_team11_area .team-part:hover .team_o_icons {
    bottom: 65px;
}
.witr_team_content h5 {
    margin: 0;
}
.team-part:hover .witr_team_section:before {
    opacity: 1;
}
.cctv_team_page_team {
    padding: 92px 0 85px;
}
.cctv_installation_team_area {
    padding: 93px 0 85px;
}
.cctv_soft_dev_team_area {
    padding: 95px 0 85px;
}
/* ===== 12. Working Process Area CSS ===== */
.work_process_left_inner {
    background-image: url(../image/working-img.jpg);
    background-position: center center;
    background-size: cover;
    position: relative;
    padding-top: 660px;
}
.work_process_left_inner .em-service2.sleft {
    text-align: left;
    padding: 35px 20px 37px 50px;
    box-shadow: none;
    background-color: #0c5adb;
    border-radius: 0;
}
.work_process_left_inner .em-service-title h3 {
    padding: 7px 50px 0 0;
    margin-bottom: 0;
    color: #fff;
}
.work_process_left_inner .em-service-icon img {
    margin: 0;
}
.work_process_left_inner .em-service2.sleft .em-service-icon {
    margin-top: 0px;
}
.work_process_left_inner .em-service2 .em-service-inner {
    overflow: hidden;
    width: 62%;
}
.work_process_left_inner .witr_s_flex {
    align-items: center;
}
.work_process_right_inner {
    background-image: url(../image/working-ima2.jpg);
    background-position: center center;
    background-size: cover;
    padding: 110px 350px 58px 60px;
}
.work_process_right_inner .witr_section_title {
    margin-bottom: 35px;
}
.work_process_right_inner .witr_section_title_inner h2, .work_process_right_inner .witr_section_title_inner h3 {
    color: #fff;
}
.work_process_right_inner .witr_section_title_inner p {
    color: #fff;
    width: 100%;
    margin-top: 0;
}
.witr_s_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.work_process_right_inner .em-service2.sleft {
    margin-bottom: 22px;
    padding: 0;
    box-shadow: none;
    background: 0;
	padding: 0 25px 0 0;
}
.work_process_right_inner .em-service-icon i {
    display: inline-block;
    height: 60px;
    width: 60px;
    text-align: center;
    border-radius: 50%;
    line-height: 60px;
    font-size: 25px;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    background: #0c5adb;
}
.work_process_right_inner .em-service2 {
    color: #fff;
}
.work_process_right_inner .em-service2 h3 a{
	color:#fff;
	padding:0;
}
.work_process_right_inner .em-service-title h3 {
    padding: 0px 0 0;
    transition: .5s;
    margin-bottom: 8px;
}
.work_process_right_inner .em-service2 {
    padding: 0 50px 0 0;
}
/* ===== 13. Tab Area CSS ===== */
.cctv_tab_area {
    padding: 95px 0 90px;
}
.witr_adv_tab_area {
    text-align: left;
}
.witr_taba_style1 .nav-tabs {
    border: 0;
    justify-content: space-around;
}
.witr_taba_style1 .nav-tabs .nav-item {
    margin-bottom: 15px;
    text-align: center;
}
 .nav-tabs .nav-link {
    border-style: solid;
    border-width: 1px;
    border-color: #ebebeb;
    padding: 25px 50px 30px 30px;
}
.witr_taba_style1 .nav-tabs .nav-link {
    margin-right: 15px;
    border: 0;
    border-radius: 5px;
    font-size: 17px;
    position: relative;
    box-shadow: 0 0 25px 2px rgba(196,206,213,.2);
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_taba_style1 .nav-tabs span {
    display: block;
    float: left;
    margin: 0 15px;
    float: left;
}
.witr_adv_tab_content {
    margin: 45px 20px 30px 0;
}
 .nav-link strong {
    font-family: "Montserrat Alternates",Sans-serif;
    font-size: 22px;
    font-weight: 700;
    padding: 4px 0 0;
	display:inline-block
}
 .nav-tabs i {
    font-size: 40px;
	position:relative;
}
.witr_taba_style1 .nav-tabs .nav-link {
    color: #0c5adb;
    border: 1px solid #ebebeb;
}
.nav-tabs .nav-link:hover, .witr_taba_style1 .nav-tabs .nav-item.show .nav-link, .witr_taba_style1 .nav-tabs .nav-link.active {
    background: #0c5adb;
}
.nav-tabs .nav-item:hover i, .nav-tabs .nav-link:hover, .witr_icon_adn a, .witr_taba_style1 .nav-tabs .nav-item.show .nav-link, .witr_taba_style1 .nav-tabs .nav-link.active {
    color: #fff;
}
 .nav-tabs .nav-link {
    border-style: solid;
    border-width: 1px;
    border-color: #ebebeb;
}
.cctv_tab_area .play-overlay a, .cctv_tab_area  .play-overlay a:before {
    background: #0c5adb;
}
.cctv_tab_area .witr_all_color_v i {
    color: #fff;
}
.tab_content_inner .witr_section_title_inner h3 {
    font-size: 27px;
    font-weight: 700;
    letter-spacing: 1.5px;
}
.tab_content_inner {
    padding: 0 30px 0 0;
}
.tab_content_inner .witr_section_title {
    margin-bottom: 30px;
}
.tab_content_inner  .heading-title {
    padding: 0px 0 12px;
}
.tab_content_inner .icon-list-icon i {
    font-size: 12px;
}
.tab_content_inner .icon-list-text {
	font-family: "Mulish",Sans-serif;
    font-size: 16px;
    font-weight: 600;
	align-self: center;
    padding-left: 5px;
}
.icon-list-item {
    padding-bottom: 10px;
}
.tab_content_inner .witr_btn {
    background: #0c5adb;
    font-family: Mulish,sans-serif;
    color: #fff;
    margin-top: 35px;
}
.tab_content_inner .witr_btn:hover {
    background: #000;
}
.tab_video_inner {
    padding-left: 30px;
}
.tab_content_inner2 {
    padding: 0 0px 0 35px;
}
.tab_video_inner2 {
    padding-right: 30px;
}
/* ===== 14. Testimonial Area CSS ===== */
.cctv_testimonial_area{
    background-image: url(../image/testi-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	 padding: 92px 0 75px;
	background-attachment: fixed;
}
.cctv_testimonial_area .witr_section_title {
    margin-bottom: 10px;
}
.single_creativeItem {
    text-align: center;
}
.cctv_testimonial_area .guttergs {
    margin-bottom: 23px;
    border: none;
}
.testiCreCon {
    position: relative;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 6%);
    background: #fff;
    border-style: solid;
    border-width: 3px 0 0;
    border-color: #0c5adb;
    border-radius: 0;
    padding: 50px 20px 50px;
    margin-bottom: 35px;
}
.testAuthor h6 {
    margin-bottom: 0;
	font-size: 18px;
}
 .all_color_testimonial span, .execllent_star h3 {
    color: #0c5adb;
    font-size: 16px;
    font-weight: 700;
}
.single_creativeItem {
    text-align: center;
}
.testiCreCon li {
    font-size: 150px;
    color: #dddddd4f;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 64px;
}
.testiCreCon p {
    position: relative;
    margin: 0;
    z-index: 1;
	font-size: 18px;
    font-weight: 400;
    padding: 20px 0 0;
}
.testiCreCon:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -36px;
    border-radius: 15px;
    width: 50px;
    height: 50px;
    background: #fff;
    transform: rotate(45deg) translateX(-50%);
    z-index: -1;
    box-shadow: 0 2px 29px 0 rgb(0 0 0 / 8%);
}
.post_t6 .em_test_thumb {
    float: inherit;
    margin-right: 0;
    margin-bottom: 10px;
}
.em_test_thumb img {
    border-radius: 50%;
    width: 59px;
	 display: initial!important;
}
 .testAuthor {
    color: #0c5adb;
    font-size: 16px;
    font-weight: 700;
}
/* ===== 15. Counter Area CSS ===== */
.cctv_counter_area {
    background: #0c5adb;
    padding: 80px 0 70px;
}
.witr_counter_single {
    text-align: left;
    margin-bottom: 20px;
}
.witr_counter_icon, .witr_custom_icon, .counter_icon, .witr_counter_icon4, .witr_counter_img {
    float: left;
}
.witr_counter_number_inn {
    overflow: hidden;
}
.witr_counter_number_inn h3, .witr_counter_number_inn span {
    font-size: 40px;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0;
}
 .witr_counter_single h3, .witr_counter_single span {
    color: #fff;
}
.witr_counter_number_inn h4 {
    font-size: 22px;
    color: #fff;
    font-family: "Mulish",Sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-top: -6px;
}
.witr_counter_icon i {
    display: inline-block;
	 color: #fff;
    font-size: 40px;
    border-style: default;
    transform: rotate(0deg);
}
.witr_counter_icon i, .witr_counter_img {
    margin: 15px 20px 0 0;
}
.all_counter_color i, .witr_counter_img {
    margin: 25px 20px 0 0;
    display: inline-block;
}
.counter_one .witr_counter_number_inn h3 {
    margin-top: 10px;
    margin-bottom: 7px;
}
/* ===== 16. Contact Area CSS ===== */
.cctv_contact_area {
    background-image: url(../image/contact-bg.png);
    background-position: center center;
    background-size: cover;
    padding: 95px 0 85px;
}   
.cctv_contact_area .witr_section_title_inner h2, .cctv_contact_area .witr_section_title_inner h3{
    color: #fff;
}
.cctv_contact_area .witr_section_title {
    margin-bottom: 50px;
}
.contact_inner {
    padding: 0px 15px 0px 0;
}
.apartment_text h1 {
    font-size: 17px;
    margin-bottom: 5px;
	color:#fff;
}
.apartment_text h2 {
    color: #fff;
    margin: 15px 0 50px;
	font-size:38px;
}
.witr_apartment_form input, .witr_apartment_form form select, .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap a, .wpcf7-form-control-wrap input, .witr_apartment_form textarea {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #3c4353;
    padding: 10px 0px 23px 20px;
    background-color: #FFFFFF00;
}
.contact_area .witr_apartment_form form select, .contact_area .witr_apartment_form input {
    width: 100%;
    height: 45px;
    border-radius: 5px;
    outline: 0;
    margin-bottom: 23px;
    color: #fff;
}
.contact_area .witr_apartment_form input, .contact_area .witr_apartment_form textarea {
    border: 1px solid #DDDDDDC4;
    width: 100%;
    font-size: 17px;
}
.contact_area .witr_apartment_form textarea {
    height: 150px;
    padding-top: 20px;
    padding-left: 30px;
    color: #fff;
}
.contact_area .witr_apartment_form  .btn {
    margin-top: -10px;
    background: #FE688B;
    transition: .5s;
    border-radius: 0px;
}
.contact_area .witr_apartment_form .btn:hover{
    background-color: #14b1bb;;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
}
.contact_area {
    background: #FFFFFF;
    padding: 100px 0px 80px;
}
.witr_apartment_form form select, .witr_apartment_form form select, .witr_apartment_form input {
    width: 100%;
    height: 45px;
    border-radius: 5px;
    outline: none;
    margin-bottom: 20px;
    padding: 0px 20px;
}
.twr_form_box textarea {
    margin-bottom: 25px;
    height: 150px;
    width: 100%;
}
 .witr_apartment_form input, .witr_apartment_form form select, .wpcf7-not-valid-tip, .witr_apartment_form input::-webkit-input-placeholder, .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap input::-webkit-input-placeholder, .wpcf7-form-control-wrap a, .wpcf7-form-control-wrap a::-webkit-input-placeholder, .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap textarea::-webkit-input-placeholder, .wpcf7-submit::-webkit-input-placeholder, .witr_apartment_form form select option {
    color: #fff;
}
.witr_apartment_form textarea{
	color:#fff;
}
.witr_apartment_form textarea::placeholder{
	color:#fff;
}
.witr_apartment_form .btn {
    border: 0 none;
    display: inline-block;
    font-weight: 500;
    padding: 15px 30px;
    background: #0c5adb;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    border-radius: 5px;
    margin: 10x 0 0;
    margin: 10px 0 0;
}
.witr_apartment_form .btn:hover {
    background: #02101e;
}

/* ===== Contact Area CSS ===== */
.map_inner_area iframe {
    border: none;
    width: 100%;
    height: 460px;
}
.cctv_contact_area2 {
    background-image: url(../image/testi-bg.jpg);
    background-position: center center;
    background-size: cover;
    padding: 110px 0 90px;
}
.cctv_contact_area2 .apartment_area {
    box-shadow: 0px 0px 65px 0px rgba(0,0,0,.08);
	position: relative;
    background-size: cover;
    padding: 60px 35px 60px;
    border-radius: 10px;
    text-align: left;
	background:#fff;
}
.cctv_contact_area2 .witr_apartment_form input, .cctv_contact_area2 .witr_apartment_form form select, .cctv_contact_area2 .witr_apartment_form textarea {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #f1f1f1;
    color: #888 !important;
    font-size: 17px;
	margin-bottom:23px;
}
.cctv_contact_area2 .witr_apartment_form input::placeholder, .cctv_contact_area2 .witr_apartment_form form select::placeholder , .cctv_contact_area2 .witr_apartment_form textarea::placeholder{
	color:#888;
}
.cctv_contact_area2 .witr_apartment_form .btn {
    border: 0 none;
    display: inline-block;
    padding: 15px 30px;
    background: #0c5adb;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    margin: 0;
	font-family:inherit;
	width:100%;
}
.cctv_contact_area2 .witr_apartment_form form select option {
	color:#888;
}
.cctv_contact_area2 .twr_form_box textarea {
    margin-bottom: 18px;
}
.cctv_contact_area2 .witr_apartment_form .btn:hover {
    background: #02101e;
}
.contact_content_inner .witr_section_title {
    margin-bottom: 25px;
}
.contact_content_inner .witr_section_title_inner p {
    width: 95%;
    padding: 20px 0px 0px 0px;
}
.contact_content_inner {
    margin-top: 27px;
}
.contact_content_inner .witr_s_flex {
    display: flex;
}
.contact_content_inner .service_top_text {
    display: block;
}
.contact_content_inner .em-service2.sleft .em-service-icon {
    margin-right: 20px;
    margin-top: 10px;
}
.contact_content_inner .all_icon_color i {
	display:inline-block;
	text-align:center;
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
	background: #0c5adb;
	transition:.5s;
}
.contact_content_inner .em-service-title h3 {
	font-size:20px;
}
.contact_content_inner .em-service2.sleft {
    text-align: left;
    padding: 0;
    box-shadow: none;
    background-color: transparent;
    border-radius: 0;
    text-align: left;
    margin-bottom: 25px;
}
.contact_content_inner .all_color_service:hover i{
    background-color: #000;
}
/* ===== 17. Blog Area CSS ===== */
.cctv_blog_area {
    padding: 95px 0 80px;
}
.cctv_blog_area .witr_section_title {
    margin-bottom: 40px;
}
.busi_singleBlog {
    -webkit-transition: .5s;
    transition: .5s;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 6%);
    position: relative;
    overflow: hidden;
    background: #fff;
    margin-bottom: 20px;
	text-align: center;
}
.witr_sb_thumb {
    overflow: hidden;
    position: relative;
}
.witr_sb_thumb:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 1;
}
.witr_sb_thumb:before {
    background: rgba(0,0,0,.5);
}
.witr_sb_thumb img {
    width: 100%;
    -webkit-transition: .5s;
    transition: .5s;
}
.witr_post_meta9 {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
}
.witr_post_meta9 span {
    padding: 3px 10px;
    display: inline-block;
    border-radius: 5px;
	background: #0c5adb;
}
.witr_blog_area10 .learn_btn i, .witr_blog_area10 .learn_btn:hover, .witr_post_meta9 span, .witr_post_meta9 span a, .witr_top_category span ul li a {
    color: #fff;
}
.witr_blog_con {
    padding: 20px 15px 0 25px;
    margin-bottom: 0;
}
 .witr_blog_toptitle h4 {
    color: #0c5adb;
    font-size: 16px;
}
.witr_blog_con h2 {
    margin: 10px 0 0;
}
.witr_blog_con h2 a:hover{
    color:#0c5adb;
}
.learn_btn {
    background-color: #0c5adb;
    border-style: none;
    margin: 20px 0 15px;
    padding: 10px 30px 10px 30px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    color: #fff;
}
.em-blog-content-area_adn {
    padding: 0 10px 16px 20px;
}
.learn_btn:hover {
    background: #000;
	color:#fff;
}
.busi_singleBlog:hover {
    box-shadow: 0 5px 4px 0 rgba(0,0,0,.05);
}
.busi_singleBlog:hover .witr_sb_thumb img, .busi_singleBlog:hover .witr_sb_thumb:before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
/* =============== blog left sidebar css =============== */
.witrfm_area {
    position: relative;
}
/* side bar css */
.witr-blog-side-area.blog_sidebar {
    padding: 100px 0px 100px;
    background: #f9f9f9;
}
.blog-left-side > div {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 15px;
    box-shadow: 0 0 5px 0 rgba(148, 146, 245, 0.2);
}
.blog-left-side > div:last-child {
    margin-bottom: 0;
}
.blog-left-side h2 {
    margin-bottom: 10px;
    text-transform: uppercase;
}
.blog-left-side .content {
    padding: 0;
}
.blog-left-side .push-bottom-large {
    margin-bottom: 0;
}
.blog-left-side > div:last-child {
    margin-bottom: 0;
}
.blog-left-side > aside:last-child {
    margin-bottom: 0 !important;
}
.blog-left-side .nav .children li a:hover,
.blog-left-side .sub-menu li a:hover {
    background: 0 0;
    color: #18c8ff;
}
.defaultsearch {
    background: #f7f7f7;
    position: relative;
}
.defaultsearch input {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 0 none;
    height: 54px;
    position: relative;
    width: 100%;
}
.defaultsearch button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #858585;
    font-size: 18px;
    padding: 1px 15px;
    position: absolute;
    right: 0;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
}
.defaultsearch input[type="text"] {
    padding-left: 10px;
}
.blog-left-side .widget h2 {
    border-bottom: 1px solid #e5e5e5;
    bottom: -1px;
    display: block;
    line-height: 17px;
    margin-bottom: 20px;
    padding-bottom: 14px;
    position: relative;
    text-transform: capitalize;
}
.blog-left-side .widget h2::before {
    background: #0c5adb none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 20px;
    left: -15px;
    position: absolute;
    width: 2px;
    top: -3px;
}
.footer-middle .widget h5 {
    text-transform: capitalize;
}
.blog-left-side .widget ul {
    list-style: none;
}
.blog-left-side .widget ul li {
    margin: 0 0 5px;
    padding-left: 20px;
    position: relative;
}
.blog-left-side .widget ul li span {
    font-weight: 300;
}
.blog-left-side .widget ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}
.blog-left-side > .widget > ul > li {
    margin: 0 0 10px;
    padding-bottom: 10px;
}
.blog-left-side .widget > ul > li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.blog-left-side .widget ul li a:hover,
.blog-left-side .widget ul li:hover::before {
    color: #0c5adb;
}
.blog-left-side .widget ul li::before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 18px;
    left: 0;
    position: absolute;
}
.blog-left-side .widget select {
    width: 100%;
    height: 40px;
    background: #fff;
    border: 1px solid #ddd;
    padding-left: 5px;
}
.widget .screen-reader-text {
    display: none;
}
.textwidget select {
    width: 100%;
}
#wp-calendar {
    width: 100%;
}
.tagcloud a {
    display: inline-block;
    font-size: 14px !important;
    margin: 0 8px 10px 0;
    padding: 7px 15px;
    text-align: center;
    font-weight: 400;
    border: 1px solid #ddd;
    text-transform: capitalize;
}
.r-post-content h3 a:hover,
.r-post-content h3:hover,
.tagcloud a:hover,
.widget_archive ul li a:hover,
.widget_archive ul li:hover:before,
.widget_categories ul li a:hover,
.widget_categories ul li:hover:before {
    color: #0c5adb;
}
.tagcloud a:hover {
    background: #0c5adb;
    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: #0c5adb;
}
table#wp-calendar td#today a {
    color: #fff;
}
.textwidget img {
    margin-bottom: 15px;
}
.textwidget p {
    margin-bottom: 0.5rem;
}
.cctv-blog-thumb img {
    width: 100%;
}
.witr-blog-side-area .imagess_area .slick-slide img {
    display: inline-block;
    margin: auto;
    width: 100%;
}
/* end sidebar css */
/* witr-blog-2side-area */
.witr-blog-side-area.witr-blog-2side {
    padding: 100px 0px 70px;
    background: #f9f9f9;
}
.cctv-single-blog {
    margin-bottom: 30px;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.cctv-blog-thumb {
    overflow: hidden;
}
.cctv-blog-thumb a {
    display: block;
	position: relative;
}
.cctv-blog-thumb a:before {
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,.7);
    opacity: 0;
    z-index: 999;
    transition: .5s;
}
.cctv-single-blog:hover .cctv-blog-thumb a:before {
    opacity: 1;
	transition: .5s;
}
.cctv-single-blog:hover .cctv-blog-thumb img{
	transform:scale(1.1);
}
.cctv-blog-thumb img {
    transition: .5s;
    display: block;
}
.em-blog-content-area {
    padding: 15px 0px 15px;
}
.blog-page-title h2 {
    display: block;
    font-size: 22px;
    margin-bottom: 7px;
    text-transform: capitalize;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.blog-page-title a {
    display: inline-block;
    word-break: break-all;
}
.blog-content {
    word-break: break-word;
}
.cctv-blog-meta.post_blog h2 a {
    font-size: 24px;
	font-weight:700;
	transition:.5s;
}
.cctv-blog-meta.post_blog h2 {
    margin-bottom: 8px;
}
.recent-post-item {
    margin-bottom: 10px;
}
.blog-left-side .widget ul li a, .blog-left-side .widget ul li::before {
    color: #444;
}
.cctv-blog-meta.post_blog h2 a:hover{
	color:#0c5adb;
}
.cctv-single-blog-title h2 {
    padding: 0;
    margin-top: 0;
    margin-bottom: 8px;
}
.cctv-blog-meta-left a, .cctv-blog-meta-left span {
    color: #888888;
    font-size: 16px;
    margin-right: 5px;
	margin-bottom:10px;
	display:inline-block;
}
.cctv-blog-meta-left i {
    color: #0c5adb;
    margin-right: 5px;
}
.blog-content p {
    font-size: 17px;
    padding-top: 0;
}
.em-blog-content-area .witr_btn {
    background: #0c5adb;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    padding: 10px 30px;
    text-align: center;
    position: relative;
    margin-right: 20px;
    z-index: 2;
    transition: 1s;
    font-weight: 400;
	margin-bottom:15px;
}
.em-blog-content-area .witr_btn:hover {
    background: #323232;
    color: #fff;
}
.witr-blog-side-area.blog_sidebar .cctv-single-blog {
    margin-bottom: 30px;
    box-shadow: none;
    border-bottom: 1px solid #e7e7e7;
    background: transparent;
}
blockquote p {
    font-size: 20px;
    position: relative;
	color:##999;
}
.witr-blog-side-area blockquote {
    background-color: #f7f7f7;
    border-left: 3px solid  #0c5adb;
    padding: 1em 1em;
    margin-top: 15px;
}
.recent-post-text h4 {
    margin: 0px;
    line-height: 1;
}
.recent-post-text h4 a {
    color: #17161a;
    font-size: 19px;
    transition: all .3s ease 0s;
}
.blog_sidebar .recent-post-text h4 a {
    color: #454545;
    font-size: 17px;
    font-weight: 600;
}
/* video play css */
.video-open-inline iframe{
	width:100%;
	height:400px;
	border:none;
}
/* =============== End blog left sidebar css =============== */
/* single blog css */
.witr-blog-side-area {
    padding: 100px 0px 100px;
}
.comment-respond {
    border: 1px solid #ddd;
    margin-bottom: 30px;
    padding: 25px 10px 30px;
    background-color: #f1f1f1;
}
.single_blog_page{
	margin-bottom:0px;
}
.comment_field .input-field input, .comment_field .textarea-field textarea {
    color: #555555;
}
.comment_field .input-field input {
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 6px 20px;
    height: 54px;
    font-size: 17px;
}
.comment_field .input-field label, .comment_field .textarea-field label {
    color: #606060;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 500;
}
.comment_field .input-field {
    width: 33.33%;
    float: left;
    margin-bottom: 25px;
}
.comment_field .textarea-field label {
    margin-top: 20px;
    margin-bottom: 10px;
}
.comment_field .textarea-field textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    height: 150px;
    padding: 10px;
}
.cctv_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;
}
.cctv_btn:hover {
    background:#0c5adb;
	border-color:#0c5adb;
	color:#fff;
}
.single_blog_thumb img {
    width: 100%;
    height: 500px;
}
blockquote {
    padding: 25px 32px 25px;
    margin: 0 0 30px;
    font-size: 17px;
    /* border-left: 3px solid #f99a00; */
    font-weight: 400;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 7%);
}
blockquote p {
    font-size: 20px;
    position: relative;
}
.block .wp-block-quote.is-large p, .block .wp-block-quote.is-style-large p {
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.6;
}
.witr-blog-side-area.single_blog  blockquote {
    background-color: #f7f7f7;
    border-left: none;
}
.wp-block-group.block {
    text-align: center;
}
.cctv-single-blog-details-inner {
    padding: 38px 45px 45px;
    box-shadow: 0 3px 19px rgb(0 0 0 / 8%);
    border-radius: 0 0 10px 10px;
}
.cctv-single-icon-inner {
    text-align: center;
}
.cctv-single-icon-inner a {
    border: 1px solid #e6e6e6;
    color: #17161a;
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 41px;
    margin: 0 9px 0 0;
    text-align: center;
    width: 40px;
    border-radius: 5px;
	transition:.5s;
}
.cctv-single-icon-inner a:hover {
    background: #0c5adb ;
    border-color: #0c5adb ;
    color: #fff;
}
.recent-post-image {
    float: left;
    margin-right: 13px;
}
.recent-post-image img {
    width: 75px;
    margin-top: 8px;
}
.recent-post-text h4 a:hover {
    color: #0c5adb;
}
.recent-post-image img {
    margin-top: 0;
}
/* ===== 18. Call Action Area CSS ===== */
.witr_shortcode_area {
    position: relative;
    z-index: 1;
}
.witr_shortcode_inner {
    padding: 29px 30px 23px;
    border-radius: 10px;
    margin-left: 0;
    margin-right: 0;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 7%);
	background: #fff;
	margin-bottom: -75px;
}
.shortcode_content h2 {
    font-size: 22px;
    font-weight: 700;
    padding-top: 15px;
}
.witr_shortcode_form {
    margin-top: 15px;
}
.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, .poket-description-area p, .poket-description-area .phone a, .poket-description-area .social-icons a, .recent-review-content h3, .recent-review-content h3 a, .recent-review-content p, .footer-middle .poket-description-area p, .footer-middle .recent-post-text h4 a, .footer-middle .recent-post-text .rcomment, .witr_sub_table span {
    color: #ffffff;
}
.mc4wp-form-fields p {
    position: relative;
    line-height: 27px;
    margin-bottom: 22px;
}
.mc4wp-form-fields input {
    width: 66%;
    font-size: 16px;
    line-height: 28px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    outline: 0;
    padding: 15px 30px;
	background: #fff;
	color: #b0afaf;
}
.mc4wp-form-fields button {
    width: 30%;
    border-radius: 5px;
    border: none;
    outline: 0;
    position: absolute;
    right: -3px;
    top: 0;
    bottom: 0;
    font-size: 18px;
    text-align: center;
    z-index: 2;
    cursor: pointer;
    padding: 10px 15px;
    -webkit-transition: .5s;
    transition: .5s;
	color: #fff;
	background: #0c5adb;
}
.mc4wp-form-fields button:hover {
    background: #091125;
}
/* ===== 19. Footer Area CSS ===== */
.witrfm_area {
    position: relative;
}
.witrfm_area:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
.witrfm_area:before {
    background-color: rgba(0,80,159,0);
}
.footer-middle {
    background-color: #091125;
    padding: 140px 0 80px;
}
.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 .scctveen-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, .poket-descctviption-area p, .poket-descctviption-area .phone a, .poket-descctviption-area .social-icons a, .recent-review-content h3, .recent-review-content h3 a, .recent-review-content p, .footer-middle .poket-descctviption-area p, .footer-middle .recent-post-text h4 a, .footer-middle .recent-post-text .rcomment, .witr_sub_table span {
    color: #ffffff;
}
.footer-middle .widget h2 {
    color: #ffffff;
}
.footer-middle .widget h2 {
    margin-bottom: 30px;
    margin-top: 28px;
    position: relative;
}
.footer-middle .single-widget-item h2 {
    color: #ffffff;
    margin-bottom: 33px;
    margin-top: 28px;
}
.footer-middle .recent-post-text h4 a {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: -10px;
}
.footer-middle .recent-post-text>h4 {
    margin-bottom: 0;
    font-weight: 400;
    line-height: .7;
    margin-top: 10px;
}
.recent-post-image {
    float: left;
    margin-right: 15px;
    margin-top: 0px;
}
.recent-post-image img {
    border-radius: 50%;
}
.recent-post-item {
    clear: both;
    margin-bottom: 20px;
}
.footer-middle .recent-post-text>h4 a:hover {
    color: #0c5adb;
}
.footer-middle .recent-post-text .rcomment {
    font-size: 16px;
    font-weight: 400;
}
.footer-middle .widget ul li {
    margin-bottom: 15px;
}
.footer-middle .widget ul li a:hover, .footer-middle .widget ul li:hover:before {
    color: #0c5adb;
}
.poket-descctviption-area a img {
    margin: 26px 0;
}
.poket-descctviption-area .social-icons a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    margin-right: 5px;
    margin-bottom: 5px;
    background: #555b69;
}
.poket-descctviption-area .social-icons a:hover {
    background: #0c5adb;
    border-color: #0c5adb;
}
.twr_footer_contact input {
    background: 0 0;
    color: #fff;
    border: 1px solid #fff;
    height: 60px;
    width: 100%;
    padding-left: 30px;
    color: #fff;
    border-radius: 4px;
}
.twr_footer_contact input::placeholder{
	color:#fff;
}
.twr_footer_contact button {
    padding: 15px 30px;
    margin-top: 10px;
    outline: 0;
    border: none;
    background: #0c5adb;
    color: #fff;
}
/* footer bottom area css */
.footer-bottom {
    padding: 26px 0 24px;
    position: relative;
    background-color: #0c5adb;
}
.copy-right-text p {
    margin: 0;
    padding: 0;
}
.copy-right-text p, .footer-menu ul li a {
    color: #ffffff;
}
.footer-menu ul li {
    display: inline-block;
}
.footer-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-menu ul li a {
    padding: 0 10px;
    display: block;
}
.copy-right-text a, .footer-menu ul li a:hover {
    color: #000000;
}
/* scctvoll up css */
#scrollUp {
    bottom: 30px;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    right: 100px;
    text-align: center;
    border-radius: 5px;
    width: 40px;
	background: #0c5adb;
}
#scrollUp i {
    color: #fff;
}
/* slick slide css */
.slick-dots li button {
    font-size: 0;
    width: 30px;
    height: 12px;
    border: 0 solid #0c5adb;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 50px;
    padding: 0;
    -webkit-transition: .5s;
    transition: .5s;
    outline: 0;
    background: #0c5adb5c;
}
 .slick-dots li.slick-active button {
    background-color:#0c5adb;
}
.slick-dots li {
    display: inline-block;
}
.slick-dots {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -54px;
    display: inline-block;
    z-index: 11;
    text-align: center;
}
/* slick prev slick next css */
/*======== slick ========*/
.slick-prev, .slick-next {
    font-size: 0;
    position: absolute;
    display: block;
    padding: 0;
    cursor: pointer;
    color: #fff;
    outline: none;
    background: #ff3d0;
    z-index: 9;
    opacity: 0;
    border-radius: 0px;
    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: #21cdc0;
}
 .slick-prev {
     left: -65px;
}
 .slick-next {
     right: -65px;
}
.simages_id11:hover .slick-prev, .simages_id11:hover .slick-next {
	opacity:1;
}
.witr_ds_content_area .slick-prev, .witr_ds_content_area .slick-next {
	top: 48%;
	opacity:1;
}
.witr_ds_content_area:hover .slick-prev, .witr_ds_content_area:hover .slick-next {
	opacity:1;
}
/*========= BREADCRUMB AREA CSS ============*/
 .breadcumb-blog-area {
     padding: 60px 0 65px;
     background-color: #f7f7f7;
     background-position: center top;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
}
 .breadcumb-inner h2 {
     font-size: 30px;
}
.breadcumb-area {
    background-image: url("../image/slider4.jpg");
    padding: 140px 0px 138px;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
}
 .breadcumb-area:before, .breadcumb-blog-area:before {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     content: "";
}
.breadcumb-area:before, .breadcumb-blog-area:before {
    background: rgba(0,0,0,0.42);
}

.breadcumb-inner ul, .breadcumb-inner ul span a, .breadcumb-inner li, .breadcumb-inner li a {
    color: #ffffff;
    font-display: swap;
}
 .breadcumb-inner ul {
     font-weight: 400;
}
.breadcumb-inner li {
    display: inline-block;
    color: #fff;
    font-weight: 400;
}
.breadcumb-inner li:nth-last-child(-n+1) {
    color: #821F05;
    color: #fff;
    font-weight: 400;
}
 .breadcumb-inner li a {
     font-weight: 400;
     color: #fff;
}
.breadcumb-inner li a:hover {
    color: #0c5adb;
}
.brpt h2, .breadcumb-inner h2, .brpt.brptsize h2 {
    color: #ffffff;
    font-size: 30px;
}
/* ===== 20. Pricing Plan Area CSS ===== */
.cctv_pricing_area {
    padding: 85px 0 80px;
}
.pricing_area {
    box-shadow: 8px 8px 30px 0px rgb(42 67 113 / 15%);
    border-style: none;
    border-radius: 5px;
    margin-bottom: 20px;
    background: #fff;
}
.pricing-part {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.witr_pricing_icon i {
    font-size: 50px;
    padding-top: 40px;
    display: block;
}
.witr_pricing_icon i {
    color: #0c5adb;
}
.pricing-part strong {
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    right: -40px;
    top: 13px;
    padding: 7px 20px;
    width: 160px;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.pricing-part a.btn, .pricing-part strong, .pricing_style_2 .pricing-part h5, .pricing_style_4 .witr_p_middle_inner, .pricing_style_7.pricing-part h4, .pricing_top_box, .witr_back_process, .witr_process_icon i, .witr_process_icon2 i, .witr_ribon_text h3 {
    background: #0c5adb;
}
.pricing-part strong, .witr_content_service h3, .witr_content_service h3 a, .witr_content_service p, .witr_process_btnb a, .witr_process_icon i, .witr_process_icon2 i {
    color: #fff;
}
.prt_content {
    padding: 10px 0 7px;
    font-size: 20px;
}
.pricing-part h5 {
    font-size: 35px;
}
.all_pricing_color h2, .all_pricing_color h3, .all_pricing_color h4, .all_pricing_color h5 {
    margin: 0;
}
.pricing-part span {
    font-size: 24px;
    margin-right: 5px;
}
.pricing_bar_title {
    position: relative;
    margin: 50px 0;
}
.pricing_bar_title::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #ddd;
    left: 0;
    right: 0;
    top: 50%;
}
.pricing_style_7.pricing-part h4 {
    font-size: 16px;
    padding: 13px 30px;
    display: inline-block;
    border-radius: 30px;
    color: #fff;
    z-index: 1;
    position: relative;
}
.pricing-part a.btn, .pricing-part strong, .pricing_style_2 .pricing-part h5, .pricing_style_4 .witr_p_middle_inner, .pricing_style_7.pricing-part h4, .pricing_top_box, .witr_back_process, .witr_process_icon i, .witr_process_icon2 i, .witr_ribon_text h3 {
    background: #0c5adb;
}
.witri_texti_list {
    margin-top: 25px;
}
.pricing-part ul {
    padding: 0 30px;
}
.all_pricing_color li, .all_pricing_color ol, .all_pricing_color ul {
    margin: 0;
}
.witri_texti_list ul li {
    list-style: none;
    font-size: 17px;
    margin-bottom: 17px;
}
.all_pricing_color li, .all_pricing_color ol, .all_pricing_color ul {
    margin: 0;
}
.witri_texti_list ul li i {
    margin-right: 10px;
}
.witr_btnp_color {
    padding-top: 37px;
    padding-bottom: 40px;
}
.pricing-part a.btn {
    padding: 17px 30px;
    display: inline-block;
}
.pricing-part a.btn {
    border: 1px solid #0c5adb;
}
.pricing-part a.btn, .pricing-part strong, .pricing_style_2 .pricing-part h5, .pricing_style_4 .witr_p_middle_inner, .pricing_style_7.pricing-part h4, .pricing_top_box, .witr_back_process, .witr_process_icon i, .witr_process_icon2 i, .witr_ribon_text h3 {
    background: #0c5adb;
}
.pricing-part a.btn {
    color: #fff;
	border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
}
.pricing-part a.btn:hover {
    background: 0 0;
}
.pricing-part a.btn:hover {
    color: #0c5adb;
}
/* ===== 21. Pricing Plan Area CSS ===== */
.cctv_faq_area {
    padding: 120px 0 110px;
}
.cctv_faq_area .witr_section_title_inner p {
    margin-top: 0;
    padding: 30px 0 0 0;
}
.cctv_faq_area .witr_section_title {
    margin-bottom: 35px;
}
.faq_content_inner {
    margin-left: 40px;
}
.accordion_area .card-2 {
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
.accordion_area .card-header.witr_ac_card {
    background: 0 0!important;
    padding: 0;
    border-bottom: 0;
    text-align: left;
}
.witr_ac_style {
    font-size: 17px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 11px 15px;
    transition: .5s;
}
.witr_ac_style {
    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_card i {
    margin-right: 10px;
    font-size: 20px;
}
.accordion_area .card-2 p {
    padding: 12px 15px 0;
}
.active .witr_ac_style, .banner-content a i, .banner-content button, .banner-content.content-4 ul li a:hover i, .butn:before, .witr_about_btn a, .witr_ac_style:focus, .witr_ac_style:hover {
    background: #0c5adb;
	color:#fff;
}
.active .cctv_faq_area .witr_ac_style, .cctv_faq_area .witr_ac_style:focus, .cctv_faq_area .witr_ac_style:hover {
    color: #fff;
}
.faq_img_inner .single_image img {
    margin-left: 10px;
    padding-right: 20px;
}
/* video page area */
.witr_youtube_video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -99;
}
.witr_youtube_video iframe {
    width: 100%;
    height: 100%;
    border: none;
}


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